.game-page-header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.game-page-header h1{font-family:var(--font-display);margin:0;font-size:clamp(.65rem,2.5vw,.85rem);line-height:1.6}.game-screen{aspect-ratio:9/16;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:#0a0810;width:100%;max-height:min(70vh,560px);position:relative;overflow:hidden}.game-countdown-overlay{pointer-events:none;z-index:3;background:#0f0a1a99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-countdown-overlay__label{font-family:var(--font-display);color:var(--color-accent);text-shadow:0 0 12px #b388ff80;font-size:clamp(1.5rem,10vw,2.5rem)}.game-screen__canvas{width:100%;height:100%;display:block}.game-touch-controls{pointer-events:none;z-index:2;display:flex;position:absolute;inset:0}.game-touch-controls__btn{min-width:var(--touch-min);min-height:var(--touch-min);pointer-events:auto;touch-action:manipulation;cursor:pointer;background:0 0;border:none;flex:0 0 28%;margin:0;padding:0}.game-touch-controls__btn--left{align-self:stretch}.game-touch-controls__btn--right{align-self:stretch;margin-left:auto}.game-touch-controls__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.game-touch-controls__btn:disabled{pointer-events:none}.game-stub-panel{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--color-border)}.game-stub-panel__label{margin:0 0 var(--space-sm);color:var(--color-muted);text-align:center;font-size:.75rem}.game-stub-panel__actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.game-stub-panel .btn{min-height:var(--touch-min)}.game-oversteer-warning{pointer-events:none;z-index:4;justify-content:center;align-items:flex-start;padding-top:12%;display:flex;position:absolute;inset:0}.game-oversteer-warning__mark{font-family:var(--font-display);color:#ff5252;text-shadow:0 0 16px #ff525280;font-size:clamp(1.25rem,8vw,2rem);font-weight:700;animation:.45s ease-in-out infinite game-oversteer-blink}@keyframes game-oversteer-blink{0%,to{opacity:1}50%{opacity:.2}}.game-result-fullscreen{min-height:min(100dvh,100vh - 4rem);padding:var(--space-lg) var(--space-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.game-result-fullscreen__title{margin:0 0 var(--space-lg);font-family:var(--font-display);color:var(--color-text);font-size:clamp(.7rem,3vw,.95rem);line-height:1.6}.game-result-fullscreen__time{margin:0 0 var(--space-md);font-family:var(--font-display);color:var(--color-accent);text-shadow:0 0 20px #b388ff60;font-size:clamp(1.25rem,12vw,2.5rem);line-height:1.2}.game-result-fullscreen__time-unit{color:var(--color-muted);font-size:.45em}.game-result-fullscreen__reason{margin:0 0 var(--space-sm);color:var(--color-muted);font-size:.9rem}.game-result-fullscreen__meta{margin:0 0 var(--space-sm);color:var(--color-muted);font-size:.8rem}.game-result-fullscreen__save{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:.85rem}.game-result-fullscreen__save--error{color:var(--color-danger)}.game-result-fullscreen__actions{gap:var(--space-sm);flex-direction:column;width:100%;max-width:280px;display:flex}.game-result-fullscreen__actions .btn{min-height:var(--touch-min);text-align:center}.game-result-reason{margin:0 0 var(--space-sm);color:var(--color-muted);text-align:center}.game-result-meta{margin:0 0 var(--space-sm);color:var(--color-muted);text-align:center;font-size:.85rem}.game-result-save{margin:0 0 var(--space-lg);color:var(--color-muted);text-align:center;font-size:.9rem}.game-result-save--error{color:var(--color-danger)}.game-result-time{margin:0 0 var(--space-lg);font-family:var(--font-display);text-align:center;color:var(--color-accent);font-size:clamp(.75rem,3vw,1rem)}.game-result-actions{gap:var(--space-sm);flex-direction:column;align-items:stretch;display:flex}.game-result-actions .btn{min-height:var(--touch-min);text-align:center}.leaderboard-status{margin:0 0 var(--space-md);color:var(--color-muted);text-align:center}.leaderboard-status--error{color:var(--color-danger)}.leaderboard-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0f0a1a80;max-height:min(60vh,480px);overflow-y:auto}.leaderboard-list{padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;margin:0;list-style:none;display:flex}.leaderboard-row{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:var(--touch-min);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);grid-template-columns:2.5rem 1fr auto auto;align-items:center;display:grid}.leaderboard-row__rank{font-family:var(--font-display);text-align:center;font-size:.65rem}.leaderboard-row__nickname{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.leaderboard-row__time{font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap}.leaderboard-row__date{color:var(--color-muted);white-space:nowrap;font-size:.85rem}@media (width<=480px){.leaderboard-row{grid-template-rows:auto auto;grid-template-columns:2rem 1fr}.leaderboard-row__time,.leaderboard-row__date{grid-column:2}.leaderboard-row__time{justify-self:start}.leaderboard-row__date{text-align:right;justify-self:end}}.main-menu-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.main-menu-bg__stars{opacity:.5;background-image:radial-gradient(1px 1px at 20px 30px,#ffffff90,#0000),radial-gradient(1px 1px at 80px 120px,#b388ff80,#0000),radial-gradient(1px 1px at 160px 60px,#ffffff70,#0000),radial-gradient(1px 1px at 240px 180px,#ffffff60,#0000);background-size:280px 200px;animation:24s linear infinite main-menu-stars-drift;position:absolute;inset:-50%}.main-menu-bg__road{transform-origin:bottom;width:140%;height:70%;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)perspective(400px)rotateX(58deg)}.main-menu-bg__lane{background:repeating-linear-gradient(90deg,#2a1f45 0 22%,#3d2f5c 22% 24%,#1a1228 24% 48%,#3d2f5c 48% 50%,#1a1228 50% 74%,#3d2f5c 74% 76%,#2a1f45 76% 100%);border-top:2px solid #b388ff40;height:18%;animation:10s linear infinite main-menu-road-scroll;position:absolute;left:0;right:0}.main-menu-bg__lane--1{animation-delay:0s;top:0}.main-menu-bg__lane--2{opacity:.9;animation-delay:-2.5s;top:22%}.main-menu-bg__lane--3{opacity:.8;animation-delay:-5s;top:44%}.main-menu-bg__lane--4{opacity:.7;animation-delay:-7.5s;top:66%}.main-menu-bg__cars{position:absolute;inset:0}.main-menu-bg__car{background:var(--color-accent);opacity:.85;border-radius:1px;width:10px;height:14px;position:absolute;box-shadow:2px 0 #7c4dff,-2px 0 #7c4dff,0 -2px #e1bee7}.main-menu-bg__car--a{animation:14s linear infinite main-menu-car-drive;top:35%;left:-12px}.main-menu-bg__car--b{background:var(--color-gold);animation:18s linear -6s infinite main-menu-car-drive;top:52%;left:-12px;box-shadow:2px 0 #f9a825,-2px 0 #f9a825,0 -2px #fff59d}.main-menu-bg__car--c{background:#81c784;animation:11s linear -3s infinite main-menu-car-drive;top:68%;left:-12px;box-shadow:2px 0 #4caf50,-2px 0 #4caf50,0 -2px #c8e6c9}@keyframes main-menu-stars-drift{0%{transform:translate(0)}to{transform:translate(-280px,200px)}}@keyframes main-menu-road-scroll{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes main-menu-car-drive{0%{transform:translate(0)}to{transform:translate(calc(100vw + 24px))}}@media (prefers-reduced-motion:reduce){.main-menu-bg__stars,.main-menu-bg__lane,.main-menu-bg__car{animation:none}}.main-menu{min-height:min(70vh,560px);margin:calc(-1 * var(--space-md));padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);position:relative;overflow:hidden}.main-menu__content{z-index:1;gap:var(--space-lg);flex-direction:column;max-width:420px;margin:0 auto;display:flex;position:relative}.main-menu__title{font-family:var(--font-display);color:var(--color-accent);text-align:center;text-shadow:2px 2px #00000080;margin:0;font-size:clamp(.7rem,3.5vw,.95rem);line-height:1.6}.main-menu__nav{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.main-menu-tile{justify-content:center;gap:var(--space-xs);min-height:5.5rem;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);background:#1a1228e6;flex-direction:column;text-decoration:none;transition:transform .12s,border-color .15s,background .15s;display:flex;box-shadow:4px 4px #00000050}.main-menu-tile:hover{border-color:var(--color-accent);background:#2a1f45f0;text-decoration:none;transform:translateY(-2px)}.main-menu-tile:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.main-menu-tile__title{font-family:var(--font-display);color:var(--color-text);font-size:clamp(.55rem,2.8vw,.75rem);line-height:1.6}.main-menu-tile__subtitle{font-family:var(--font-body);color:var(--color-muted);font-size:.95rem}.main-menu .main-guest-hint{text-align:center;margin:0}@media (width>=600px){.main-menu{margin:calc(-1 * var(--space-xl));padding:var(--space-xl)}}.personal-runs-status{margin:0 0 var(--space-md);color:var(--color-muted);text-align:center}.personal-runs-status--error{color:var(--color-danger)}.personal-record{margin-bottom:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);text-align:center}.personal-record__title{margin:0 0 var(--space-sm);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem}.personal-record__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem}.personal-record__empty{color:var(--color-muted);margin:0}.personal-sessions{margin-top:var(--space-lg)}.personal-sessions__title{margin:0 0 var(--space-md);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.personal-runs-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0f0a1a80;max-height:min(50vh,400px);overflow-y:auto}.personal-runs-list{padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;margin:0;list-style:none;display:flex}.personal-run-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);min-height:var(--touch-min);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);display:flex}.personal-run-row__time{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.7rem}.personal-run-row__meta{color:var(--color-muted);flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.85rem;display:flex}.personal-run-row__date{white-space:nowrap}.personal-run-row__speed{opacity:.85;font-size:.75rem}.personal-runs-pagination{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.personal-runs-pagination__info{color:var(--color-muted);font-size:.85rem}.personal-runs-pagination .btn{min-height:var(--touch-min);min-width:5.5rem}.personal-runs-pagination .btn:disabled{opacity:.45;cursor:not-allowed}:root{--color-bg:#0f0a1a;--color-surface:#1a1228;--color-border:#3d2f5c;--color-text:#f0e8ff;--color-muted:#a89bc4;--color-accent:#b388ff;--color-gold:#ffd54f;--color-silver:#cfd8dc;--color-bronze:#cd7f32;--color-danger:#ff5252;--color-primary:#7c4dff;--font-display:"Press Start 2P", "Courier New", monospace;--font-body:system-ui, "Segoe UI", Roboto, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--touch-min:44px;--radius-sm:4px;--radius-md:8px;--max-content-width:720px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(ellipse at top, #2a1f45 0%, var(--color-bg) 55%);margin:0;font-size:1rem;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;padding:var(--space-md);max-width:var(--max-content-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.app-shell__header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.app-shell__header--compact{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.app-shell__title{font-family:var(--font-display);letter-spacing:.05em;color:var(--color-accent);margin:0;font-size:clamp(.75rem,3vw,1rem);line-height:1.6}.app-shell__main{flex:1}.screen-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:4px 4px #00000040}.screen-card h1{margin:0 0 var(--space-md);font-family:var(--font-display);color:var(--color-text);font-size:clamp(.65rem,2.5vw,.85rem);line-height:1.6}.screen-card p{margin:0 0 var(--space-md);color:var(--color-muted)}.nav-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav-list a,.btn{min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);color:var(--color-text);background:var(--color-primary);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .1s,background .15s;display:inline-flex}.nav-list a:hover,.btn:hover{background:var(--color-accent);color:var(--color-bg);text-decoration:none;transform:translateY(-1px)}.btn--ghost{color:var(--color-muted);background:0 0}.btn--ghost:hover{background:var(--color-surface);color:var(--color-text)}.app-shell__header-row{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.app-shell__session{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.app-shell__greeting{color:var(--color-muted);font-size:.9rem}.app-shell__footer{margin-top:var(--space-lg);text-align:center}.main-guest-hint{padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-accent);background:#00000030}.auth-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.auth-tabs__btn{min-height:var(--touch-min);padding:var(--space-sm);font-family:var(--font-body);color:var(--color-muted);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:1;font-size:.95rem;font-weight:600}.auth-tabs__btn--active{color:var(--color-text);background:var(--color-primary);border-color:var(--color-accent)}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-form__submit{width:100%}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-field__label{color:var(--color-muted);font-size:.9rem}.form-field__input{min-height:var(--touch-min);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem}.form-field__input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.form-error{padding:var(--space-sm) var(--space-md);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:#ff525220;margin:0}.form-hint{color:var(--color-muted);font-size:.85rem}.form-hint--ok{color:#81c784}.form-hint--bad{color:var(--color-danger)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn:disabled:hover{background:var(--color-primary);color:var(--color-text)}.medal-gold{color:var(--color-gold)}.medal-silver{color:var(--color-silver)}.medal-bronze{color:var(--color-bronze)}.accent-lilac{color:var(--color-accent)}@media (width>=600px){.app-shell{padding:var(--space-xl)}}