:root{--bg:#07101d;--panel:rgba(10,22,38,.76);--line:rgba(255,255,255,.10);--text:#f3f7fb;--muted:#9badc4;--blue:#2f78ff;--gold:#f1b43b;--ok:#76e0a3;--danger:#ff9a9a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{letter-spacing:.01em}#gl{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 55% 42%,transparent 34%,rgba(0,0,0,.28) 78%,rgba(0,0,0,.58) 100%)}.glass,.glass-lite{background:linear-gradient(180deg,rgba(14,29,49,.84),rgba(7,17,31,.72));border:1px solid var(--line);box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-lite{background:rgba(5,13,24,.72)}button,a{font:inherit}button{color:var(--text)}button:focus-visible,a:focus-visible{outline:2px solid #76a7ff;outline-offset:2px}.topbar{position:fixed;left:18px;right:18px;top:16px;height:64px;border-radius:18px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand .mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:1000;background:linear-gradient(145deg,#0f55bf,#15305a);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 0 2px rgba(241,180,59,.10)}.brand strong{display:block;font-size:13px;letter-spacing:.15em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.status-cluster{display:flex;gap:8px}.mode-badge,.class-badge,.mini-badge,.detail-class{padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em}.mode-badge{background:rgba(47,120,255,.16);border:1px solid rgba(47,120,255,.38)}.class-badge,.mini-badge,.detail-class.demo{background:rgba(241,180,59,.12);border:1px solid rgba(241,180,59,.32);color:#ffd989}.vehicle-card{position:fixed;left:18px;top:96px;width:310px;padding:18px;border-radius:20px;z-index:12}.eyebrow{display:block;color:#7ea3d5;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}.vehicle-card h1{font-size:28px;margin:0 0 8px}.muted{color:var(--muted);font-size:12px;line-height:1.48;margin:0 0 14px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats div{padding:10px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.stats span{display:block;color:#788ba5;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.stats strong{font-size:11px;display:block;margin-top:4px}.ok{color:var(--ok)}.reference-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.reference-note span,.reference-note small{display:block;color:#7890ae;font-size:9px}.reference-note strong{font-size:11px;display:block;margin:3px 0}.catalog-panel{position:fixed;right:18px;top:96px;width:250px;border-radius:20px;padding:14px;z-index:12}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-title strong{font-size:13px}.catalog-list{display:grid;gap:7px}.catalog-item{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;text-align:left;gap:0 9px;padding:9px;border-radius:13px;border:1px solid transparent;background:rgba(255,255,255,.025);cursor:pointer}.catalog-item:hover{background:rgba(255,255,255,.055)}.catalog-item.active{border-color:rgba(47,120,255,.46);background:rgba(47,120,255,.10)}.catalog-swatch{grid-row:1/3;width:28px;height:28px;border-radius:9px;border:1px solid rgba(255,255,255,.18)}.catalog-item strong{font-size:11px}.catalog-item small{color:#7f91aa;font-size:9px}.present-panel{position:fixed;left:18px;bottom:190px;width:310px;border-radius:16px;padding:12px;z-index:12}.preset-row,.quality-buttons,.maintenance-row,.tool-panel{display:flex;gap:7px;flex-wrap:wrap}.present-panel button,.camera-bar button,.tool-panel button,.paint-panel button,.quality-panel button,.maintenance-panel button{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:11px;padding:8px 10px;cursor:pointer;font-size:11px;font-weight:800}.present-panel button.active,.camera-bar button.active,.tool-panel button.active,.paint-panel button.active,.quality-panel button.active,.maintenance-panel button.active,.present-panel button.primary{background:rgba(47,120,255,.16);border-color:rgba(47,120,255,.42)}.camera-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:142px;display:flex;gap:6px;padding:8px;border-radius:15px;z-index:14}.tool-panel{position:fixed;left:50%;transform:translateX(-50%);bottom:96px;padding:7px;border-radius:15px;z-index:14;white-space:nowrap}.paint-panel{position:fixed;right:18px;bottom:112px;width:290px;padding:13px;border-radius:17px;z-index:12}.paint-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.paint-head strong{font-size:11px}.swatches{display:flex;gap:7px;margin-top:10px}.swatch{width:29px;height:29px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;padding:0}.swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(47,120,255,.7)}.maintenance-panel{position:fixed;right:18px;bottom:18px;width:290px;padding:11px;border-radius:16px;z-index:12}.quality-panel{position:fixed;right:326px;bottom:18px;padding:10px 12px;border-radius:16px;z-index:12}.reference-panel,.detail-panel{position:fixed;right:18px;top:96px;width:min(380px,calc(100vw - 36px));max-height:calc(100vh - 190px);overflow:auto;padding:16px;border-radius:20px;z-index:30;transform:translateX(calc(100% + 40px));opacity:0;pointer-events:none;transition:.28s cubic-bezier(.2,.8,.2,1)}.reference-panel.show,.detail-panel.show{transform:translateX(0);opacity:1;pointer-events:auto}.reference-panel img{width:100%;max-height:48vh;object-fit:contain;border-radius:13px;background:#040b14;margin:10px 0}.reference-panel p,.detail-panel p{color:var(--muted);font-size:12px;line-height:1.5}.close-detail{float:right;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);cursor:pointer}.detail-class{display:inline-block;background:rgba(255,126,126,.12);border:1px solid rgba(255,126,126,.3);color:#ffb3b3}.hotspot-layer{position:fixed;inset:0;pointer-events:none;z-index:18}.hotspot{position:absolute;transform:translate(-50%,-50%) scale(.75);opacity:0;pointer-events:none;width:30px;height:30px;border-radius:50%;border:2px solid #89b3ff;background:#113f7b;color:white;font-weight:900;box-shadow:0 0 0 6px rgba(47,120,255,.12);transition:.15s}.hotspot.visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.hotspot.sim{border-color:#ffd07d;background:#6b4612;box-shadow:0 0 0 6px rgba(241,180,59,.12)}.bottombar{position:fixed;left:18px;right:326px;bottom:18px;min-height:48px;border-radius:16px;padding:7px 10px;z-index:16;display:flex;align-items:center;gap:12px}.back{border:1px solid rgba(47,120,255,.35);background:rgba(47,120,255,.13);border-radius:11px;padding:9px 12px;font-weight:900;cursor:pointer}.bottombar #perf{font-size:10px;color:#9db2ce;flex:1}.fallback-link{color:#8fb6ec;text-decoration:none;font-size:10px}.hint{color:#70849e;font-size:9px}.toast{position:fixed;left:50%;bottom:205px;transform:translate(-50%,10px);opacity:0;background:#eaf2ff;color:#0b1930;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:900;z-index:40;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.context-fallback{position:fixed;inset:0;z-index:100;background:rgba(3,8,15,.92);display:grid;place-content:center;text-align:center;padding:30px}.context-fallback.hidden{display:none}.context-fallback p{max-width:520px;color:#9fb2cb}.context-fallback button,.context-fallback a{display:inline-block;margin:6px;padding:10px 14px;border-radius:12px;border:1px solid #315f9c;background:#12335f;color:#fff;text-decoration:none}.context-fallback a{background:#18202c;border-color:#394453}
@media(max-width:1020px){.vehicle-card{width:270px}.catalog-panel{width:220px}.quality-panel{right:18px;bottom:90px}.bottombar{right:18px}.present-panel{bottom:208px}.paint-panel{bottom:150px}.maintenance-panel{bottom:76px}.camera-bar{bottom:112px}.tool-panel{bottom:68px}}
@media(max-width:760px){.topbar{left:8px;right:8px;top:8px;height:56px}.brand strong{font-size:11px}.brand small{font-size:9px}.vehicle-card{left:8px;top:72px;width:calc(100vw - 16px);padding:12px}.vehicle-card .muted,.reference-note{display:none}.stats{grid-template-columns:repeat(4,1fr)}.stats div{padding:7px}.catalog-panel{left:8px;right:auto;top:auto;bottom:252px;width:calc(100vw - 16px);padding:9px}.catalog-list{grid-template-columns:repeat(3,1fr)}.catalog-item{grid-template-columns:22px 1fr;padding:7px}.catalog-swatch{width:22px;height:22px}.present-panel{left:8px;bottom:205px;width:calc(100vw - 16px);padding:8px}.camera-bar{bottom:158px;width:calc(100vw - 16px);justify-content:center;overflow:auto}.camera-bar button{padding:7px 8px}.tool-panel{bottom:115px;width:calc(100vw - 16px);justify-content:center;overflow:auto}.paint-panel{left:8px;right:auto;bottom:64px;width:calc(100vw - 16px);padding:8px}.maintenance-panel,.quality-panel{display:none}.bottombar{left:8px;right:8px;bottom:8px;height:48px}.hint,.fallback-link{display:none}.bottombar #perf{text-align:right}.reference-panel,.detail-panel{right:8px;top:72px;width:calc(100vw - 16px);max-height:calc(100vh - 150px)}.toast{bottom:270px}}
@media(max-height:680px) and (min-width:761px){.present-panel{display:none}.vehicle-card{top:84px}.catalog-panel{top:84px}.camera-bar{bottom:105px}.tool-panel{bottom:62px}.paint-panel{bottom:74px}.maintenance-panel{display:none}.quality-panel{bottom:74px}.bottombar{bottom:10px}}


/* C03.2 — cinematic / free-walk / composition */
.experience-panel{
  position:fixed;left:18px;bottom:128px;z-index:14;width:min(390px,calc(100vw - 36px));padding:12px 14px;
}
.experience-row{display:flex;gap:8px;margin-top:7px}
.experience-row button{flex:1;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#eef5ff;border-radius:11px;padding:9px 10px;font-weight:800;cursor:pointer}
.experience-row button.active{background:rgba(72,141,255,.22);border-color:rgba(93,160,255,.62)}
.experience-panel small{display:block;margin-top:7px;color:#8fa5c0;line-height:1.3}
.composition-panel{
  position:fixed;right:18px;bottom:128px;z-index:13;width:min(340px,calc(100vw - 36px));padding:12px 14px;
}
.composition-panel select{width:100%;margin:9px 0;border:1px solid rgba(255,255,255,.12);background:#0b1727;color:#eef5ff;border-radius:10px;padding:9px}
.composition-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.composition-grid div{background:rgba(255,255,255,.04);border-radius:9px;padding:8px}
.composition-grid span{display:block;font-size:10px;color:#7f93ad;text-transform:uppercase}
.composition-grid strong{font-size:12px}
.composition-panel small{display:block;margin-top:8px;color:#8fa5c0;line-height:1.3}
body.ui-hidden .topbar,body.ui-hidden .vehicle-card,body.ui-hidden .catalog-panel,body.ui-hidden .present-panel,
body.ui-hidden .experience-panel,body.ui-hidden .camera-bar,body.ui-hidden .tool-panel,body.ui-hidden .paint-panel,
body.ui-hidden .maintenance-panel,body.ui-hidden .composition-panel,body.ui-hidden .quality-panel,body.ui-hidden .bottombar{
  opacity:0;pointer-events:none;transition:opacity .25s ease
}
body.cinema-mode .vignette{opacity:.72}
.walk-reticle{
  position:fixed;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);z-index:8;display:none;pointer-events:none
}
.walk-reticle:before,.walk-reticle:after{content:"";position:absolute;background:rgba(255,255,255,.8)}
.walk-reticle:before{left:5px;top:0;width:2px;height:12px}.walk-reticle:after{top:5px;left:0;width:12px;height:2px}
body.walk-mode .walk-reticle{display:block}
@media(max-width:800px){
  .experience-panel{left:10px;bottom:178px;width:calc(100vw - 20px)}
  .composition-panel{right:10px;bottom:300px;width:calc(100vw - 20px)}
  .composition-panel{display:none}
  .camera-bar{max-width:calc(100vw - 20px);overflow-x:auto}
}

/* C03.3 — telemetry demo + guided controls */
.telemetry-panel{position:fixed;left:18px;top:86px;z-index:13;width:min(350px,calc(100vw - 36px));padding:12px 14px}
.telemetry-panel button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#eef5ff;border-radius:9px;padding:7px 10px;font-weight:800}
.telemetry-body{display:none;margin-top:10px}.telemetry-panel.open .telemetry-body{display:block}
.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.telemetry-grid div{background:rgba(255,255,255,.045);padding:8px;border-radius:9px}
.telemetry-grid span,.route-demo span{display:block;font-size:9px;color:#8195af;text-transform:uppercase;letter-spacing:.08em}
.telemetry-grid strong{font-size:14px}
.route-demo{margin-top:9px;padding:9px;background:rgba(255,255,255,.035);border-radius:9px}
.route-track{height:4px;background:rgba(255,255,255,.12);border-radius:10px;margin-top:9px;position:relative}
.route-track i{position:absolute;top:-4px;width:12px;height:12px;border-radius:50%;background:#e5b94c;left:0;box-shadow:0 0 12px rgba(229,185,76,.55)}
.telemetry-body small{display:block;margin-top:8px;color:#8da0b8;line-height:1.35}
.help-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-45%) scale(.96);z-index:35;width:min(520px,calc(100vw - 30px));padding:18px;opacity:0;pointer-events:none;transition:.2s ease}
.help-panel.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.help-grid div{display:flex;align-items:center;gap:9px;padding:9px;background:rgba(255,255,255,.04);border-radius:9px}
.help-grid kbd{min-width:55px;text-align:center;background:#07111d;border:1px solid rgba(255,255,255,.14);padding:5px;border-radius:6px;color:#e7c15b;font-weight:900}
.help-grid span{color:#b9c7d8;font-size:12px}
body.ui-hidden .telemetry-panel{opacity:0;pointer-events:none}
@media(max-width:800px){.telemetry-panel{left:10px;top:72px;width:calc(100vw - 20px);display:none}.help-grid{grid-template-columns:1fr}}

/* C03.4 — executive scenarios + mobile walk */
.scenario-panel{position:fixed;right:18px;top:86px;z-index:14;width:min(350px,calc(100vw - 36px));padding:12px 14px}
.scenario-panel select{width:100%;margin:9px 0;border:1px solid rgba(255,255,255,.12);background:#0b1727;color:#eef5ff;border-radius:10px;padding:9px}
.scenario-panel button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#eef5ff;border-radius:9px;padding:7px 10px;font-weight:800}
.scenario-status{display:flex;gap:8px;align-items:center;margin:4px 0 7px}.scenario-status strong{font-size:13px}
.scenario-panel small{display:block;color:#8da0b8;line-height:1.35}
.mobile-walk-controls{display:none;position:fixed;inset:auto 12px 20px 12px;z-index:30;align-items:flex-end;justify-content:space-between;pointer-events:none}
.move-pad{width:118px;height:118px;border-radius:50%;background:rgba(4,12,24,.54);border:1px solid rgba(255,255,255,.16);position:relative;pointer-events:auto;touch-action:none;backdrop-filter:blur(8px)}
.move-pad i{width:46px;height:46px;border-radius:50%;position:absolute;left:36px;top:36px;background:rgba(232,194,82,.34);border:1px solid rgba(232,194,82,.65);transform:translate(0,0)}
.move-pad span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:#8fa5c0;text-transform:uppercase}
.mobile-actions{display:flex;gap:7px;pointer-events:auto}.mobile-actions button{border:1px solid rgba(255,255,255,.16);background:rgba(4,12,24,.64);color:#eef5ff;border-radius:50%;width:48px;height:48px;font-weight:900}.mobile-actions button:last-child{width:auto;border-radius:22px;padding:0 15px}
body.walk-mode .mobile-walk-controls{display:none}
body.ui-hidden .scenario-panel{opacity:0;pointer-events:none}
@media(max-width:800px){
  .scenario-panel{right:10px;top:72px;width:calc(100vw - 20px);display:none}
  body.walk-mode .mobile-walk-controls{display:flex}
}

/* C03.5 — visual polish */
:root{
  --panel-bg:rgba(7,16,29,.72);
  --panel-border:rgba(151,184,229,.14);
  --panel-highlight:rgba(255,255,255,.035);
  --accent-blue:#5f9dff;
  --accent-gold:#e6bd55;
  --accent-magenta:#d84085;
}
body{background:#030914}
.glass{
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    var(--panel-bg);
  border-color:var(--panel-border);
  box-shadow:0 16px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(18px) saturate(1.18);
}
.topbar{box-shadow:0 14px 50px rgba(0,0,0,.34),inset 0 -1px 0 rgba(255,255,255,.035)}
.brand .mark{
  background:radial-gradient(circle at 32% 24%,#2d79df,#0b3d86 58%,#071c3a);
  box-shadow:0 0 0 1px rgba(104,167,255,.35),0 0 24px rgba(47,120,255,.25),inset 0 1px 0 rgba(255,255,255,.25)
}
.brand strong{letter-spacing:.055em}
.vehicle-card h1{font-size:clamp(22px,2.1vw,31px);letter-spacing:-.03em}
.panel-title strong,.paint-head strong{letter-spacing:-.012em}
.catalog-item,.preset-row button,.experience-row button,.camera-bar button,.tool-panel button,.maintenance-row button,.quality-buttons button,.visual-theme-row button,.visual-toggles button{
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.catalog-item:hover,.preset-row button:hover,.experience-row button:hover,.camera-bar button:hover,.tool-panel button:hover,.maintenance-row button:hover,.quality-buttons button:hover,.visual-theme-row button:hover,.visual-toggles button:hover{
  transform:translateY(-1px);border-color:rgba(110,168,255,.34);box-shadow:0 9px 22px rgba(0,0,0,.18)
}
.camera-bar{background:rgba(5,13,24,.82);box-shadow:0 18px 52px rgba(0,0,0,.34)}
.camera-bar button.active{background:linear-gradient(180deg,rgba(66,137,246,.28),rgba(47,120,255,.13));box-shadow:inset 0 0 0 1px rgba(99,158,249,.2),0 0 22px rgba(47,120,255,.12)}
.swatch{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 4px 14px rgba(0,0,0,.3)}
.swatch.active{box-shadow:0 0 0 2px #dfeaff,0 0 0 5px rgba(85,145,234,.28),0 6px 18px rgba(0,0,0,.35)}
.ambient-haze,.light-sweep,.stage-glow{position:fixed;inset:0;pointer-events:none;z-index:2}
.ambient-haze{
  background:
    radial-gradient(ellipse at 50% 88%,rgba(47,120,255,.11),transparent 42%),
    radial-gradient(ellipse at 78% 30%,rgba(229,185,76,.06),transparent 34%),
    linear-gradient(180deg,rgba(4,11,23,0),rgba(3,8,18,.13));
  mix-blend-mode:screen;opacity:.7
}
.stage-glow{
  background:radial-gradient(ellipse at 50% 70%,rgba(115,160,255,.09),transparent 34%);
  opacity:.7;transition:background .35s ease,opacity .35s ease
}
.light-sweep{
  inset:-30% -20%;
  background:linear-gradient(112deg,transparent 39%,rgba(151,195,255,.045) 46%,rgba(255,255,255,.09) 49%,rgba(255,215,128,.04) 53%,transparent 61%);
  transform:translateX(-38%);
  opacity:.8;
  animation:sudmarSweep 9s ease-in-out infinite alternate
}
body.no-light-sweep .light-sweep{display:none}
@keyframes sudmarSweep{from{transform:translateX(-34%) rotate(.001deg)}to{transform:translateX(34%) rotate(.001deg)}}
body.theme-terminal .ambient-haze{background:radial-gradient(ellipse at 50% 88%,rgba(229,185,76,.10),transparent 44%),radial-gradient(ellipse at 72% 24%,rgba(86,147,223,.05),transparent 31%)}
body.theme-terminal .stage-glow{background:radial-gradient(ellipse at 50% 70%,rgba(229,185,76,.10),transparent 35%)}
body.theme-night .ambient-haze{background:radial-gradient(ellipse at 50% 82%,rgba(183,33,111,.12),transparent 43%),radial-gradient(ellipse at 72% 24%,rgba(48,91,215,.07),transparent 31%)}
body.theme-night .stage-glow{background:radial-gradient(ellipse at 50% 70%,rgba(207,42,124,.11),transparent 34%)}
body.theme-night .light-sweep{filter:hue-rotate(45deg)}
.visual-panel{position:fixed;right:18px;top:250px;z-index:14;width:min(350px,calc(100vw - 36px));padding:12px 14px}
.visual-theme-row,.visual-toggles{display:flex;gap:7px;margin-top:9px}
.visual-theme-row button,.visual-toggles button{
  flex:1;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#dce8f8;border-radius:10px;padding:8px 9px;font-weight:800;font-size:11px;cursor:pointer
}
.visual-theme-row button.active,.visual-toggles button.active{
  border-color:rgba(96,157,255,.48);background:rgba(63,130,237,.18);box-shadow:inset 0 0 0 1px rgba(90,151,246,.12)
}
body.theme-terminal .visual-theme-row button.active{border-color:rgba(229,185,76,.48);background:rgba(229,185,76,.12)}
body.theme-night .visual-theme-row button.active{border-color:rgba(216,64,133,.48);background:rgba(216,64,133,.13)}
body.ui-hidden .visual-panel{opacity:0;pointer-events:none}
.vignette{background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.22) 74%,rgba(0,0,0,.62) 100%);transition:opacity .25s}
.toast{box-shadow:0 14px 40px rgba(0,0,0,.35)}
.context-fallback{backdrop-filter:blur(10px)}
@media(max-width:1120px){.visual-panel{display:none}}
@media(prefers-reduced-motion:reduce){.light-sweep{animation:none}.catalog-item,.camera-bar button,.visual-theme-row button{transition:none}}

/* C03.6 — technical explorer / progressive detail */
.technical-panel{position:fixed;left:18px;top:250px;z-index:15;width:min(390px,calc(100vw - 36px));padding:12px 14px}
.technical-panel button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#e7eef8;border-radius:9px;padding:7px 9px;font-weight:800;font-size:11px;cursor:pointer}
.detail-meter{height:4px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin:9px 0 10px}
.detail-meter i{display:block;height:100%;width:22%;background:linear-gradient(90deg,#4f94ff,#e0b74a);transition:width .2s ease}
.technical-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.technical-tabs::-webkit-scrollbar{display:none}
.technical-tabs button{white-space:nowrap;flex:0 0 auto}
.technical-tabs button.active{background:rgba(75,137,235,.19);border-color:rgba(86,151,255,.42)}
.technical-info{margin-top:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px}
.technical-info p{margin:7px 0;color:#91a4bb;font-size:11px;line-height:1.4}
.part-chips{display:flex;flex-wrap:wrap;gap:5px;max-height:96px;overflow:auto}
.part-chips span{font-size:9px;color:#b8c9dc;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);padding:4px 6px;border-radius:99px}
.technical-actions{display:flex;gap:7px;margin-top:9px}.technical-actions button{flex:1}
body.exploded-mode .technical-panel{box-shadow:0 0 0 1px rgba(228,185,74,.28),0 18px 56px rgba(0,0,0,.35)}
body.ui-hidden .technical-panel{opacity:0;pointer-events:none}
@media(max-width:1120px){.technical-panel{display:none}}

/* C03.7 — real Sudmar fleet evidence */
.real-evidence-panel{position:fixed;left:18px;top:78px;z-index:16;width:min(390px,calc(100vw - 36px));padding:12px 14px}
.real-badge{background:rgba(44,168,99,.14);border-color:rgba(66,196,120,.35);color:#8ee2ae}
.real-evidence-content{display:grid;grid-template-columns:112px 1fr;gap:10px;margin-top:9px}
.real-evidence-content img{width:112px;height:94px;object-fit:cover;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#08111d}
.real-evidence-meta select{width:100%;background:#0a1422;color:#e9f0fa;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 8px;font-size:11px}
.fact-list{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}
.fact-list span{font-size:8px;padding:3px 5px;border-radius:99px;background:rgba(42,162,91,.10);border:1px solid rgba(62,190,112,.17);color:#a7d9b9}
.real-evidence-meta button{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#e7eef8;border-radius:8px;padding:7px 8px;font-weight:800;font-size:10px}
body.reference-match .real-evidence-panel{box-shadow:0 0 0 1px rgba(66,196,120,.34),0 18px 58px rgba(0,0,0,.38)}
body.ui-hidden .real-evidence-panel{opacity:0;pointer-events:none}
@media(max-width:1120px){.real-evidence-panel{display:none}}