:root{--night: #140b22;--orange: #ff5a1f;--amber: #ffb020;--red: #ff2d4d;--cyan: #35e0ff;--cream: #fdf3e3;--ink: #0e0d0c;--muted: #b8a0c8;--panel: rgba(16, 8, 30, .86);--line: rgba(255, 90, 31, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);color:var(--cream);font-family:IBM Plex Mono,ui-monospace,monospace}#app{position:relative;width:100%;height:100%}#game{display:block;width:100%;height:100%;background:linear-gradient(180deg,#1a0f2e,#53215e 60%,#ff6a3c)}#fx{position:absolute;inset:0;pointer-events:none;z-index:5}#crt{position:absolute;inset:0;pointer-events:none;z-index:40;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at center,transparent 55%,rgba(5,0,15,.55) 100%);mix-blend-mode:multiply}.panel{position:absolute;inset:0;z-index:10;display:grid;place-content:center;gap:.85rem;padding:2rem;background:linear-gradient(180deg,#10081eb8,#10081ee0),repeating-linear-gradient(-24deg,transparent,transparent 26px,rgba(255,90,31,.06) 26px,rgba(255,90,31,.06) 52px);animation:stripes-drift 3s linear infinite}.panel:before,.panel:after{content:"";position:absolute;left:0;right:0;height:18px;pointer-events:none;background:repeating-conic-gradient(#f3e7d3 0% 25%,#14091f 0% 50%) 0 0 / 18px 18px;opacity:.85}.panel:before{top:0}.panel:after{bottom:0}@keyframes stripes-drift{0%{background-position:0 0,0 0}to{background-position:0 0,59px 0}}.panel>*{position:relative}.sunrays{position:absolute!important;left:50%;top:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ff5a1f17 0deg 11deg,#35e0ff08 11deg 22deg);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 62%);mask-image:radial-gradient(circle,#000 0%,transparent 62%);animation:rays-spin 46s linear infinite}@keyframes rays-spin{to{transform:rotate(360deg)}}.brand-jp{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-weight:700;font-size:clamp(.9rem,2.6vw,1.25rem);letter-spacing:.55em;text-align:center;transform:skew(-8deg);color:var(--cyan);text-shadow:0 0 14px rgba(53,224,255,.9),0 0 34px rgba(53,224,255,.5),2px 2px 0 #14091f;animation:neon-flicker 4.5s steps(1) infinite}.brand-jp-sm{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.45em;text-align:center;transform:skew(-8deg);color:var(--cyan);text-shadow:0 0 12px rgba(53,224,255,.8),2px 2px 0 #14091f}.hud-jp{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-weight:700;font-size:.62rem;letter-spacing:.4em;transform:skew(-8deg);color:var(--cyan);text-shadow:0 0 10px rgba(53,224,255,.7),1px 1px 0 #14091f;opacity:.85}@keyframes neon-flicker{0%,7%,9%,to{opacity:1}8%{opacity:.55}62%{opacity:1}63%{opacity:.7}64%{opacity:1}}.coin-line{margin:.4rem 0 0;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);text-align:center}.coin-line .blink{color:var(--amber);text-shadow:0 0 12px rgba(255,176,32,.8);animation:coin-blink 1.1s steps(2,start) infinite}@keyframes coin-blink{to{visibility:hidden}}.brand{font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(4.5rem,14vw,8rem);line-height:.9;letter-spacing:.04em;transform:skew(-8deg);background:linear-gradient(180deg,#fff6d8 0%,var(--amber) 38%,var(--orange) 55%,#7a1810 58%,var(--orange) 72%,var(--amber) 100%);background-size:100% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(.06em .06em 0 #14091f) drop-shadow(0 0 22px rgba(255,90,31,.5));animation:chrome-shine 3.2s ease-in-out infinite}@keyframes chrome-shine{0%,to{background-position:0 0}50%{background-position:0 60%}}.tagline{max-width:28rem;margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}label{display:grid;gap:.35rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}input{width:min(20rem,80vw);padding:.75rem .9rem;border:1px solid var(--line);background:var(--panel);color:var(--cream);font:inherit;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}input:focus{outline:2px solid var(--orange);outline-offset:1px}.actions{display:flex;gap:.75rem;margin-top:.25rem}button{border:none;padding:.85rem 1.5rem;background:linear-gradient(180deg,var(--amber),var(--orange) 55%,#c23a10);color:var(--ink);font:inherit;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transform:skew(-10deg);box-shadow:4px 4px #14091f,0 0 18px #ff5a1f59;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}button>*{display:inline-block;transform:skew(10deg)}button:hover{filter:brightness(1.15);transform:skew(-10deg) translate(-1px,-2px);box-shadow:6px 6px #14091f,0 0 26px #ff5a1f8c}button.secondary{background:#10081eb3;color:var(--cream);border:1px solid var(--line)}.status{min-height:1.2rem;margin:0;color:var(--amber);font-size:.85rem}.map-picker{width:min(24rem,85vw);display:grid;gap:.4rem}.picker-label{color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}#map-preview{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;box-shadow:4px 4px #14091f;image-rendering:auto}.map-list{display:grid;gap:.55rem}.map-group{display:grid;grid-template-columns:4.2rem 1fr;align-items:start;gap:.5rem}.map-row{display:flex;flex-wrap:wrap;gap:.45rem}.diff-label{margin-top:.45rem;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transform:skew(-10deg)}.diff-easy .diff-label{color:#4dffa6;text-shadow:0 0 8px rgba(77,255,166,.5)}.diff-medium .diff-label{color:var(--amber);text-shadow:0 0 8px rgba(255,176,32,.5)}.diff-hard .diff-label{color:var(--red);text-shadow:0 0 8px rgba(255,45,77,.55)}.diff-hard button.map-chip{border-color:#ff2d4d8c}.diff-hard button.map-chip.selected{background:linear-gradient(180deg,var(--red),#b3122f);color:var(--cream);border-color:var(--red);box-shadow:3px 3px #14091f,0 0 14px #ff2d4d99}.diff-easy button.map-chip.selected{background:linear-gradient(180deg,#4dffa6,#14b86b);color:var(--ink);border-color:#4dffa6;box-shadow:3px 3px #14091f,0 0 14px #4dffa68c}button.map-chip{padding:.4rem .8rem;font-size:.78rem;background:#10081eb3;color:var(--cream);border:1px solid var(--line);box-shadow:3px 3px #14091f}button.map-chip.selected{background:linear-gradient(180deg,var(--amber),var(--orange));color:var(--ink);border-color:var(--amber);box-shadow:3px 3px #14091f,0 0 14px #ffb02099}button.map-chip:disabled{opacity:.55;cursor:default}button.map-chip:disabled:hover{filter:none;transform:skew(-10deg);box-shadow:3px 3px #14091f}#hud{position:absolute;inset:0;z-index:10;pointer-events:none;padding:1rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between}#hud.hidden,.panel.hidden,.hidden{display:none!important}.room-lobby{place-content:center;gap:1rem}.lobby-title{font-size:3rem}.room-code{margin:0;color:var(--amber);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem}.tagline.tight{max-width:22rem;font-size:.85rem}.roster{list-style:none;margin:0;padding:0;width:min(22rem,85vw);display:grid;gap:.45rem}.roster li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .9rem;background:var(--panel);border-left:4px solid var(--orange);font-size:.85rem;transform:skew(-6deg);box-shadow:3px 3px #00000080}.roster li>*{transform:skew(6deg)}.roster .meta{color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.roster .meta.ready{color:var(--amber);text-shadow:0 0 10px rgba(255,176,32,.8)}.roster .swatch,#player-list .swatch{width:.65rem;height:.65rem;display:inline-block;margin-right:.35rem;vertical-align:middle}.gameover{z-index:25;width:min(26rem,90vw)}#results{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;width:100%}.result-row{display:grid;grid-template-columns:3.2rem 1fr auto;align-items:center;gap:.6rem;padding:.45rem .8rem;background:#10081eb3;border:1px solid rgba(255,255,255,.12);border-left-width:4px;transform:skew(-6deg);box-shadow:2px 2px #00000080;font-size:.85rem}.result-row .place{font-family:Bebas Neue,Impact,sans-serif;font-style:italic;font-size:1.4rem;color:var(--muted)}.result-row .who{display:flex;align-items:center;gap:.45rem;color:var(--cream)}.result-row .who .swatch{width:.65rem;height:.65rem;display:inline-block}.result-row .time{font-family:IBM Plex Mono,monospace;color:var(--muted);font-size:.8rem}.result-row.p1{border-left-color:#ffd61f;box-shadow:2px 2px #00000080,0 0 16px #ffd61f59}.result-row.p1 .place{color:#ffd61f;text-shadow:0 0 10px rgba(255,214,31,.7)}.result-row.p2{border-left-color:#cfd6e4}.result-row.p2 .place{color:#cfd6e4}.result-row.p3{border-left-color:#d98a4a}.result-row.p3 .place{color:#d98a4a}.result-row.you{background:#ff5a1f29;border-color:var(--orange);border-left-width:4px}.result-row .time:empty:before{content:"—"}.countdown{position:absolute;inset:0;z-index:30;display:grid;place-content:center;pointer-events:none;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(8rem,30vw,18rem);font-style:italic;color:var(--amber);-webkit-text-stroke:4px #14091f;text-shadow:.05em .05em 0 #14091f,0 0 60px rgba(255,176,32,.8);animation:count-punch 1s cubic-bezier(.16,1.6,.4,1) both}.countdown.go{color:#4dff7a;text-shadow:.05em .05em 0 #14091f,0 0 70px rgba(77,255,122,.9)}@keyframes count-punch{0%{transform:scale(2.6) rotate(-4deg);opacity:0}35%{transform:scale(1) rotate(0);opacity:1}85%{transform:scale(1.04)}to{transform:scale(1.08);opacity:.9}}.hud-top{display:flex;justify-content:space-between;align-items:baseline}.brand-sm{font-family:Bebas Neue,Impact,sans-serif;font-size:2rem;letter-spacing:.06em;transform:skew(-8deg);color:var(--orange);text-shadow:.06em .06em 0 #14091f,0 0 16px rgba(255,90,31,.6)}#room-label{color:var(--muted);font-size:.8rem}.hud-cluster{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}#lap-indicator{font-family:Bebas Neue,Impact,sans-serif;font-style:italic;transform:skew(-8deg);display:flex;align-items:baseline;gap:.35rem}#lap-indicator .lap-label{font-size:1.1rem;color:var(--cyan);letter-spacing:.14em;text-shadow:0 0 12px rgba(53,224,255,.6)}#lap-indicator #lap-value{font-size:2.2rem;line-height:1;color:var(--cream);-webkit-text-stroke:1.5px #14091f;text-shadow:.05em .05em 0 #14091f,0 0 18px rgba(53,224,255,.45)}#lap-indicator.final #lap-value{color:var(--red);text-shadow:.05em .05em 0 #14091f,0 0 26px rgba(255,45,77,.9)}.meters{width:min(15rem,55vw);display:grid;gap:.45rem}.meter{display:grid;gap:.2rem;font-size:.72rem;letter-spacing:.14em;color:var(--amber);font-weight:600;transform:skew(-8deg)}.bar{height:.85rem;background:#0000008c;border:1px solid var(--line);box-shadow:3px 3px #00000080;overflow:hidden}.bar i{display:block;height:100%;width:0%;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.25) 0 6px,transparent 6px 12px),linear-gradient(90deg,var(--amber),var(--orange),var(--red));box-shadow:0 0 14px #ff7828cc;transition:width 60ms linear;animation:bar-scroll .5s linear infinite}.bar.screech i{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.3) 0 6px,transparent 6px 12px),linear-gradient(90deg,#baf7ff,var(--cyan),#2f7bff);box-shadow:0 0 14px #35e0ffcc}@keyframes bar-scroll{0%{background-position:0 0,0 0}to{background-position:17px 0,0 0}}#player-list{list-style:none;margin:0;padding:0;align-self:flex-end;display:grid;gap:.35rem;font-size:.8rem}#player-list li{display:flex;align-items:center;gap:.5rem;background:var(--panel);padding:.35rem .7rem;border-left:3px solid var(--orange);transform:skew(-6deg);box-shadow:2px 2px #00000080}#player-list .mini{width:3.5rem;height:.35rem;background:#ffffff1a;overflow:hidden}#player-list .mini i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--amber),var(--orange))}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.hint{margin:0;color:var(--muted);font-size:.75rem;letter-spacing:.04em}#speedo{display:flex;align-items:baseline;gap:.4rem;font-family:Bebas Neue,Impact,sans-serif;font-style:italic;transform:skew(-8deg);line-height:.85}#speed-value{font-size:clamp(3.5rem,9vw,6rem);min-width:2.2ch;text-align:right;color:var(--cream);-webkit-text-stroke:2px #14091f;text-shadow:.05em .05em 0 #14091f,0 0 26px rgba(255,176,32,.5);transition:color .2s ease}#speedo .speed-unit{font-size:1.3rem;color:var(--amber);letter-spacing:.1em}#speedo.hot #speed-value{color:var(--red);text-shadow:.05em .05em 0 #14091f,0 0 34px rgba(255,45,77,.95);animation:hot-flash .35s ease-in-out infinite}@keyframes hot-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.debug-panel{position:absolute;left:.75rem;bottom:2.5rem;margin:0;padding:.65rem .75rem;max-width:min(28rem,92vw);background:#080808d1;border:1px solid rgba(255,176,32,.45);color:#ffe6b0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;line-height:1.35;white-space:pre-wrap;pointer-events:none;z-index:45}.debug-panel.hidden{display:none!important}