@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #090d11;--bg-soft: #10161d;--panel: rgba(15, 20, 26, .82);--panel-strong: rgba(17, 23, 30, .94);--text: #f5f2ea;--muted: #b8c0ca;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--mint: #6effcf;--mint-deep: #123a37;--danger: #ff8b94;--shadow: 0 30px 90px rgba(0, 0, 0, .42);font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(110,255,207,.12),transparent 30%),radial-gradient(circle at top right,rgba(140,206,246,.12),transparent 26%),linear-gradient(180deg,#0a0f14,#121922);color:var(--text)}body{min-height:100vh}body,button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}.app-shell{position:relative;min-height:100vh;overflow-x:hidden}.app-shell--race{background:#0a0f14;overflow:hidden}.race-canvas{position:fixed;top:0;right:0;bottom:0;left:0}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#f5f2eab8}.primary-button,.ghost-button,.wizard-progress__step,.branch-toggle__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease}.primary-button:hover,.ghost-button:hover,.wizard-progress__step:hover,.branch-toggle__button:hover,.image-choice-card:hover{transform:translateY(-1px)}.primary-button{background:var(--mint);color:#07110f;padding:.88rem 1.4rem;font-weight:700}.ghost-button{background:#ffffff0a;color:var(--text);border:1px solid var(--line);padding:.88rem 1.4rem;font-weight:600}.field{display:grid;gap:.55rem}.field span{font-size:.84rem;color:var(--muted)}.field input{width:100%;border-radius:18px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);padding:.98rem 1rem;outline:none}.field input:focus{border-color:#6effcf73;box-shadow:0 0 0 4px #6effcf1f}.wizard-shell{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:2rem}.wizard-frame{width:min(1180px,100%);display:grid;gap:1.4rem;padding:1.4rem;border:1px solid rgba(255,255,255,.07);border-radius:32px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#090e13c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.wizard-header h1{margin:.25rem 0 0;font-size:clamp(2.4rem,4vw,4rem);line-height:.95}.wizard-progress{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.wizard-progress__step{background:#ffffff0a;color:#f5f2eabd;border:1px solid var(--line);padding:.72rem 1rem;font-size:.85rem;font-weight:600}.wizard-progress__step--active{background:#6effcf29;border-color:#6effcf57;color:var(--text)}.wizard-progress__step--done{color:#f5f2eae6}.wizard-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:1.2rem;align-items:stretch}.wizard-preview,.wizard-panel,.lobby-panel,.result-panel{border-radius:28px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wizard-preview{position:relative;min-height:560px;overflow:hidden;box-shadow:var(--shadow)}.wizard-preview:after{content:"";position:absolute;inset:auto 1.1rem 1.1rem 1.1rem;height:110px;border-radius:24px;background:linear-gradient(180deg,#070a0e00,#070a0ee6),radial-gradient(circle at right top,color-mix(in srgb,var(--preview-accent, var(--mint)) 32%,transparent),transparent 60%);pointer-events:none}.wizard-preview__image,.wizard-preview__image img{width:100%;height:100%}.wizard-preview__image img{object-fit:cover}.wizard-preview__copy{position:absolute;inset:auto 1.4rem 1.35rem 1.4rem;display:grid;gap:.22rem;z-index:1}.wizard-preview__copy strong{font-size:clamp(2rem,3vw,3.2rem);line-height:.96}.wizard-panel{display:grid;gap:1.2rem;padding:1.3rem}.wizard-copy{display:grid;gap:.35rem}.wizard-copy h2{margin:0;font-size:clamp(1.5rem,2vw,2rem)}.wizard-copy p{margin:0;color:var(--muted)}.wizard-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.wizard-card-grid--mode,.wizard-card-grid--karts{grid-template-columns:repeat(3,minmax(0,1fr))}.image-choice-card{display:grid;gap:.78rem;padding:.88rem;border-radius:24px;border:1px solid var(--line);background:#ffffff08;color:var(--text);text-align:left;min-height:100%;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.image-choice-card--active{border-color:#6effcf70;background:#6effcf14;box-shadow:0 18px 42px #0003}.image-choice-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:18px;background:radial-gradient(circle at top,rgba(110,255,207,.1),transparent 40%),linear-gradient(180deg,#ffffff0f,#ffffff05)}.image-choice-card__media img{width:100%;height:100%;object-fit:cover}.image-choice-card--mode .image-choice-card__media{aspect-ratio:1.35 / 1}.image-choice-card--mode .image-choice-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080b14,#05080b7a)}.image-choice-card__copy{display:grid;gap:.15rem}.image-choice-card__copy strong{font-size:1rem}.image-choice-card__copy small{color:var(--muted)}.branch-panel{display:grid;gap:.9rem;padding:1rem;border-radius:22px;border:1px solid var(--line);background:#ffffff08}.branch-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem;border-radius:999px;background:#ffffff0a}.branch-toggle__button{padding:.7rem 1rem;background:transparent;color:#f5f2eab8}.branch-toggle__button--active{background:#6effcf24;color:var(--text)}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.summary-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:.9rem;align-items:center;padding:.9rem;border-radius:22px;border:1px solid var(--line);background:#ffffff08}.summary-card img{width:92px;height:92px;object-fit:cover;border-radius:16px}.summary-card div{display:grid;gap:.2rem}.summary-strip{display:inline-flex;flex-wrap:wrap;gap:.6rem;color:var(--muted)}.summary-strip span{padding:.5rem .8rem;border-radius:999px;border:1px solid var(--line);background:#ffffff08}.wizard-actions,.lobby-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.error-banner{border-radius:18px;padding:.9rem 1rem;border:1px solid rgba(255,139,148,.3);background:#ff8b941f;color:#ffd7db}.overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.overlay-root>*{pointer-events:auto}.hud-top,.hud-grid{position:fixed;inset-inline:1.1rem;display:flex;justify-content:space-between;gap:.75rem}.hud-top{top:1rem}.hud-grid{top:5rem}.hud-cluster{display:flex;gap:.7rem}.hud-chip,.room-pill,.status-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.82rem .96rem;border-radius:18px;border:1px solid var(--line);background:#0d1116c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-chip{min-width:110px;justify-content:space-between}.hud-chip-label{font-size:.74rem;color:#f5f2eaa3;text-transform:uppercase;letter-spacing:.14em}.hud-bottom{position:fixed;right:1rem;bottom:1rem}.mobile-controls{display:none}.mobile-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(180deg,#ffffff3d,#ffffff14),#0a0f14c7;color:var(--text);font-weight:800;min-height:64px;min-width:76px;padding:0 1rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 42px #00000042}.mobile-control:active{background:linear-gradient(180deg,#6effcfbd,#6effcf6b),#0a0f14c7;color:#06120f;transform:translateY(1px) scale(.98)}.mobile-control--gas{background:linear-gradient(180deg,#6effcfeb,#53deb2c7),var(--mint);color:#06120f;min-height:88px;min-width:96px}.mobile-control--item{border-color:#ffd96357}.mobile-controls__drive,.mobile-controls__steer{display:flex;gap:.65rem}.mobile-controls__drive,.mobile-controls__steer{align-items:flex-end}.leaderboard{min-width:220px;display:grid;gap:.5rem;padding:.8rem;border-radius:22px;border:1px solid var(--line);background:#0d1116cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.leaderboard-row,.lobby-player{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.leaderboard-row{color:var(--muted)}.leaderboard-row span:first-child{color:var(--text);font-weight:700}.lobby-panel{position:fixed;left:1rem;bottom:1rem;width:min(420px,calc(100vw - 2rem));display:grid;gap:1rem;padding:1rem;box-shadow:var(--shadow)}.lobby-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.lobby-panel__header h2,.result-panel h2{margin:.18rem 0 0}.lobby-stack{display:grid;gap:.65rem}.lobby-player{padding:.82rem .88rem;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.lobby-player>div{display:grid;gap:.16rem}.lobby-player span:last-child{color:var(--muted)}.status-pill{padding:.45rem .72rem;font-size:.84rem;color:#f5f2eabd}.status-pill--ready{color:#07110f;background:var(--mint);border-color:transparent}.room-pill{font-family:JetBrains Mono,monospace;letter-spacing:.16em}.countdown-overlay,.result-panel{position:fixed;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:.5rem;text-align:center;box-shadow:var(--shadow)}.countdown-overlay{top:50%;min-width:160px;padding:1.3rem 1.5rem;border-radius:28px;border:1px solid rgba(110,255,207,.18);background:#0d1116db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.countdown-overlay strong{font-size:clamp(3.8rem,10vw,6rem);line-height:.9}.result-panel{top:4rem;min-width:min(360px,calc(100vw - 2rem));padding:1.2rem}@media(max-width:960px){.wizard-grid{grid-template-columns:1fr}.wizard-preview{min-height:300px}.wizard-card-grid,.wizard-card-grid--mode,.wizard-card-grid--karts{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-header{flex-direction:column}.wizard-progress{justify-content:flex-start}.summary-grid{grid-template-columns:1fr}.hud-top,.hud-grid{inset-inline:.75rem;flex-direction:column}.hud-grid{top:7rem}.hud-cluster{justify-content:space-between}.hud-bottom,.lobby-panel{right:.75rem;left:.75rem;width:auto}.hud-bottom{bottom:.75rem}}@media(max-width:640px){.wizard-shell{padding:.8rem}.wizard-frame{padding:1rem;border-radius:24px}.wizard-card-grid,.wizard-card-grid--mode,.wizard-card-grid--karts{grid-template-columns:1fr}.image-choice-card--mode .image-choice-card__media{aspect-ratio:1.8 / 1}.summary-card{grid-template-columns:72px minmax(0,1fr)}.summary-card img{width:72px;height:72px}.branch-toggle{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.branch-toggle__button{width:100%}}@media(hover:none),(pointer:coarse),(max-width:860px){.mobile-controls{position:fixed;inset:auto 0 0 0;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;padding:0 1rem calc(1rem + env(safe-area-inset-bottom));pointer-events:auto}.hud-bottom{display:none}.hud-top{top:.65rem;align-items:flex-start;flex-direction:row;justify-content:flex-start}.hud-grid{top:3.95rem}.hud-top .hud-chip:nth-child(2){display:none}.hud-chip{min-width:auto;padding:.62rem .72rem}.hud-chip-label{font-size:.64rem}}@media(max-width:560px){.mobile-controls{padding-inline:.75rem}.mobile-control{font-size:.84rem;min-height:58px;min-width:64px;padding-inline:.72rem}.mobile-control--gas{min-height:82px;min-width:84px}.mobile-controls__drive{display:grid;grid-template-columns:84px 64px;grid-template-rows:repeat(3,46px)}.mobile-controls__drive .mobile-control{height:100%;min-height:0}.mobile-controls__steer{gap:.45rem}.mobile-control--gas{grid-column:1;grid-row:1 / span 3;height:100%}.mobile-control--drift{grid-column:2;grid-row:1}.mobile-control--brake,.mobile-control--item{grid-column:2}.mobile-control--brake{grid-row:2}.mobile-control--item{grid-row:3}}@media(max-width:420px){.hud-top,.hud-grid{inset-inline:.55rem}.hud-chip{border-radius:14px;gap:.38rem;padding:.5rem .58rem}.hud-chip strong{font-size:.86rem}.hud-grid{top:3.75rem}.mobile-controls{gap:.48rem;padding-inline:.55rem}.mobile-control{min-height:54px;min-width:56px;padding-inline:.58rem}.mobile-controls__drive{grid-template-columns:76px 56px;grid-template-rows:repeat(3,42px)}.mobile-control--gas{min-height:76px;min-width:76px}}@media(max-height:520px)and (orientation:landscape){.hud-top{top:.5rem}.hud-grid{display:none}.mobile-controls{padding:0 .75rem calc(.6rem + env(safe-area-inset-bottom))}.mobile-control{min-height:48px}.mobile-control--gas{min-height:64px}}