*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:#c9a67a;color:#f4ecdf}body{overflow:hidden;font-family:Segoe UI,Arial Narrow,sans-serif}#view,#view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}button,p,h1,h2,strong,span{font:inherit}#menu,#finish{position:absolute;left:28px;bottom:28px;width:min(420px,calc(100% - 40px));padding:22px 22px 18px;background:#181c16d1;border:1px solid rgba(232,196,140,.35);z-index:2}.eyebrow{margin:0 0 6px;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:#e2b15a}h1,h2{margin:0;font-size:64px;line-height:.9;font-weight:700;letter-spacing:-.04em}h2{font-size:40px}.lede,#finish-time,.hint{color:#d9d0c3}.lede{margin:10px 0 16px;font-size:18px}.hint{margin:10px 0 0;font-size:13px}button{appearance:none;border:0;background:#e07a3d;color:#1b140f;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;cursor:pointer}button:hover{background:#f0a15a}#hud{position:absolute;inset:0;pointer-events:none;z-index:2}.panel{position:absolute;background:#181c16b8;border:1px solid rgba(232,196,140,.28);padding:10px 12px}.lap-panel{top:16px;left:16px;display:grid;grid-template-columns:auto auto;gap:0 12px;min-width:140px}.lap-panel span,.speed-panel span,#backend{font-size:11px;letter-spacing:.14em;color:#e2b15a}.lap-panel strong{font-size:28px;font-weight:700}.speed-panel{right:16px;bottom:16px;text-align:right}.speed-panel strong{display:block;font-size:64px;line-height:.85;font-weight:700}#map{position:absolute;left:16px;bottom:16px;width:160px;height:160px;border:1px solid rgba(232,196,140,.35);background:#181c1666}#menu[hidden],#finish[hidden],#hud[hidden],#countdown[hidden],#boot[hidden]{display:none!important}#countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:700;letter-spacing:-.04em;text-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none;z-index:3}#boot{position:absolute;left:16px;top:16px;z-index:4;background:#181c16cc;padding:8px 12px;margin:0}#touch{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:3}#touch[hidden]{display:none!important}#touch button{pointer-events:auto;min-width:72px}@media(max-width:800px){h1{font-size:48px}#countdown{font-size:84px}.speed-panel strong{font-size:44px}.speed-panel,#map,#menu,#finish{bottom:84px}#map{width:110px;height:110px}#touch{display:flex}}