:root{color-scheme:dark}*{box-sizing:border-box}.hidden{display:none!important}body{margin:0;overflow:hidden;background:#111827;color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}header{position:fixed;z-index:11;top:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:10px 14px;pointer-events:none}header>div{min-width:60px;text-shadow:0 2px 8px #000}.race-stats{display:grid;gap:5px}.race-stats strong{display:block}.label{display:block;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}strong{font-size:18px}.controls{margin-left:auto;display:flex;align-items:center;gap:8px;pointer-events:auto}button{pointer-events:auto;border:1px solid #64748b;border-radius:8px;padding:7px 10px;background:#1e293b;color:#f8fafc;font:inherit;font-size:13px;cursor:pointer}button:hover{background:#334155}#game-static,#game{position:fixed;inset:0;display:block;width:100vw;height:100vh}#game-static{z-index:0;pointer-events:none}#game{z-index:1;cursor:crosshair;touch-action:none}#countdown-overlay{position:fixed;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at center,#02061708,#02061729)}.countdown-content{display:grid;justify-items:center;gap:16px}.countdown-dial{position:relative;display:grid;justify-items:center;align-content:center;width:clamp(160px,21vw,250px);aspect-ratio:1;border:4px solid #a855f7;border-left-color:#22d3ee;border-radius:50%;background:radial-gradient(circle,#2d0a359e 0 47%,#070c1eb8 70%);box-shadow:inset 0 0 28px #ff3ea547,0 0 9px #a855f7,0 0 42px #a855f7a6;animation:countdown-enter .22s ease-out}.countdown-dial:before{content:"";position:absolute;inset:8px;border:1px solid rgba(103,232,249,.35);border-radius:inherit}.countdown-label{margin-top:-14px;color:#c084fc;font-size:clamp(9px,1.1vw,13px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 10px #a855f7}#countdown-value{color:#ff3ea5;font-size:clamp(64px,10vw,120px);line-height:.95;font-style:italic;font-weight:950;letter-spacing:-.08em;text-shadow:0 0 8px #ff3ea5,0 0 30px rgba(255,62,165,.85)}.countdown-lights{position:absolute;bottom:13%;display:flex;gap:10px}.countdown-lights i{width:clamp(14px,2vw,22px);aspect-ratio:1;border:2px solid #7c3aed;border-radius:50%;background:#18104c;box-shadow:inset 0 0 7px #020617,0 0 7px #7c3aed}.countdown-lights i.active{border-color:#ff3ea5;background:#ff1493;box-shadow:inset 0 0 5px #fff,0 0 14px #ff3ea5}#countdown-overlay.is-go{pointer-events:none;cursor:crosshair;background:transparent}#countdown-overlay.is-go .countdown-dial{border-color:#22d3ee;box-shadow:inset 0 0 28px #22d3ee59,0 0 12px #22d3ee,0 0 48px #22d3eeb3;animation:countdown-go .9s ease-out forwards}#countdown-overlay.is-go .countdown-label{color:#67e8f9}#countdown-overlay.is-go #countdown-value{margin-left:-.08em;color:#67e8f9;font-size:clamp(55px,8vw,96px);text-shadow:0 0 8px #22d3ee,0 0 30px rgba(34,211,238,.9)}@keyframes countdown-enter{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes countdown-go{0%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.22)}}.countdown-roster{width:min(330px,calc(100vw - 32px));padding:10px 13px;border:1px solid rgba(168,85,247,.65);border-radius:12px;background:#070c1ee0;box-shadow:0 0 24px #a855f74d;animation:countdown-roster-enter .2s ease-out both}#countdown-overlay.is-go .countdown-roster{animation:countdown-roster-exit .5s ease .5s forwards}@keyframes countdown-roster-enter{0%{opacity:0}to{opacity:1}}@keyframes countdown-roster-exit{to{opacity:0}}.countdown-roster>strong{display:block;margin-bottom:5px;color:#c084fc;font-size:10px;letter-spacing:.12em;text-align:center;text-transform:uppercase}.race-result-row{display:grid;grid-template-columns:24px 10px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:25px;color:#cbd5e1;font-size:12px}.race-result-row.is-you{color:#f8fafc;font-weight:800}.race-result-place{color:#94a3b8;font-variant-numeric:tabular-nums;text-align:right}.race-result-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 7px currentColor}.race-result-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-result-time{color:#e2e8f0;font-variant-numeric:tabular-nums}#celebration-canvas{position:fixed;inset:0;z-index:8;width:100vw;height:100vh;pointer-events:none}#celebration-message{position:fixed;z-index:9;left:50%;top:18%;transform:translate(-50%,-50%) scale(1);padding:12px 22px;border:1px solid rgba(250,204,21,.75);border-radius:999px;background:#0f172ae6;color:#fef3c7;box-shadow:0 0 35px #facc156b;font-size:clamp(18px,4vw,34px);font-weight:900;letter-spacing:.05em;text-align:center;text-transform:uppercase;pointer-events:none;animation:celebration-pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes celebration-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#ad-break-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#080f1cc7;backdrop-filter:blur(3px);cursor:wait}.ad-break-card{min-width:220px;padding:22px 26px;border:1px solid #475569;border-radius:15px;background:#0f172a;text-align:center;box-shadow:0 15px 45px #00000073}.ad-break-card strong,.ad-break-card small{display:block}.ad-break-card strong{margin-top:10px;color:#e2e8f0;font-size:14px}.ad-break-card small{margin-top:4px;color:#64748b}.ad-break-spinner{display:inline-block;width:25px;height:25px;border:3px solid #334155;border-top-color:#67e8f9;border-radius:50%;animation:ad-spin .75s linear infinite}@keyframes ad-spin{to{transform:rotate(360deg)}}.guest-login-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#020617d1;backdrop-filter:blur(8px)}.guest-login-card{width:min(390px,100%);padding:25px;border:1px solid rgba(103,232,249,.55);border-radius:18px;background:#0f172a;box-shadow:0 18px 65px #0000008c,0 0 35px #22d3ee1f}.guest-login-card>span{display:block;color:#67e8f9;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.guest-login-card>strong{display:block;margin-top:6px;color:#f8fafc;font-size:22px}.guest-login-card p{margin:7px 0 18px;color:#94a3b8;font-size:12px}.guest-login-card label{display:block;margin-bottom:6px;color:#cbd5e1;font-size:11px;font-weight:700}.guest-login-card input{width:100%;padding:11px 12px;border:1px solid #475569;border-radius:9px;outline:none;background:#08111f;color:#f8fafc;font:600 15px/1.2 inherit}.guest-login-card input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee24}.guest-login-card button{width:100%;margin-top:12px;padding:11px;border-color:#22d3ee;background:#22d3ee24;color:#e0f2fe;font-weight:800}.guest-login-card button:disabled{cursor:wait;opacity:.65}.guest-login-error{display:block;min-height:16px;margin-top:6px;color:#fb7185;font-size:11px}#finish-overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:#080f1c8c}#finish-overlay.hidden{display:none}.finish-card{display:flex;flex-direction:column;min-width:240px;width:80vw;max-width:370px;max-height:calc(100dvh - 24px);padding:24px 28px 20px;overflow:hidden;border:1px solid #67e8f9;border-radius:18px;background:linear-gradient(145deg,#0f172af7,#080f20f7);box-shadow:0 0 40px #22d3ee4d,0 24px 70px #0206178c;text-align:center}.finish-card span{display:block;color:#67e8f9;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.finish-card>strong{display:block;margin:8px 0 16px;color:#f8fafc;font-size:40px;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(248,250,252,.18)}.finish-results{min-height:0;max-height:min(260px,32dvh);margin:-4px 0 15px;padding:10px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#475569 transparent;scrollbar-width:thin;border:1px solid rgba(103,232,249,.28);border-radius:11px;background:#02061759;text-align:left}.finish-results .finish-placement{display:block;margin-bottom:6px;color:#67e8f9;font-size:13px;letter-spacing:.03em;text-align:center;text-transform:none}.finish-results .race-result-row span{display:initial;color:inherit;font-size:inherit;letter-spacing:normal;text-transform:none}.finish-results .race-result-place{color:#94a3b8}.finish-results .race-result-time{color:#e2e8f0}.finish-card #tutorial-complete-text{margin:14px 0 20px;color:#cbd5e1;font-size:15px;line-height:1.5}.tutorial-delay-demo{position:relative;height:110px;margin:8px 0 2px;overflow:hidden}.tutorial-delay-demo canvas{display:block;width:100%;height:100%}.tutorial-delay-demo small{position:absolute;top:5px;left:50%;color:#67e8f9;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%)}.finish-next-track{flex-shrink:0;padding:14px 0 12px;border-top:1px solid rgba(148,163,184,.2)}.finish-next-track p{margin:5px 0 0;color:#cbd5e1;font-size:14px;font-weight:700}.finish-next-track p strong{color:#f8fafc}.finish-actions{display:grid;flex-shrink:0;gap:10px}.finish-card button{margin:0;width:100%}.finish-next-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;border:0;background:linear-gradient(105deg,#22d3ee,#c026d3);color:#071426;box-shadow:0 0 24px #22d3ee52;font-size:clamp(16px,2.1vw,21px);font-style:italic;font-weight:950;letter-spacing:-.02em;line-height:1;text-shadow:0 1px rgba(255,255,255,.24);text-transform:uppercase}.finish-next-btn:hover,.finish-next-btn:focus-visible{background:linear-gradient(105deg,#67e8f9,#d946ef);box-shadow:0 0 30px #22d3ee7a}.finish-next-btn b{font-size:20px;line-height:1}.finish-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finish-secondary-actions button{padding:10px;border-color:#22d3ee;background:#0f172ab8;color:#e2e8f0;font-size:11px;font-weight:800;text-transform:uppercase}.finish-card.is-tutorial .finish-next-track,.finish-card.is-tutorial #finish-results,.finish-card.is-tutorial #race-again{display:none}.finish-card.is-tutorial .finish-secondary-actions{grid-template-columns:1fr}#start-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#080f1ca3;backdrop-filter:blur(4px);padding:16px;overflow-y:auto;scrollbar-width:none}#start-overlay::-webkit-scrollbar{display:none}#start-overlay.hidden{display:none}body:has(#start-overlay:not(.hidden)) .race-stats,body:has(#start-overlay:not(.hidden)) #reset,body:has(#start-overlay:not(.hidden)) #back-to-menu{display:none}.login-btn{position:fixed;z-index:1;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));border-color:#67e8f9;background:#0f172ae6;color:#e0f2fe;font-weight:800;box-shadow:0 4px 18px #02061759}.login-btn:hover,.login-btn:focus-visible{background:#164e63}.login-btn:disabled{cursor:wait;opacity:.7}.start-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 24px;border:1px solid rgba(103,232,249,.35);border-radius:22px;background-color:#0f172a8c;box-shadow:0 0 60px #22d3ee2e;text-align:center;width:min(720px,94vw);margin:auto;box-sizing:border-box}.start-header{display:flex;flex-direction:column;align-items:center;gap:2px}.start-headline{margin:0;line-height:0}.start-headline img{display:block;width:clamp(190px,35vw,270px);height:auto;filter:drop-shadow(0 5px 10px rgba(2,6,23,.38))}.start-headline .headline-mobile{display:none}.start-label{margin:0;color:#67e8f9;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.start-desc{margin:0;color:#94a3b8;font-size:11px;line-height:1.35}.start-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;text-align:left;align-items:start;min-height:0}@media (max-width: 640px){.start-panels{grid-template-columns:1fr;gap:10px}}.start-btn{width:100%;flex-shrink:0;padding:12px 0;border:1px solid #67e8f9;border-radius:12px;background:#22d3ee1f;color:#e0f2fe;font:800 14px/1 inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,box-shadow .15s;margin-top:4px}.start-btn:hover,.start-btn:active{background:#22d3ee40;box-shadow:0 0 24px #22d3ee4d}.tutorial-entry-btn{width:100%;border-color:#475569;background:#0f172aa6;color:#cbd5e1}.privacy-notice{margin:0;color:#64748b;font-size:10px;line-height:1.35}.privacy-notice a{color:#94a3b8;text-decoration:underline;text-underline-offset:2px}.privacy-notice a:hover,.privacy-notice a:focus-visible{color:#67e8f9}#tutorial-guide{position:fixed;z-index:6;left:50%;top:clamp(240px,calc(50% + 82px),calc(100dvh - 138px));width:min(440px,calc(100vw - 32px));padding:16px 22px 58px;border:1px solid rgba(103,232,249,.65);border-radius:14px;background:#0f172af0;box-shadow:0 10px 35px #00000059,0 0 24px #22d3ee24;text-align:center;transform:translate(-50%);pointer-events:none}#tutorial-guide strong{display:block;color:#e0f2fe;font-size:17px}#tutorial-guide p{margin:6px 0 0;color:#cbd5e1;font-size:13px;line-height:1.45}#tutorial-skip{position:absolute;left:50%;bottom:11px;min-width:116px;padding:8px 11px;border:1px solid #64748b;border-radius:9px;background:#1e293b;color:#f8fafc;font-size:11px;font-weight:700;transform:translate(-50%);pointer-events:auto;box-shadow:0 3px 12px #00000040}#tutorial-skip:hover,#tutorial-skip:focus-visible{border-color:#67e8f9;background:#334155;color:#e0f2fe;outline:2px solid rgba(103,232,249,.3);outline-offset:2px}@media (max-width: 520px){#tutorial-guide{width:min(360px,calc(100vw - 24px))}}@media (max-height: 520px){#tutorial-guide{top:auto;bottom:4px;width:min(330px,calc(100vw - 20px));padding:8px 14px 38px}#tutorial-guide strong{font-size:13px}#tutorial-guide p{margin-top:2px;font-size:10px;line-height:1.3}#tutorial-skip{bottom:6px;min-width:100px;padding:5px 8px;font-size:9px}.finish-card{width:min(290px,calc(100vw - 24px));padding:13px 16px}.finish-results{max-height:25dvh;margin-bottom:7px;padding:6px 9px}.finish-card span{font-size:10px}.finish-card #tutorial-complete-text{margin:5px 0 10px;font-size:11px;line-height:1.3}.tutorial-delay-demo{height:72px;margin:3px 0 0}.tutorial-delay-demo small{top:1px;font-size:7px}.finish-card button{padding:7px 10px;font-size:11px}}@media (max-height: 580px){#start-overlay{align-items:flex-start;padding:8px 16px}.start-card{gap:4px;max-height:calc(100dvh - 16px);padding:6px 18px;overflow:hidden}.start-headline img{width:130px}.start-desc{display:none}.start-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;flex:1 1 auto;overflow:hidden}#track-panel,#shadow-panel{min-height:0}.track-options,.leaderboard-list{max-height:60px}.track-option-inner,.leaderboard-item-inner{padding:5px 8px}.start-btn{padding:9px 0;font-size:13px;margin-top:0}.tutorial-entry-btn{padding:5px 10px}.privacy-notice{display:block;flex-shrink:0;font-size:9px;line-height:1.2}}@media (max-height: 580px){.crazygames-app #start-overlay{padding-top:max(4px,env(safe-area-inset-top,0px));padding-right:max(8px,env(safe-area-inset-right,0px));padding-bottom:max(4px,env(safe-area-inset-bottom,0px));padding-left:max(8px,env(safe-area-inset-left,0px))}.crazygames-app .start-card{grid-template-rows:auto minmax(0,1fr) auto auto;height:100%;min-height:0;max-height:100%;margin:0;overflow:hidden}.crazygames-app .start-panels,.crazygames-app #track-panel,.crazygames-app #shadow-panel{height:100%;min-height:0}.crazygames-app .track-showcase{flex:1 1 auto;height:auto;min-height:0}.crazygames-app .leaderboard-list{flex:1 1 auto;min-height:0;max-height:100%}}#track-panel{display:flex;flex-direction:column;gap:6px;width:100%}.track-panel-title{margin:0 0 2px;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.track-options{display:flex;flex-direction:column;gap:5px;width:100%;max-height:250px;overflow-y:auto;padding-right:7px;scrollbar-width:auto;scrollbar-color:#22d3ee rgba(15,23,42,.9)}.track-option{display:block;cursor:pointer;width:100%}.track-option input{position:absolute;opacity:0;width:0;height:0}.track-option-inner{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid #334155;border-radius:8px;background:#1e293b99;transition:border-color .15s,background .15s}.track-option input:checked+.track-option-inner{border-color:#a78bfa;background:#8b5cf61f}.track-option:hover .track-option-inner{border-color:#64748b;background:#1e293be6}.track-name{color:#e2e8f0;font-size:13px;font-weight:600}.track-desc{color:#64748b;font-size:11px}#shadow-panel{display:flex;flex-direction:column;gap:6px;width:100%}#shadow-panel.hidden{display:none}.shadow-panel-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 2px}.shadow-panel-title{margin:0;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.shadow-loading{margin:0;color:#67e8f9;font-size:11px}.leaderboard-list{display:flex;flex-direction:column;gap:5px;width:100%;max-height:250px;overflow-y:auto;padding-right:7px;scrollbar-width:auto;scrollbar-color:#22d3ee rgba(15,23,42,.9)}.track-options::-webkit-scrollbar,.leaderboard-list::-webkit-scrollbar{width:11px}.track-options::-webkit-scrollbar-track,.leaderboard-list::-webkit-scrollbar-track{border:1px solid rgba(71,85,105,.65);border-radius:999px;background:#0f172ae6}.track-options::-webkit-scrollbar-thumb,.leaderboard-list::-webkit-scrollbar-thumb{min-height:38px;border:2px solid rgba(15,23,42,.9);border-radius:999px;background:#22d3ee;box-shadow:0 0 8px #22d3ee73}.track-options::-webkit-scrollbar-thumb:hover,.leaderboard-list::-webkit-scrollbar-thumb:hover{background:#67e8f9}.leaderboard-section-title{margin:4px 0 2px;color:#64748b;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:left}.leaderboard-item{display:block;cursor:pointer;text-align:left}.leaderboard-item input{position:absolute;opacity:0;width:0;height:0}.leaderboard-item-inner{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #334155;border-radius:8px;background:#1e293b99;color:#cbd5e1;transition:border-color .15s,background .15s}.leaderboard-item input:checked+.leaderboard-item-inner{border-color:#67e8f9;background:#22d3ee1f;color:#f8fafc}.leaderboard-item:hover .leaderboard-item-inner{border-color:#64748b;background:#1e293be6}.leaderboard-swatch{flex-shrink:0;width:10px;height:10px;border-radius:3px}.leaderboard-checkbox-icon{flex-shrink:0;width:14px;height:14px;border:1.5px solid #64748b;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.leaderboard-item input:checked+.leaderboard-item-inner .leaderboard-checkbox-icon{border-color:#22d3ee;background:#22d3ee}.leaderboard-checkbox-icon:after{content:"";width:4px;height:7px;border:solid #0f172a;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;margin-bottom:2px}.leaderboard-item input:checked+.leaderboard-item-inner .leaderboard-checkbox-icon:after{opacity:1}.leaderboard-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.leaderboard-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-badge{font-size:11px}.leaderboard-username{color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-date{font-size:10px;color:#64748b}.leaderboard-time{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#38bdf8;margin-left:auto;flex-shrink:0}.leaderboard-empty{padding:12px;text-align:center;color:#64748b;font-size:12px;border:1px dashed #334155;border-radius:8px}@property --start-border-phase{syntax: "<angle>"; inherits: false; initial-value: 0deg;}#start-overlay{background-color:#020817;background-image:radial-gradient(circle at 50% 38%,rgba(16,55,91,.14),transparent 48%),linear-gradient(135deg,#0208176b,#03102357),url(images/galaxy-background.webp);background-position:center;background-size:cover;backdrop-filter:none}.start-card{position:relative;display:grid;grid-template-columns:1fr;gap:14px;width:min(1106px,96vw);padding:36px 32px 18px;border-color:#22d3ee6b;border-radius:42px;background:linear-gradient(145deg,#030d20e0,#041327c7);box-shadow:inset 0 0 80px #0ea5e90a,0 25px 90px #0000007a,0 0 48px #22d3ee1f}.start-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,rgba(34,211,238,.05),transparent 28%,transparent 70%,rgba(168,85,247,.045))}.start-card:after{content:"";position:absolute;z-index:2;inset:-2px;padding:3px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--start-border-phase),transparent 0 71%,rgba(34,211,238,.08) 74%,#22d3ee 78%,#a855f7 83%,#ff3ea5 87%,rgba(255,62,165,.08) 91%,transparent 94% 100%);filter:drop-shadow(0 0 5px #22d3ee) drop-shadow(0 0 10px rgba(168,85,247,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:start-border-wave 6s linear infinite}@keyframes start-border-wave{0%{--start-border-phase: 87deg;opacity:1}55%{--start-border-phase: 405deg;opacity:1}58.333%{--start-border-phase: 421deg;opacity:0}to{--start-border-phase: 421deg;opacity:0}}.start-header{position:relative;z-index:3}.start-headline img{width:clamp(160px,18vw,220px);filter:drop-shadow(0 7px 12px #020617) drop-shadow(0 0 12px rgba(34,211,238,.28))}.start-panels{position:relative;z-index:1;grid-template-columns:minmax(0,1.48fr) minmax(310px,1fr);gap:18px;align-items:stretch}#track-panel,#shadow-panel{min-height:388px;padding:14px 12px 10px;border:1px solid rgba(14,165,233,.22);border-radius:16px;background:linear-gradient(160deg,#051830bd,#030f20cc);box-shadow:inset 0 0 30px #0ea5e909,0 10px 28px #0003}.track-panel-title,.shadow-panel-title{color:#dbeafe;font-size:14px;font-style:italic;letter-spacing:.02em;text-shadow:0 0 12px rgba(103,232,249,.28)}.track-panel-title span{color:#c026d3;font-style:normal}.track-showcase{position:relative;display:grid;grid-template-columns:minmax(115px,.7fr) minmax(0,1.3fr);height:245px;min-height:0;margin-top:2px;overflow:hidden;border:1px solid rgba(168,85,247,.65);border-radius:14px;background:radial-gradient(circle at 70% 52%,rgba(76,29,149,.2),transparent 48%),linear-gradient(120deg,#0f1232f5,#031022d1);box-shadow:inset 0 0 28px #7c3aed21,0 0 16px #a855f714}.track-showcase:after{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 30%,#000)}.track-copy{z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:20px 0 16px 18px}.track-copy>strong:first-child{color:#f8fafc;font-size:clamp(20px,2.2vw,29px);font-style:italic;font-weight:950;letter-spacing:-.04em;text-transform:uppercase}.track-copy p{max-width:185px;margin:6px 0 20px;color:#a8b6ca;font-size:13px;line-height:1.35}.track-stat-label{margin-top:9px;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.track-difficulty{color:#d946ef;font-size:20px;letter-spacing:2px;text-shadow:0 0 10px rgba(217,70,239,.65)}.track-best-time{color:#22d3ee;font-size:17px;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(34,211,238,.45)}.selected-track-preview{position:relative;z-index:1;min-width:0;min-height:0;overflow:hidden}.selected-track-preview .track-map{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}.track-map{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:visible}.track-map .track-glow,.track-map .track-wall,.track-map .track-asphalt,.track-map .track-lane{fill:none;stroke-linecap:round;stroke-linejoin:round}.track-map .track-glow{stroke:#22d3ee3d;stroke-width:calc(var(--track-width) + 42px);filter:drop-shadow(0 0 15px rgba(34,211,238,.72))}.track-map .track-wall{stroke:#a855f7;stroke-width:calc(var(--track-width) + 18px);filter:drop-shadow(0 0 5px #d946ef)}.track-map .track-asphalt{stroke:#07172d;stroke-width:var(--track-width)}.track-map .track-lane{stroke:#7dd3fc33;stroke-width:3px;stroke-dasharray:22 28}.track-map .track-light{fill:#22d3ee;stroke:#cffafe;stroke-width:2px;filter:drop-shadow(0 0 10px #22d3ee)}.track-map .track-light-purple{fill:#d946ef;stroke:#fae8ff;filter:drop-shadow(0 0 10px #d946ef)}.track-map .track-finish-shadow .finish-line{stroke:#020617;stroke-width:13px}.track-map .track-finish .finish-line{stroke:#f8fafc;stroke-width:9px;stroke-dasharray:10 8;filter:drop-shadow(0 0 5px #22d3ee)}.track-carousel{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:stretch;gap:8px;margin-top:9px}.track-options{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(106px,1fr);gap:12px;max-height:none;margin:0;padding:1px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.track-options::-webkit-scrollbar{display:none}.track-arrow{min-width:0;padding:0;border:1px solid #29425c;border-radius:10px;background:linear-gradient(180deg,#081f37eb,#031122eb);color:#22d3ee;font:800 34px/1 ui-sans-serif,system-ui,sans-serif;text-shadow:0 0 9px rgba(34,211,238,.8);transition:border-color .15s,color .15s,box-shadow .15s,opacity .15s}.track-arrow:hover:not(:disabled),.track-arrow:focus-visible:not(:disabled){border-color:#22d3ee;background:#082f49e6;color:#a5f3fc;box-shadow:0 0 12px #22d3ee40;outline:none}.track-arrow:disabled{cursor:default;color:#334155;opacity:.42;text-shadow:none}.track-option{min-width:0}.track-option-inner{align-items:center;gap:5px;min-height:77px;padding:8px 8px 6px;border-color:#29425c;border-radius:11px;background:#041225c7}.track-option input:checked+.track-option-inner{border-color:#d946ef;background:linear-gradient(145deg,#7e22ce3d,#082f4947);box-shadow:0 0 0 1px #22d3ee,0 0 13px #d946ef66}.track-option:hover .track-option-inner{border-color:#22d3ee;background:#082f498c}.track-thumb{width:100%;height:42px}.track-thumb .track-glow{stroke-width:calc(var(--track-width) + 30px);filter:drop-shadow(0 0 6px rgba(34,211,238,.7))}.track-thumb .track-wall{stroke:#0ea5e9;stroke-width:calc(var(--track-width) + 13px);filter:drop-shadow(0 0 3px #0ea5e9)}.track-thumb .track-lane{stroke-width:5px;stroke-dasharray:30 34}.track-thumb .track-light{r:11px;filter:drop-shadow(0 0 5px #22d3ee)}.track-option input:checked+.track-option-inner .track-wall{stroke:#d946ef;filter:drop-shadow(0 0 5px #d946ef)}.track-option input:checked+.track-option-inner .track-glow{stroke:#d946ef45}.track-name{max-width:100%;overflow:hidden;color:#a8b6ca;font-size:10px;font-weight:800;letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.track-option input:checked+.track-option-inner .track-name{color:#e0f2fe}.track-option .track-desc{display:none}#shadow-panel{padding-inline:12px}.shadow-panel-header{min-height:25px;border-bottom:1px solid rgba(71,85,105,.3)}.shadow-selection-count{margin-left:auto;color:#22d3ee;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.shadow-loading{position:absolute;right:15px;padding:2px 6px;border-radius:6px;background:#081528}.leaderboard-list{gap:8px;max-height:338px;padding:0 1px 4px 0;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin}.leaderboard-section-title{margin:6px 7px 0;padding-bottom:3px;border-bottom:1px solid rgba(51,65,85,.45);color:#64748b}.leaderboard-item-inner{min-height:59px;gap:10px;padding:8px 11px;border-color:#29425c;border-radius:12px;background:#07182cb3}.leaderboard-item input:checked+.leaderboard-item-inner{border-color:#22d3ee;background:linear-gradient(100deg,#082f49d9,#051d32bf);box-shadow:inset 0 0 18px #22d3ee0d,0 0 10px #22d3ee14}.leaderboard-checkbox-icon{width:21px;height:21px;border-radius:5px}.leaderboard-checkbox-icon:after{width:5px;height:9px}.leaderboard-swatch{position:relative;width:15px;height:29px;border-radius:4px;box-shadow:inset 0 0 0 2px #ffffff38,0 0 8px currentColor}.leaderboard-swatch:before,.leaderboard-swatch:after{content:"";position:absolute;left:-3px;width:21px;height:5px;border-radius:3px;background:inherit}.leaderboard-swatch:before{top:4px}.leaderboard-swatch:after{bottom:4px}.leaderboard-title{font-size:12px}.leaderboard-badge{min-width:78px}.leaderboard-date{color:#22d3ee;font-size:11px;font-weight:700}.leaderboard-time{color:#c084fc;font-size:12px}.start-actions{z-index:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:stretch;gap:8px;width:100%;padding:0 5px}.start-actions .start-btn{order:1;width:100%;margin:0}.start-actions .tutorial-entry-btn{order:2;width:100%;min-width:0;min-height:100%;margin:0;padding:8px 10px;border:1px solid rgba(34,211,238,.55);border-radius:11px;background:#082f49b8;line-height:1.2;text-decoration:none}.start-btn{position:relative;z-index:1;margin:2px 5px 0;width:calc(100% - 10px);padding:14px 0;border:1px solid #22d3ee;border-radius:13px;background:linear-gradient(100deg,#12d9e7,#1fbff1 39%,#9238f4 70%,#d315e9);color:#06122c;box-shadow:0 0 8px #22d3eeb3,0 0 25px #a855f766,inset 0 1px #ffffff73;font-size:clamp(19px,2.6vw,30px);font-style:italic;font-weight:950;letter-spacing:-.02em;text-shadow:0 1px rgba(255,255,255,.24)}.start-btn:hover,.start-btn:active{background:linear-gradient(100deg,#67e8f9,#38bdf8 40%,#a855f7 72%,#e879f9);box-shadow:0 0 15px #22d3eed9,0 0 35px #a855f794;transform:translateY(-1px)}.start-btn:disabled{cursor:wait;filter:grayscale(.6);opacity:.65;transform:none}.tutorial-entry-btn{z-index:1;width:auto;margin:-7px auto 0;padding:2px 10px;border:0;border-radius:0;background:transparent;color:#22d3ee;font-size:12px;font-weight:800;letter-spacing:.1em;text-decoration:underline;text-underline-offset:3px;text-transform:uppercase}.tutorial-entry-btn:hover{background:transparent;color:#a5f3fc}.privacy-notice{z-index:1;margin-top:-8px}@media (max-width: 820px) and (min-height: 651px){#start-overlay{align-items:flex-start}.start-card{margin-top:40px;padding:28px 14px 14px;border-radius:26px}.start-panels{grid-template-columns:1fr}#track-panel,#shadow-panel{min-height:0}.leaderboard-list{max-height:240px}}@media (max-height: 650px) and (min-width: 501px){#start-overlay{align-items:flex-start;padding:9px 16px}.start-card{width:min(1050px,96vw);max-height:none;margin-top:31px;padding:25px 20px 8px;gap:7px;overflow:visible;border-radius:28px}.start-headline img{width:145px}.start-panels{grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:10px;overflow:visible}#track-panel,#shadow-panel{min-height:315px;padding:8px}.track-showcase{height:183px;min-height:0}.track-copy{padding:11px 0 8px 12px}.track-copy p{margin:3px 0 5px}.track-copy>strong:first-child{font-size:21px}.track-carousel{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px;margin-top:5px}.track-options{max-height:none}.track-option-inner{min-height:62px;padding:4px}.track-thumb{height:32px}.leaderboard-list{max-height:267px}.leaderboard-item-inner{min-height:46px;padding:4px 7px}.start-btn{margin-top:0;padding:8px 0;font-size:21px}.tutorial-entry-btn{padding:0 8px}.privacy-notice{font-size:8px}}@media (max-width: 950px) and (orientation: landscape){header{top:0;padding-top:2px}.controls{flex-direction:column;align-items:stretch;gap:4px}.controls button{width:100%;padding:6px 8px}.start-headline .headline-desktop{display:none}.start-headline .headline-mobile{display:block;width:min(42vw,320px)}}@media (max-height: 500px) and (min-width: 501px){#start-overlay{padding:4px 8px max(4px,env(safe-area-inset-bottom))}.start-card{width:min(1040px,98vw);max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));margin-top:28px;padding:14px 10px 4px;gap:3px;overflow:visible;border-radius:20px}.start-headline img{width:105px}.start-headline .headline-mobile{width:min(40vw,260px)}.start-panels{grid-template-columns:minmax(0,1.25fr) minmax(235px,1fr);gap:7px}#track-panel,#shadow-panel{min-height:180px;padding:5px}.track-panel-title,.shadow-panel-title{font-size:11px}.track-showcase{height:84px;grid-template-columns:minmax(92px,.65fr) minmax(0,1.35fr)}.track-copy{padding:6px 0 4px 7px}.track-copy>strong:first-child{font-size:14px}.track-copy p{display:none}.track-stat-label{margin-top:1px;font-size:6px}.track-difficulty{font-size:12px;line-height:1}.track-best-time{font-size:10px;line-height:1}.selected-track-preview .track-map{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.track-carousel{grid-template-columns:24px minmax(0,1fr) 24px;gap:4px;margin-top:3px}.track-arrow{font-size:23px}.track-options{grid-auto-columns:minmax(72px,1fr);gap:5px}.track-option-inner{min-height:40px;padding:3px}.track-thumb{height:20px}.track-name{font-size:7px}.shadow-panel-header{min-height:19px}.shadow-panel-title{font-size:11px}.shadow-selection-count{font-size:8px}.leaderboard-list{max-height:144px;gap:3px}.leaderboard-section-title{margin-top:2px;font-size:7px}.leaderboard-item-inner{min-height:34px;gap:5px;padding:2px 5px}.leaderboard-checkbox-icon{width:15px;height:15px}.leaderboard-swatch{width:10px;height:20px}.leaderboard-swatch:before,.leaderboard-swatch:after{left:-2px;width:14px;height:4px}.leaderboard-title,.leaderboard-time{font-size:9px}.leaderboard-badge{min-width:58px;font-size:8px}.leaderboard-date{font-size:8px}.start-btn{flex-shrink:0;min-height:30px;padding:4px 0;font-size:16px}.tutorial-entry-btn{flex-shrink:0}.privacy-notice{display:none}}@media (max-height: 500px) and (hover: hover) and (pointer: fine){#track-panel,#shadow-panel{min-height:250px}.track-showcase{height:130px}.leaderboard-list{max-height:214px}}@media (min-width: 801px) and (max-height: 700px){#start-overlay{align-items:center}.start-card{margin:0}#track-panel,#shadow-panel{height:clamp(315px,calc(100dvh - 190px),390px);min-height:0}.track-showcase{height:clamp(183px,calc(100dvh - 340px),240px)}.leaderboard-list{flex:1 1 auto;min-height:0;max-height:100%}}@media (max-width: 950px) and (orientation: landscape){.start-actions{gap:7px}.start-actions .tutorial-entry-btn{order:2;width:100%;min-width:0;min-height:36px;margin:0;padding:5px 6px;border:1px solid rgba(34,211,238,.55);border-radius:10px;background:#082f49b8;font-size:10px;line-height:1.1;text-decoration:none;touch-action:manipulation}.start-actions .start-btn{order:1;width:100%;min-height:36px;margin:0;padding:5px 0}.tutorial-entry-btn:hover,.tutorial-entry-btn:active{background:#0e74908c}}#car-list{display:none!important}#car-list.hidden{display:none}.car-row{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 6px;border-radius:7px;background:#0f172ac7;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.07)}.car-row.is-you{border-color:#22d3ee59}.car-dot{flex-shrink:0;width:8px;height:8px;border-radius:2px}.car-name{font-size:11px;font-weight:600;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-row.is-you .car-name{color:#e0f2fe}.car-time{margin-left:auto;padding-left:8px;font-size:10px;font-variant-numeric:tabular-nums;color:#64748b;white-space:nowrap}.car-row.is-you .car-time{color:#94a3b8}.car-tag{font-size:9px;font-weight:400;color:#475569}#car-list.compact .car-row{gap:4px;padding:4px 5px}#car-list.compact .car-tag{display:none}#car-list.compact .car-name{font-size:10px}#car-list.compact .car-time{padding-left:3px;font-size:9px}#portrait-warning{display:none;position:fixed;inset:0;z-index:20;overflow:hidden;background:radial-gradient(circle at 50% 42%,#102b4a 0,#07172d 43%,#020817);flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}#portrait-warning:before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:linear-gradient(rgba(34,211,238,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.09) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,#000,transparent 70%)}.rotate-visual{position:relative;width:min(72vw,280px);margin-bottom:5px}#portrait-warning svg{display:block;width:100%;height:auto;overflow:visible}.rotate-phone{transform-box:fill-box;transform-origin:center;animation:phone-turn 2.8s cubic-bezier(.65,0,.35,1) infinite}.rotate-phone-ghost{animation:landscape-pulse 2.8s ease-in-out infinite}#portrait-warning strong{position:relative;color:#f8fafc;font-size:clamp(25px,7vw,34px);font-style:italic;font-weight:950;letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 0 18px rgba(34,211,238,.35)}#portrait-warning p{position:relative;margin:0;color:#a8b6ca;font-size:clamp(14px,4vw,17px);line-height:1.4}@keyframes phone-turn{0%,18%{transform:rotate(0) scale(1)}48%,72%{transform:translateY(17px) rotate(90deg) scale(.9)}to{transform:rotate(0) scale(1)}}@keyframes landscape-pulse{0%,30%,to{opacity:.12}52%,76%{opacity:.55}}@media (prefers-reduced-motion: reduce){.start-card:after{animation:none}.rotate-phone{animation:none;transform:translateY(17px) rotate(90deg) scale(.9)}.rotate-phone-ghost{animation:none;opacity:.55}}@media (max-width: 700px) and (orientation: portrait){#portrait-warning{display:flex}}