@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Chivo:wght@400;600&display=swap";
[data-lane-shift-root]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:radial-gradient(circle at 20% 20%,#101827 0,#0b1220 45%,#060b16 100%);--panel:#ffffff0f;--panel-strong:#ffffff1f;--stroke:#ffffff1f;--fg:#e8edf7;--muted:#9fb0cb;--accent:#5ee2ff;--accent-2:#96f7c8;--danger:#ff7b7b;--shadow:0 18px 48px #00000059;background:var(--bg);min-height:100vh;color:var(--fg);letter-spacing:-.01em;font-family:Space Grotesk,Chivo,system-ui,-apple-system,sans-serif}[data-lane-shift-root][data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:radial-gradient(circle at 30% 30%,#fdf8ff 0,#e9f0ff 45%,#dfe7ff 100%);--panel:#0f172a0a;--panel-strong:#0f172a14;--stroke:#0f172a14;--fg:#0f172a;--muted:#4b5563;--accent:#0ea5e9;--accent-2:#16a34a;--danger:#dc2626;--shadow:0 18px 48px #0f172a26}*{box-sizing:border-box}body{margin:0}.app{gap:16px;max-width:1080px;margin:0 auto 64px;padding:24px;display:grid}.app__header{background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:20px;gap:12px;padding:20px;display:grid}.app__header h1{margin:4px 0 8px;font-size:28px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px}.muted{color:var(--muted);margin:0}.small{font-size:13px}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{border:1px solid var(--stroke);background:var(--panel-strong);color:var(--fg);cursor:pointer;border-radius:12px;padding:10px 14px;font-size:14px;transition:transform 80ms,border-color 80ms}button:hover{border-color:var(--accent);transform:translateY(-1px)}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b1220;border-color:#0000;font-weight:700}button.ghost{background:0 0}.toggle{color:var(--fg);align-items:center;gap:8px;font-size:14px;display:inline-flex}.toggle input{width:18px;height:18px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--panel-strong);border:1px solid var(--stroke);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.hud{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;display:grid}.hud__metric{background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:8px;padding:6px 8px}.hud .label{color:var(--muted);font-size:10px}.hud .value{margin-top:2px;font-size:13px;font-weight:700;display:block}.meter{background:var(--panel-strong);border-radius:999px;width:100%;height:4px;margin-top:3px;overflow:hidden}.meter__bar{background:linear-gradient(90deg,var(--accent),var(--accent-2));height:100%;transition:width .12s}.badge{border:1px dashed var(--stroke)}.badge--shield{border-color:var(--accent);background:#5ee2ff1f}.badge--revive{border-color:var(--accent-2);background:#96f7c81f}.badge--down{border-color:var(--danger);background:#ff7b7b1a}.playfield{background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);isolation:isolate;border-radius:18px;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden}.track{border:1px solid var(--stroke);touch-action:pan-y;z-index:0;background:linear-gradient(#ffffff0f,#fff0);border-radius:16px;min-height:520px;padding:12px;position:relative;overflow:hidden}.track__grid{grid-template-rows:repeat(9,1fr);gap:6px;width:100%;height:100%;display:grid;overflow:hidden}.track__row{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;min-width:0;transition:transform .16s;display:grid}.track__row--double .cell{box-shadow:inset 0 0 0 1px #ffffff14}.track__row--player{position:relative}.cell{border:1px solid var(--stroke);height:60px;color:var(--fg);background:#ffffff08;border-radius:12px;place-items:center;min-width:0;font-size:18px;font-weight:700;display:grid;overflow:hidden}.cell--block{color:#0b1220;background:linear-gradient(135deg,#ff6f61,#ff3d75);border-color:#ff6d6199}.cell--hole{background:radial-gradient(circle,#000000bf,#000000eb);border-color:#00000080}.cell--coin{color:#7a4b00;background:radial-gradient(circle at 30% 30%,#fff7cc,#ffd84d);border-color:#f5b400}.cell--runner{outline:3px solid var(--accent);outline-offset:-3px;background:linear-gradient(135deg,var(--accent),var(--accent-2));position:relative;box-shadow:0 0 0 8px #5ee2ff40}.cell--runner:after{content:"▲";color:#0b1220;text-shadow:0 1px 2px #0000004d;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.lane-guides{pointer-events:none;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:repeat(3,1fr);gap:8px;font-size:11px;display:grid;position:absolute;inset:12px 12px auto}.lane-controls{z-index:2;gap:10px;margin-top:8px;display:flex}.lane-controls button{flex:1;height:48px;font-size:22px}.lane-controls .start-btn{flex:2;font-size:16px}.shield-toggle{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.shield-toggle input{accent-color:var(--accent)}.card,.section{background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:16px;padding:16px}.outcome{justify-content:space-between;align-items:center;gap:12px;display:flex}.outcome .statline{gap:12px;font-weight:600;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px;display:grid}.stat-grid .label{color:var(--muted);margin:0;font-size:12px}.stat-grid .value{margin:4px 0 0;font-weight:700}.actions{gap:8px;display:flex}.notes ul{color:var(--fg);gap:6px;margin:8px 0 12px;padding-left:18px;display:grid}@media (max-width:720px){body{padding:12px}.cell{height:48px}.app__header h1{font-size:22px}.outcome{flex-direction:column;align-items:flex-start}}@media (max-width:400px){.track{min-height:380px}.track__grid{gap:4px}.cell{border-radius:8px;height:38px;font-size:14px}.cell--runner:after{font-size:20px}.lane-controls{gap:6px}.lane-controls button{height:42px;font-size:18px}.lane-controls .start-btn{padding:0 8px;font-size:13px}.lane-guides{font-size:9px}}