.games-view{padding-bottom:70px}.games-intro{display:flex;align-items:end;justify-content:space-between;gap:28px}.games-intro>div{max-width:720px}.game-count{min-height:38px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;flex:0 0 auto;color:#5b47c7;background:#ede9ff;font-size:10px;font-weight:950;letter-spacing:.8px}.note-rush-game{margin-top:25px;padding:22px;border-radius:29px;color:#fff;background:linear-gradient(145deg,#111433,#28215e 62%,#433174);box-shadow:0 24px 65px #15123b3d}.rush-header{display:flex;align-items:center;justify-content:space-between;gap:22px}.rush-kicker{color:#77e2c0;font-size:9px;font-weight:950;letter-spacing:1.3px}.rush-header h2{margin:3px 0 1px;font-size:29px;letter-spacing:-.9px}.rush-header p{margin:0;color:#c9c5e8;font-size:12px}.rush-score{display:flex;gap:8px}.rush-score>span{min-width:76px;padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff14}.rush-score small,.rush-score strong{display:block}.rush-score small{color:#a8a3cb;font-size:7px;font-weight:950;letter-spacing:1px}.rush-score strong{margin-top:2px;font-size:18px}.rush-levels{margin:16px 0 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rush-levels button{min-height:54px;padding:7px 11px;border:1px solid rgba(255,255,255,.11);border-radius:14px;display:flex;align-items:center;gap:9px;color:#d6d2ef;background:#ffffff0e;cursor:pointer;text-align:left}.rush-levels button>b{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:#fff;background:#ffffff1c;font-size:12px}.rush-levels button span,.rush-levels button strong,.rush-levels button small{display:block}.rush-levels button strong{font-size:11px}.rush-levels button small{margin-top:2px;color:#9994ba;font-size:8px}.rush-levels button.active{color:#fff;border-color:#7562e3;background:#5845be;box-shadow:0 6px 16px #05051938}.rush-levels button.active>b{color:#172a27;background:#6fe0bd}.rush-levels button:disabled{opacity:.42;cursor:not-allowed}.rush-stage{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:21px;background:#171936}.rush-sky{height:42px;position:relative;overflow:hidden;background:linear-gradient(90deg,#171936,#22204d)}.rush-sky i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;opacity:.55;animation:rushTwinkle 1.8s ease-in-out infinite alternate}.rush-sky i:nth-child(1){left:8%;top:15px}.rush-sky i:nth-child(2){left:25%;top:25px;animation-delay:.2s}.rush-sky i:nth-child(3){left:44%;top:11px;animation-delay:.5s}.rush-sky i:nth-child(4){left:63%;top:28px;animation-delay:.8s}.rush-sky i:nth-child(5){left:79%;top:12px;animation-delay:1.1s}.rush-sky i:nth-child(6){left:93%;top:24px;animation-delay:.35s}@keyframes rushTwinkle{to{opacity:1;transform:scale(1.8)}}.rush-staff{height:188px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fffdf7,#f7f2e8)}.rush-staff:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(111,224,189,.1),transparent 28%,transparent 88%,rgba(108,84,232,.09))}.rush-staff-line{position:absolute;z-index:1;left:0;right:0;height:1px;background:#77717d;opacity:.63}.rush-clef{position:absolute;z-index:3;left:3.2%;top:27px;color:#34303e;font:70px/1 serif}.rush-hit-line{position:absolute;z-index:5;left:16%;top:16px;bottom:16px;width:5px;border-radius:8px;background:#35bf91;box-shadow:0 0 0 7px #35bf9124,0 0 24px #35bf918c}.rush-hit-line b{position:absolute;left:50%;top:-12px;transform:translate(-50%);padding:3px 7px;border-radius:7px;color:#123c32;background:#77e4c1;font-size:7px;letter-spacing:.7px}.rush-note{position:absolute;z-index:4;width:34px;height:24px;transform:translate(-50%,-50%);opacity:0;transition:opacity .1s linear;color:#282333}.rush-note.visible{opacity:1}.rush-note>i{position:absolute;left:3px;top:4px;width:21px;height:14px;border-radius:50%;background:#654dd6;transform:rotate(-14deg);box-shadow:0 3px 5px #221c4a40}.rush-note:after{content:"";position:absolute;left:21px;top:-20px;width:3px;height:32px;border-radius:3px;background:#3e3850}.rush-note b{position:absolute;z-index:2;left:10px;top:4px;color:#fff;font-size:10px}.rush-note.next>i{background:#7058e7;box-shadow:0 0 0 5px #7058e724,0 4px 6px #221c4a40}.rush-stage.wrong .rush-staff{animation:rushWrong .25s ease}.rush-stage.wrong .rush-hit-line{background:#ef5d57;box-shadow:0 0 0 7px #ef5d5724,0 0 24px #ef5d5780}@keyframes rushWrong{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.rush-burst{position:absolute;z-index:8;left:16%;transform:translate(-50%,-50%);font-size:13px;font-weight:950;animation:rushBurst .65s ease-out both}.rush-burst.correct{color:#138160}.rush-burst.missed{color:#db4a45}.rush-burst i{position:absolute;width:7px;height:7px;border-radius:2px;background:#45cc9d}.rush-burst i:nth-child(1){left:-13px;top:-7px}.rush-burst i:nth-child(2){right:-11px;top:-10px}.rush-burst i:nth-child(3){right:-3px;bottom:-11px}@keyframes rushBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-130%) scale(1.25)}}.rush-ready,.rush-countdown,.rush-result{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f9f6eeed;color:#2c2837;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rush-ready strong{font-size:19px}.rush-ready>span{margin:2px 0 13px;color:#716b78;font-size:12px}.rush-ready button{min-height:44px;padding:0 18px;border:0;border-radius:13px;display:flex;align-items:center;gap:7px;color:#fff;background:#674ee8;cursor:pointer;font-size:12px;font-weight:950;box-shadow:0 8px 18px #674ee840}.rush-countdown strong{color:#674ee8;font-size:76px;line-height:.85;animation:rushCount .7s ease both}.rush-countdown span{margin-top:10px;color:#77717f;font-size:12px;font-weight:800}@keyframes rushCount{0%{opacity:.2;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.rush-result>span{width:51px;height:51px;display:grid;place-items:center;border-radius:17px;color:#fff;background:#25a77f;font-size:25px}.rush-result.retry>span{background:#e56a5f}.rush-result>strong{margin-top:7px;font-size:19px}.rush-result p{margin:1px 0 8px;color:#756f7d;font-size:11px}.rush-result>div{display:flex;gap:7px}.rush-result button{min-height:36px;padding:0 13px;border:1px solid #d7d1e0;border-radius:10px;color:#5a4bb0;background:#fff;cursor:pointer;font-size:10px;font-weight:900}.rush-result button.next{display:flex;align-items:center;gap:3px;color:#fff;border-color:#674ee8;background:#674ee8}.rush-feedback{min-height:64px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.rush-feedback>span{display:flex;align-items:center;gap:8px;color:#c6c2df;font-size:11px;font-weight:800}.rush-feedback>span>i{width:9px;height:9px;border-radius:50%;background:#77718e}.rush-feedback>span.live>i{background:#5edab2;box-shadow:0 0 0 5px #5edab21f}.rush-feedback>span.wrong{color:#ffaaa4}.rush-feedback>span.wrong>i{background:#f5655f}.rush-feedback>div{display:flex;gap:5px}.rush-feedback kbd{min-width:38px;padding:4px 5px;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:grid;grid-template-columns:auto auto;align-items:center;gap:4px;color:#fff;background:#ffffff12;font-family:inherit}.rush-feedback kbd b{font-size:9px}.rush-feedback kbd span{color:#9f99c0;font-size:8px}.rush-controls{min-height:53px;margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.rush-input{display:flex;align-items:center;gap:7px}.rush-input>span{margin-right:5px;display:flex;align-items:center;gap:7px;color:#aba6ca;font-size:10px;font-weight:800}.rush-input>span i{width:8px;height:8px;border-radius:50%;background:#77728f}.rush-input>span.connected i{background:#55d6ad;box-shadow:0 0 0 4px #55d6ad1f}.rush-controls button{min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.15);border-radius:11px;display:inline-flex;align-items:center;gap:6px;color:#fff;background:#ffffff14;cursor:pointer;font-size:10px;font-weight:900}.rush-controls button:hover{background:#ffffff24}.rush-controls button:disabled{opacity:.4;cursor:not-allowed}.rush-preview{margin-left:auto}.rush-error{margin:4px 0 0;padding:9px 11px;border-radius:10px;color:#ffd0cc;background:#d6413b33;font-size:10px}.games-coming{margin-top:19px}.games-coming>span{color:#8b8694;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.games-coming>div{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.games-coming article{min-height:68px;padding:13px 16px;border:1px dashed #d8d3df;border-radius:17px;display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;color:#aaa5b2;background:#f8f6fa}.games-coming article svg{grid-row:1/3}.games-coming article strong,.games-coming article small{display:block}.games-coming article strong{font-size:12px}.games-coming article small{font-size:9px}@media (max-width:760px){.mobile-nav{grid-template-columns:repeat(5,1fr)}.games-intro{align-items:flex-start;flex-direction:column;gap:10px}.game-count{min-height:32px}.note-rush-game{margin-top:17px;padding:12px;border-radius:22px}.rush-header{align-items:flex-start}.rush-header h2{font-size:23px}.rush-header p{font-size:10px}.rush-score>span{min-width:57px;padding:7px 9px}.rush-score>span:first-child{display:none}.rush-levels{overflow-x:auto;grid-template-columns:repeat(3,190px)}.rush-levels button{min-height:49px}.rush-staff{height:180px}.rush-clef{left:2%;font-size:61px}.rush-hit-line{left:17%}.rush-note{width:30px}.rush-burst{left:17%}.rush-feedback{align-items:flex-start;flex-direction:column;gap:7px}.rush-feedback>div{width:100%}.rush-feedback kbd{flex:1;justify-content:center}.rush-controls{align-items:stretch;flex-direction:column}.rush-input{display:grid;grid-template-columns:1fr 1fr}.rush-input>span{grid-column:1/-1}.rush-controls button{justify-content:center}.rush-preview{width:100%}.games-coming>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rush-sky i,.rush-stage.wrong .rush-staff,.rush-burst,.rush-countdown strong{animation:none}}.games-view{padding-top:28px}.games-library{padding-top:34px}.games-library-intro{padding:7px 3px 25px}.games-library-intro h1{margin:7px 0;font-size:clamp(38px,5vw,56px);line-height:1;letter-spacing:-2.2px}.games-library-intro p{margin:0;color:#7e7888;font-size:16px}.game-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-library-card{min-width:0;padding:0;overflow:hidden;border:1px solid #ddd8e5;border-radius:24px;display:grid;grid-template-rows:180px 1fr;color:#282432;background:#fff;box-shadow:0 13px 32px #281f4d14;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.game-library-card:hover{transform:translateY(-3px);border-color:#bcb1df;box-shadow:0 18px 40px #281f4d21}.game-library-card:focus-visible{outline:4px solid rgba(103,78,232,.24);outline-offset:3px}.game-card-art{position:relative;display:block;overflow:hidden;background:#d8d6dc}.game-card-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.2,.75,.25,1)}.game-library-card:hover .game-card-art img{transform:scale(1.035)}.game-card-copy{min-height:156px;padding:21px 23px 22px;display:grid;grid-template-columns:1fr auto;align-content:start;column-gap:12px}.game-card-copy small{grid-column:1/-1;color:#6a53d8;font-size:10px;font-weight:950;letter-spacing:1.1px}.scale-climb-card .game-card-copy small{color:#267f94}.game-card-copy strong{grid-column:1/-1;margin-top:4px;font-size:25px;line-height:1.1;letter-spacing:-.7px}.game-card-copy>span{margin-top:9px;color:#77717e;font-size:14px;line-height:1.45}.game-card-copy em{align-self:end;margin-top:9px;display:inline-flex;align-items:center;gap:2px;color:#5f4ad0;font-size:13px;font-style:normal;font-weight:950}.scale-climb-card .game-card-copy em{color:#247f94}.flight-drills-card .game-card-copy small,.flight-drills-card .game-card-copy em{color:#1b8572}.games-intro{min-height:82px;padding:0 4px;align-items:center}.games-intro h1{margin:3px 0 0;font-size:38px;letter-spacing:-1.4px}.games-intro p{margin:0;color:#827d8a;font-size:13px}.game-count{min-height:32px;padding-inline:12px;color:#6b56d2;background:#f0edff}.note-rush-game{margin-top:12px;padding:0;overflow:hidden;border:1px solid #ded9e7;border-radius:22px;color:#282432;background:#fff;box-shadow:0 14px 38px #1e1a3c14}.rush-header{min-height:70px;padding:10px 17px;border-bottom:1px solid #ebe7ef;gap:14px}.rush-kicker{color:#6a53d8;font-size:8px}.rush-header h2{margin:1px 0 0;font-size:20px;letter-spacing:-.5px}.rush-header p{color:#8c8793;font-size:10px}.rush-score{min-width:76px;padding-left:14px;border-left:1px solid #e7e2eb;display:block;text-align:right}.rush-score small{color:#aaa4b0;font-size:7px;font-weight:950;letter-spacing:1px}.rush-score strong{margin:0;color:#2d2836;font-size:22px;line-height:1}.rush-stage{border:0;border-radius:0;background:#fff}.rush-staff{height:300px;background:#fcfbf8;contain:layout paint}.rush-staff:after{background:linear-gradient(90deg,rgba(80,204,163,.07),transparent 25%,transparent 92%,rgba(103,78,232,.035))}.rush-staff-line{background:#6f6a76;opacity:.48}.rush-clef{left:3%;top:70px;color:#37323d}.rush-hit-line{left:16%;top:22px;bottom:22px;width:4px;box-shadow:0 0 0 6px #35bf911a}.rush-note{left:0;opacity:0;transition:none;will-change:transform,opacity}.rush-note>i{background:#6b54d9;box-shadow:none}.rush-note.next>i{background:#6b54d9;box-shadow:0 0 0 5px #6b54d91c}.rush-feedback{min-height:48px;padding:8px 16px;border-top:1px solid #ece8ef;color:#6d6874;background:#fff}.rush-feedback>span{color:#696371;font-size:11px}.rush-feedback>span>i{background:#bbb5c2}.rush-feedback>span.live>i{background:#36bc91}.rush-feedback>span.wrong{color:#d94c46}.rush-feedback>small{color:#aaa4af;font-size:8px;font-weight:800;letter-spacing:.35px}.rush-controls{min-height:55px;margin:0;padding:8px 13px;border-top:1px solid #ece8ef;justify-content:flex-start;background:#faf9fb}.rush-input-state{margin-right:auto;display:flex;align-items:center;gap:7px;color:#8d8794;font-size:10px;font-weight:850}.rush-input-state i{width:8px;height:8px;border-radius:50%;background:#bbb5c0}.rush-input-state.connected i{background:#33b98e;box-shadow:0 0 0 4px #33b98e1a}.rush-controls button{min-height:34px;padding:0 10px;color:#6153a9;border-color:#ded8e7;background:#fff}.rush-controls button:hover{background:#f3f0fb}.rush-preview{margin-left:0}.rush-ready,.rush-countdown,.rush-result{background:#fcfbf8f2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rush-ready strong{font-size:20px}.rush-ready>span{margin-bottom:14px}.rush-ready button{min-height:46px;padding-inline:22px;border-radius:23px;box-shadow:0 7px 18px #674ee833}@media (max-width:760px){.games-view{padding-top:17px}.games-library{padding-top:18px}.games-library-intro{padding-bottom:18px}.games-library-intro h1{font-size:38px}.games-library-intro p{font-size:14px}.game-library-grid{grid-template-columns:1fr;gap:13px}.game-library-card{grid-template-columns:126px 1fr;grid-template-rows:1fr;min-height:154px;border-radius:20px}.game-card-art{min-height:154px}.game-card-copy{min-height:154px;padding:17px 16px}.game-card-copy strong{font-size:21px}.game-card-copy>span{font-size:12px}.games-intro{min-height:66px;flex-direction:row;align-items:center}.games-intro h1{font-size:30px}.games-intro p{font-size:11px}.game-count{display:none}.note-rush-game{margin-top:8px;border-radius:18px}.rush-header{min-height:61px;padding:8px 11px}.rush-header p{display:none}.rush-header h2{font-size:17px}.rush-score{min-width:56px;padding-left:9px}.rush-score strong{font-size:18px}.rush-staff{height:265px}.rush-clef{left:1%}.rush-hit-line{left:17%}.rush-feedback{min-height:45px}.rush-feedback>small{display:none}.rush-controls{min-height:52px;display:grid;grid-template-columns:1fr auto auto auto;gap:5px}.rush-controls button{padding-inline:8px}.rush-controls button svg{display:none}.rush-input-state{margin:0}}.game-mode{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;overflow:hidden;display:block;background:#cecece}.game-mode .side-nav,.game-mode .topbar,.game-mode .mobile-nav{display:none}.game-mode .main-area{height:100dvh;margin:0;overflow:hidden}.game-mode .games-view{width:100%;height:100dvh;padding:0}.game-mode .note-rush-game{width:100%;height:100%;margin:0;border:0;border-radius:0;position:relative;background:#cecece;box-shadow:none}.rush-game-hud{position:absolute;z-index:30;inset:30px 24px auto;min-height:64px;display:flex;justify-content:flex-end;align-items:center;gap:28px}.rush-game-hud .rush-progress{position:absolute;left:50%;transform:translate(-50%)}.rush-progress{width:min(440px,38vw);height:48px;padding:7px 13px;border:7px solid #fff;border-radius:999px;position:relative;justify-self:center;grid-column:1/2;background:#666;box-shadow:0 3px 7px #0000001f}.rush-progress>i{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.rush-progress>i>span{display:block;height:100%;border-radius:inherit;background:#66c5f2;transition:width .2s ease}.rush-progress>b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:18px;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.24)}.rush-level-stepper{min-width:142px;height:50px;padding:5px;border-radius:999px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background:#65c3ef;box-shadow:0 3px 6px #00000014}.rush-level-stepper button{width:40px;height:40px;border:0;border-radius:50%;color:#fff;background:transparent;cursor:pointer;font-size:28px;line-height:1}.rush-level-stepper button:hover:not(:disabled){background:#ffffff2e}.rush-level-stepper button:disabled{opacity:.32;cursor:not-allowed}.rush-level-stepper strong{display:flex;align-items:baseline;justify-content:center;color:#fff;line-height:1}.rush-level-stepper strong span{font-size:20px}.rush-level-stepper strong small{margin-left:3px;font-size:10px;opacity:.8}.rush-speed-slider{position:absolute;left:0;width:176px;height:48px;padding:4px;border:4px solid #fff;border-radius:999px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#3f475694;box-shadow:0 3px 7px #00000024}.rush-speed-slider button{min-width:0;border:0;border-radius:999px;color:#ffffffc7;background:transparent;cursor:pointer;font-size:10px;font-weight:950;letter-spacing:.2px}.rush-speed-slider button[aria-pressed=true]{color:#35455b;background:#fff;box-shadow:0 2px 5px #00000024}.rush-speed-slider button:disabled{cursor:not-allowed;opacity:.72}.rush-close{width:58px;height:58px;border:5px solid rgba(0,0,0,.12);border-radius:50%;display:grid;place-items:center;color:#fff;background:#555;cursor:pointer;box-shadow:0 3px 7px #00000029}.game-mode .rush-stage{width:100%;height:100%;background:#cecece}.game-mode .rush-staff{width:100%;height:100%;background-color:#cecece;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='92' viewBox='0 0 126 92'%3E%3Ctext x='14' y='42' font-family='Arial' font-size='34' fill='%23ffffff' fill-opacity='.42'%3E%E2%99%AA%3C/text%3E%3C/svg%3E");contain:layout paint style}.game-mode .rush-staff:after{display:none}.game-mode .rush-staff-line{left:16%;right:14%;height:4px;opacity:1;transform:translateY(-50%);background:#080808}.game-mode .rush-clef{display:block;left:10.5%;top:calc(50% - 67px);color:#080808;font-size:96px;line-height:1}.game-mode .rush-hit-line{z-index:3;left:28%;top:50%;bottom:auto;width:124px;height:72px;border:4px solid rgba(255,255,255,.82);border-radius:38px;transform:translate(-50%,-50%);background:#39a98533;box-shadow:0 0 0 8px #39a98521,0 0 28px #39a98533;animation:rushTargetPulse 1.35s ease-in-out infinite}.game-mode .rush-hit-line:before{content:"";position:absolute;left:50%;top:-132px;width:5px;height:332px;border-radius:5px;transform:translate(-50%);background:#2aa77f;box-shadow:0 0 16px #2aa77fa6}.game-mode .rush-hit-line:after{content:"";position:absolute;left:50%;top:50%;width:31px;height:31px;border:6px solid #2aa77f;border-radius:50%;transform:translate(-50%,-50%);background:#ffffff57;box-shadow:0 0 0 7px #2aa77f26}@keyframes rushTargetPulse{50%{box-shadow:0 0 0 13px #39a98514,0 0 38px #39a9854d}}.game-mode .rush-note{width:42px;height:30px;left:0;opacity:0;transform:translate3d(-80px,-50%,0);transition:none;will-change:transform;backface-visibility:hidden;color:#000}.game-mode .rush-note>i{left:0;top:4px;width:34px;height:22px;border-radius:50%;background:#000;transform:none;box-shadow:none}.game-mode .rush-note:after{left:31px;top:-47px;width:5px;height:62px;border-radius:0;background:#000}.game-mode .rush-note[data-note=C4]:before{content:"";position:absolute;z-index:1;left:-7px;top:13px;width:48px;height:4px;background:#080808}.game-mode .rush-note b{display:none}.game-mode .rush-note.next b,.game-mode .rush-note.judged.correct b,.game-mode .rush-note.judged.missed b{position:absolute;z-index:3;left:0;top:4px;width:34px;height:22px;display:grid;place-items:center;color:#fff;font-size:14px;line-height:1;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.25)}.game-mode .rush-note.next>i{background:#000;box-shadow:none}.game-mode .rush-note.early-pressed>i{animation:rushHeadEarlyPress .36s cubic-bezier(.2,.72,.28,1) both}.game-mode .rush-note.early-pressed b{animation:rushLetterEarlyPress .36s cubic-bezier(.2,.72,.28,1) both}@keyframes rushHeadEarlyPress{0%,to{background:#000;transform:translateY(0) scale(1);box-shadow:inset 0 2px 1px #ffffff24}42%{background:#111;transform:translateY(4px) scale(.9,.76);box-shadow:inset 0 8px 9px #000000c7,inset 0 -2px 2px #fff3,0 2px #0000002e}72%{background:#050505;transform:translateY(1px) scale(1.04,.96);box-shadow:inset 0 3px 3px #00000057}}@keyframes rushLetterEarlyPress{0%,to{transform:translateY(0) scale(1)}42%{transform:translateY(4px) scale(.88,.76)}72%{transform:translateY(1px) scale(1.03,.96)}}.game-mode .rush-note.judged.correct{opacity:1;transform-origin:17px 15px;animation:rushNoteCorrect .68s cubic-bezier(.2,.72,.28,1) forwards}.game-mode .rush-note.dismissed{opacity:0!important;animation:none!important}.game-mode .rush-note.judged.correct>i{animation:rushHeadPress .68s cubic-bezier(.2,.72,.28,1) both}.game-mode .rush-note.judged.correct:after{animation:rushStemConfirm .68s ease-out both}.game-mode .rush-note.judged.correct[data-note=C4]:before{animation:rushStemConfirm .68s ease-out both}.game-mode .rush-note.judged.correct b{animation:rushLetterPress .68s cubic-bezier(.2,.72,.28,1) both}@keyframes rushNoteCorrect{0%,74%{opacity:1}to{opacity:0}}@keyframes rushHeadPress{0%{background:#000;transform:translateY(0) scale(1);box-shadow:inset 0 2px 1px #ffffff26}18%{background:#111;transform:translateY(4px) scale(.9,.76);box-shadow:inset 0 7px 8px #000000b8,inset 0 -2px 2px #ffffff2e}34%{background:#20b979;transform:translateY(3px) scale(.94,.8);box-shadow:inset 0 6px 7px #08583c9e,0 0 0 7px #20b97933}62%{background:#20b979;transform:translateY(0) scale(1.13);box-shadow:inset 0 2px 2px #ffffff47,0 0 0 10px #20b97933,0 0 25px #20b97994}to{background:#20b979;transform:translateY(-2px) scale(.96);box-shadow:0 0 0 13px #20b97900,0 0 28px #20b97900}}@keyframes rushStemConfirm{0%,18%{background:#000}34%,to{background:#20b979}}@keyframes rushLetterPress{0%{transform:translateY(0) scale(1)}18%,34%{transform:translateY(4px) scale(.88,.76)}62%{transform:translateY(0) scale(1.08)}to{transform:translateY(-2px) scale(.95)}}.game-mode .rush-note.judged.missed{opacity:1;animation:rushNoteMiss .68s ease-out forwards}.game-mode .rush-note.judged.missed>i{animation:rushHeadMiss .68s cubic-bezier(.2,.72,.28,1) both}.game-mode .rush-note.judged.missed:after,.game-mode .rush-note.judged.missed[data-note=C4]:before{animation:rushStemMiss .68s ease-out both}.game-mode .rush-note.judged.missed b{width:34px;font-size:8px;letter-spacing:-.25px;animation:rushLetterMiss .68s ease-out both}@keyframes rushNoteMiss{0%,74%{opacity:1}to{opacity:0}}@keyframes rushHeadMiss{0%{background:#000;transform:translate(0) scale(1);box-shadow:none}16%{background:#ef4f4a;transform:translate(-4px) scale(1.08);box-shadow:inset 0 5px 6px #750e0c8c,0 0 0 7px #ef4f4a2e}30%{background:#ef4f4a;transform:translate(4px) scale(1.08);box-shadow:inset 0 5px 6px #750e0c8c,0 0 0 9px #ef4f4a24}48%,to{background:#ef4f4a;transform:translate(0) scale(1);box-shadow:inset 0 3px 4px #750e0c6b,0 0 0 12px #ef4f4a00}}@keyframes rushStemMiss{0%{background:#000}16%,to{background:#ef4f4a}}@keyframes rushLetterMiss{0%{opacity:0;transform:scale(.72)}16%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.rush-milestone{position:absolute;z-index:24;left:50%;top:50%;width:340px;height:250px;transform:translate(-50%,-50%);display:grid;place-content:center;pointer-events:none;color:#fff;text-align:center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.22));animation:rushMilestoneText 1.5s ease-out both}.rush-milestone>strong{position:relative;z-index:2;font-size:76px;line-height:.8;text-shadow:0 3px 0 #208c6a,0 7px 18px rgba(0,0,0,.28)}.rush-milestone>span{position:relative;z-index:2;margin-top:10px;font-size:17px;font-weight:950;letter-spacing:2px}.rush-milestone>div{position:absolute;top:0;right:0;bottom:0;left:0}.rush-milestone>div i{position:absolute;left:50%;top:50%;width:92px;height:92px;background:#fff;transform:translate(-50%,-50%)}.rush-milestone>div i.star{-webkit-mask:url(/game-assets/kenney-star.png) center/contain no-repeat;mask:url(/game-assets/kenney-star.png) center/contain no-repeat;background:#ffe76a}.rush-milestone>div i.magic{-webkit-mask:url(/game-assets/kenney-magic.png) center/contain no-repeat;mask:url(/game-assets/kenney-magic.png) center/contain no-repeat;background:#72ddff}.rush-milestone>div i.p1{--x:-145px;--y:-95px}.rush-milestone>div i.p2{--x:-70px;--y:-125px}.rush-milestone>div i.p3{--x:10px;--y:-130px}.rush-milestone>div i.p4{--x:105px;--y:-100px}.rush-milestone>div i.p5{--x:155px;--y:-20px}.rush-milestone>div i.p6{--x:120px;--y:75px}.rush-milestone>div i.p7{--x:38px;--y:115px}.rush-milestone>div i.p8{--x:-48px;--y:120px}.rush-milestone>div i.p9{--x:-130px;--y:85px}.rush-milestone>div i.p10{--x:-165px;--y:5px}.rush-milestone>div i.p11{--x:-105px;--y:-55px}.rush-milestone>div i.p12{--x:70px;--y:35px}.rush-milestone>div i{animation:rushParticlePop 1.15s cubic-bezier(.16,.8,.3,1) both}.rush-milestone>div i:nth-child(3n){animation-delay:.06s}.rush-milestone>div i:nth-child(3n+1){animation-delay:.12s}.rush-milestone.mega>div i{width:118px;height:118px}.rush-milestone.mega>strong{font-size:92px}@keyframes rushParticlePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0)}28%{opacity:1}75%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(210deg)}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) + 28px)) scale(.72) rotate(280deg)}}@keyframes rushMilestoneText{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}18%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-58%) scale(1.08)}}.game-mode .rush-burst{left:28%;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:visible;color:transparent;background:#4fd69b;font-size:0;box-shadow:0 0 0 5px #ffffff8c}.game-mode .rush-burst.correct:after{content:"✓";color:#fff;font-size:23px;font-weight:950}.game-mode .rush-burst.missed{color:#fff;background:#ef5d57;font-size:9px}.game-mode .rush-burst i{display:none}.game-mode .rush-stage.wrong .rush-staff{animation:none}.game-mode .rush-stage.wrong .rush-hit-line{border-color:#fff;background:#ef5d5761;box-shadow:0 0 0 12px #ef5d572e,0 0 32px #ef5d5757;animation:none}.game-mode .rush-stage.wrong .rush-hit-line:before,.game-mode .rush-stage.wrong .rush-hit-line:after{border-color:#e54f49;background:#e54f49;box-shadow:0 0 18px #e54f498c}.game-mode .rush-ready,.game-mode .rush-countdown,.game-mode .rush-result{background:#cececee6;-webkit-backdrop-filter:none;backdrop-filter:none}.game-mode .rush-ready strong{font-size:34px}.game-mode .rush-ready>span{color:#6f6f6f;font-size:16px}.game-mode .rush-ready button{min-width:170px;min-height:62px;border-radius:32px;justify-content:center;background:#62bff0;font-size:18px;box-shadow:0 4px 8px #0000001f}.game-mode .rush-countdown strong{color:#4eaedc;font-size:100px}.game-mode .rush-result>span{background:#59c99f}.game-mode .rush-result button.next{border-color:#5ebfee;background:#5ebfee}.game-mode .rush-error{position:absolute;z-index:35;left:50%;bottom:25px;transform:translate(-50%);margin:0;max-width:620px;color:#8e312d;background:#ffffffe0}.tower-defense{position:absolute;z-index:5;left:0;right:0;top:12%;height:25%;overflow:hidden;pointer-events:none}.tower-road{position:absolute;z-index:1;left:8%;right:0;bottom:5px;height:7px;border-radius:8px;background:#31445340;box-shadow:0 3px #ffffff73,0 -2px #293b4829}.music-tower{position:absolute;z-index:5;left:6%;bottom:7px;width:116px;height:116px;background-image:url(/game-assets/tower-defense/piano-quest-cannon-atlas.webp);background-size:400% 500%;background-position-x:0;background-position-y:0;background-repeat:no-repeat;filter:drop-shadow(0 8px 7px rgba(31,53,65,.26));transform-origin:42% 90%;animation:towerCannonFrames 1.2s steps(1,end) infinite,towerCannonBob 2.8s ease-in-out infinite}.music-tower.cannon-brass{background-position-y:0}.music-tower.cannon-crystal{background-position-y:25%}.music-tower.cannon-drum{background-position-y:50%}.music-tower.cannon-star{background-position-y:75%}.music-tower.cannon-steam{background-position-y:100%}.music-tower.damage{animation:towerCannonFrames 1.2s steps(1,end) infinite,towerDamage .52s ease both}@keyframes towerCannonFrames{0%,24.99%{background-position-x:0}25%,49.99%{background-position-x:33.333%}50%,74.99%{background-position-x:66.667%}75%,to{background-position-x:100%}}@keyframes towerCannonBob{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-3px) rotate(.8deg)}}@keyframes towerDamage{18%,52%{transform:translate(-7px) rotate(-4deg);filter:drop-shadow(0 8px 7px rgba(31,53,65,.26)) brightness(.8) sepia(.4)}36%,70%{transform:translate(6px) rotate(3deg)}}.tower-shields{position:absolute;z-index:7;left:6.4%;bottom:119px;display:flex;gap:5px}.tower-shields i{width:15px;height:15px;border:3px solid rgba(255,255,255,.92);border-radius:50%;background:#43d99f;box-shadow:0 2px 5px #20454133}.tower-shields i.empty{background:#ee725b;opacity:.46}.tower-enemy{position:absolute;z-index:4;right:-96px;bottom:7px;width:96px;height:96px;filter:drop-shadow(0 7px 5px rgba(38,50,57,.24));animation-name:towerEnemyWalk;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform}.tower-enemy-sprite{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/game-assets/tower-defense/piano-quest-enemy-walk-atlas.webp);background-position-x:0;background-position-y:0;background-size:400% 800%;background-repeat:no-repeat;image-rendering:auto;animation:towerEnemyStride4 .48s steps(1,end) infinite;will-change:background-position}.enemy-slime-goblin .tower-enemy-sprite{background-position-y:0}.enemy-mushroom .tower-enemy-sprite{background-position-y:14.286%}.enemy-cyclops .tower-enemy-sprite{background-position-y:28.571%}.enemy-ice-imp .tower-enemy-sprite{background-position-y:42.857%}.enemy-turtle .tower-enemy-sprite{background-position-y:57.143%}.enemy-beetle .tower-enemy-sprite{background-position-y:71.429%}.enemy-cloud .tower-enemy-sprite{background-position-y:85.714%}.enemy-moon-bat .tower-enemy-sprite{background-position-y:100%}@keyframes towerEnemyStride4{0%,24.99%{background-position-x:0}25%,49.99%{background-position-x:33.333%}50%,74.99%{background-position-x:66.667%}75%,to{background-position-x:100%}}@keyframes towerEnemyWalk{0%{transform:translateZ(0) rotate(0)}12%{transform:translate3d(-11.75vw,-5px,0) rotate(-2deg)}24%{transform:translate3d(-23.5vw,0,0) rotate(2deg)}36%{transform:translate3d(-35.25vw,-5px,0) rotate(-2deg)}48%{transform:translate3d(-47vw,0,0) rotate(2deg)}60%{transform:translate3d(-58.75vw,-5px,0) rotate(-2deg)}72%{transform:translate3d(-70.5vw,0,0) rotate(2deg)}84%{transform:translate3d(-82.25vw,-5px,0) rotate(-2deg)}to{transform:translate3d(-94vw,0,0) rotate(2deg)}}.tower-enemy>i{position:absolute;left:12%;right:12%;top:-7px;height:7px;padding:2px;overflow:hidden;border-radius:8px;background:#29313ab8;box-shadow:0 1px 3px #00000038}.tower-enemy>i>b{display:block;height:100%;border-radius:5px;background:#66e1a9;transition:width .18s ease}.tower-enemy.hit{filter:drop-shadow(0 0 11px #fff) brightness(1.75)}.tower-enemy.hit>i>b{background:#ffe263}.tower-shot{position:absolute;z-index:8;left:12%;bottom:57px;width:36px;height:36px;background:url(/game-assets/game-worlds/star-gold.png) center/contain no-repeat;filter:drop-shadow(0 0 9px rgba(255,221,72,.95));animation:towerShotFly .43s cubic-bezier(.2,.64,.26,1) both}@keyframes towerShotFly{0%{opacity:0;transform:translateZ(0) scale(.5) rotate(0)}16%{opacity:1}to{opacity:0;transform:translate3d(58vw,-12px,0) scale(1.05) rotate(250deg)}}.tower-explosion{position:absolute;z-index:9;left:66%;bottom:28px;width:86px;height:86px;background:url(/game-assets/kenney-magic.png) center/contain no-repeat;animation:towerExplosion .62s ease-out both}.tower-impact{position:absolute;z-index:9;left:5%;bottom:5px;width:106px;height:106px;background:url(/game-assets/game-worlds/puff-large.png) center/contain no-repeat;animation:towerExplosion .52s ease-out both}@keyframes towerExplosion{0%{opacity:0;transform:scale(.2) rotate(0)}35%{opacity:1;transform:scale(1.22) rotate(45deg)}to{opacity:0;transform:scale(1.65) rotate(110deg)}}.tower-defense.destroyed .music-tower{animation:towerCollapse .75s cubic-bezier(.5,.02,.8,.4) forwards}.tower-defense.destroyed .tower-shields,.tower-defense.victory .tower-enemy{opacity:0}.tower-defense.victory .music-tower{animation:towerVictory .8s ease both}@keyframes towerCollapse{to{transform:translateY(72px) rotate(-24deg);opacity:.38;filter:grayscale(.8) brightness(.65)}}@keyframes towerVictory{45%{transform:translateY(-16px) rotate(-4deg) scale(1.07)}}.game-world{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background-position:center;background-size:cover}.game-cloud{position:absolute;width:84px;height:70px;opacity:.78;background:url(/game-assets/game-worlds/puff-large.png) center/84px 70px no-repeat;animation:gameCloudMove 14s linear infinite}.game-cloud.cloud-one{left:74%;top:18%}.game-cloud.cloud-two{left:51%;top:32%;width:50px;height:42px;background-image:url(/game-assets/game-worlds/puff-small.png);background-size:50px 42px;animation-duration:19s;animation-delay:-9s}@keyframes gameCloudMove{0%{transform:translate(28vw)}to{transform:translate(-82vw)}}.game-character{position:absolute;z-index:4;left:7%;top:28%;transform-origin:center;filter:drop-shadow(0 7px 6px rgba(34,65,84,.25))}@keyframes gameBirdFlap{to{background-position-x:-960px}}.character-bird{width:96px;height:64px;background-image:url(/game-assets/sky-drills/bird.png);background-size:1056px 512px;background-position:0 -384px;animation:gameBirdFlap .72s steps(10) infinite}@keyframes gamePlaneFly{to{background-position-x:-176px}}.character-plane-blue,.character-plane-green,.character-plane-red,.character-plane-yellow{width:88px;height:73px;background-size:264px 73px;background-position:0 0;animation:gamePlaneFly .54s steps(2) infinite}.character-plane-blue{background-image:url(/game-assets/game-worlds/plane-blue.png)}.character-plane-green{background-image:url(/game-assets/game-worlds/plane-green.png)}.character-plane-red{background-image:url(/game-assets/game-worlds/plane-red.png)}.character-plane-yellow{background-image:url(/game-assets/game-worlds/plane-yellow.png)}.game-character.hit{animation:gameCharacterJump .52s cubic-bezier(.18,.78,.3,1) both}.character-bird.hit{animation:gameBirdFlap .48s steps(10) infinite,gameCharacterJump .52s cubic-bezier(.18,.78,.3,1) both}.character-plane-blue.hit,.character-plane-green.hit,.character-plane-red.hit,.character-plane-yellow.hit{animation:gamePlaneFly .4s steps(2) infinite,gameCharacterJump .52s cubic-bezier(.18,.78,.3,1) both}.game-character.hit:after{content:"";position:absolute;left:72px;top:-12px;width:39px;height:38px;background:url(/game-assets/game-worlds/star-gold.png) center/contain no-repeat;animation:gameHitStar .52s ease-out both}@keyframes gameCharacterJump{0%{transform:translateY(0) rotate(0)}42%{transform:translateY(-55px) rotate(-10deg)}to{transform:translateY(-12px) rotate(2deg)}}@keyframes gameHitStar{0%{opacity:0;transform:scale(.2) rotate(0)}38%{opacity:1;transform:scale(1.25) rotate(65deg)}to{opacity:0;transform:translate(28px,-28px) scale(.7) rotate(150deg)}}.character-bird.miss{background-position:0 0;animation:gameBirdDeath .34s steps(2) forwards,gameCharacterCrash .95s cubic-bezier(.48,.02,.8,.42) forwards}.character-plane-blue.miss,.character-plane-green.miss,.character-plane-red.miss,.character-plane-yellow.miss{animation:gamePlaneFly .22s steps(2) infinite,gameCharacterCrash .95s cubic-bezier(.48,.02,.8,.42) forwards}.game-character.miss:after{content:"";position:absolute;left:-28px;top:42px;width:50px;height:42px;background:url(/game-assets/game-worlds/puff-small.png) center/contain no-repeat;animation:gameCrashPuff .8s ease-out both}@keyframes gameBirdDeath{to{background-position-x:-192px}}@keyframes gameCharacterCrash{0%{transform:translateY(0) rotate(0)}24%{transform:translateY(-8px) rotate(28deg)}to{transform:translateY(68vh) rotate(155deg)}}@keyframes gameCrashPuff{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:translate(-48px,28px) scale(1.7)}}.game-mode .note-rush-game .rush-staff-line{z-index:3;background:#273342;opacity:.7;box-shadow:0 1px #ffffff94}.game-mode .note-rush-game .rush-clef{z-index:4;color:#253242}.game-mode .note-rush-game .rush-note{z-index:7}.game-mode .note-rush-game .rush-hit-line{z-index:6;border-color:#ffffffe6;background:#ffc74a47;box-shadow:0 0 0 9px #ffc74a2b,0 0 30px #f0a51b61}.game-mode .note-rush-game .rush-hit-line:before{background:#efaa25;box-shadow:0 0 18px #efaa25b3}.game-mode .note-rush-game .rush-hit-line:after{border-color:#efaa25;background:#fff2b7;box-shadow:0 0 0 7px #efaa2533}.game-mode .game-theme-note .rush-level-stepper{background:#619ee8}.game-mode .game-theme-note .rush-progress>i>span{background:#67c8f2}.game-mode .game-theme-scale .rush-level-stepper{background:#8a64ce}.game-mode .game-theme-scale .rush-progress>i>span{background:#b08bea}.game-mode .game-theme-scale .rush-ready button,.game-mode .game-theme-scale .rush-result button.next{border-color:#8a64ce;background:#8a64ce}.game-mode .game-theme-flight .rush-level-stepper{background:#39ae92}.game-mode .game-theme-flight .rush-progress>i>span{background:#ffc857}.game-mode .game-theme-flight .rush-close{background:#315769}.game-mode .game-theme-flight .rush-ready button,.game-mode .game-theme-flight .rush-result button.next{border-color:#2fa889;background:#2fa889}.game-mode .note-rush-game .rush-ready,.game-mode .note-rush-game .rush-countdown,.game-mode .note-rush-game .rush-result{background:#e8f4f7e6}.game-theme-flight .rush-milestone>div i.star{-webkit-mask:none;mask:none;background:transparent url(/game-assets/game-worlds/star-gold.png) center/contain no-repeat}.game-theme-flight .rush-milestone>div i.magic{-webkit-mask:none;mask:none;background:transparent url(/game-assets/game-worlds/puff-large.png) center/contain no-repeat}.game-theme-flight .rush-milestone>strong{text-shadow:0 3px 0 #c4840e,0 7px 18px rgba(0,0,0,.25)}@media (max-width:760px){.rush-game-hud{inset:14px 12px auto;min-height:50px;gap:8px}.rush-progress{width:min(290px,48vw);height:38px;padding:5px 9px;border-width:5px}.rush-progress>b{font-size:13px}.rush-speed-slider{width:132px;height:40px;padding:3px;border-width:3px}.rush-speed-slider button{font-size:8px}.rush-level-stepper{min-width:108px;height:42px;grid-template-columns:32px 1fr 32px}.rush-level-stepper button{width:32px;height:32px;font-size:23px}.rush-level-stepper strong span{font-size:17px}.rush-close{width:45px;height:45px;border-width:3px}.game-mode .rush-staff-line{left:12%;right:8%;height:3px}.game-mode .rush-hit-line{left:28%;width:80px}.game-mode .rush-burst{left:28%}.game-mode .rush-ready strong{font-size:26px}.game-mode .rush-ready>span{font-size:13px}.tower-defense{top:11%;height:27%}.music-tower{left:2%;width:78px;height:88px}.tower-shields{left:2.5%;bottom:91px}.tower-shields i{width:12px;height:12px;border-width:2px}.tower-enemy{width:63px;height:67px}.tower-shot{left:8%;width:29px;height:29px}.tower-road{left:3%}.flight-drills-art i{left:8%;right:auto;top:33%}.game-character{left:3%}}@media (max-width:520px){.rush-speed-slider{width:102px}.rush-speed-slider button{font-size:7px;letter-spacing:-.2px}.rush-progress{width:130px}}@media (prefers-reduced-motion:reduce){.game-mode .rush-hit-line,.game-mode .rush-note.early-pressed>i,.game-mode .rush-note.early-pressed b,.game-mode .rush-note.judged.correct,.game-mode .rush-note.judged.missed,.game-mode .rush-note.judged.missed>i,.game-mode .rush-note.judged.missed b,.rush-milestone,.rush-milestone>div i,.game-character,.game-cloud,.tower-enemy,.tower-shot,.tower-explosion,.tower-impact,.music-tower,.flight-drills-art i,.flight-drills-art b{animation:none}}:root{--ink: #101014;--muted: #3d3d45;--paper: #ffffff;--mist: #f4f5f8;--card: #eef2ff;--sky: #5ec8f5;--sky-bright: #5ec8f5;--sky-deep: #1f7fb3;--mint: #7fe0c4;--lavender: #cbb6f5;--gold: #ffd36a;--pill: #101014;--play-surface: #e8f4f7;--radius: 36px;--header-h: 88px;--page-x: clamp(20px, 5vw, 72px);--display: "Fredoka", "Nunito", sans-serif;--font: "Nunito", "Trebuchet MS", sans-serif;--z-header: 20;--z-overlay: 30;--z-hud: 40}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-weight:700;font-size:18px;line-height:1.45}button,input{font:inherit}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:.95;text-wrap:balance}p{text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.site{min-height:100dvh;display:flex;flex-direction:column;background:var(--sky)}.site-main{flex:1}.game-mode main{height:100dvh;margin:0;overflow:hidden}.site-header{position:sticky;top:0;z-index:var(--z-header);min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--page-x);padding-left:max(var(--page-x),env(safe-area-inset-left));padding-right:max(var(--page-x),env(safe-area-inset-right));background:var(--sky)}.brand{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;color:var(--ink)}.brand img{width:48px;height:48px;object-fit:cover;border-radius:14px}.brand strong{font-family:var(--display);font-size:22px;font-weight:600}.site-nav{display:flex;align-items:center;gap:10px}.site-nav a.btn-ink{color:#fff}.site-nav a.btn-white{color:var(--ink)}.btn{min-height:48px;padding:0 22px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:600;font-size:17px;text-decoration:none;cursor:pointer;transition:transform .15s cubic-bezier(.2,0,0,1),opacity .15s cubic-bezier(.2,0,0,1)}.btn:active{transform:scale(.96)}.btn-ink{color:#fff;background:var(--pill)}.btn-ink:hover{opacity:.88}.btn-white{color:var(--ink);background:#fff}.btn-white:hover{opacity:.9}.btn-lg{min-height:52px;padding:0 26px;font-size:18px}.hero-toca{position:relative;min-height:calc(100dvh - var(--header-h));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px var(--page-x) 88px;text-align:center;overflow:hidden;background:var(--sky)}.hero-float{position:absolute;z-index:0;width:min(280px,38vw);height:auto;border-radius:32px;outline:1px solid oklch(0 0 0 / .1);pointer-events:none}.hero-float-a{left:max(12px,4vw);top:12%;transform:rotate(-8deg)}.hero-float-b{right:max(12px,4vw);bottom:10%;transform:rotate(7deg)}.hero-toca .display,.hero-toca p,.hero-actions{position:relative;z-index:1}.display{margin:0;font-size:clamp(48px,8vw,108px);font-weight:600}.hero-toca p{margin:24px auto 0;max-width:22em;font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.band-mint{background:var(--mint);padding:72px var(--page-x) 48px}.band-lavender{background:var(--lavender);padding:72px var(--page-x) 48px}.highlights-head{text-align:center;margin-bottom:36px}.highlights-head h2{margin:0;font-size:clamp(40px,6vw,88px)}.highlights-head p{margin:12px 0 0;font-size:20px;font-weight:800}.highlights-row{display:flex;gap:20px;overflow-x:auto;padding:8px 0 28px;scroll-snap-type:x mandatory}.game-row{justify-content:center}.highlights-foot{display:flex;justify-content:center;padding-bottom:12px}.cover-card{flex:0 0 min(300px,82vw);scroll-snap-align:start;padding:16px 16px 20px;border:0;border-radius:var(--radius);background:#fff;text-decoration:none;color:inherit;transition:transform .15s cubic-bezier(.2,0,0,1)}.cover-card:hover{transform:translateY(-3px)}.cover-art{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:20px;outline:1px solid oklch(0 0 0 / .1);background:#d9e8f7}.cover-art img{width:100%;height:100%;object-fit:cover}.cover-copy{display:block;padding:16px 8px 4px}.cover-copy small{display:block;color:var(--muted);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.cover-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-family:var(--display);font-size:26px;font-weight:600;line-height:1.1}.cover-copy span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;color:var(--muted);font-size:15px}.game-card{flex:0 0 min(320px,84vw)}.song-poster{flex:0 0 min(220px,72vw);min-height:260px;scroll-snap-align:start;padding:20px 22px 22px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--ink);transition:transform .15s cubic-bezier(.2,0,0,1)}.song-poster:hover{transform:translateY(-3px)}.song-poster:active{transform:scale(.96)}.song-poster.locked{cursor:default;opacity:.72}.song-poster.locked:hover{transform:none}.song-poster-top{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.7}.song-poster-lock{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--pill);color:#fff;opacity:1}.song-poster strong{display:block;margin:24px 0 16px;font-family:var(--display);font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.05}.song-poster-keys{font-size:13px;font-weight:800;letter-spacing:.04em;opacity:.7}.tone-sky{background:#4db8ea}.tone-mint{background:#6fd4b6}.tone-lavender{background:#b79aee}.tone-gold{background:#f3c44e}.tone-peach{background:#f3b08a}.tone-cream{background:#f6e27a}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:88px var(--page-x);background:var(--gold)}.split-copy h2{margin:0 0 16px;font-size:clamp(40px,5vw,72px)}.split-copy p{margin:0 0 28px;max-width:18em}.split-art{overflow:hidden;border-radius:40px}.split-art img{width:100%;height:min(52vh,480px);object-fit:cover;outline:1px solid oklch(0 0 0 / .1)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:88px var(--page-x);background:#ffd6a8}.values article h3{margin:0 0 12px;font-size:clamp(32px,4vw,48px)}.values article p{margin:0;max-width:16em}.page-intro{text-align:center;padding:48px var(--page-x) 12px}.page-intro h1{margin:0;font-size:clamp(48px,7vw,96px)}.page-intro h2{margin:0;font-size:clamp(40px,6vw,72px)}.page-intro p{margin:16px auto 0;max-width:22em;font-size:20px}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:24px var(--page-x) 80px;background:var(--lavender)}.song-grid .song-poster{flex:none;width:auto;min-height:240px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:24px var(--page-x) 80px;background:var(--mint)}.games-grid .cover-card{flex:none;width:auto}.site-footer{padding:40px var(--page-x) 56px;background:var(--pill);color:#fff}.site-footer .foot-inner{display:flex;justify-content:space-between;gap:24px;align-items:start}.site-footer strong{font-family:var(--display);font-size:22px;font-weight:600}.site-footer p{margin:8px 0 0;max-width:28em;color:#d8d8de;font-size:16px}.landscape-hint{display:none;position:absolute;z-index:var(--z-hud);left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);padding:10px 16px;border-radius:999px;color:#fff;background:var(--pill);font-size:14px;font-weight:800;pointer-events:none}@media (orientation: portrait) and (max-width: 900px){.game-mode .landscape-hint{display:block}}@media (max-width: 860px){.hero-float{width:120px;opacity:.9}.hero-float-a{top:0;left:-12px}.hero-float-b{bottom:0;right:-12px}.split{grid-template-columns:1fr;padding:48px var(--page-x)}.split-art img{height:220px}.values{grid-template-columns:1fr;gap:28px;padding:48px var(--page-x)}.hero-toca{min-height:auto;padding:36px var(--page-x) 56px}.game-row{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){.btn,.cover-card,.song-poster{transition:none}}.game-world.subtle-world{opacity:.22;filter:saturate(.65)}.game-mode .teach-mode .rush-level-stepper{background:var(--sky)}.game-mode .teach-mode .rush-progress>i>span{background:var(--sky-bright)}.game-mode .teach-mode .rush-progress>b,.game-mode .teach-mode .rush-level-stepper strong{font-variant-numeric:tabular-nums}.game-mode .teach-mode .rush-ready button,.game-mode .teach-mode .rush-result button.next{border-color:var(--sky);background:var(--sky)}.game-mode .teach-mode .rush-staff{background-color:var(--play-surface);background-image:none}.game-mode .teach-mode .rush-ready,.game-mode .teach-mode .rush-result{padding:32px 28px;gap:12px}.game-mode .teach-mode .rush-ready strong,.game-mode .teach-mode .rush-result strong{padding:0 8px}.rush-lyrics{position:absolute;z-index:8;left:0;right:0;top:68%;height:36px;pointer-events:none}.rush-lyric{position:absolute;left:0;top:50%;color:#1c243073;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;transform:translate3d(-80px,-50%,0) translate(-50%);opacity:0;text-shadow:0 1px 0 rgba(255,255,255,.8)}.rush-lyric.active{color:var(--ink);font-size:16px}.game-mode .teach-mode .rush-note.next b{display:grid}.game-mode .teach-mode .rush-note.judged.correct{animation:teachNoteVanish .55s cubic-bezier(.2,.72,.28,1) forwards}.game-mode .teach-mode .rush-note.judged.correct>i{animation:rushHeadPress .55s cubic-bezier(.2,.72,.28,1) both}@keyframes teachNoteVanish{0%{opacity:1}55%{opacity:1}to{opacity:0}}@media (max-width: 760px){.rush-lyrics{top:70%}.rush-lyric{font-size:12px}.rush-lyric.active{font-size:14px}}