:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#050816;color:#f8fafc}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:radial-gradient(circle at top,#0f172a,#020617 65%)}button,input,select{border:0;border-radius:14px;font:inherit}button{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding:.9rem 1.2rem;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select{width:100%;padding:.75rem .9rem;background:#0f172aeb;color:#f8fafc;border:1px solid rgba(148,163,184,.18)}.button--ghost{background:#94a3b826}.glass{background:#0f172ac7;border:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px #0000003d}.eyebrow{margin:0 0 .5rem;letter-spacing:.28em;text-transform:uppercase;color:#60a5fa;font-size:.78rem}.landing,.menu-screen,.app-loading{min-height:100%;display:grid;place-items:center;padding:2rem}.landing--hero{background:radial-gradient(circle at center,rgba(56,189,248,.12),transparent 35%),linear-gradient(180deg,#020617,#050816)}.landing__panel,.menu-screen__panel,.app-loading__panel{width:min(980px,100%);padding:2rem;border-radius:28px;background:#0f172ad1;border:1px solid rgba(96,165,250,.22)}.landing__panel--wide{display:grid;gap:1.25rem}.landing__title{font-size:clamp(3.5rem,11vw,7rem);line-height:.92;margin:0;text-shadow:0 0 18px rgba(96,165,250,.4),0 0 44px rgba(167,139,250,.4)}.landing__lede{max-width:700px;font-size:1.1rem;color:#dbeafe}.landing__actions,.panel__actions,.wallet-hud__actions,.phone__tabs{display:flex;gap:.75rem;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card,.mission-list__item,.inventory-grid__item,.phone__screen,.controls-overview{padding:1rem;border-radius:18px;background:#1e293bb8}.feature-card span{font-size:1.8rem}.landing__footer{color:#94a3b8}.menu-screen__panel,.achievement-log{display:grid;gap:1rem}.faction-grid,.customizer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.customizer-grid label,.phone__screen label{display:grid;gap:.4rem}.faction-card{text-align:left;background:#1e293bb8;border:1px solid rgba(148,163,184,.15)}.faction-card small{display:block;margin-top:.3rem;color:#cbd5e1}.faction-card--active,.phone__tab--active{outline:2px solid #60a5fa}.game-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.hud{position:absolute;inset:0;pointer-events:none}.hud__topbar,.hud__left,.hud__right,.chat-box,.wallet-hud{position:absolute;border-radius:18px;padding:1rem}.hud__topbar{top:1rem;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:1rem;min-width:680px}.hud__left{left:1rem;bottom:1rem;width:460px}.hud__right{right:1rem;bottom:1rem;text-align:center}.wallet-hud{left:1rem;top:1rem;display:grid;gap:.35rem;pointer-events:auto;min-width:180px}.hud__label,.hud small,.wallet-hud small{display:block;color:#94a3b8;font-size:.8rem}.hud__objective{margin:1rem 0 .4rem}.hud__prompt{color:#fbbf24;font-weight:700}.hud__controls{color:#94a3b8;font-size:.85rem;margin:.35rem 0 0}.hud__speed{margin:.4rem 0 0;color:#fde68a;font-weight:700}.bar{margin-bottom:.7rem}.bar>div{height:10px;border-radius:999px;background:#1e293be6;overflow:hidden;margin-top:.25rem}.bar i{display:block;height:100%;background:linear-gradient(90deg,#f43f5e,#ef4444)}.bar--armor i{background:linear-gradient(90deg,#38bdf8,#2563eb)}.bar--xp i{background:linear-gradient(90deg,#22c55e,#84cc16)}.minimap{width:180px;height:180px;display:block}.panel-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;background:#02061773}.panel-overlay--side{place-items:start end;padding:1rem;background:transparent}.panel{width:min(560px,calc(100vw - 2rem));padding:1.5rem;border-radius:24px}.small-panel{width:360px}.panel__header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.stats-list,.mission-list{display:grid;gap:.55rem;padding:0;list-style:none}.inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.inventory-grid__item small{display:block;color:#94a3b8;margin-top:.3rem}.wheel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(5,120px);gap:1rem;pointer-events:auto}.wheel__item{min-height:120px;display:grid;align-content:center;gap:.4rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.15)}.wheel__item--active{outline:2px solid #60a5fa}.chat-box{right:1rem;top:6.8rem;width:280px;pointer-events:auto;display:grid;gap:.75rem}.chat-box__header{display:flex;justify-content:space-between;gap:.5rem}.chat-box__messages{max-height:160px;overflow:auto;color:#cbd5e1;font-size:.9rem}.chat-box__messages p{margin:0 0 .35rem}.chat-box__form{display:grid}.death-screen{position:absolute;inset:0;display:grid;place-items:center;gap:1rem;background:#7f1d1dc7;pointer-events:auto;text-align:center}.death-screen h1{font-size:clamp(3rem,10vw,7rem);color:#f87171;letter-spacing:.18em;margin:0}.damage-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,#f8717114,#7f1d1d59);transition:opacity .18s ease}.damage-flash--visible{opacity:1}.toast-stack{position:absolute;right:1rem;bottom:13rem;display:grid;gap:.6rem;pointer-events:none}.toast{min-width:220px;border-radius:16px;padding:.9rem 1rem}.toast small{display:block;color:#fbbf24;margin-bottom:.2rem}.phone-shell{position:absolute;right:1rem;top:8rem;pointer-events:auto}.phone{width:320px;border-radius:28px;padding:1rem;display:grid;gap:1rem}.phone__tab{flex:1}.loading-screen,.app-loading__panel{display:grid;gap:.5rem;text-align:center}.loading-screen{padding:1rem 1.2rem;border-radius:18px}.app-loading__panel{max-width:420px}.controls-overview p,.feature-card p{color:#cbd5e1}.wallet-hud span{font-weight:700;color:#e0f2fe}.copilot-stack,.event-banner,.radio-hud,.tutorial,.fight-club,.race-panel{position:absolute;pointer-events:auto}.copilot-stack{right:1rem;bottom:1rem;display:grid;gap:.6rem}.event-banner{left:50%;top:5.8rem;transform:translate(-50%);padding:.8rem 1rem;border-radius:18px;color:#fde68a}.radio-hud{left:50%;bottom:1rem;transform:translate(-50%);padding:.8rem 1rem;border-radius:18px;display:grid;gap:.2rem}.tutorial{left:1rem;top:7rem;max-width:320px;padding:1rem;border-radius:18px;display:grid;gap:.55rem}.fight-club{left:1rem;top:12rem;padding:1rem;border-radius:18px;max-width:280px}.race-panel{right:1rem;top:13rem;padding:1rem;border-radius:18px;max-width:280px}@media(max-width:900px){.feature-grid,.faction-grid,.customizer-grid{grid-template-columns:1fr}.hud__topbar{min-width:auto;width:calc(100vw - 2rem);grid-template-columns:repeat(2,1fr)}.hud__left{width:calc(100vw - 2rem)}.wheel{grid-template-columns:repeat(2,140px)}.wallet-hud{right:1rem;left:auto;top:1rem}.phone-shell{right:.5rem;top:auto;bottom:1rem}}