:root{color:#ecf7ff;background:#03070d;font-family:Helvetica Neue,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-style:normal;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;font-style:normal}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.display-shell{min-height:100vh;padding:clamp(12px,2.2vw,32px);background:radial-gradient(circle at 52% 44%,rgba(34,134,197,.24),transparent 34%),radial-gradient(circle at 12% 12%,rgba(65,155,214,.18),transparent 25%),linear-gradient(135deg,#03070d,#071221 46%,#020509);position:relative;overflow:hidden}.ambient{position:absolute;border-radius:999px;filter:blur(54px);opacity:.35;pointer-events:none}.ambient-one{width:40vw;height:40vw;left:28%;top:18%;background:#1677b9}.ambient-two{width:24vw;height:24vw;right:10%;bottom:4%;background:#58d4ff}.showroom-frame{position:relative;min-height:calc(100vh - clamp(24px,4.4vw,64px));border:1px solid rgba(157,216,255,.28);background:linear-gradient(180deg,#020f1ff5,#020a14eb),radial-gradient(circle at 50% 56%,rgba(63,168,226,.22),transparent 38%);box-shadow:inset 0 0 0 7px #00000057,inset 0 0 80px #1b7ab829,0 28px 80px #0000008a;overflow:hidden}.three-stage{position:absolute;inset:0}.three-stage canvas{width:100%;height:100%;display:block}.display-topbar{position:absolute;top:clamp(22px,3.3vw,48px);left:clamp(28px,4.2vw,70px);right:clamp(28px,4.2vw,70px);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;pointer-events:none}.meta-label,.dock-label{display:block;margin:0 0 8px;color:#a9c4d8;font-size:.76rem;font-weight:600;letter-spacing:0;text-transform:uppercase}.display-topbar h1{margin:0;max-width:560px;color:#f7fbff;font-size:clamp(2rem,3.9vw,4.4rem);line-height:.96;font-weight:700}.connection-strip,.phone-status,.drive-hud{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:9px 12px;border:1px solid rgba(117,196,246,.25);background:#021427b8;color:#d9efff;font-size:.82rem;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.live-dot{width:8px;height:8px;border-radius:50%;background:#8998a8}.live-dot.live,.phone-status.connected .live-dot{background:#6effb6;box-shadow:0 0 14px #6effb6d1}.divider{width:1px;height:18px;background:#b1dcff33}.category-rail{display:none}.rail-title{margin:0 0 26px;font-size:clamp(1rem,1.6vw,1.45rem);text-transform:uppercase}.rail-line{width:54px;height:1px;margin-bottom:14px;background:#6cc9ff;box-shadow:0 0 12px #6cc9ffc2}.rail-item{display:flex;align-items:center;min-height:54px;border-top:1px solid rgba(125,181,220,.18);color:#ecf7ffb8;text-transform:uppercase}.rail-item.active{color:#fff}.rail-item.active:before{content:"";width:4px;height:20px;margin-right:20px;background:#ecf7ff;box-shadow:0 0 14px #6cc9fff2}.spec-panel{position:absolute;top:clamp(128px,18vh,170px);right:clamp(24px,3.6vw,54px);width:min(300px,22vw);max-height:calc(100% - 260px);overflow:hidden;padding:22px 24px 24px;border:1px solid rgba(92,172,226,.28);background:linear-gradient(180deg,#051b33d6,#031120a8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-title-row,.section-heading,.drive-title-row{display:flex;align-items:center;gap:10px}.spec-panel h2,.section-heading h2{margin:0;font-size:1rem;font-weight:650;text-transform:uppercase}.spec-list{margin-top:16px}.spec-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid rgba(133,194,235,.18);color:#c6d7e6;font-size:.84rem;text-transform:uppercase}.spec-row strong{color:#fff;font-weight:500;text-align:right;text-transform:none}.car-description{margin:14px 0 0;color:#a9c4d8;line-height:1.45;font-size:.84rem}.selection-dock{position:absolute;left:clamp(28px,4.2vw,70px);right:clamp(28px,4.2vw,70px);bottom:clamp(20px,3.2vw,44px);display:grid;grid-template-columns:minmax(240px,.58fr) minmax(620px,1.5fr) minmax(110px,.25fr) auto;align-items:end;gap:clamp(16px,1.9vw,28px);padding-top:18px;border-top:1px solid rgba(125,181,220,.22)}.dock-group{min-width:0}.car-pill,.view-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid rgba(117,196,246,.24);background:#04182bad;color:#eaf6ff}.car-pill{min-width:min(100%,270px);max-width:100%;padding:9px 12px}.paint-dot{width:18px;height:18px;margin-left:auto;border:1px solid rgba(236,247,255,.72);border-radius:50%;background:var(--paint);box-shadow:0 0 16px color-mix(in srgb,var(--paint) 62%,transparent)}.view-strip{display:flex;flex-wrap:wrap;gap:8px}.environment-pill{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid rgba(117,196,246,.24);background:#04182bad;color:#eaf6ff}.view-chip{padding:8px 10px;color:#aac4d9;font-size:.9rem}.view-chip.active,.car-pill.active{border-color:#8edaffb3;box-shadow:0 0 24px #44adf438}.qr-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(117,196,246,.28);background:#02111fcc}.qr-card-button{text-align:left}.qr-card-button:hover{border-color:#8edaffb3;background:#0a2d4dcc}.qr-actions{display:flex;align-items:stretch;gap:10px}.fullscreen-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;padding:8px 10px;border:1px solid rgba(117,196,246,.28);background:#02111fcc;color:#eaf6ff;font-size:.9rem}.fullscreen-button:hover{border-color:#8edaffb3;background:#0a2d4dcc}.qr-card strong{display:block;color:#fff;font-size:1rem;letter-spacing:.08em}.qr-card>svg{width:58px;height:58px}.controller-state svg{width:13px;height:13px;flex-shrink:0}.controller-state{display:flex;align-items:center;gap:5px;color:#f5bb70;font-size:.78rem}.controller-state.connected{color:#83ffc2}.qr-modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:28px}.qr-modal-backdrop{position:absolute;inset:0;border:0;background:#00050bb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-modal-card{position:relative;z-index:1;width:min(420px,calc(100vw - 48px));padding:28px;border:1px solid rgba(142,218,255,.42);background:linear-gradient(180deg,#041b32f5,#020e1bf5);box-shadow:0 28px 80px #00000094;text-align:center}.qr-modal-close{position:absolute;top:12px;right:12px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(117,196,246,.28);background:#02111fcc;color:#eaf6ff}.qr-modal-room{display:block;margin-bottom:18px;color:#fff;font-size:2rem;letter-spacing:.08em}.qr-modal-code{display:inline-grid;place-items:center;padding:14px;background:#f7fbff}.qr-modal-code svg{display:block}.qr-modal-card p{margin:16px 0 0;color:#a9c4d8;font-size:.9rem;overflow-wrap:anywhere}.drive-hud{position:absolute;left:50%;top:154px;bottom:auto;transform:translate(-50%)}.model-loader,.model-error,.toast-error{position:absolute;left:50%;top:50%;min-width:260px;transform:translate(-50%,-50%);padding:16px 18px;border:1px solid rgba(142,218,255,.32);background:#02111fd6;color:#eaf6ff;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loader-track{height:4px;margin-top:12px;background:#ffffff24}.loader-track div{height:100%;background:#6cc9ff}.toast-error{top:auto;bottom:22px;color:#ffd3d3}.controller-shell{height:100dvh;min-height:100dvh;overflow:hidden;padding:10px;background:radial-gradient(circle at 50% 0%,rgba(41,143,211,.28),transparent 44%),linear-gradient(180deg,#07111d,#020509);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.controller-panel{width:min(100%,560px);height:calc(100dvh - 20px);min-height:0;margin:0 auto;padding:14px;border:1px solid rgba(119,196,246,.22);background:#031221d1;display:flex;flex-direction:column;overflow:hidden}.controller-header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;gap:10px}.controller-header h1{margin:0;color:#fff;font-size:clamp(1.45rem,7vw,2.1rem);line-height:1}.phone-status{min-height:34px;padding:8px 10px;font-size:.76rem;flex-shrink:0}.phone-status.connected{color:#86ffc3}.join-card,.control-section,.controller-summary{margin-top:12px;border:1px solid rgba(117,196,246,.18);background:#010b1570}.join-card{display:grid;gap:12px;padding:18px}.join-card label{color:#c5d9e8;font-size:.9rem;text-transform:uppercase}.join-card input{width:100%;min-height:56px;padding:0 14px;border:1px solid rgba(117,196,246,.28);background:#00000047;color:#fff;font-size:1.5rem;letter-spacing:.12em;text-transform:uppercase}.join-card button,.drive-toggle,.reset-button,.segmented button,.select-card,.pedal,.color-swatch{border:1px solid rgba(117,196,246,.22);background:#0c304fb8;color:#ecf7ff;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;user-select:none}.join-card button{min-height:52px}.controller-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;flex-shrink:0;overflow:hidden}.controller-summary div{min-width:0;padding:9px 10px;background:#05182b9e}.controller-summary span{display:block;color:#8fb2ca;font-size:.72rem;text-transform:uppercase}.controller-summary strong{display:block;margin-top:3px;overflow:hidden;color:#fff;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.controller-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex-shrink:0;margin-top:12px}.controller-tabs button{min-height:42px;border:1px solid rgba(117,196,246,.22);background:#05182b9e;color:#aac4d9;font-weight:700;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;user-select:none}.controller-tabs button.active{border-color:#80daffbd;background:#1b70aebd;color:#fff;box-shadow:0 0 20px #44adf424}.controller-workspace{min-height:0;flex:1;overflow:hidden}.tab-panel{display:grid;align-content:start;gap:12px;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:2px;scrollbar-width:none}.tab-panel::-webkit-scrollbar{display:none}.control-section{padding:12px}.car-selector{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.color-grid{display:grid;grid-template-columns:repeat(6,minmax(38px,1fr));gap:10px;margin-top:12px}.skybox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.skybox-card{min-height:108px;padding:10px;border:1px solid rgba(117,196,246,.22);background:#0c304f7a;color:#ecf7ff;text-align:left;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;user-select:none}.skybox-card.active{border-color:#80daffb3;background:#1b70ae94;box-shadow:0 0 20px #44adf429}.skybox-preview{display:block;width:100%;height:46px;margin-bottom:9px;border:1px solid rgba(236,247,255,.14);background-position:center;background-size:cover}.skybox-card strong,.skybox-card small{display:block}.skybox-card small{margin-top:2px;color:#9fb9cd;font-size:.76rem}.color-swatch{min-height:46px;border:1px solid rgba(117,196,246,.24);background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 38%),var(--swatch);box-shadow:inset 0 0 0 1px #0000003d}.color-swatch.active{border-color:#9ee2fff2;box-shadow:0 0 0 2px #5cbeff38,0 0 22px color-mix(in srgb,var(--swatch) 58%,transparent)}.select-card{min-height:66px;padding:10px 12px;text-align:left}.select-card span,.select-card small{display:block;color:#9fb9cd;font-size:.78rem}.select-card strong{display:block;margin:4px 0;color:#fff;font-size:1rem}.select-card.active,.segmented button.active,.drive-toggle.active{border-color:#80daffb3;background:#1b70aebd;box-shadow:0 0 20px #44adf429}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.segmented button,.drive-toggle,.reset-button{min-height:48px}.drive-controls{padding-bottom:16px}.drive-title-row{justify-content:space-between}.drive-toggle{min-width:104px;padding:0 14px}.steering-pad{position:relative;display:grid;place-items:center;height:clamp(132px,26dvh,190px);margin-top:12px;border:1px solid rgba(117,196,246,.18);background:linear-gradient(90deg,rgba(52,144,205,.12),transparent 38%,transparent 62%,rgba(52,144,205,.12)),#0000003d;touch-action:none;-webkit-user-select:none;user-select:none}.wheel-ring{display:grid;place-items:center;width:104px;height:104px;border:8px solid rgba(220,244,255,.78);border-radius:50%;box-shadow:inset 0 0 24px #3aacf442,0 0 32px #3aacf42e}.wheel-ring span{width:12px;height:48px;border-radius:999px;background:#dcf4ffb8}.steer-left,.steer-right{position:absolute;top:50%;color:#7ed5ff}.steer-left{left:24px;transform:translateY(-50%) rotate(90deg)}.steer-right{right:24px;transform:translateY(-50%) rotate(90deg)}.pedal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.pedal{min-height:clamp(64px,13dvh,92px);font-size:1rem;font-weight:700;touch-action:none}.pedal:active{transform:translateY(1px)}.throttle{background:linear-gradient(180deg,#22a86dcc,#0b523beb)}.brake{background:linear-gradient(180deg,#c64f4fd1,#5e1823eb)}.reset-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px}.not-found{display:grid;min-height:100vh;place-items:center}@media(max-width:1050px){.category-rail{display:none}.spec-panel{top:auto;right:22px;bottom:156px;width:min(330px,calc(100% - 44px));padding:18px}.selection-dock{grid-template-columns:1fr;gap:14px}.qr-card,.qr-actions{width:fit-content}}@media(max-width:720px){.controller-header{flex-direction:column}.phone-status{width:100%;justify-content:center;white-space:normal}.display-shell{padding:0}.showroom-frame{min-height:100vh;border:0}.display-topbar{top:18px;left:18px;right:18px;flex-direction:column}.display-topbar h1{font-size:clamp(2rem,12vw,3.5rem)}.spec-panel{left:16px;right:16px;bottom:190px;width:auto}.spec-row{padding:10px 0;font-size:.8rem}.selection-dock{left:16px;right:16px;bottom:16px}.view-strip{gap:6px}.view-chip{min-height:34px;padding:7px 9px;font-size:.76rem}.qr-card svg{width:54px;height:54px}.qr-actions{flex-wrap:wrap}.fullscreen-button{min-height:44px}.controller-summary{grid-template-columns:repeat(3,1fr)}}