:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7f8;text-rendering:geometricprecision;background:#071017;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{min-height:44px}.app-shell{background:#071017;width:100vw;height:100vh;position:relative}.game-canvas{cursor:default;width:100vw;height:100vh;display:block;position:fixed;inset:0}.game-canvas.is-playing{cursor:crosshair}.boot-overlay{z-index:10;color:#dce8ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1016c7;border:1px solid #ffffff2e;border-radius:8px;min-width:190px;padding:12px 16px;position:fixed;inset:auto 24px 24px auto;box-shadow:0 20px 60px #0000004d}.hud-top{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:fixed;top:18px;left:20px;right:20px}.brand-lockup{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d129e;border:1px solid #ffffff24;border-radius:8px;gap:3px;padding:10px 14px;display:grid;box-shadow:0 16px 48px #00000038}.brand-lockup strong{letter-spacing:0;font-size:1.02rem;line-height:1.1}.brand-kicker{color:#a7c7c3;text-transform:uppercase;font-size:.74rem;line-height:1}.hud-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hud-pills span{color:#e8f0f1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090f1494;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:8px 11px;display:inline-flex}.menu-panel{left:max(20px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));z-index:6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#080e14e6,#161b1dc7),#090c10d1;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:18px;width:min(470px,100vw - 40px);max-height:min(760px,100vh - 108px);padding:18px;display:grid;position:fixed;overflow:auto;box-shadow:0 28px 90px #00000075}.menu-heading{gap:4px;display:grid}.menu-heading p{color:#a7c7c3;align-items:center;gap:8px;margin:0;font-size:.83rem;line-height:1.3;display:inline-flex}.status-dot{background:#49d38a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 18px #49d38a}.menu-heading h1,.menu-heading h2,.detail-panel h3{letter-spacing:0;margin:0}.menu-heading h1{font-size:clamp(2.35rem,6vw,4.8rem);line-height:.94}.menu-heading h2{color:#f0c66a;font-size:clamp(1rem,2.4vw,1.45rem);line-height:1.15}.main-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.main-actions button,.pause-button,.segmented button,.vehicle-card{color:#f4f7f8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:10px;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.main-actions button:hover,.pause-button:hover,.segmented button:hover,.vehicle-card:hover{background:#f0c66a1f;border-color:#f0c66ab3;transform:translateY(-1px)}.main-actions .primary-action{color:#fff;background:#c84f35;grid-column:span 2;min-height:54px;font-weight:800}.snapshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.snapshot-grid article{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;gap:8px;min-height:146px;padding:12px;display:grid}.snapshot-grid strong{font-size:.92rem;line-height:1.14}.snapshot-grid p,.credits p{color:#c7d1d6;margin:0;font-size:.82rem;line-height:1.4}.detail-panel{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;gap:14px;padding:14px;display:grid}.detail-panel h3{color:#f0c66a;font-size:1rem}.character-layout{grid-template-columns:96px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.avatar-preview{background:radial-gradient(circle at 50% 32%,#e7b082 0 15%,#0000 16%),linear-gradient(#2f5f73,#182f3d);border-radius:8px;place-items:center;min-height:154px;display:grid}.avatar-preview span{background:#d94f35;border-radius:999px 999px 16px 16px;width:42px;height:78px;box-shadow:0 0 0 8px #ffffff0f}.field-stack,.settings-row,.range-row{gap:8px;display:grid}.field-stack label,.range-row{color:#b8c9cf;font-size:.84rem}.field-stack input,.field-stack select{color:#f4f7f8;background:#03070a73;border:1px solid #ffffff24;border-radius:8px;width:100%;min-height:42px;margin-top:5px;padding:0 11px}.vehicle-list{gap:9px;display:grid}.garage-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.garage-heading span{color:#f0c66a;align-items:center;gap:6px;font-size:.86rem;font-weight:800;display:inline-flex}.vehicle-card{text-align:left;justify-content:flex-start;min-height:76px;padding:12px}.vehicle-card:disabled{cursor:not-allowed;opacity:.62}.vehicle-card:disabled:hover{background:#ffffff14;border-color:#ffffff24;transform:none}.vehicle-card.selected{background:#49d38a1c;border-color:#49d38ab3}.vehicle-card span{gap:3px;display:grid}.vehicle-card small{color:#bed0d3;line-height:1.3}.vehicle-meta{color:#f0c66a;align-items:center;gap:6px;margin-top:3px;font-weight:700;display:inline-flex}.settings-row{grid-template-columns:80px minmax(0,1fr);align-items:center}.settings-row>span{color:#b8c9cf}.segmented{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.segmented button{text-transform:capitalize;min-height:38px;padding:0 8px;font-size:.82rem}.segmented .active{color:#182024;background:#f0c66a;border-color:#f0c66ad9;font-weight:800}.toggle-row{color:#cbd9dd;justify-content:space-between;align-items:center;gap:16px;display:flex}.toggle-row span{align-items:center;gap:8px;display:inline-flex}.toggle-row input{accent-color:#49d38a;width:22px;height:22px}.range-row input{accent-color:#c84f35;width:100%}.pause-button{right:max(20px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090f149e;padding:0 14px;position:fixed}.driving-hud{left:max(20px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));z-index:5;color:#f4f7f8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090f1494;border:1px solid #ffffff24;border-radius:8px;gap:4px;width:min(260px,100vw - 120px);padding:12px 14px;display:grid;position:fixed}.driving-hud span,.driving-hud small{color:#a7c7c3;font-size:.78rem}.driving-hud strong{line-height:1.1}@media (max-width:720px){.hud-top{top:10px;left:10px;right:10px}.hud-pills{display:none}.menu-panel{width:auto;max-height:calc(100vh - 82px);padding:14px;bottom:10px;left:10px;right:10px}.snapshot-grid{grid-template-columns:1fr}.snapshot-grid article{min-height:96px}.main-actions,.main-actions .primary-action,.settings-row,.character-layout{grid-column:auto;grid-template-columns:1fr}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.pause-button{bottom:10px;right:10px}.driving-hud{width:min(240px,100vw - 96px);bottom:10px;left:10px}}