@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}:root{color:#332640;font-synthesis:none;--accent:#7650c4;--accent-deep:#5d38a9;--tint:#eee5fa;--ink:#332640;--muted:#786c86;--panel:#f8f5fc;background:#f6f3fa;font-family:DM Sans,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0;overflow:hidden}body[data-theme=port]{--accent:#357974;--accent-deep:#225b57;--tint:#e3f0e9;--panel:#faf7f0}body[data-theme=sugar]{--accent:#5b7fba;--accent-deep:#3f619b;--tint:#e6eefb;--panel:#f5f8fc}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.65}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}#app{background:var(--panel);width:100%;height:100dvh;position:relative;overflow:hidden}#app[aria-busy=true]{visibility:hidden}.loading-screen{color:#786c86;background:#f6f3fa;flex-direction:column;justify-content:center;align-items:center;gap:16px;font:500 14px/1.5 system-ui,sans-serif;display:flex;position:fixed;inset:0}#game{outline:none;width:100%;height:100%;position:absolute;inset:0}.topbar{z-index:5;pointer-events:none;align-items:center;gap:24px;height:94px;padding:24px 32px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-1.5px;white-space:nowrap;align-items:center;font-family:Fredoka,sans-serif;font-size:32px;font-weight:600;display:flex}.brand>span:last-child{color:var(--accent)}.brand-mark{background:var(--accent);color:#fff;width:34px;height:39px;box-shadow:3px 3px 0 var(--tint);border-radius:16px 16px 13px 13px;place-items:center;margin-right:10px;font-size:34px;line-height:1;display:grid;transform:rotate(-9deg)}.top-actions{pointer-events:auto;align-items:center;gap:10px;margin-left:auto;display:flex}.utility-button{color:#51445f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 3px 12px #43305205}.utility-button:hover{background:#fff}.utility-button>span:first-child{font-size:22px}.utility-button[aria-pressed=false]{color:#81758c}.help-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px;display:block}#wallet{font-variant-numeric:tabular-nums;min-width:8ch}.pause-button{width:43px;padding:0}h1{letter-spacing:-.5px;margin:10px 0 6px;font:500 29px/1.15 Fredoka,sans-serif}.course-picker{scrollbar-width:thin;scrollbar-color:#d5c9e3 transparent;flex-direction:column;gap:11px;min-height:0;padding:4px 4px 8px;display:flex}.course-option{text-align:left;background:#fff9;border:2px solid #0000;border-radius:18px;flex:none;grid-template-columns:83px 1fr 18px;align-items:center;gap:12px;width:100%;min-height:102px;padding:7px 12px 7px 6px;transition:background .16s,border-color .16s,transform .16s;display:grid}.course-option:hover{background:#fff;transform:translate(2px)}.course-option[aria-pressed=true]{border-color:var(--accent);background:#fff;box-shadow:0 5px 18px #43305208}.course-art{background:#f1e9fc;border-radius:12px;place-items:center;width:83px;height:82px;display:grid;overflow:hidden}.course-option[data-theme=port] .course-art{background:#f9ebd6}.course-option[data-theme=sugar] .course-art{background:#e8f1fc}.course-art svg{width:86px;height:84px}.course-option-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.course-option strong{letter-spacing:-.2px;font:500 19px/1.05 Fredoka,sans-serif}.course-subtitle{color:var(--muted);font-size:10px;line-height:1.4}.course-check{color:#0000;border:1.5px solid #e4dcec;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.course-option[aria-pressed=true] .course-check{color:#fff;background:var(--accent);border-color:var(--accent)}.primary-button{border:0;border-bottom:4px solid var(--accent-deep);background:var(--accent);color:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:54px;padding:0 21px;font-size:14px;font-weight:700;transition:filter .15s,transform .15s;display:flex;box-shadow:0 6px 18px #49356812}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(2px)}.button-arrow{font-size:24px;font-weight:400}kbd{color:#685974;background:#ffffffe3;border:1px solid #ded7e7;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;min-height:23px;padding:2px 7px;font:500 10px DM Sans,sans-serif;display:inline-flex}.eyebrow{color:#8b7a9b;letter-spacing:1.2px;font-size:9px;font-weight:700}#progress{background:var(--accent);border-radius:inherit;width:0;height:100%}.pack-card{background:#fff9;border:1px solid #e9e1ef;border-radius:12px;width:100%;margin:14px 0;padding:0 10px}.pack-card summary{cursor:pointer;color:#746181;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;font-weight:700;list-style:none;display:flex}.pack-card summary::-webkit-details-marker{display:none}.disclosure{font-size:18px;transition:transform .2s}.pack-card[open] .disclosure{transform:rotate(180deg)}#pack-list{flex-direction:column;gap:3px;margin:0;padding:0 0 10px;list-style:none;display:flex}.pack-row{border-radius:8px;grid-template-columns:16px 8px 1fr auto;align-items:center;gap:6px;min-height:30px;padding:3px 6px;font-size:10px;display:grid}.pack-row i{border-radius:50%;width:7px;height:7px}.pack-rank,.pack-status{color:#97849f;font-variant-numeric:tabular-nums;font-size:9px}.pack-row.is-you{background:var(--tint);font-weight:700}.pack-row.is-you .pack-rank,.pack-row.is-you .pack-status{color:var(--accent)}.countdown{color:#fff;text-shadow:0 6px 0 var(--accent), 0 12px 30px #55376b33;z-index:4;pointer-events:none;font:600 118px Fredoka,sans-serif;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.toast{color:#765c84;text-align:center;z-index:4;pointer-events:none;background:#fffcf5f0;border:1px solid #fff;border-radius:22px;max-width:calc(100% - 32px);padding:11px 20px;font-size:12px;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 7px 26px #4935680a}.modal-card{color:var(--ink);text-align:center;background:#fcfaff;border:1px solid #fff;border-radius:25px;width:min(430px,100% - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:30px;overflow-y:auto;box-shadow:0 30px 100px #30243b30}.modal-card::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#30253d42}.modal-card h2{letter-spacing:-.5px;margin:11px 0 10px;font:500 35px/1.1 Fredoka,sans-serif}.modal-card h2[tabindex="-1"]:focus{outline:none}.modal-card p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.6}.modal-card .primary-button{margin-top:18px}.modal-symbol{background:var(--tint);width:48px;height:48px;color:var(--accent);border-radius:16px;place-items:center;margin:0 auto 15px;font-size:27px;display:grid}.secondary-button{color:#796686;background:#fff;border:1px solid #ded5e7;border-radius:12px;width:100%;min-height:43px;margin-top:10px;font-size:12px;font-weight:600;display:block}.secondary-button:hover{background:var(--tint)}.text-button{color:#84708f;background:0 0;border:none;padding:8px 5px;font-size:12px}.text-button:hover{color:var(--accent)}.modal-links{justify-content:space-between;margin-top:13px;display:flex}.finish-icon{color:#e9b15c;margin-bottom:14px;font-size:57px;line-height:1}.finish-place{color:var(--accent);background:var(--tint);border-radius:20px;margin:2px 0 11px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.result-grid{border-top:1px solid #ebe3f1;border-bottom:1px solid #ebe3f1;grid-template-columns:1.4fr .6fr 1.4fr;gap:12px;padding:20px 0;display:grid}.result-grid span{letter-spacing:.5px;color:#9a87a6;font-size:8px;font-weight:700;display:block}.result-grid strong{margin-top:7px;font:500 23px Fredoka,sans-serif;display:block}.help-card{width:min(470px,100% - 32px);position:relative}.close-button{color:#877292;background:#eee8f5;border:none;border-radius:50%;width:32px;height:32px;font-size:23px;line-height:1;position:absolute;top:12px;right:14px}.control-guide{text-align:left;gap:11px;margin:24px 0 20px;display:grid}.control-guide>div{border-bottom:1px solid #ede6f2;grid-template-columns:104px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.control-keys{flex-direction:column;align-items:center;gap:6px;display:flex}.control-keys kbd{min-width:71px;min-height:33px;font-size:12px}.control-guide strong{margin-bottom:4px;font-size:13px;display:block}.control-guide small{color:var(--muted);font-size:11px;line-height:1.5;display:block}.control-keys small{font-size:9px}.help-tip{background:var(--tint);text-align:left;border-radius:12px;align-items:center;gap:13px;padding:13px 15px;display:flex}.help-tip>span{color:var(--accent);font-size:25px}.help-tip p{margin:0;font-size:11px}.help-shortcuts{justify-content:center;gap:22px;margin-top:18px;display:flex}.help-shortcuts>span{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}@media (width>=1500px){.course-option{grid-template-columns:94px 1fr 20px;min-height:114px}.course-art{width:94px;height:92px}.course-art svg{width:100px;height:100px}.course-option strong{font-size:22px}}@media (height<=680px) and (width>=761px){.topbar{height:78px;padding-top:18px;padding-bottom:18px}h1{margin-top:6px;font-size:26px}.course-option{grid-template-columns:70px 1fr 18px;min-height:88px}.course-art{width:70px;height:67px}.course-art svg{width:74px;height:74px}}@media (width<=1000px) and (width>=761px){.course-option{grid-template-columns:70px 1fr 18px;gap:10px}.course-art{width:70px}.course-art svg{width:78px}.course-option strong{font-size:18px}}@media (width<=760px){.topbar{gap:12px;height:80px;padding:20px}.brand{font-size:27px}.brand-mark{width:29px;height:34px;font-size:29px}.utility-button{padding:0 11px;font-size:11px}#sound-label{display:none}.course-picker{gap:10px}.course-option{background:#ffffffe3}}@media (width<=450px){.topbar{padding-left:19px;padding-right:19px}.top-actions{gap:7px}#help{width:40px;padding:0}#help .utility-label{display:none}.course-option{min-height:93px}h1{font-size:27px}.modal-card{padding:27px 22px}.control-guide>div{grid-template-columns:89px 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.menu-message{color:#964146;margin:10px 0 0;font-size:12px;line-height:1.4}.spectator{white-space:nowrap;background:#fffffff0;border-radius:14px;align-items:center;gap:12px;padding:9px 18px;font-size:13px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.connection-banner{z-index:20;background:#fcf0d9;border:1px solid #d2ad5f;border-radius:14px;align-items:center;gap:16px;padding:12px 20px;font-size:13px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.lobby-card{width:min(500px,100% - 24px)}.lobby-players{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 16px;display:grid}.lobby-player{text-align:left;background:var(--tint);border-radius:11px;align-items:center;gap:9px;min-width:0;min-height:54px;padding:10px 12px;display:flex}.lobby-player.empty{color:#968ba0;background:#ede8f0}.lobby-player strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.lobby-player small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.puff-chip{background:var(--puff,#cab5e7);border-radius:13px 13px 10px 10px;flex-shrink:0;width:27px;height:32px;display:block;position:relative;box-shadow:inset -4px -4px #00000012}.puff-chip:after{content:"··";color:#443152;font-size:22px;font-weight:700;position:absolute;top:2px;left:6px}.lobby-note,.shop-footnote{color:var(--muted);line-height:1.5;font-size:11px!important}.round-results{max-height:220px;margin:15px 0;overflow:auto}.round-result{text-align:left;border-bottom:1px solid #e9e0ef;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:flex}.round-result strong{flex:1}.round-result.is-you{background:var(--tint);border-radius:8px}.podium-card{width:min(540px,100% - 24px)}.podium-places{grid-template-columns:repeat(3,1fr);align-items:end;gap:9px;margin:28px 0 20px;display:grid}.podium-place{background:var(--tint);border-radius:18px 18px 8px 8px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:20px 5px;display:flex}.podium-place:first-child{background:#f7e6b5;padding-top:38px}.podium-place b{font:600 32px Fredoka,sans-serif}.podium-place strong{text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.podium-place small{color:var(--muted);font-size:11px}.shop-card{width:min(640px,100% - 24px);position:relative}.skin-list{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 14px;display:grid}.skin-card{background:#fff;border:1px solid #e0d6e9;border-radius:15px;flex-direction:column;align-items:center;gap:9px;padding:16px 10px 10px;display:flex}.skin-card .puff-chip{border-radius:22px 22px 16px 16px;width:44px;height:54px}.skin-card .puff-chip:after{font-size:32px;top:7px;left:11px}.skin-card strong{font-size:12px}.skin-card button{background:var(--tint);width:100%;color:var(--accent-deep);border:1px solid #e0d6e9;border-radius:9px;margin-top:auto;padding:8px 5px;font-size:11px}.skin-card.is-equipped{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shop-message{color:var(--muted);font-size:12px}@media (width<=760px){.skin-list{grid-template-columns:repeat(2,1fr)}.spectator{white-space:normal;width:max-content;max-width:calc(100% - 32px);bottom:24px}.topbar{gap:10px}#shop{padding:0 11px}#shop #wallet{display:none}}body[data-theme=frost]{--accent:#397eae;--accent-deep:#265f88;--tint:#dff1fa;--panel:#f3f9fc}body[data-theme=marble]{--accent:#b6633d;--accent-deep:#954b29;--tint:#fae8d9;--panel:#fcf6ef}body[data-theme=orbit]{--accent:#7554bb;--accent-deep:#56369a;--tint:#eae3fa;--panel:#f6f3fc}.course-option[data-theme=frost] .course-art{background:#e0f3fc}.course-option[data-theme=marble] .course-art{background:#faead7}.course-option[data-theme=orbit] .course-art{background:#e9e0fa}.network-ping{color:#675b76;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:auto;background:#fff;border-radius:12px;flex:none;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.network-ping i{background:#aca2b8;border-radius:50%;width:6px;height:6px}.network-ping[data-quality=good] i{background:#3b9769}.network-ping[data-quality=fair] i{background:#c59136}.network-ping[data-quality=slow] i{background:#c76572}.lobby-ping{background:var(--tint);margin:0 auto 12px}@media (width<=450px){.network-ping{gap:5px;padding:7px 8px;font-size:10px}}.touch-only,body[data-controls=touch] .keyboard-only{display:none}body[data-controls=touch] .touch-only{display:block}body[data-controls=touch] #game{touch-action:none}html:has(#touch-controls:not([hidden])){touch-action:none}.touch-setting{background:var(--tint);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:12px 14px;display:flex}.touch-setting strong{font-size:13px;display:block}.touch-setting small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.touch-setting input{width:24px;height:24px;accent-color:var(--accent);flex:none}.touch-controls{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.touch-move-zone{touch-action:none;pointer-events:auto;position:absolute;inset:0 50% 0 0}.joystick-rest{left:max(64px, calc(env(safe-area-inset-left) + 40px));bottom:calc(76px + env(safe-area-inset-bottom));pointer-events:none;background:#ffffff80;border:3px solid #ffffffd9;border-radius:50%;width:56px;height:56px;position:absolute;box-shadow:0 4px 12px #30243b26}.touch-move-zone[data-pressed] .joystick-rest{visibility:hidden}.touch-joystick{left:var(--joystick-x);top:var(--joystick-y);pointer-events:none;background:#4933671f;border:2px solid #ffffffcb;border-radius:50%;width:156px;height:156px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 16px #ffffff26,0 5px 20px #30243b12}.touch-stick{width:56px;height:56px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));pointer-events:none;background:#ffffffd9;border:3px solid #fff;border-radius:50%;position:absolute;top:calc(50% - 28px);left:calc(50% - 28px);box-shadow:0 4px 12px #30243b26}.touch-move-zone[data-pressed] .touch-stick{background:var(--tint)}.touch-actions{right:max(32px, env(safe-area-inset-right));bottom:calc(32px + env(safe-area-inset-bottom));align-items:flex-end;gap:18px;display:flex;position:absolute}.touch-action{width:84px;height:84px;color:var(--accent-deep);touch-action:none;pointer-events:auto;background:#fffcf5ed;border:3px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:700;display:flex;box-shadow:0 5px #3b275533,0 8px 22px #30243b1a}.touch-action>svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:30px;height:30px}.touch-jump{background:var(--accent);color:#fff;width:98px;height:98px;margin-bottom:40px}.touch-action:disabled{opacity:.45}.touch-action[data-pressed]{transform:translateY(4px)scale(.96);box-shadow:0 1px #3b275533}body[data-controls=touch] .toast{bottom:max(172px, calc(env(safe-area-inset-bottom) + 150px))}body[data-controls=touch] .topbar{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));top:env(safe-area-inset-top)}@media (width<=760px){body[data-controls=touch] .utility-button{min-width:44px;min-height:44px}body[data-controls=touch]:not([data-mode=intro]) .top-actions{gap:6px}}@media (width<=540px),(height<=540px){.touch-joystick{width:128px;height:128px}.touch-stick{width:48px;height:48px;top:calc(50% - 24px);left:calc(50% - 24px)}.touch-actions{right:max(20px, env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));gap:10px}.touch-action{width:64px;height:64px;font-size:11px}.touch-jump{width:76px;height:76px;margin-bottom:42px}}body[data-controls=touch] .close-button{width:44px;height:44px}body[data-controls=touch] .text-button{min-height:44px}@media (height<=540px){.topbar{height:60px;padding:8px 20px}.brand{font-size:25px}#sound-label{display:none}h1{margin:5px 0;font-size:24px}}@media (height<=540px) and (orientation:landscape){body[data-controls=touch] .network-ping{flex:0 0 100px;justify-content:center;gap:5px;padding:7px 8px;font-size:10px}body[data-controls=touch] .toast{bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(100% - 360px);padding:8px 14px;font-size:11px}.joystick-rest{width:48px;height:48px;bottom:calc(64px + env(safe-area-inset-bottom))}.countdown{font-size:76px;line-height:1;top:55%}.touch-actions{bottom:calc(18px + env(safe-area-inset-bottom))}}@media (height<=540px) and (orientation:landscape) and (width<=760px){body[data-controls=touch] .toast{max-width:calc(100% - 280px)}}.account-entry{text-align:left;width:100%;min-height:44px;margin-top:10px;font-weight:700;display:block}.account-entry span{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.shop-card .account-entry{text-align:center;margin-bottom:16px}.account-card{width:min(440px,100% - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));text-align:left;padding:0;overflow:hidden}.account-card[open]{flex-direction:column;display:flex}.account-header{flex:none;align-items:flex-start;gap:12px;padding:20px 20px 12px;display:flex}.account-header>div{flex:1;min-width:0}.account-card h2{margin:6px 0 0;font-size:30px}.account-card .close-button{flex:none;width:44px;height:44px;position:static}.account-body{overscroll-behavior:contain;overflow-wrap:anywhere;min-height:0;padding:0 20px 8px;overflow-y:auto}.account-card p{margin:0 0 14px}.account-card .primary-button{justify-content:center;min-height:48px;margin-top:12px}.account-card .secondary-button,.account-card .text-button{min-height:44px}.account-form{margin-top:18px}.account-form label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.account-form input{width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #b9aaca;border-radius:12px;padding:11px 12px;font-size:16px;display:block}.account-form .account-code{letter-spacing:.3em;font-variant-numeric:tabular-nums}.account-links{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.account-email-label strong{color:var(--ink);display:block}.account-card .account-error{color:#9c294d;background:#fff0f3;border-radius:10px;padding:10px 12px}.account-card #account-status{color:var(--accent-deep)}.account-card .account-privacy{margin-top:18px;margin-bottom:0;font-size:11px}#account-signout{border-top:1px solid #e6dfee;margin-top:18px;padding-top:16px}#account-signout p{margin-bottom:0}.account-footer{border-top:1px solid #e6dfee;flex:none;padding:10px 20px 16px}.account-footer .secondary-button{margin:0}@media (height<=540px){.account-header{padding:10px 16px 8px}.account-card h2{margin-top:4px;font-size:24px}.account-body{padding:0 16px 8px}.account-footer{padding:8px 16px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shop-message:empty{display:none}.qualification-cutoff{border-top:2px dashed #b5a1c9;margin-top:6px}#round-label{color:var(--muted);font-size:12px}.race-hud{top:calc(94px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;z-index:3;background:#ffffffe0;border:1px solid #fff;border-radius:14px;align-items:center;gap:14px;width:min(420px,100% - 32px);min-height:44px;padding:8px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.race-hud strong{font-variant-numeric:tabular-nums;white-space:nowrap;font:500 23px/1.1 Fredoka,sans-serif}.position-counter strong{color:var(--accent-deep)}.position-counter small{color:var(--muted);font:500 13px DM Sans,sans-serif}.progress-wrap{flex:1;align-items:center;gap:8px;min-width:32px;display:flex}.progress-track{background:#e8deef;border-radius:8px;flex:1;height:7px;position:relative;overflow:hidden}.progress-track i{background:#fff;width:2px;position:absolute;top:0;bottom:0}.progress-flag{color:var(--accent-deep)}.round-clock{color:#a13d39;font-variant-numeric:tabular-nums;font-weight:700}.round-intro{text-align:center;pointer-events:none;z-index:4;background:#fffffff0;border-radius:16px;width:max-content;max-width:calc(100% - 32px);padding:10px 18px;position:absolute;top:25%;left:50%;transform:translate(-50%)}.round-intro strong,.round-intro span{display:block}.round-intro strong{font:500 22px/1.2 Fredoka,sans-serif}.round-intro span{color:var(--muted);margin-top:4px;font-size:13px}.touch-controls.is-recovering .touch-action{opacity:.5}@media (width<=760px){.race-hud{top:calc(84px + env(safe-area-inset-top));width:calc(100% - 24px)}body[data-controls=touch] .race-hud{top:calc(60px + env(safe-area-inset-top))}.race-hud strong{font-size:21px}}@media (height<=540px) and (orientation:landscape){.race-hud,body[data-controls=touch] .race-hud{top:calc(68px + env(safe-area-inset-top));width:min(340px,100% - 32px);min-height:36px;padding:6px 12px}.race-hud strong{font-size:18px}.round-intro{top:calc(110px + env(safe-area-inset-top));padding:6px 14px}.round-intro strong{font-size:17px}.round-intro span{margin-top:2px;font-size:12px}.countdown{font-size:64px;top:74%}}@media (width>=1000px){.race-hud{top:calc(25px + env(safe-area-inset-top));width:min(420px,100% - 600px)}}@media (width>=1000px) and (height<=680px){.race-hud{top:calc(17px + env(safe-area-inset-top))}}@media (width>=760px) and (height<=540px) and (orientation:landscape){.race-hud,body[data-controls=touch] .race-hud{top:calc(12px + env(safe-area-inset-top));width:min(340px,100% - 480px)}}body[data-mode=intro]{--menu-width:clamp(360px, 32vw, 440px);--accent:#7750c6;--accent-deep:#5d38a9;--tint:#eee5fa;--panel:#f7f3fc}body[data-mode=intro] #game{left:var(--menu-width);width:calc(100% - var(--menu-width))}body[data-mode=intro] .top-actions{gap:8px}body[data-mode=intro] .utility-button{min-width:44px;min-height:44px;padding:0 14px}.utility-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px;display:block}#sound[aria-pressed=true] .sound-muted,#sound[aria-pressed=false] .sound-waves{display:none}body[data-mode=intro] #sound{width:44px;padding:0}body[data-mode=intro] #sound-label{display:none}.home-screen{top:calc(112px + env(safe-area-inset-top));bottom:max(32px, env(safe-area-inset-bottom));width:var(--menu-width);align-items:center;min-width:0;min-height:0;padding:0 28px 0 32px;display:flex;position:absolute;left:0}.menu-panel{flex-direction:column;width:100%;max-height:100%;display:flex}.menu-content{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;min-height:0;padding:4px;display:flex;overflow:auto}.home-invitation h1{color:var(--ink);letter-spacing:-1.2px;margin:0;font:500 clamp(40px,4.2vw,58px)/1.06 Fredoka,sans-serif}.home-invitation p{max-width:400px;color:var(--muted);margin:22px 0 0;font-size:16px;line-height:1.5}.menu-bottom{flex:none;padding:28px 4px 4px}.home-actions{gap:12px;display:flex}.home-actions .play-button{min-width:0;min-height:60px;box-shadow:none;border:0;border-radius:18px;flex:1;padding:0 18px;font:500 22px/1.2 Fredoka,sans-serif}.home-actions .play-button>span:first-child{white-space:nowrap}.home-actions .practice-button{width:auto;min-height:60px;color:var(--accent);background:0 0;border:1px solid #d9c9ee;border-radius:18px;flex:0 0 30%;margin:0;padding:0 18px;font-size:15px;font-weight:500}.home-actions .practice-button:hover{background:var(--tint)}.home-facts{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.5}.practice-selection{flex-direction:column;min-height:0;display:flex}.practice-selection .course-picker{overscroll-behavior:contain;overflow-y:auto}.practice-selection .menu-back{flex:none;align-self:flex-start;align-items:center;gap:8px;min-height:44px;padding:0 2px;display:inline-flex}.practice-selection h1{flex:none;margin:8px 0 16px;font:500 32px/1.15 Fredoka,sans-serif}.menu-record{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.menu-record strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}body[data-play-mode=practice] .menu-bottom{padding-top:16px}@media (width<=900px) and (orientation:portrait){body[data-mode=intro] #app{grid-template-rows:minmax(100px,1fr) auto;display:grid}body[data-mode=intro] #game{grid-row:1;width:100%;height:100%;min-height:0;position:relative;inset:auto}.home-screen{width:100%;padding:24px max(32px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));grid-row:2;position:relative;inset:auto}.home-invitation h1{font-size:44px}.home-invitation h1 br{display:none}.home-invitation p{max-width:none;margin-top:12px}.menu-bottom{padding-top:20px}body[data-mode=intro][data-play-mode=practice] #app{grid-template-rows:minmax(140px,1fr) minmax(0,1.8fr)}}@media (width<=600px),(height<=540px){body[data-mode=intro] .topbar{height:64px;padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));gap:8px;top:0}body[data-mode=intro] .brand{letter-spacing:-.8px;font-size:24px}body[data-mode=intro] .brand-mark{width:27px;height:32px;margin-right:7px;font-size:29px}body[data-mode=intro] .top-actions{gap:4px}body[data-mode=intro] .topbar .utility-button{width:44px;padding:0}body[data-mode=intro] .utility-label,body[data-mode=intro] #wallet{display:none}}@media (width<=600px) and (orientation:portrait){.home-screen{padding:18px max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.home-invitation h1{letter-spacing:-.6px;font-size:34px}.home-invitation h1 br{display:initial}.home-invitation p{margin-top:10px;font-size:14px}.menu-bottom{padding-top:16px}.home-actions .play-button{padding:0 18px;font-size:22px}.home-actions .practice-button{flex-basis:34%}.home-facts{margin-top:12px}body[data-mode=intro][data-play-mode=practice] #app{grid-template-rows:minmax(104px,1fr) minmax(0,3.5fr)}.practice-selection .course-option{grid-template-columns:64px 1fr 20px;min-height:84px}.practice-selection .course-art{width:64px;height:64px}.practice-selection .course-art svg{width:68px;height:68px}.practice-selection h1{margin:4px 0 12px;font-size:28px}}@media (height<=540px) and (orientation:landscape){body[data-mode=intro]{--menu-width:clamp(320px, 43vw, 400px)}.home-screen{top:calc(68px + env(safe-area-inset-top));bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left));padding-right:20px}.home-invitation h1{letter-spacing:-.5px;font-size:28px}.home-invitation h1 br{display:none}.home-invitation p{margin-top:8px;font-size:12px}.menu-bottom{padding-top:10px}.home-actions .play-button,.home-actions .practice-button{border-radius:16px;min-height:44px;padding:0 14px}.home-actions .play-button{font-size:20px}.home-actions .practice-button{font-size:13px}.home-facts{margin-top:8px;font-size:11px}.practice-selection{grid-template-rows:44px minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:4px 12px;display:grid}.practice-selection h1{align-self:center;margin:0;font-size:23px}.practice-selection .course-picker{grid-column:1/-1}.practice-selection .course-option{grid-template-columns:40px 1fr 20px;min-height:60px}.practice-selection .course-art{width:40px;height:40px}.practice-selection .course-art svg{width:44px;height:44px}.practice-selection .course-option strong{font-size:17px}.menu-record{margin-bottom:4px;font-size:11px}body[data-play-mode=practice] .menu-bottom{padding-top:8px}}@media (width<=380px){body[data-mode=intro] .brand{font-size:22px}.home-actions .play-button{gap:8px;padding:0 14px;font-size:19px}.home-actions .practice-button{flex-basis:32%;padding:0 12px;font-size:14px}}@media (width<=350px){body[data-mode=intro] .topbar{flex-wrap:wrap;height:auto}body[data-mode=intro] .brand{width:100%}body[data-mode=intro] .top-actions{margin-left:0}.home-invitation h1{font-size:30px}.home-actions .play-button,.home-actions .practice-button{min-height:48px}}