*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080e1b;color:#edf6fa;font-family:"Nunito",system-ui,sans-serif;touch-action:none}button,select{font:inherit}button{cursor:pointer}#shell{position:relative;width:min(100vw,calc(100vh * .63158));height:min(100vh,calc(100vw * 1.5833));margin:auto;overflow:hidden;box-shadow:0 0 60px #fa4dad33}canvas{display:block;width:100%;height:100%}header{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(#071527ec,#07152700);font-weight:900}header a{font-size:14px;text-decoration:none;color:#a3eaf0}header span{margin-left:auto;background:#10263fbb;border-radius:18px;padding:5px 10px}header button{border:0;background:#1a3855;color:white;border-radius:10px;padding:4px 10px}#hud{position:absolute;z-index:3;top:47px;left:10px;right:10px;display:flex;justify-content:space-between;gap:5px;pointer-events:none}#hud>div{background:#071526b5;border:1px solid #3db5bf88;border-radius:11px;padding:4px 10px;min-width:88px;text-align:center}#hud small{display:block;color:#79cbd1;font-size:9px;font-weight:900;letter-spacing:.13em}#hud strong{display:block;font-size:19px}#touch{position:absolute;bottom:12px;left:12px;right:12px;z-index:3;display:flex;justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:8px}#touch button{pointer-events:auto;width:63px;height:61px;border:1px solid #6fdfe4aa;background:#173b58b8;color:#adf6f4;border-radius:15px;font-size:25px;touch-action:none}#touch #gas{background:#ad2d68c9;color:white}.overlay{position:absolute;inset:0;z-index:5;background:#071628cf;display:grid;place-items:center;padding:14px}.overlay.hidden{display:none}.card{max-height:calc(100% - 8px);width:100%;overflow:auto;background:#0e2236;border:2px solid #34adba;border-radius:18px;box-shadow:0 20px 60px #000c}.art{height:175px;background:url(assets/cover.jpg) center/cover}.body{padding:16px 20px 19px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#f571b8;font-weight:900}.body h1{font-size:30px;line-height:1.04;margin:4px 0 8px}.body p{font-size:13px;color:#bfd3dd;margin:0 0 10px}.picks{display:flex;gap:8px}.picks label{flex:1;min-width:0;font-size:11px;color:#7dccd3}.picks label span{display:block}.picks select{width:100%;background:#203d53;color:white;border:1px solid #49788e;border-radius:8px;padding:6px;font-size:12px}.garage{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:11px 0}.bike{border:1px solid #386174;border-radius:9px;background:#1a3347;color:white;padding:6px 4px;text-align:center;font-size:11px;min-height:49px}.bike strong{display:block}.bike.selected{border-color:#f674bc;background:#632f5b}.bike.locked{color:#9fadb9}.record{font-size:13px;margin-bottom:9px;color:#b1d7df}.body #play{border:0;background:#e6539a;color:#fff;border-radius:11px;padding:9px 20px;font-size:17px;font-weight:900;width:100%}#toast{position:absolute;z-index:7;bottom:90px;left:50%;transform:translateX(-50%);background:#cc397e;color:white;padding:8px 15px;border-radius:16px;opacity:0;white-space:nowrap}#toast.show{opacity:1}@media(max-height:650px){.art{height:105px}.body{padding:11px 15px}.body p{font-size:11px}.garage{margin:6px 0}.bike{min-height:40px}}
.bike img{display:block;width:38px;height:52px;object-fit:contain;margin:0 auto 2px;filter:drop-shadow(0 3px 5px #0008)}
.bike{min-height:85px}
@media(max-height:650px){.bike{min-height:70px}.bike img{height:40px}}