:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#234369,#0c1428 70%);color:#f5f7fa;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.header{max-width:1220px;margin:auto;padding:16px 22px;display:flex;justify-content:space-between}.header a{color:#d9e8f9;text-decoration:none}.brand{font-size:22px;font-weight:850}.brand span{color:#e7af62}main{max-width:1220px;margin:auto;padding:18px 16px 60px}.intro p{font-size:12px;font-weight:800;color:#f3bc73;letter-spacing:.18em;margin:0 0 8px}.intro h1{font-size:clamp(42px,6vw,70px);letter-spacing:-.05em;line-height:1;margin:0}.intro .sub{color:#b5c3d5;margin:12px 0 22px}.race-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.track{position:relative;overflow:hidden;border-radius:22px;border:2px solid #638eb6;background:#1f344e;box-shadow:0 25px 55px #0008}.track canvas{display:block;width:100%;aspect-ratio:16/10;min-height:350px}.overlay{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.overlay span{background:#09182ccb;border:1px solid #a0c2df66;border-radius:10px;padding:6px 10px;font-size:12px}.overlay b{color:#ffe0a0}.controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:17px;background:#0e1b31}.controls button,.panel button{border:1px solid #dcb981;border-radius:12px;background:linear-gradient(#f6cb82,#c68d45);color:#271d18;min-height:46px;padding:10px 20px;font:inherit;font-weight:800;cursor:pointer;touch-action:none;box-shadow:0 5px #6b4826}.controls button:active,.panel button:active{transform:translateY(3px);box-shadow:0 2px #6b4826}.controls button:focus-visible,.panel button:focus-visible{outline:3px solid white;outline-offset:3px}.controls #boostbtn{background:linear-gradient(#8fe9cf,#2cae9b);border-color:#83ead9}.panel{border:1px solid #57718f;border-radius:20px;background:#14243d;padding:22px}.panel h2{margin:0 0 15px}.metric{margin:0 0 17px;color:#a9bfd5}.metric b{display:block;font-size:25px;color:#fff}.progress{height:10px;background:#344662;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#46bea6,#a0f1cf);width:100%;transition:width .2s}.panel p{color:#b9c9da}.status{min-height:42px;color:#ffdb99!important;font-weight:700}.help{font-size:13px;line-height:1.65}@media(max-width:900px){.race-shell{grid-template-columns:1fr}.panel{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.panel h2,.panel .status,.panel .help{grid-column:1/-1}.track canvas{min-height:300px}}@media(max-width:560px){main{padding:12px 8px 45px}.track{border-radius:14px}.track canvas{aspect-ratio:4/5;min-height:430px}.overlay{top:8px;left:8px;right:8px;flex-wrap:wrap}.overlay span{font-size:10px}.controls{gap:8px;padding:12px}.controls button{padding:9px 12px}.panel{padding:15px}}@media(prefers-reduced-motion:reduce){.progress i{transition:none}}