:root{--font:"Fredoka", "Nunito", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", "Fira Mono", ui-monospace, monospace;--ink:#1b2430;--panel:#fff;--panel-2:#f2f6fb;--outline:#1b2430;--blue:#1e88e5;--red:#e53935;--yellow:#fdd835;--green:#43a047;--orange:#fb8c00;--shadow:0 6px 0 #1b2430e6;--radius:18px}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);background:#8fd3ff;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit}.btn{border:3px solid var(--outline);background:var(--yellow);color:var(--ink);box-shadow:0 5px 0 var(--outline);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;border-radius:14px;justify-content:center;align-items:center;gap:.4em;padding:.7em 1.4em;font-size:1.1rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover:not(:disabled){box-shadow:0 3px 0 var(--outline);transform:translateY(2px)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--outline);transform:translateY(5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--green);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.ghost{background:var(--panel)}.btn.small{box-shadow:0 3px 0 var(--outline);border-radius:10px;padding:.45em .9em;font-size:.9rem}.btn:focus-visible,input:focus-visible,button:focus-visible{outline:4px solid var(--blue);outline-offset:2px}.panel{background:var(--panel);border:4px solid var(--outline);border-radius:var(--radius);min-width:0;max-width:100%;box-shadow:var(--shadow);padding:20px 24px}.center{place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}h1,h2,h3{margin:0 0 .4em;line-height:1.1}h1,h2,.podium-name{overflow-wrap:anywhere}.lobby>*,.stack>*,.charts>*{min-width:0}.btn{max-width:100%}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll table{min-width:560px}.auth-error{color:#a71919;font-weight:600}.auth-success{color:#256729;font-weight:600}@media (width<=600px){.panel{padding:16px}.difficulty.four{grid-template-columns:repeat(2,minmax(0,1fr))}.touch-controls{gap:8px}.touch-key{flex:1;min-width:0;max-width:120px}}h1{letter-spacing:.01em;font-size:2.6rem;font-weight:700}h1 .accent{color:var(--blue)}h2{font-size:1.5rem}h3{text-transform:uppercase;letter-spacing:.06em;color:#5b6878;margin-top:.4em;font-size:1.1rem}p{margin:0 0 .6em}p.lead{font-size:1.15rem}p.muted,.muted{color:#5b6878}.small{font-size:.85rem}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}label{margin:.6em 0 .3em;font-weight:600;display:block}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}kbd{font-family:var(--mono);border:2px solid var(--outline);box-shadow:0 2px 0 var(--outline);background:#fff;border-radius:6px;padding:1px 7px;font-size:.85rem;display:inline-block}.lobby{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:18px;width:min(1040px,100%);display:grid}@media (width>=1300px){.lobby{margin-right:18vw}}@media (width<=860px){.lobby{grid-template-columns:minmax(0,1fr)}}.events{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:8px;display:grid}.event-card{border:3px solid var(--outline);background:var(--panel-2);cursor:pointer;font:inherit;box-shadow:0 3px 0 var(--outline);color:var(--ink);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;font-size:.9rem;font-weight:600;display:flex}.event-card:hover:not(:disabled){background:var(--yellow);transform:translateY(1px)}.event-card .emoji{font-size:1.8rem;line-height:1}.event-card .ev-pb{font-size:.75rem;font-weight:600}.event-card.soon{opacity:.55;cursor:not-allowed}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--outline);cursor:pointer;width:34px;height:34px;box-shadow:0 3px 0 var(--outline);border-radius:10px}.swatch.selected{outline:4px solid var(--blue);outline-offset:2px}.toggle{border:3px solid var(--outline);max-width:100%;box-shadow:0 3px 0 var(--outline);border-radius:12px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.toggle button{background:var(--panel-2);cursor:pointer;border:0;padding:.5em .9em;font-weight:700}.toggle button.on{background:var(--blue);color:#fff}.difficulty{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.diff-btn{border:3px solid var(--outline);background:var(--panel-2);cursor:pointer;box-shadow:0 3px 0 var(--outline);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-size:.85rem;display:flex}.diff-btn span{color:#5b6878;font-size:.75rem;font-weight:700}.diff-btn .keys{gap:6px;display:flex}.diff-btn.selected{background:var(--yellow)}.diff-btn.selected span{color:var(--ink)}.hud-top{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.stat{background:var(--panel);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);text-align:center;border-radius:14px;min-width:92px;padding:6px 14px}.stat .v{font-size:1.6rem;font-weight:700;line-height:1}.stat .l{text-transform:uppercase;letter-spacing:.08em;color:#5b6878;margin-top:2px;font-size:.7rem;font-weight:700}.stat.title .v{white-space:nowrap;text-overflow:ellipsis;max-width:220px;padding-top:6px;font-size:1rem;overflow:hidden}.stat.huge{min-width:150px;padding:10px 18px}.stat.huge .v{font-size:2.4rem}.stat.pass{background:#e8f5e9}.stat.pass .v{color:var(--green)}.stat.fail{background:#ffebee}.stat.fail .v{color:var(--red)}.stat.cadence{min-width:180px}.meter{border:2px solid var(--outline);background:#eef2f7;border-radius:8px;height:12px;margin:6px 0 2px;position:relative;overflow:hidden}.meter-band{background:#43a04740;position:absolute;top:0;bottom:0}.meter-fill{background:var(--orange);width:0;transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.meter-fill.sweet{background:var(--green)}.stamina{background:var(--panel);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:14px;min-width:160px;padding:6px 14px}.stamina-track{border:2px solid var(--outline);background:#eef2f7;border-radius:8px;height:12px;margin-top:4px;overflow:hidden}.stamina-fill{background:var(--blue);height:100%;transition:width .1s linear}.stamina-fill.low{background:var(--red)}.hud-tools{gap:8px;display:flex;position:absolute;top:76px;right:12px}.hud-bottom{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.keys-panel{background:var(--panel);border:4px solid var(--outline);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:18px;padding:14px 24px;display:flex}.keys-panel.static{box-shadow:0 4px 0 var(--outline);flex-wrap:wrap;justify-content:center;align-self:center}.runkey{box-shadow:0 5px 0 var(--outline);text-align:center;border-width:3px;border-radius:12px;min-width:84px;padding:10px 26px;font-size:2rem;transition:transform 50ms,background 50ms}.runkey.next{background:var(--yellow)}.runkey.hit{box-shadow:0 1px 0 var(--outline);background:var(--green);color:#fff;animation:.12s forwards settle;transform:translateY(4px)}.runkey.dud{background:var(--red);color:#fff;animation:.2s shake}@keyframes settle{to{box-shadow:0 5px 0 var(--outline);transform:none}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.key-hint{color:#5b6878;text-transform:uppercase;letter-spacing:.08em;text-align:center;min-width:90px;font-size:.85rem;font-weight:700}.countdown{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown .num{color:#fff;-webkit-text-stroke:4px var(--outline);text-shadow:0 8px 0 var(--outline);text-align:center;font-size:6rem;font-weight:700;line-height:1;animation:.6s pop}.countdown .num.bang{color:var(--yellow);font-size:9rem}.countdown .num.bad{color:var(--red)}@keyframes pop{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:2px solid #e3e8ef;padding:6px 10px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}.hint{border:3px solid var(--outline);background:var(--panel-2);border-radius:12px;padding:10px 14px}.hint b{margin-bottom:2px;display:block}.results,.wide,.intro{width:min(820px,100%)}.big-result{justify-content:center}.toast{background:var(--red);color:#fff;border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);z-index:5;border-radius:12px;padding:10px 18px;font-weight:700;animation:.3s pop;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast.ok,.toast-inline.ok{background:var(--green)}.toast-inline{color:#fff;border:3px solid var(--outline);text-align:center;border-radius:12px;padding:10px 18px;font-size:1.2rem;font-weight:700}.about-list{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.status{color:var(--ink);background:#ffffffb3;border-radius:8px;padding:2px 8px;font-size:.8rem;position:absolute;bottom:8px;left:12px}@media (prefers-reduced-motion:reduce){.countdown .num,.toast,.runkey.dud{animation:none}}.gauge{background:var(--panel);border:3px solid var(--outline);width:64px;box-shadow:0 4px 0 var(--outline);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.gauge-track{border:2px solid var(--outline);background:#eef2f7;border-radius:8px;width:26px;height:220px;position:relative;overflow:hidden}.gauge-band{background:#43a04759;position:absolute;left:0;right:0}.gauge-fill{background:var(--orange);height:0;position:absolute;bottom:0;left:0;right:0}.gauge-fill.sweet{background:var(--green)}.gauge-text{font-size:1.1rem;font-weight:700}.attempts{background:var(--panel);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);text-align:center;border-radius:14px;padding:6px 12px}.attempt-row{justify-content:center;gap:6px;display:flex}.attempt{border:2px solid var(--outline);min-width:34px;font-family:var(--mono);background:var(--panel-2);border-radius:8px;padding:4px 8px;font-size:.9rem;font-weight:700;display:inline-block}.attempt.ok{background:var(--green);color:#fff}.attempt.foul{background:var(--red);color:#fff}.attempt.current{background:var(--yellow)}.attempt.pending{opacity:.5}.runkey.space{min-width:150px;padding:18px 26px;font-size:1.2rem}input[type=text]{font:inherit;border:3px solid var(--outline);background:var(--panel-2);border-radius:12px;width:100%;padding:.55em .8em;font-size:1.2rem}input[type=text]:disabled{opacity:.7}input[type=password]{font:inherit;border:3px solid var(--outline);background:#fff;border-radius:10px;width:100%;padding:.45em .7em;font-size:1.05rem}.account{border:3px solid var(--outline);background:var(--panel-2);border-radius:12px;padding:10px 12px}tr.muted td{color:#90a4ae}thead th{border-bottom:3px solid var(--outline)}.charts{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=800px){.charts{grid-template-columns:1fr}}.chart-wrap{border:3px solid var(--outline);background:#fff;border-radius:12px;padding:8px 10px;position:relative}.chart-title{margin-bottom:4px;font-size:.95rem;font-weight:700}.chart{width:100%;height:auto;display:block}.chart .grid{stroke:#e3e8ef;stroke-width:1px}.chart .axis{fill:#5b6878;font-size:11px;font-family:var(--font)}.chart-tip{background:var(--ink);color:#fff;pointer-events:none;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:.75rem;position:absolute;top:34px;transform:translate(-50%)}.bars{flex-direction:column;gap:4px;display:flex}.bar-row{grid-template-columns:52px 1fr 60px;align-items:center;gap:8px;font-size:.85rem;display:grid}.bar-label{font-family:var(--mono);text-align:right;font-weight:600}.bar-track{background:#eef2f7;border-radius:6px;height:12px;overflow:hidden}.bar-fill{border-radius:0 6px 6px 0;height:100%}.bar-value{color:#5b6878;font-variant-numeric:tabular-nums}.affiliate{border-top:2px dashed #e3e8ef;margin-top:12px;padding-top:10px}.affiliate-heading{text-transform:uppercase;letter-spacing:.06em;color:#7a8794;margin-bottom:6px;font-size:.75rem;font-weight:700}.affiliate-links{flex-wrap:wrap;gap:6px;display:flex}.affiliate-links a{color:var(--ink);background:#fff;border:2px solid #cfd8dc;border-radius:999px;padding:2px 10px;font-size:.8rem;text-decoration:none}.affiliate-links a:hover{border-color:var(--outline);background:var(--panel-2)}.affiliate-disclosure{color:#90a4ae;margin-top:6px;font-size:.7rem}.gauge[hidden],.attempts[hidden],.stamina[hidden]{display:none}.athletes-board{background:var(--panel);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:14px;flex-direction:column;gap:3px;min-width:200px;padding:6px 8px;display:flex;position:absolute;top:150px;left:12px}.athletes-board[hidden]{display:none}.ab-row{border-radius:8px;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:2px 6px;font-size:.85rem;display:grid}.ab-row.me{background:#fff8d6;font-weight:700}.ab-dot{border:2px solid var(--outline);vertical-align:middle;border-radius:4px;width:12px;height:12px;display:inline-block}.ab-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ab-value{font-weight:700}.players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.players li{border:3px solid var(--outline);background:var(--panel-2);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.players li.me{background:#fff8d6}.players .dot{border:2px solid var(--outline);border-radius:6px;flex-shrink:0;width:18px;height:18px}.players .name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.badge{border:2px solid var(--outline);background:var(--yellow);text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.badge.bot{background:#cfd8dc}.badge.ready{background:var(--green);color:#fff}.empty-slot{opacity:.5;font-style:italic}.event-card.selected{background:var(--yellow)}.difficulty.four{grid-template-columns:repeat(4,1fr)}.podium{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));align-items:end;gap:10px;margin:8px 0;display:grid}.podium-step{border:3px solid var(--outline);background:var(--panel-2);text-align:center;box-shadow:0 4px 0 var(--outline);border-radius:12px;padding:10px}.podium-step.p1{background:#fff3c4;min-height:140px}.podium-step.p2{background:#eceff1;min-height:115px}.podium-step.p3{background:#ffe0b2;min-height:95px}.podium-step.me{outline:4px solid var(--blue)}.podium-step.empty{visibility:hidden}.podium .medal{font-size:2rem}.podium-name{font-weight:700}.podium-total{color:#5b6878}.intro-bar{border:2px solid var(--outline);background:#eef2f7;border-radius:8px;width:220px;height:12px;overflow:hidden}.intro-bar-fill{background:var(--green);height:100%;transition:width .1s linear}td.place{font-size:1.1rem;font-weight:700}tr.me{background:#fff8d6}.hud-banner{background:var(--panel);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);white-space:nowrap;border-radius:12px;padding:6px 16px;font-size:1rem;font-weight:700;position:absolute;top:76px;left:50%;transform:translate(-50%)}.hud-banner.mine{background:var(--yellow)}.hud-banner[hidden]{display:none}:focus-visible{outline-offset:4px;outline:3px solid #fdd835}.touch-controls{pointer-events:auto;justify-content:center;gap:12px;display:none;position:fixed;bottom:12px;left:12px;right:12px}.touch-key{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#17385a;border:3px solid #fff;border-radius:14px;min-width:85px;min-height:72px;font-size:22px}.touch-key:active{background:#1976d2}.hud-tools~button{pointer-events:auto;position:fixed;bottom:100px;right:16px}@media (pointer:coarse),(width<=600px){#ui>.hud{pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;padding:8px;display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.touch-controls{display:flex}.hud-bottom{display:none}.hud-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid;position:static}.hud-top .stat,.hud-top .stamina{min-width:0;padding:4px}.hud-top .stat .v{font-size:1.25rem}.hud-top .stat.title .v{font-size:.85rem}.hud-top .cadence{grid-column:span 2}.hud-tools{justify-content:space-between;gap:4px;position:static}.hud-tools .btn{min-height:40px;padding:6px;font-size:.7rem}.hud-banner{white-space:normal;text-align:center;order:1;padding:5px;font-size:.85rem;position:static;transform:none}.athletes-board{order:2;align-self:flex-start;min-width:0;max-width:180px;max-height:100px;position:static;overflow:auto}.hud .gauge{top:auto;bottom:150px}.keys-panel.static{gap:8px;padding:8px}.keys-panel.static .runkey{min-width:48px;padding:8px;font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[hidden]{display:none!important}.btn[hidden]{display:none}.room-join input{text-transform:uppercase;flex:6rem;width:6rem;min-width:0}.room-invite input{flex:14rem;width:100%;min-width:0}.room-invite{min-width:0}