@font-face{font-family:Honoria;src:url('../assets/fonts/Honoria-Regular.otf')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#292a24;color:#f4ede0;font-family:Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #e4bd7f;outline-offset:5px}button{color:inherit}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#world{display:block;width:100%;height:100%}#race-ui{position:absolute;inset:0;pointer-events:none}.panel{pointer-events:auto;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:5vh 6vw;background:linear-gradient(90deg,rgba(24,24,21,.94),rgba(24,24,21,.78) 39%,rgba(24,24,21,.13) 76%);overflow:auto}.brand{position:absolute;top:30px;left:6vw;font-size:12px;font-weight:bold;letter-spacing:.2em}.eyebrow{font-size:11px;letter-spacing:.23em;text-transform:uppercase;color:#d4b796;font-weight:bold}h1,h2{font-family:Honoria,Georgia,serif;font-weight:400;margin:14px 0 22px;line-height:.95;letter-spacing:-.03em}h1{font-size:clamp(58px,7.5vw,114px)}h1 em{font-style:normal;color:#c69972}h2{font-size:clamp(46px,6vw,80px)}.intro{max-width:470px;color:#ddd4c6;font-size:15px;line-height:1.65;margin:0 0 25px}.roster{display:grid;grid-template-columns:repeat(2,minmax(150px,220px));gap:8px;max-width:450px;margin:8px 0 18px}.rider-choice{border:1px solid #776553;background:rgba(39,35,30,.78);padding:13px 16px;text-align:left;position:relative}.rider-choice[aria-pressed=true]{border-color:#e1c4a0;background:#72563e}.rider-choice strong{display:block;font-family:Honoria,Georgia,serif;font-size:22px;font-weight:400}.rider-choice small{display:block;font-size:9px;letter-spacing:.12em;margin-top:6px;color:#d5c8b6}.swatch{position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%}.character-copy{font-size:12px;color:#c9bdab;max-width:440px;min-height:30px}.primary,.secondary{border:1px solid #b79570;padding:17px 27px;font-size:12px;font-weight:bold;letter-spacing:.12em;background:#896447;min-width:210px;text-align:center}.secondary{background:#292923;border-color:#756957;min-width:140px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.controls{font-size:10px;line-height:1.9;letter-spacing:.08em;color:#c3b9aa;max-width:470px}details{max-width:450px;font-size:12px;color:#d5c9b7;margin-top:15px}summary{cursor:pointer;padding:8px 0}details label{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:6px 0}details input[type=range]{width:150px;accent-color:#c9a27c}select{background:#34332b;color:#f4ede0;border:1px solid #83715b;padding:8px}#credits{position:absolute;bottom:18px;right:23px;z-index:8;font-size:9px;letter-spacing:.12em}#credits a{color:#e5d7bf;text-decoration:none;margin-left:12px}#loading{position:absolute;bottom:25px;left:6vw;font-size:11px;letter-spacing:.15em;color:#e0c49d;z-index:9}.hud{position:absolute;inset:0;padding:25px 32px}.topbar{display:flex;justify-content:space-between;align-items:start}.race-stats{display:flex;gap:28px;text-shadow:0 2px 6px #26251d}.stat small{display:block;font-size:9px;letter-spacing:.16em;color:#f0dfc7}.stat b{display:block;font-family:Honoria,Georgia,serif;font-size:32px;font-weight:400;margin-top:5px}.stat b span{font:14px Arial;color:#d4c7b3}#pause-button{pointer-events:auto;background:#2a2a23aa;border:1px solid #b5a08466;padding:10px 14px;font-size:10px;letter-spacing:.1em}.bottom{position:absolute;bottom:30px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:end}.speed{font-family:Honoria,Georgia,serif;font-size:46px}.speed small{font:10px Arial;letter-spacing:.15em;color:#dfd2be}.boost{width:210px}.boost-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;margin-bottom:9px}.boost-track{height:5px;background:#28292088}.boost-fill{height:100%;background:#e1c09a;transform-origin:left}.boost.active .boost-fill{background:#fff2dc;box-shadow:0 0 13px #f6ddb8}.course-label{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.2em;text-align:center;color:#f1e3cb;text-shadow:0 2px 8px #000}.course-label small{display:block;font-size:8px;margin-top:7px;color:#e0cfb5}#countdown{position:absolute;top:32%;left:50%;transform:translateX(-50%);font-family:Honoria,Georgia,serif;font-size:140px;text-shadow:0 3px 25px #2c261c88}#notice{position:absolute;top:105px;left:50%;transform:translateX(-50%);padding:9px 20px;background:#292821b0;font-size:11px;letter-spacing:.08em;white-space:nowrap}#notice:empty{display:none}.results-list{width:440px;max-width:85vw;margin:8px 0 16px;list-style:none;padding:0}.results-list li{display:flex;gap:18px;padding:12px 2px;border-bottom:1px solid #7b6c5555;font-size:13px}.results-list li.player{color:#e9c89f}.results-list span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 90px #f5cb7e24;opacity:0;transition:opacity .25s}.touch{position:absolute;bottom:95px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.touch div{display:flex;gap:10px}.touch button{pointer-events:auto;touch-action:none;user-select:none;background:#332c23aa;border:1px solid #d9c3a477;width:59px;height:59px;border-radius:50%;font-size:11px}.touch button[data-input=accelerate]{background:#8e6749cc}#startup-recovery{position:absolute;inset:0;background:#201f1bfa;z-index:30;display:grid;place-items:center;padding:30px}#startup-recovery>div{max-width:500px}#startup-recovery h1{font-size:52px}#startup-recovery p{line-height:1.6}#startup-recovery button{background:#806044;border:1px solid #b49b7a;padding:15px;margin-right:10px}#startup-recovery a{display:block;color:#cdb08a;margin-top:20px}@media(max-width:700px){.panel{padding:80px 23px 50px;background:linear-gradient(90deg,#25241ef5,#25241eac)}.brand{left:23px;top:24px}h1{font-size:55px;margin:12px 0 14px}.intro{font-size:13px;margin-bottom:10px;max-width:360px}.roster{max-width:400px}.rider-choice{padding:10px}.rider-choice strong{font-size:20px}.character-copy{font-size:11px;min-height:20px}.hud{padding:18px}.race-stats{gap:20px}.stat b{font-size:25px}.bottom{left:20px;right:20px;bottom:22px}.boost{width:150px}.course-label{bottom:165px;font-size:9px}.speed{font-size:36px}.controls{font-size:9px}#credits{bottom:8px;right:12px}#notice{top:90px;font-size:10px;max-width:90vw;white-space:normal;text-align:center}#loading{left:23px;bottom:14px}#countdown{font-size:100px}.primary,.secondary{padding:14px;min-width:160px}}
/* Honoria has no numeral glyphs; timing and speed use tabular UI numerals. */
.stat b,.speed{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500}.stat b{font-size:29px}.speed{font-size:42px}
#countdown{font-family:Arial,sans-serif;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:480px){.touch{left:15px;right:15px}.touch div{gap:6px}.touch button{width:48px;height:48px;font-size:9px}.stat b{font-size:23px}.race-stats{gap:16px}}
@media(max-width:700px){.panel{background:linear-gradient(90deg,rgba(31,29,26,.94),rgba(31,29,26,.6) 65%,rgba(31,29,26,.18))}}
@media(max-height:800px) and (min-width:701px){.panel{justify-content:flex-start;padding-top:74px;padding-bottom:28px}h1{font-size:clamp(54px,9vh,78px);margin:10px 0 16px}.intro{font-size:13px;line-height:1.5;margin-bottom:14px}.rider-choice{padding:10px 14px}.roster{margin:6px 0 10px}.character-copy{margin:6px 0;min-height:22px}details{margin-top:5px}.controls{font-size:9px}.brand{top:25px}}