*{box-sizing:border-box}body{margin:0;background:#061c24;color:#eefafa;font-family:Arial,Helvetica,sans-serif}header{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25414a}.brand{text-decoration:none;color:#efffff;letter-spacing:2px;font-size:17px;display:flex;gap:10px;align-items:center}.brand b{color:#baff54}.mark{font-size:40px;color:#baff54}button{font:700 14px Arial;cursor:pointer;border:1px solid #62858d;border-radius:8px;color:#eafaff;background:#113741;padding:12px 17px;touch-action:none}button:hover{background:#23505a}button:focus-visible{outline:3px solid #baff54;outline-offset:3px}header button{margin-left:8px}main{max-width:1500px;padding:20px 4vw;margin:auto}.topline{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;margin-bottom:15px;color:#9ebfc7}#arena{height:calc(100svh - 205px);min-height:410px;max-height:850px;position:relative;overflow:hidden;border-radius:15px;background:#168c9e;border:1px solid #42737c}canvas{width:100%;height:100%;display:block}#hud{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 8px #05232d}small{display:block;font-size:12px;letter-spacing:2px;margin-bottom:6px}strong{font-size:26px}#hearts{color:#ffdeaa}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8%;background:linear-gradient(90deg,#062f3bec, #06344198 52%,transparent)}.eyebrow{font-size:12px;letter-spacing:3px;color:#c0e4d5}h1{font-size:clamp(55px,7vw,100px);line-height:.9;letter-spacing:-5px;margin:18px 0;font-weight:900}h1 span{color:#baff54}#message{font-size:17px;max-width:430px;line-height:1.5}.routes{display:flex;gap:8px;margin:15px 0;flex-wrap:wrap}.routes button{font-size:13px;background:#052d3bd1}.routes .chosen{border-color:#baff54;color:#baff54}.primary{background:#baff54;color:#103329;border:0;padding:19px 26px;font-size:18px;min-width:245px;display:flex;justify-content:space-between}.primary:hover{background:#d3ff91}.instructions{font-size:14px;line-height:1.7;color:#b5d3d8}.meters{position:absolute;bottom:20px;left:25px;right:25px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:bold;letter-spacing:1px}.meters div{width:150px;height:8px;background:#042b3caa;border-radius:9px;overflow:hidden}.meters i{display:block;height:100%;width:100%;background:#baff54}#shieldLabel{margin-left:auto}#toast{position:absolute;top:95px;width:100%;text-align:center;font-size:25px;font-weight:bold;color:#fff7b0;text-shadow:0 2px 10px #173c49}.bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;font-size:13px;color:#a8c5cc}.touch{display:flex;gap:7px}.touch button{padding:12px}#best{white-space:nowrap;color:#baff54;font-weight:bold}@media(max-width:650px){header{height:65px;padding:0 15px}.brand{font-size:12px;gap:6px;letter-spacing:1px}.mark{font-size:30px}header button{padding:9px;font-size:12px}main{padding:14px 10px}.topline{font-size:10px;letter-spacing:1px}#arena{height:calc(100svh - 185px);min-height:440px}#overlay{padding:7%;background:linear-gradient(90deg,#062f3be8,#06344180)}h1{font-size:64px}.eyebrow{font-size:10px;letter-spacing:1px}.routes button{padding:10px 8px;font-size:12px}.tip{display:none}#hud{left:15px;right:15px;top:15px}strong{font-size:21px}small{font-size:10px}.instructions{font-size:12px}.meters{left:15px;right:15px}.meters div{width:95px}.bottom{gap:8px}.touch button{font-size:12px;padding:12px 10px}}
.modes{display:flex;gap:12px;align-items:center;margin-top:12px}.modes label{font-size:12px;letter-spacing:2px}.modes select{font-size:14px;padding:10px;background:#0b3541;color:white;border:1px solid #88b3b8;border-radius:7px;max-width:100%}#raceHud{position:absolute;top:85px;left:25px;font-size:13px;background:#06313bcc;padding:9px 12px;border-radius:7px;color:#baff54}#raceHud:empty{display:none}#toast{top:125px}#emoteBubble{position:absolute;bottom:160px;left:calc(50% - 20px);font-size:36px;pointer-events:none}dialog{background:#082c37;color:#effcff;border:1px solid #577d88;border-radius:18px;width:min(960px,95vw);max-height:88svh;padding:28px}dialog::backdrop{background:#00131cbb;backdrop-filter:blur(5px)}.dialogHead{display:flex;justify-content:space-between;gap:15px}.dialogHead h2{font-size:30px;margin:8px 0}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tabs .selected{color:#14362a;background:#baff54}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article,.recordList article{padding:18px;background:#103e4a;border:1px solid #315b68;border-radius:12px}.cards h3{font-size:18px;margin:10px 0}.cards p,.recordList p{font-size:14px;line-height:1.6;color:#bfd8de}.cards button{width:100%}button:disabled{opacity:.45;cursor:default}progress{width:100%;height:10px;accent-color:#baff54}.saveNote{font-size:13px;color:#a6c6ce;margin-top:24px}.recordList{display:grid;gap:10px}#wallet{color:#baff54;letter-spacing:1px;font-weight:bold}@media(max-width:650px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:10px 15px;gap:8px}header button{font-size:11px;padding:7px}header .brand{font-size:11px}.cards{grid-template-columns:1fr}dialog{padding:18px}.dialogHead h2{font-size:24px}.bottom{flex-wrap:wrap}.touch{gap:5px;flex-wrap:wrap}.touch button{padding:11px 8px}#overlay h1{font-size:50px}.instructions{line-height:1.4}.routes{margin:10px 0}#raceHud{left:12px;top:75px;font-size:11px}#arena{height:calc(100svh - 220px);min-height:480px}.modes select{max-width:240px;font-size:12px}}

.touch{flex-wrap:wrap}.touch button{min-width:44px;min-height:44px}@media(max-width:650px){.bottom{align-items:flex-start}.touch{max-width:100%;gap:4px}.touch button{padding:9px 7px}#arena{height:calc(100svh - 260px)}}