@font-face{font-family:Archivo;src:url('../fonts/archivo-800-latin.woff2')}*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Archivo,Arial,sans-serif;color:#20304b;background:#a7dbe2}canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;right:16px;pointer-events:none}.brand{font-size:14px;letter-spacing:.08em;text-shadow:0 2px #fff}.brand span{display:block;font-size:9px;letter-spacing:.2em}.stats{display:flex;gap:7px;margin-top:12px}.stats div{background:#fff8e6;border:2px solid #20304b;border-radius:12px;padding:7px 11px;box-shadow:0 3px #20304b;min-width:68px}.stats small{display:block;font-size:9px;letter-spacing:.09em;color:#596a72}.stats strong{font-size:18px}#hint{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;text-align:center;background:#20304be8;color:#fff8e6;border-radius:14px;padding:10px 18px;font-size:14px;pointer-events:none}#hint span{display:block;font-size:10px;letter-spacing:.06em;margin-top:4px}.overlay{position:absolute;inset:0;background:#20304b88;display:grid;place-items:center;padding:20px}.overlay[hidden]{display:none}.card{width:min(100%,410px);background:#fff8e6;border:3px solid #20304b;border-radius:22px;padding:26px;box-shadow:0 8px #20304b}.eyebrow{font-size:11px;letter-spacing:.18em;color:#d75743}h1{font-size:clamp(38px,10vw,55px);line-height:.95;margin:14px 0}p{font-family:Arial,sans-serif;font-weight:600;line-height:1.45;color:#53616a}.instructions{display:grid;gap:10px;margin:20px 0}.instructions div{display:flex;align-items:center;gap:10px;font-family:Arial,sans-serif;font-weight:700;font-size:14px}.instructions b{display:grid;place-items:center;background:#f5bd50;border:2px solid #20304b;border-radius:50%;width:27px;height:27px;font-family:Archivo}button{width:100%;border:3px solid #20304b;background:#ed6a50;color:#fff;border-radius:12px;padding:15px;font:18px Archivo;box-shadow:0 4px #20304b;cursor:pointer}button:active{transform:translateY(3px);box-shadow:0 1px #20304b}.card>small{display:block;text-align:center;margin-top:16px;font:12px Arial;color:#68747a}.score{font-size:42px;color:#dc6348}#laps{font:700 14px Arial;line-height:1.8;margin:15px 0}

.name-label{display:block;font-size:11px;letter-spacing:.1em;margin:0 0 7px}.card input{display:block;width:100%;border:2px solid #20304b;border-radius:10px;background:#fff;color:#20304b;padding:11px 12px;font:700 16px Arial;margin-bottom:14px}.card input:focus{outline:3px solid #f5bd50}#driver-name{position:absolute;transform:translate(-50%,-100%);background:#fff8e6;border:2px solid #20304b;border-radius:99px;padding:4px 9px;font-size:12px;white-space:nowrap;box-shadow:0 2px #20304b;pointer-events:none}

.sound{pointer-events:auto;position:absolute;right:0;top:0;width:auto;padding:8px 10px;border-width:2px;border-radius:9px;box-shadow:0 2px #20304b;font:11px Archivo;background:#fff8e6;color:#20304b}

.record{font:700 14px/1.45 Arial;margin:12px 0;color:#384b59}.record strong{display:block;font:24px Archivo;color:#d75642}.episode-link{display:block;text-align:center;margin:14px 0;font:14px Archivo}.card #copy-code{font-size:14px;background:#f6bf50;color:#20304b;padding:9px;margin-bottom:4px}#leaders,#intro-total{margin:14px 0 10px;text-align:left}#leaders h3,#intro-total h3{font:800 12px/1 Archivo,Arial;letter-spacing:.12em;text-transform:uppercase;color:#d75743;margin:16px 0 6px}#leaders .empty,#intro-total .empty{font:700 13px/1.4 Arial;color:#596a72;margin:0}#leaders ol,#intro-total ol{list-style:none;margin:0;padding:0;border:2px solid #20304b;border-radius:12px;overflow:hidden;background:#fffdf5}#leaders li,#intro-total li{display:grid;grid-template-columns:2.2ch minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:7px 10px;font:800 13px/1.2 Archivo,Arial;border-top:1px solid #20304b22}#leaders li:first-child,#intro-total li:first-child{border-top:0}#leaders li.me,#intro-total li.me{background:#f6bf50}#leaders .n,#intro-total .n{color:#596a72;text-align:right;font-variant-numeric:tabular-nums}#leaders .h,#intro-total .h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaders .x,#intro-total .x{font:700 11px Arial;color:#596a72}#leaders .s,#intro-total .s{font-variant-numeric:tabular-nums}.card{max-height:calc(100dvh - 30px);overflow-y:auto}

#episode-link{align-items:center;justify-content:center;gap:9px;text-decoration:none;color:white;background:#d64135;border:3px solid #20304b;border-radius:12px;padding:11px 12px;box-shadow:0 4px #20304b;font:14px Archivo}#episode-link:not([hidden]){display:flex}#episode-link svg{width:24px;height:24px;flex:none}

.home-link{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;padding:12px;text-align:center;text-decoration:none;color:#20304b;background:#fff8e6;border:2px solid #20304b;border-radius:10px;box-shadow:0 3px #20304b;font:14px Archivo}.home-link:active{transform:translateY(2px);box-shadow:0 1px #20304b}

.hud-home{pointer-events:auto;position:absolute;right:98px;top:0;padding:8px 10px;text-decoration:none;border:2px solid #20304b;border-radius:9px;background:#fff8e6;color:#20304b;box-shadow:0 2px #20304b;font:11px Archivo}

#copy-fallback:not([hidden]){display:block;width:100%;min-height:60px;margin:12px 0;padding:8px;border:2px solid #20304b;border-radius:9px;font:14px Arial;color:#20304b;background:#fff}

#episode-link{line-height:1;display:flex;align-items:center}#episode-link svg{display:block;width:22px;height:22px;flex:0 0 22px}#episode-link span{display:block;line-height:22px}#retry-save:not([hidden]),#recover-save:not([hidden]){display:block;width:100%;margin:10px 0;background:#f5bd50;color:#20304b;font-size:14px;padding:10px}