@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-display:block}html,body{margin:0;padding:0;height:100%;background:#000;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000}#game{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#fullscreen,#menu{position:absolute;top:max(8px,env(safe-area-inset-top));width:36px;height:36px;border:2px solid #fff;background:#00000080;color:#fff;font-size:18px;line-height:1;cursor:pointer;opacity:.7;padding:0}#fullscreen{right:max(8px,env(safe-area-inset-right))}#menu{right:calc(max(8px,env(safe-area-inset-right)) + 44px)}@media(pointer:coarse){#menu{right:max(8px,env(safe-area-inset-right))}#fullscreen{top:calc(max(8px,env(safe-area-inset-top)) + 44px)}}#fullscreen:hover,#menu:hover{opacity:1}#fullscreen[hidden],#menu[hidden]{display:none}#overlay,#specs-overlay,#difficulty-overlay,#locked-overlay,#complete-overlay,#board-overlay,#name-overlay,#about-overlay,#quick-overlay,#tips-overlay,#unlock-overlay,#mode-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c}#mode-menu{align-items:flex-end;padding-bottom:max(10%,calc(env(safe-area-inset-bottom) + 30px));background:#00000040}#overlay[hidden],#specs-overlay[hidden],#difficulty-overlay[hidden],#locked-overlay[hidden],#complete-overlay[hidden],#board-overlay[hidden],#name-overlay[hidden],#about-overlay[hidden],#quick-overlay[hidden],#tips-overlay[hidden],#unlock-overlay[hidden],#mode-menu[hidden]{display:none}.modal.celebrate{border-color:#ffe66d;box-shadow:0 0 0 4px #14181c,0 0 0 6px #ffe66d}.modal.celebrate h2{color:#ffe66d;animation:pulse-text 1s ease-in-out infinite}@keyframes pulse-text{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}#unlock-list,#locked-list{list-style:none;margin:0 0 14px;padding:0;font-size:8px;line-height:1.8}#unlock-list li,#locked-list li{padding:6px 0;border-bottom:1px solid #444}#locked-list li{display:flex;justify-content:space-between;gap:10px;color:#9fb3c8}#locked-list li.done{color:#69f0ae}#locked-list li span:last-child{white-space:nowrap}.car-card .select.locked{color:#aaa;border-color:#666}#unlock-list li.car{color:#ffe66d}#unlock-list li.difficulty{color:#69f0ae}.car-card .badge{position:absolute;top:6px;right:6px;padding:3px 5px;background:#ffe66d;color:#111;font-size:7px;animation:pulse-text 1s ease-in-out infinite}#finish-actions{position:absolute;left:50%;bottom:calc(max(4%,calc(env(safe-area-inset-bottom) + 10px)) + 56px);transform:translate(-50%);display:flex;gap:8px;width:min(92vw,420px)}#finish-actions[hidden]{display:none}#finish-actions button{flex:1;padding:12px 6px;font-family:"Press Start 2P",monospace;font-size:8px}#settings{position:absolute;inset:0;display:flex;flex-direction:column;background:#14181c;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 8px);color:#f4f4f4;font-family:"Press Start 2P",monospace}#settings[hidden]{display:none}#settings header{display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 14px 10px;border-bottom:3px solid #ffe66d;background:#00000059}#settings h2{margin:0;font-size:13px;font-weight:400;flex:1;text-align:center;padding-right:60px}#settings header button[hidden]{display:none}.settings-body{flex:1;overflow-y:auto;padding:16px 14px}.settings-body h3{margin:0 0 12px;font-size:10px;font-weight:400;color:#ffe66d}.option{display:flex;gap:12px;align-items:flex-start;padding:12px;margin-bottom:10px;border:2px solid #555;background:#232a31;cursor:pointer}.option.selected{border-color:#ffe66d}.option input{position:absolute;opacity:0;width:0;height:0}.option .bullet{flex:none;width:14px;height:14px;margin-top:1px;border:2px solid #f4f4f4;border-radius:50%;position:relative}.option.selected .bullet{border-color:#ffe66d}.option.selected .bullet:after{content:"";position:absolute;inset:3px;background:#ffe66d;border-radius:50%}.option .text{display:flex;flex-direction:column;gap:6px}.option .title{font-size:9px}.option .description{font-size:7px;line-height:1.7;color:#9fb3c8}#settings footer{display:flex;gap:10px;padding:12px 14px max(12px,env(safe-area-inset-bottom));border-top:2px solid #444;background:#00000059}#settings footer[hidden]{display:none}#settings footer button{flex:1;padding:12px;font-size:9px}button.nav.primary{border-color:#ffe66d;color:#ffe66d}.tip-text{font-size:8px;line-height:1.7;color:#e8e8e8;margin:0 0 12px;text-align:left}label.check{display:flex;align-items:center;gap:10px;font-size:8px;margin:0 0 12px;cursor:pointer;text-align:left}label.check input{position:absolute;opacity:0;width:0;height:0}label.check .box{flex:none;width:14px;height:14px;border:2px solid #f4f4f4;position:relative}label.check input:checked+.box:after{content:"";position:absolute;inset:2px;background:#ffe66d}.settings-body .hint{font-size:7px;line-height:1.7;color:#9fb3c8;margin:4px 0 12px}.modal .hint{font-size:7px;line-height:1.7;color:#9fb3c8;margin:-6px 0 14px}.modal button.difficulty{position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.modal button.difficulty .best{font-size:8px;color:#ffe66d}.modal button.difficulty.locked{color:#888;border-color:#666}.modal button.difficulty .lock{position:absolute;right:10px;top:50%;margin-top:-10px;width:14px;height:18px;display:block}.modal button.difficulty .lock:before{content:"";position:absolute;left:2px;top:0;width:6px;height:8px;border:2px solid #ffe66d;border-bottom:none;border-radius:5px 5px 0 0}.modal button.difficulty .lock:after{content:"";position:absolute;left:0;top:7px;width:14px;height:11px;background:#ffe66d}.modal button.difficulty .lock.open:before{transform:translate(-3px) rotate(-20deg)}#difficulty-easy{border-color:#69f0ae;color:#69f0ae}#difficulty-medium{border-color:#ffe66d;color:#ffe66d}#difficulty-hard{border-color:#ff6b6b;color:#ff6b6b}#difficulty-greenhell{border-color:#2ecc71;color:#2ecc71;background:#0e1a12}#difficulty-greenhell.locked{color:#888;border-color:#666;background:#1e1e1e}.modal button.difficulty .meta{display:flex;flex-direction:column;gap:4px;font-size:7px;color:#9fb3c8;text-align:right}.modal button.difficulty .meta .beaten{color:#69f0ae}.modal button.difficulty .trophy{position:absolute;right:10px;top:50%;width:30px;height:36px;margin-top:-18px;image-rendering:pixelated}.modal button.difficulty:has(.trophy){padding-right:48px}.modal button.difficulty .meta .best{font-size:7px}#difficulty-medium.locked,#difficulty-hard.locked,#difficulty-easy.locked{color:#888;border-color:#666}#car-select{position:absolute;inset:0;display:flex;flex-direction:column;background:#14181c;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 8px);color:#f4f4f4;font-family:"Press Start 2P",monospace;overflow:hidden}#car-select[hidden]{display:none}#car-select header{display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 14px 10px;border-bottom:3px solid #ffe66d;background:#00000059}#car-select h2{margin:0;font-size:13px;font-weight:400;flex:1;text-align:center;padding-right:60px}button.nav{border:2px solid #f4f4f4;background:#2b2b2b;color:#f4f4f4;font:inherit;font-size:9px;padding:8px 10px;cursor:pointer}#car-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:14px;padding-bottom:calc(max(14px,env(safe-area-inset-bottom)) + 70px);align-content:start}.car-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px 10px;border:2px solid #f4f4f4;background:#232a31;box-shadow:4px 4px #000}.car-card.selected{border-color:#ffe66d}.car-card canvas{image-rendering:pixelated;width:100%;max-width:120px;height:auto}.car-card .name{font-size:9px;text-align:center;line-height:1.5;min-height:28px}.car-card .tag{font-size:7px;color:#9fb3c8}.car-card .actions{display:flex;gap:6px;width:100%}.car-card .actions button{flex:1;border:2px solid #f4f4f4;background:#2b2b2b;color:#f4f4f4;font:inherit;font-size:8px;padding:9px 4px;cursor:pointer}.car-card .actions button.select{border-color:#ffe66d;color:#ffe66d}.car-card .actions button:hover{background:#444}.car-card.locked{border-color:#555}.car-card.locked canvas{filter:grayscale(1) brightness(.55)}.car-card.locked .name{color:#888}.car-card .lock{position:absolute;top:6px;right:6px;width:18px;height:22px;display:block}.car-card .lock:before{content:"";position:absolute;left:3px;top:0;width:8px;height:10px;border:2px solid #ffe66d;border-bottom:none;border-radius:6px 6px 0 0}.car-card .lock:after{content:"";position:absolute;left:0;top:9px;width:18px;height:13px;background:#ffe66d}.car-card .lock.open:before{transform:translate(-4px) rotate(-20deg)}#specs-table{width:100%;border-collapse:collapse;font-size:9px;margin:8px 0 12px}#specs-table td{padding:6px 4px;border-bottom:1px solid #444;text-align:left}#specs-table td:last-child{text-align:right;color:#ffe66d}#specs-flavour{font-size:8px;line-height:1.6;color:#cfcfcf;margin:0 0 6px}.modal #quick-lap{border-color:#ffe66d;color:#ffe66d}.modal button.secondary{margin-top:6px;border-color:#9a9a9a;color:#cfcfcf;font-size:9px;padding:9px 10px}.modal{min-width:260px;max-width:90vw;padding:18px 20px 14px;background:#141414f2;border:2px solid #e8e8e8;font-family:"Press Start 2P",monospace;color:#f4f4f4;text-align:center}.modal h2{margin:0 0 16px;font-size:14px;font-weight:400}.modal button{display:block;width:100%;margin:0 0 10px;padding:12px 10px;border:2px solid #f4f4f4;background:#2b2b2b;color:#f4f4f4;font:inherit;font-size:10px;cursor:pointer}.modal button:hover:not(:disabled){background:#444}.modal button:disabled{border-color:#666;color:#777;background:#1e1e1e;cursor:default}.modal #resume{border-color:#ffe66d;color:#ffe66d}#start{position:absolute;left:50%;bottom:max(7%,calc(env(safe-area-inset-bottom) + 24px));transform:translate(-50%);padding:16px 28px;border:3px solid #ffe66d;background:#141414e6;color:#ffe66d;font-family:"Press Start 2P",monospace;font-size:14px;cursor:pointer;box-shadow:4px 4px #000;animation:pulse 1.6s ease-in-out infinite}#start:hover{background:#333}#start[hidden]{display:none}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.progress-row{display:flex;align-items:center;gap:12px}.progress-row .status{font-size:7px;color:#9fb3c8}.sound-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sound-row .slider-label{font-size:8px;min-width:60px}.sound-row input[type=range]{flex:1;accent-color:#ffe66d;height:24px}.settings-body label.check{margin:0}#sound-hint{position:absolute;left:50%;bottom:max(3%,calc(env(safe-area-inset-bottom) + 6px));transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:8px;color:#ffe66d;text-shadow:2px 2px 0 #000;animation:blink 1.4s steps(2,start) infinite;pointer-events:none}#sound-hint[hidden]{display:none}@keyframes blink{to{visibility:hidden}}.difficulty-row{display:flex;gap:6px;align-items:stretch}.difficulty-row .difficulty{flex:1}.difficulty-row .board-link{flex:none;width:46px;font-size:7px;color:#ffe66d;border-color:#6b6b6b}#finish-actions button{font-size:7px}.modal.board{max-height:90vh;display:flex;flex-direction:column}.board-you{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;color:#69f0ae;margin:0 0 8px}.board-you button.small{padding:6px 8px;font-size:6px;margin:0;width:auto}#board-list{list-style:none;margin:0 0 12px;padding:0;font-size:8px;line-height:1.6;overflow-y:auto;min-height:60px;max-height:52vh;border:2px solid #444}#board-list li{display:flex;gap:8px;padding:6px;border-bottom:1px solid #333}#board-list li.me{background:#24352a;color:#69f0ae}#board-list li.gap{justify-content:center;color:#666}#board-list li.empty{justify-content:center;text-align:center;color:#9fb3c8;padding:20px 10px;border-bottom:0;line-height:1.8}#board-list .rank{width:44px;flex:none;color:#9fb3c8}#board-list li.me .rank{color:#69f0ae}#board-list .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#board-list .time{flex:none;color:#ffe66d}#name-input,#nickname{width:100%;box-sizing:border-box;font-family:"Press Start 2P",monospace;font-size:10px;padding:10px;margin:0 0 8px;background:#0d1013;color:#f4f4f4;border:2px solid #6b6b6b}#nickname{flex:1;width:auto;margin:0;font-size:8px}#board-overlay{z-index:40}#name-overlay{z-index:41}#about-overlay{z-index:40}.modal.about{max-height:90vh;overflow-y:auto}.about-links{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.about-links a{display:inline-block;padding:8px 10px;font-size:8px;color:#ffe66d;border:2px solid #6b6b6b;text-decoration:none}.about-links a:hover,.about-links a:focus-visible{border-color:#ffe66d}.about-footer{font-size:7px;line-height:1.8;color:#9fb3c8;margin:6px 0 14px}.modal button.quick-choice{display:flex;flex-direction:column;gap:6px;align-items:center;padding:12px 10px}.modal button.quick-choice .title{font-size:10px}.modal button.quick-choice .description{font-size:7px;line-height:1.6;color:#9fb3c8}.difficulty-row .quick-choice{flex:1}.modal button.quick-choice.primary{border-color:#ffe66d}.modal button.quick-choice.primary .title{color:#ffe66d}