@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;600;700;800&family=Share+Tech+Mono&display=swap');
:root{color-scheme:dark;--cyan:#00eaff;--blue:#087cff;--red:#ff244f;--white:#f6fbff;--ink:#020508;--panel:rgba(3,8,13,.84)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#010204;color:var(--white);font-family:Oxanium,system-ui,sans-serif}.shell{width:100vw;height:100vh;position:relative;background:#020508;isolation:isolate}canvas{width:100%;height:100%;display:block;image-rendering:auto}.shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.overlay{position:absolute;z-index:5;left:clamp(24px,7vw,100px);top:50%;transform:translateY(-50%);width:min(520px,calc(100vw - 48px));padding:40px 44px;background:linear-gradient(135deg,rgba(3,9,15,.92),rgba(3,7,11,.62));border-left:3px solid var(--cyan);clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%);box-shadow:-14px 0 60px rgba(0,234,255,.15);backdrop-filter:blur(12px)}.eyebrow{font:600 .78rem Share Tech Mono,monospace;letter-spacing:.25em;color:var(--cyan);margin:0 0 15px}.menu-panel h1{font-size:clamp(3.3rem,8vw,6.8rem);line-height:.77;letter-spacing:-.07em;margin:0;text-shadow:0 0 28px rgba(255,255,255,.18)}.menu-panel h1 span{color:transparent;-webkit-text-stroke:2px var(--cyan);text-shadow:0 0 22px rgba(0,234,255,.55)}.mode-name{font:600 1rem Share Tech Mono,monospace;letter-spacing:.55em;margin:24px 0 34px;color:#8edce5}.primary,.secondary{font:700 1rem Oxanium,sans-serif;letter-spacing:.14em;padding:16px 22px;cursor:pointer;color:#001015;border:0;background:var(--cyan);box-shadow:0 0 28px rgba(0,234,255,.3);transition:.18s transform,.18s filter}.primary:hover{transform:translateX(5px);filter:brightness(1.2)}.primary span{float:right;margin-left:70px}.secondary{margin-top:10px;background:transparent;color:#d6faff;border:1px solid rgba(0,234,255,.45);box-shadow:none}.compact{left:50%;transform:translate(-50%,-50%);text-align:center;max-width:440px;border-left:1px solid var(--cyan)}.compact h2{font-size:3rem;margin:0 0 24px}.compact button{width:100%}.menu-grid{display:flex;gap:22px;margin-top:34px;border-top:1px solid rgba(0,234,255,.2);padding-top:20px}.menu-grid div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.menu-grid strong{display:block;width:100%;font:400 .72rem Share Tech Mono,monospace;color:#87a6ad}kbd{font:600 .72rem Share Tech Mono,monospace;padding:4px 7px;border:1px solid #3a6870;border-bottom-width:2px;background:#081319}.warning{font:400 .7rem Share Tech Mono,monospace;color:#ff708c;letter-spacing:.12em;margin:25px 0 0}.hud{position:absolute;z-index:4;inset:26px 32px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;font-family:Share Tech Mono,monospace;pointer-events:none}.hud-left,.hud-right{display:flex;gap:13px;align-items:center}.hud-right{justify-self:end;gap:32px;text-align:right}.hud small,.track small{display:block;font-size:.64rem;letter-spacing:.18em;color:#6f8f98}.hud strong{font-size:1rem;letter-spacing:.08em}.hud-left>span{width:10px;height:38px;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.distance{text-align:center}.distance strong{display:block;font-size:1.7rem}.stall{position:absolute;left:50%;top:78px;transform:translateX(-50%);padding:8px 16px;border:1px solid var(--red);background:rgba(30,0,6,.72);color:#ff718d;box-shadow:0 0 22px rgba(255,36,79,.25)}.corner-btn{position:absolute;z-index:5;right:30px;bottom:28px;width:44px;height:44px;border:1px solid rgba(0,234,255,.35);background:rgba(2,8,12,.72);color:var(--cyan);font:700 1.1rem Oxanium;cursor:pointer}.music-btn{right:82px}.track{position:absolute;z-index:4;left:30px;bottom:28px;display:flex;gap:12px;align-items:center;padding:9px 14px;border-left:2px solid var(--cyan);background:rgba(1,5,8,.68);font-family:Share Tech Mono,monospace}.track span{color:var(--cyan)}.track strong{display:block;font-size:.72rem;color:#b9d8dd;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results{display:flex;justify-content:space-around;margin:0 0 24px;font:400 .8rem Share Tech Mono}.results b{display:block;color:var(--cyan);font-size:1.6rem;margin-top:7px}.hidden{display:none!important}@media(max-width:700px){.overlay{padding:28px}.menu-grid{gap:12px}.hud{inset:16px}.hud-right>div:last-child{display:none}.distance strong{font-size:1.15rem}.menu-panel h1{font-size:3.6rem}.track{display:none}.corner-btn{bottom:16px;right:16px}.music-btn{right:66px}}
.back-to-arcade{position:fixed;top:18px;left:20px;z-index:20;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(0,234,255,.4);color:#d9fbff;background:rgba(2,8,12,.82);font:700 .75rem Share Tech Mono,monospace;letter-spacing:.11em;text-decoration:none;box-shadow:0 0 24px rgba(0,234,255,.12);backdrop-filter:blur(9px);transition:.18s transform,.18s border-color,.18s background}
.back-to-arcade:hover,.back-to-arcade:focus-visible{border-color:var(--cyan);background:rgba(3,18,24,.94);transform:translateX(-3px);outline:none}
@media(max-width:700px){.back-to-arcade{top:10px;left:10px;padding:8px 10px;font-size:.66rem}.hud{inset:58px 16px auto}}