:root{--bg:#0a1633;--panel:#04122beb;--line:#6fb6ff;--text:#dfe9ff;--text-dim:#9fb4d9;--cyan:#4de8ff;--yellow:#ffe14d;--font:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--edge:clamp(8px, 1.4vmin, 16px);--edge-t:calc(var(--edge) + env(safe-area-inset-top,0px));--edge-r:calc(var(--edge) + env(safe-area-inset-right,0px));--edge-b:calc(var(--edge) + env(safe-area-inset-bottom,0px));--edge-l:calc(var(--edge) + env(safe-area-inset-left,0px));--corner-btn:clamp(36px, 6vmin, 48px)}html{font-size:clamp(13px,.55vmin + 10.5px,20px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow:hidden}#game,#game canvas{display:block;position:fixed;inset:0}[hidden]{display:none!important}#menu{padding:var(--edge-t) var(--edge-r) var(--edge-b) var(--edge-l);touch-action:pan-y;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#1234648c,#050c1ed1);flex-direction:column;justify-content:safe center;align-items:center;gap:1.1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.logo{letter-spacing:.02em;white-space:nowrap;margin-bottom:1.2rem;font-size:clamp(2.6rem,min(16vw,17vh),8.5rem);font-weight:800;line-height:1}.logo-main{color:var(--cyan);text-shadow:0 0 12px #4de8ffa6,0 0 36px #4de8ff59}.logo-ext{color:var(--yellow);text-shadow:0 0 12px #ffe14d99,0 0 30px #ffe14d4d;font-size:.62em}#play-form{width:min(21rem,100%);display:flex}#nick{min-width:0;font:inherit;color:var(--text);-webkit-user-select:text;user-select:text;background:#0e3466d9;border:1px solid #6fb6ffa6;border-right:none;outline:none;flex:1;padding:.55rem .7rem;font-size:1.15rem}#nick::placeholder{color:#9fb4d9b3}#nick:focus{border-color:var(--line);box-shadow:inset 0 0 0 1px #6fb6ff59}#play-btn{font:inherit;color:var(--yellow);border:1px solid var(--yellow);cursor:pointer;background:#0a1e3ce6;padding:.55rem 1.1rem;font-size:1.15rem;transition:box-shadow .15s,background .15s}#play-btn:hover,#play-btn:focus-visible{background:#28280ae6;outline:none;box-shadow:0 0 14px #ffe14d73}.panel{background:#050e228c;border:1px dashed #6fb6ff59;flex-direction:column;gap:.7rem;width:min(24rem,100%);padding:.8rem .9rem;display:flex}.panel-title{color:var(--text-dim);font-size:.95rem}.slider-row{color:var(--text-dim);align-items:center;gap:.7rem;font-size:.95rem;display:flex}.slider-row>span{min-width:6.5rem}.slider-row input[type=range]{min-width:0;accent-color:var(--cyan);cursor:pointer;flex:1}.slider-row output{text-align:right;min-width:4.5ch;color:var(--cyan);font-weight:700}.friends-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.friends-row .panel-title{flex-basis:100%}.join-form{flex:1;min-width:10.5rem;display:flex}#room-code-input,#room-link{min-width:0;font:inherit;color:var(--text);-webkit-user-select:text;user-select:text;background:#0e3466d9;border:1px solid #6fb6ffa6;border-right:none;outline:none;flex:1;padding:.4rem .55rem;font-size:max(16px,.95rem)}#room-code-input{text-transform:uppercase;letter-spacing:.12em}#room-code-input::placeholder{text-transform:none;letter-spacing:normal;color:#9fb4d9b3}.btn{font:inherit;color:var(--cyan);cursor:pointer;white-space:nowrap;background:#0a1e3ce6;border:1px solid #4de8ffbf;padding:.4rem .8rem;font-size:.95rem;transition:box-shadow .15s,background .15s}.btn:hover:not(:disabled),.btn:focus-visible{background:#103050f2;outline:none;box-shadow:0 0 12px #4de8ff66}.btn:disabled{opacity:.5;cursor:default}.btn-dim{color:var(--text-dim);border-color:#9fb4d980;align-self:flex-start}.room-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}#room-code{color:var(--yellow);letter-spacing:.14em;text-shadow:0 0 10px #ffe14d73;font-size:1.6rem}#room-meta{color:var(--text-dim);margin-left:auto;font-size:.9rem}#room-hint{color:var(--text-dim);font-size:.9rem}.room-link-row{display:flex}#room-link{font-size:max(16px,.85rem)}#menu-status{text-align:center;max-width:34rem;min-height:1.2em;color:var(--text-dim);font-size:.95rem}#menu-status.error{color:#ff8a8a}#tip{text-align:center;max-width:34rem;min-height:1.4em;color:var(--text-dim);font-size:1.02rem}.tip-in{animation:.5s ease-out tip-in}@keyframes tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}#last-score{min-height:1.2em;color:var(--yellow);opacity:.85;font-size:1rem}#hud{pointer-events:none;--minimap:clamp(84px, 19vmin, 190px);font-size:clamp(11px,.75vmin + 7px,17px);position:fixed;inset:0}#leaderboard{top:var(--edge-t);right:var(--edge-r);background:#050e2259;border:1px dashed #6fb6ff59;width:16em;max-width:42vw;padding:.4em .6em;position:absolute}.lb-row{color:#dfe9ffd1;justify-content:space-between;gap:.6em;line-height:1.45;display:flex}.lb-row.me{color:#fff;font-weight:700}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#stats{left:var(--edge-l);bottom:var(--edge-b);color:#dfe9ffd9;text-shadow:0 1px 2px #0009;line-height:1.4;position:absolute}#minimap{right:var(--edge-r);bottom:var(--edge-b);width:var(--minimap);height:var(--minimap);position:absolute}#hud-toast{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #0009;opacity:0;background:#050e2299;border-radius:999px;padding:.45em 1em;font-weight:700;transition:opacity .35s;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}#hud-toast.visible{opacity:1;transition-duration:.1s}@media (max-height:520px){.lb-row:nth-child(n+6):not(.me){display:none}}.corner-btn{top:var(--edge-t);width:var(--corner-btn);height:var(--corner-btn);color:var(--text);cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#050e228c;border:1px solid #6fb6ff73;border-radius:10px;place-items:center;padding:0;transition:background .15s,box-shadow .15s;display:grid;position:fixed}.corner-btn:hover,.corner-btn:focus-visible{background:#103050d9;outline:none;box-shadow:0 0 12px #4de8ff66}.corner-btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:58%;height:58%}#fs-btn{left:var(--edge-l);z-index:10}#fs-btn .fs-exit,#fs-btn.on .fs-enter{display:none}#fs-btn.on .fs-exit{display:block}#exit-btn{left:calc(var(--edge-l) + var(--corner-btn) + 8px)}body:has(#fs-btn[hidden]) #exit-btn{left:var(--edge-l)}#joystick,#boost-btn{display:none}body.touch #joystick{--size:clamp(90px, 22vmin, 150px);width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);opacity:0;background:#050e2240;border:2px solid #6fb6ff73;border-radius:50%;transition:opacity .2s;display:block;position:absolute}body.touch #joystick.active{opacity:1;transition-duration:50ms}#joystick-knob{background:#4de8ff8c;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #4de8ff80}body.touch #boost-btn{--size:clamp(68px, 17vmin, 120px);right:var(--edge-r);bottom:var(--edge-b);width:var(--size);height:var(--size);color:var(--yellow);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a1e3c8c;border:2px solid #ffe14dbf;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}body.touch #boost-btn.pressed{background:#50460abf;transform:scale(.94);box-shadow:0 0 22px #ffe14d99}#boost-btn svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:50%;height:50%}body.touch #minimap{right:auto;left:var(--edge-l)}body.touch #stats{top:calc(var(--edge-t) + var(--corner-btn) + 8px);bottom:auto}@media (max-width:480px){#leaderboard{font-size:.9em}}.fatal{text-align:center;justify-content:center;align-items:center;padding:16px;font-size:1.2rem;display:flex;position:fixed;inset:0}