@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f4f1ff;background:#05040a;font-synthesis:none}.topbar .experiment-identity{display:flex;flex-direction:column;gap:6px;flex-shrink:0;min-width:250px}.topbar .experiment-identity .brand{min-width:0;padding:0}.topbar .experiment-identity .brand>span{letter-spacing:.025em;font-size:14px}.topbar .experiment-identity .brand small{margin-top:7px;font-size:6px}.experiments-back{display:inline-flex;align-items:center;width:max-content;min-height:30px;padding:5px 12px;margin-left:45px;border:1px solid #b79be63d;border-radius:4px;background:#b79be610;color:#d4c6ed;font:400 12px/1.2 DM Mono,monospace;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.experiments-back:hover{color:#fff;background:#b79be624;border-color:#b79be67a}.topbar .top-status:has(.desktop-requirement){flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;height:auto;margin-left:12px;white-space:nowrap}.topbar .desktop-requirement{padding-left:12px;font:400 7px/1 DM Mono,monospace;letter-spacing:.1em;color:#9a90ab}.topbar .top-actions:has(button:last-child){min-width:85px}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,a{font:inherit}button{color:inherit}.app{--active: #a98aff;position:relative;width:100%;height:100%;min-width:1120px;min-height:680px;overflow:hidden;background:radial-gradient(circle at 58% 45%,color-mix(in srgb,var(--active) 8%,transparent) 0,transparent 29%),linear-gradient(135deg,#080612,#030307,#080610)}.app:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);mask-image:radial-gradient(circle at center,#000 0%,transparent 72%)}.noise{position:absolute;inset:0;opacity:.026;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:20;mix-blend-mode:screen}.intro{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;background:#05040a}.intro-mark{color:#c5b6ff;filter:drop-shadow(0 0 28px #8f64ff)}.intro-rule{width:260px;height:1px;margin:28px 0 14px;background:#1b1725;overflow:hidden}.intro-rule i{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#c5aaff,transparent);transform-origin:center}.intro p{font:400 9px/1 DM Mono,monospace;letter-spacing:.27em;color:#776f8c}.topbar{position:absolute;z-index:30;top:0;left:0;right:0;height:84px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:0 34px;background:linear-gradient(180deg,#07050dd1,#07050d2e);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#eee9ff;min-width:290px}.brand svg{color:var(--active);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--active) 70%,transparent));transition:.4s}.brand>span{font-size:14px;line-height:.85;letter-spacing:.22em;font-weight:600}.brand small{display:block;margin-top:8px;color:#6e687d;font:400 7px/1 DM Mono,monospace;letter-spacing:.27em}.top-status{margin:auto;display:flex;align-items:center;height:100%;font:400 8px DM Mono,monospace;letter-spacing:.2em;color:#6e687d}.top-status span{padding:0 28px}.top-status span+span{border-left:1px solid rgba(255,255,255,.08)}.top-status i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:9px;background:#6dffcb;box-shadow:0 0 9px #6dffcb}.top-actions{min-width:290px;display:flex;justify-content:flex-end;align-items:center;gap:5px}.top-actions button{width:40px;height:40px;border:0;border-left:1px solid rgba(255,255,255,.08);display:grid;place-items:center;background:transparent;cursor:pointer;color:#777183;transition:.3s}.top-actions button:hover,.top-actions button.active{color:var(--active);background:#ffffff09}.edition{margin-left:15px;font:400 7px/1.5 DM Mono,monospace;letter-spacing:.18em;color:#5e586a}.vehicle-stage{position:absolute;inset:84px 0 122px;overflow:hidden;perspective:900px}.scene-grid{position:absolute;width:1050px;height:590px;left:50%;bottom:-280px;transform:translate(-50%) rotateX(66deg);background:linear-gradient(90deg,color-mix(in srgb,var(--active) 15%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--active) 15%,transparent) 1px,transparent 1px);background-size:45px 45px;-webkit-mask-image:radial-gradient(ellipse,#000 0%,transparent 68%);mask-image:radial-gradient(ellipse,#000 0%,transparent 68%);opacity:.55}.horizon-glow{--accent: #a98aff;position:absolute;left:50%;top:53%;width:70%;height:18%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 25%,transparent),transparent 68%);filter:blur(34px);transition:background .5s}.scanner{position:absolute;z-index:8;top:12%;left:0;width:26%;height:76%;border-right:1px solid var(--active);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--active) 9%,transparent));filter:drop-shadow(0 0 12px var(--active));transform:skew(-8deg);pointer-events:none}.scene-reticle{position:absolute;left:50%;top:47%;width:620px;height:280px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.035);border-radius:50%}.scene-reticle:before,.scene-reticle:after{content:"";position:absolute;background:#ffffff1f}.scene-reticle:before{width:1px;height:20px;left:50%;top:-10px}.scene-reticle:after{height:1px;width:20px;top:50%;left:-10px}.scene-reticle span{position:absolute;width:8px;height:8px;border-color:#ffffff2b;border-style:solid}.scene-reticle span:nth-child(1){left:12%;top:6%;border-width:1px 0 0 1px}.scene-reticle span:nth-child(2){right:12%;top:6%;border-width:1px 1px 0 0}.scene-reticle span:nth-child(3){left:12%;bottom:6%;border-width:0 0 1px 1px}.scene-reticle span:nth-child(4){right:12%;bottom:6%;border-width:0 1px 1px 0}.vehicle-placeholder{position:absolute;width:660px;height:270px;top:52%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 30px 30px #000)}.vehicle-aura{--accent:#a98aff;position:absolute;inset:50px 70px 40px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 17%,transparent),transparent 68%);filter:blur(30px)}.vehicle-line{position:absolute;z-index:3}.vehicle-line-top{left:95px;top:65px;width:475px;height:92px;border-top:2px solid rgba(237,230,255,.38);border-radius:60% 67% 18% 0;transform:skew(-9deg);box-shadow:0 -3px 16px color-mix(in srgb,var(--active) 40%,transparent)}.vehicle-line-top:after{content:"";position:absolute;width:160px;height:50px;left:160px;top:1px;border-top:1px solid var(--active);border-radius:50%;opacity:.6}.vehicle-line-side{left:54px;right:42px;top:126px;height:82px;border:1px solid rgba(220,211,255,.24);border-top-color:#eee9ff8a;border-radius:68% 33% 23% 18%/55% 35% 35% 30%;background:linear-gradient(180deg,#bfaaff14,#0c0a1273);box-shadow:inset 0 1px 11px #dcc8ff17,0 0 0 1px #6746be12}.vehicle-line-side:before{content:"";position:absolute;left:28px;right:24px;top:35px;height:1px;background:linear-gradient(90deg,transparent,var(--active),rgba(255,255,255,.4),transparent);box-shadow:0 0 10px var(--active);opacity:.65}.vehicle-wheel{position:absolute;z-index:4;top:157px;width:72px;height:72px;border:1px solid rgba(230,224,255,.35);border-radius:50%;background:radial-gradient(circle,#0c0b12 31%,#37303f 32%,#09080d 54%,#2b2830 56%,#050508 66%);box-shadow:0 0 20px #000,inset 0 0 12px #000}.vehicle-wheel i{position:absolute;inset:24px;border:1px solid var(--active);border-radius:50%;box-shadow:0 0 10px var(--active)}.wheel-left{left:120px}.wheel-right{right:104px}.vehicle-shadow{position:absolute;left:95px;right:70px;bottom:12px;height:25px;border-radius:50%;background:#000;filter:blur(12px);opacity:.9}.scene-ready{position:absolute;z-index:9;left:50%;top:109px;transform:translate(-50%);text-align:center;pointer-events:none}.scene-ready span{display:block;font:400 7px DM Mono,monospace;letter-spacing:.28em;color:#80788e}.scene-ready strong{display:block;margin-top:6px;font:400 9px DM Mono,monospace;letter-spacing:.2em;color:var(--active);text-shadow:0 0 12px var(--active)}.coordinate{position:absolute;font:400 7px DM Mono,monospace;letter-spacing:.17em;color:#4e4959}.coordinate-a{left:30%;top:16%;transform:rotate(-90deg)}.coordinate-b{right:27%;top:23%}.scene-datum{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:12px;font:400 7px DM Mono,monospace;letter-spacing:.18em;color:#4e4959}.scene-datum i{width:110px;height:1px;background:linear-gradient(90deg,transparent,var(--active),transparent)}.hero-copy{position:absolute;z-index:10;left:42px;top:152px;width:330px}.chapter{display:flex;align-items:center;gap:10px;font:400 8px DM Mono,monospace;letter-spacing:.18em;color:#625c70}.chapter i{width:56px;height:1px;background:#fff3}.chapter span:first-child{color:var(--active)}.eyebrow{margin:55px 0 13px;font:400 8px DM Mono,monospace;letter-spacing:.21em;color:var(--active)}.hero-copy h1{margin:0;font-size:49px;font-weight:300;letter-spacing:-.055em;line-height:.92}.hero-copy h1 em{font-style:normal;color:var(--active);font-weight:200}.tagline{margin:16px 0 0;max-width:280px;color:#85808f;font-size:12px;font-weight:300;letter-spacing:.02em;line-height:1.6}.data-panel{position:absolute;z-index:12;right:40px;top:132px;width:300px;border-left:1px solid rgba(255,255,255,.1);padding-left:26px}.panel-index{font:400 8px DM Mono,monospace;letter-spacing:.2em;color:var(--active);padding:0 0 17px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-description{font-size:11px;font-weight:300;line-height:1.75;color:#918b9c;margin:18px 0 20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.stats strong,.stats span,.stats small{display:block}.stats strong{font-weight:300;font-size:19px;letter-spacing:-.05em}.stats span{margin-top:5px;font:400 6px DM Mono,monospace;letter-spacing:.1em;color:#7f7989}.stats small{margin-top:3px;font:400 5px DM Mono,monospace;letter-spacing:.07em;color:#4e4957}.chart{height:105px;margin-top:22px;position:relative}.chart svg{width:100%;height:78px;overflow:visible}.chart-grid{stroke:#ffffff12;stroke-width:.3}.chart-labels{display:flex;justify-content:space-between;font:400 5px DM Mono,monospace;letter-spacing:.09em;color:#4f4a57}.deep-dive{width:100%;height:39px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid rgba(255,255,255,.11);background:#ffffff06;font:400 7px DM Mono,monospace;letter-spacing:.17em;cursor:pointer;transition:.3s}.deep-dive:hover{border-color:var(--active);background:color-mix(in srgb,var(--active) 8%,transparent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--active) 5%,transparent)}.system-nav{position:absolute;z-index:30;left:0;right:0;bottom:0;height:122px;border-top:1px solid rgba(255,255,255,.09);display:flex;padding:0 350px 0 34px;background:linear-gradient(0deg,#06050afa,#06050adb);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.system-nav button{position:relative;flex:1;border:0;border-right:1px solid rgba(255,255,255,.055);background:transparent;text-align:left;padding:31px 19px 22px;cursor:pointer;color:#5e5869;transition:.35s}.system-nav button:first-child{border-left:1px solid rgba(255,255,255,.055)}.system-nav button:hover{background:#ffffff05;color:#a49eae}.system-nav span{display:block;font:400 7px DM Mono,monospace;letter-spacing:.12em;margin-bottom:13px}.system-nav strong{font:400 8px DM Mono,monospace;letter-spacing:.12em}.system-nav button.active{color:#eee9f6}.system-nav button.active span{color:var(--active)}.system-nav button i{position:absolute;left:18px;right:18px;top:-1px;height:1px;background:var(--active);box-shadow:0 0 12px var(--active)}.interaction-hint{position:absolute;z-index:15;left:50%;bottom:147px;transform:translate(-50%);display:flex;align-items:center;gap:9px;color:#4f4a58;font:400 6px DM Mono,monospace;letter-spacing:.16em}.mouse{width:13px;height:19px;border:1px solid #4f4a58;border-radius:8px;position:relative}.mouse i{position:absolute;width:1px;height:4px;background:var(--active);left:5px;top:4px}.copilot{position:absolute;z-index:40;right:28px;bottom:22px;width:292px;border:1px solid rgba(255,255,255,.12);background:#0c0914d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 50px #0006}.copilot-head{width:100%;height:76px;border:0;background:transparent;display:flex;align-items:center;padding:0 16px;cursor:pointer;text-align:left}.orb{width:36px;height:36px;border:1px solid color-mix(in srgb,var(--active) 55%,transparent);border-radius:50%;display:grid;place-items:center;margin-right:12px;box-shadow:inset 0 0 12px color-mix(in srgb,var(--active) 20%,transparent),0 0 15px color-mix(in srgb,var(--active) 13%,transparent)}.orb i{width:10px;height:10px;border-radius:50%;background:var(--active);box-shadow:0 0 13px var(--active)}.copilot-head strong,.copilot-head small{display:block}.copilot-head strong{font:400 8px DM Mono,monospace;letter-spacing:.13em}.copilot-head small{margin-top:6px;font:400 6px DM Mono,monospace;letter-spacing:.16em;color:#625b70}.wave-mini{margin-left:auto;width:50px;height:28px;display:flex;align-items:center;justify-content:flex-end;gap:3px}.wave-mini i{width:1px;background:var(--active);box-shadow:0 0 6px var(--active)}.copilot-body{overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}.copilot-body p{margin:16px 17px;color:#8b8498;font-size:10px;line-height:1.6}.talk-button{width:calc(100% - 30px);height:42px;margin:0 15px 15px;border:1px solid rgba(255,255,255,.12);background:#ffffff06;display:flex;align-items:center;padding:0 12px;gap:9px;cursor:pointer;font-size:9px}.talk-button.active{border-color:var(--active);box-shadow:inset 0 0 20px color-mix(in srgb,var(--active) 12%,transparent)}.talk-button svg{color:var(--active)}.demo-tag{margin-left:auto;font:400 6px DM Mono,monospace;letter-spacing:.15em;color:#6e6879;border:1px solid #3d3847;padding:3px 5px}@media(max-height:760px){.data-panel{top:108px}.hero-copy{top:124px}.eyebrow{margin-top:35px}.chart{height:82px}.chart svg{height:58px}.vehicle-placeholder{top:48%}.system-nav{height:106px}.vehicle-stage{bottom:106px}.copilot{bottom:15px}.interaction-hint{bottom:125px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.performance-panel{position:absolute;z-index:14;top:135px;right:329px;width:258px;padding:16px 17px 10px;background:linear-gradient(145deg,#151222dd,#060a13d9);border:1px solid #a58be52a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px #0004,inset 0 1px #d1b9ff0a;font-family:DM Mono,monospace}.performance-panel:before{content:"";position:absolute;top:-1px;left:17px;width:40px;height:1px;background:#a88af7;box-shadow:0 0 10px #a88af7}.performance-panel header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #ffffff0e;font-size:8px;letter-spacing:.1em;color:#aea2ca}.performance-state{display:flex;align-items:center;gap:5px;color:#786e8e;font-size:7px}.performance-state i{height:4px;width:4px;border-radius:50%;background:currentColor}.performance-state.live{color:#79efdb}.performance-state.live i{box-shadow:0 0 7px #79efdb}.performance-metric{margin-top:14px}.metric-heading{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;color:#a39ab4}.metric-heading small{font-size:6px;color:#665e76}.metric-value{display:flex;align-items:baseline;gap:7px;margin:6px 0 3px}.metric-value strong{font:300 28px/1.1 Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#ddd5f5}.performance-metric:first-of-type .metric-value strong{color:#a8f6e6}.metric-value>span{font-size:8px;color:#9586ad}.metric-value>small{margin-left:auto;font-size:7px;color:#847692}.metric-value b{font-weight:400;color:#c0addb}.performance-chart{display:block;width:100%;height:52px;overflow:visible}.performance-grid{stroke:#aeb6de0d;stroke-width:.6}.trace-head{filter:drop-shadow(0 0 4px currentColor)}.performance-window{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.08em;color:#6b627e;margin-top:6px}.performance-panel footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;border-top:1px solid #ffffff0e;padding-top:12px;margin-top:13px}.performance-panel footer span{display:block;color:#817490;font-size:6px;letter-spacing:.08em}.performance-panel footer strong{display:block;margin-top:6px;font-size:12px;color:#bbb0d1;font-weight:400;font-variant-numeric:tabular-nums}.performance-panel footer small{font-size:7px;color:#76678d}.performance-note{font-size:6px;letter-spacing:.055em;color:#625771;margin:11px 0 0}@media(max-height:760px){.performance-panel{top:110px;width:235px;padding:12px 14px 9px}.performance-metric{margin-top:10px}.performance-chart{height:39px}.metric-value strong{font-size:23px}.performance-panel header{padding-bottom:10px}}@media(max-width:1200px){.performance-panel{right:281px;width:214px}.performance-panel header{font-size:7px}}.app{min-width:1024px;background:radial-gradient(ellipse at 52% 58%,#141020,#080810 39%,#040409 76%)}.brand{border:0;background:none;text-align:left;cursor:pointer}.vehicle-stage{perspective:none}.scene-host,.hotspot-layer{position:absolute;inset:0}.scene-host canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.hotspot-layer{pointer-events:none}.hotspot{position:absolute;left:0;top:0;padding:0;border:0;background:none;display:flex;align-items:center;color:#ccc4df;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .25s;z-index:5}.hotspot-dot{width:25px;height:25px;margin:-12px;border:1px solid #a995ff70;border-radius:50%;display:grid;place-items:center;background:#100f2590;box-shadow:0 0 18px #8571ff28;transition:.25s}.hotspot-dot i{width:5px;height:5px;background:#dad3ff;border-radius:50%;box-shadow:0 0 7px #bca0ff}.hotspot-caption{margin-left:22px;padding:7px 10px;border-left:1px solid #a995ff55;font:400 8px DM Mono,monospace;letter-spacing:.13em;white-space:nowrap;background:linear-gradient(90deg,#070912bd,#07091200);text-shadow:0 1px 3px #000}.hotspot-caption small{margin-right:8px;color:#9b83c6;font-size:7px}.hotspot:hover .hotspot-dot,.hotspot.hovered .hotspot-dot,.hotspot.selected .hotspot-dot{background:#9876ff70;border-color:#d8cbff;box-shadow:0 0 24px #9b70ff66}.hotspot:hover .hotspot-caption,.hotspot.selected .hotspot-caption{color:#fff}.scene-message{position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);max-width:360px;text-align:center;padding:30px}.scene-message strong{font:400 11px DM Mono,monospace;letter-spacing:.16em;color:#c8bbef}.scene-message p{font-size:12px;line-height:1.7;color:#9790a7}.scene-message button{padding:12px 20px;border:1px solid #665a83;background:#a080ff12;color:#d1c5f2;font:400 10px DM Mono,monospace;cursor:pointer}.loading-glyph{font-size:50px;color:#bda3ff;margin:0 auto 22px;width:60px;text-shadow:0 0 30px #8759ff}.spinning{animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-annotation{position:absolute;bottom:67px;left:42px;display:flex;flex-direction:column;gap:7px;pointer-events:none;font:400 8px DM Mono,monospace;letter-spacing:.17em;color:#645e75}.scene-annotation span:first-child{color:#9890aa}.scene-toolbar{position:absolute;z-index:15;left:42px;bottom:145px;display:flex;gap:18px;align-items:center}.view-modes{display:flex;padding:4px;border:1px solid #ffffff1c;background:#08080ec9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-modes button,.tour-button{font:400 8px DM Mono,monospace;letter-spacing:.12em;border:0;padding:11px 13px;color:#8b849b;background:none;cursor:pointer}.view-modes .active{color:#e6dfff;background:#b09aff1c;box-shadow:inset 0 0 0 1px #b29afa32}.tour-button{padding:9px 0;color:#a8a0b9}.tour-button.active{color:#d0beff}.toolbar-divider{width:1px;height:16px;background:#ffffff20}.hero-copy{top:130px;width:330px;pointer-events:none}.hero-copy .eyebrow{margin-top:38px;font-size:9px}.hero-copy h1{font-size:54px;line-height:1.04}.tagline{font-size:13px;max-width:240px}.paint-picker{margin-top:36px;pointer-events:auto;width:max-content}.paint-picker>span{font:400 8px DM Mono,monospace;letter-spacing:.15em;color:#857b97}.paint-picker>div{display:flex;gap:13px;margin:13px 0 11px}.paint-picker button{width:18px;height:18px;border-radius:50%;border:1px solid #ffffff40;cursor:pointer;position:relative}.paint-picker button.selected:after{content:"";position:absolute;inset:-5px;border:1px solid #bda8ea;border-radius:50%}.paint-picker small{font:400 7px DM Mono,monospace;letter-spacing:.12em;color:#70687f}.data-panel{top:135px;width:279px;right:32px;padding:18px 12px 16px 22px;background:linear-gradient(90deg,#070711b3,#05040ae6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-description{font-size:12px;line-height:1.85}.stats strong{font-size:23px}.stats span{font-size:7px;line-height:1.5}.stats small{font-size:6px;line-height:1.5}.chart-labels{font-size:6px}.concept-note{color:#71687e;font:400 6px/1.6 DM Mono,monospace;letter-spacing:.1em;margin:15px 0 0}.system-nav strong{font-size:9px}.deep-dive{font-size:8px}.interaction-hint{bottom:135px;font-size:7px;left:57%;white-space:nowrap;pointer-events:none}.interaction-hint b{font-weight:400;padding:0 7px;color:#514961}.top-status span[data-status=loading] i{background:#d9b969;box-shadow:0 0 8px #d9b969}.top-status span[data-status=unsupported] i,.top-status span[data-status=error] i{background:#f08da5;box-shadow:0 0 8px #f08da5}.controls-panel{position:absolute;z-index:45;right:32px;top:95px;width:310px;padding:26px;background:#11101bef;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #9585bd55;box-shadow:0 20px 80px #0009}.controls-panel h2{font:400 10px/1.6 DM Mono,monospace;letter-spacing:.12em;color:#d3c3ff;padding-right:8px}.controls-panel p{font-size:12px;line-height:1.7;color:#a199b3}.controls-panel dl{margin-bottom:0}.controls-panel dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #ffffff10;font-size:11px}.controls-panel dt{color:#c4b3ed;font-family:DM Mono,monospace}.controls-panel dd{color:#a199b3}.close-help{position:absolute;right:12px;top:10px;font-size:21px;border:0;background:none;color:#ada2bf;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b799ff;outline-offset:5px}@media(max-height:760px){.hero-copy{top:115px}.hero-copy .eyebrow{margin-top:25px}.paint-picker{margin-top:24px}.data-panel{top:110px}.scene-toolbar{bottom:125px}.scene-annotation{bottom:68px}.interaction-hint{bottom:117px}.panel-description{font-size:11px}.hero-copy h1{font-size:45px}}@media(max-width:1200px){.hero-copy{left:28px;width:270px}.hero-copy h1{font-size:43px}.data-panel{width:245px;right:24px}.scene-toolbar{left:28px}.tour-button{font-size:7px}.system-nav{padding-right:300px}.copilot{right:20px;width:264px}.top-status span{padding:0 12px}.brand,.top-actions{min-width:230px}.interaction-hint{left:58%;font-size:6px}}.topbar .brand{min-width:200px}.topbar .top-status{margin:0 auto 0 25px}.topbar .top-status span{padding:0 12px}.topbar .top-status span+span{display:none}.topbar .top-actions{min-width:185px}.performance-inline{position:static;display:flex;align-items:center;gap:20px;width:auto;height:49px;padding:0 24px;margin-right:18px;border:0;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.performance-inline:before{display:none}.performance-inline .performance-metric{display:flex;align-items:center;gap:10px;margin:0}.performance-inline .metric-value{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;width:59px}.performance-inline .metric-value strong{font:400 17px/1 DM Mono,monospace;letter-spacing:-.04em}.performance-inline .metric-value>span{font-size:6px;letter-spacing:.1em}.performance-inline .performance-chart{width:81px;height:26px}.performance-inline .performance-state{font-size:6px}.performance-inline .performance-state.live i{animation:telemetry-heartbeat 1s ease-in-out infinite}@keyframes telemetry-heartbeat{50%{opacity:.35}}@media(max-width:1200px){.performance-inline{gap:12px;padding:0 12px;margin-right:8px}.performance-inline .performance-chart{width:50px}.topbar .brand{min-width:170px}.topbar .top-status{margin-left:12px}.topbar .top-actions{min-width:150px}}.data-panel{max-height:calc(100% - 280px);overflow-y:auto;scrollbar-width:thin}.resource-links{margin-top:16px;border-top:1px solid #ffffff18;padding-top:4px}.resource-links summary{min-height:44px;padding:14px 0;cursor:pointer;color:#b8a7d9;font:400 9px/1.5 DM Mono,monospace;letter-spacing:.06em}.resource-links>div{display:grid;grid-template-columns:1fr}.resource-links a{display:flex;align-items:center;min-height:44px;padding:8px 0;color:#b8aecb;font:400 11px/1.5 DM Mono,monospace;text-decoration:none}.resource-links a:hover{color:#fff}.touch-hint{display:none}@media(max-width:1023px){.app{min-width:0;min-height:0;height:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior-y:contain;padding-bottom:env(safe-area-inset-bottom)}.topbar{position:relative;inset:auto;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;height:auto;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.topbar .experiment-identity{min-width:0;gap:8px}.topbar .experiment-identity .brand{gap:9px}.topbar .experiment-identity .brand{min-height:44px}.topbar .experiment-identity .brand>span{font-size:13px;white-space:nowrap}.topbar .experiment-identity .brand svg{width:25px;height:25px;flex-shrink:0}.topbar .experiment-identity .brand small{font-size:6px;letter-spacing:.12em}.experiments-back{margin-left:0;min-height:44px;padding:8px 12px;font-size:12px}.topbar .top-actions:has(button:last-child){grid-column:2;grid-row:1;min-width:0;align-self:start}.top-actions button{width:44px;height:44px}.topbar .top-status:has(.desktop-requirement){grid-column:1;grid-row:2;margin:0;gap:8px;font-size:7px}.topbar .top-status span,.topbar .desktop-requirement{padding:0}.performance-inline{grid-column:2;grid-row:2;gap:10px;height:36px;padding:0;margin:0;border:0}.performance-inline .performance-state,.performance-inline .performance-chart{display:none}.performance-inline .metric-value{width:52px}.performance-inline .metric-value strong{font-size:15px}.hero-copy{position:relative;inset:auto;order:1;flex-shrink:0;width:100%;padding:22px 20px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px}.hero-copy .chapter{display:none}.hero-copy .eyebrow{margin:0 0 9px;font-size:7px;letter-spacing:.12em}.hero-copy h1{font-size:clamp(28px,6vw,42px);overflow-wrap:anywhere}.tagline{margin:8px 0 0;font-size:12px;max-width:100%}.paint-picker{margin:0;align-self:center;max-width:144px}.paint-picker>span,.paint-picker>small{display:none}.paint-picker>div{gap:4px;margin:0}.paint-picker button{width:40px;height:40px;border:10px solid #090810;box-shadow:inset 0 0 0 1px #ffffff40}.paint-picker button.selected:after{inset:-5px}.vehicle-stage{position:relative;inset:auto;order:2;flex-shrink:0;width:100%;height:clamp(290px,43dvh,430px);overflow:hidden}.scene-annotation{display:none}.hotspot{width:44px;height:44px;margin:-22px;justify-content:center}.hotspot-dot{margin:0}.hotspot-caption{display:none}.scene-message{width:calc(100% - 32px);max-width:380px;padding:16px;top:50%}.scene-message p{font-size:13px;line-height:1.6}.scene-message button{min-height:44px}.loading-glyph{margin-bottom:10px;font-size:36px}.scene-toolbar{position:relative;inset:auto;order:3;flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;padding:0 16px}.view-modes{padding:3px}.view-modes button,.tour-button{min-height:44px;padding:10px 12px;font-size:9px;letter-spacing:.06em}.toolbar-divider{display:none}.interaction-hint{position:relative;inset:auto;transform:none;order:4;flex-shrink:0;justify-content:center;margin:12px 8px 18px;color:#968ba9;font-size:8px;letter-spacing:.04em;white-space:normal;text-align:center}.interaction-hint .mouse,.interaction-hint>span:not(.touch-hint){display:none}.touch-hint{display:inline}.system-nav{position:relative;inset:auto;order:5;flex-shrink:0;height:74px;padding:0 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity}.system-nav button{flex:0 0 auto;min-width:110px;min-height:64px;padding:14px 12px;scroll-snap-align:start}.system-nav span{margin-bottom:8px;font-size:8px}.system-nav strong{font-size:9px}.data-panel{position:relative;inset:auto;order:6;flex-shrink:0;width:auto;max-height:none;overflow:visible;margin:18px 16px 0;padding:20px;border:1px solid #ffffff18;border-radius:8px;background:linear-gradient(140deg,#151020b3,#080810)}.panel-index{font-size:10px}.panel-description{font-size:14px;line-height:1.75}.stats strong{font-size:26px}.stats span{font-size:9px}.stats small{font-size:8px}.chart{height:112px}.chart svg{height:86px}.chart-labels,.concept-note{font-size:8px}.deep-dive{min-height:44px;font-size:9px}.copilot{position:relative;inset:auto;order:7;flex-shrink:0;width:auto;margin:16px 16px 24px}.copilot-head{height:68px}.copilot-head strong{font-size:10px}.copilot-head small{font-size:8px}.copilot-body p{font-size:13px}.talk-button{min-height:44px;font-size:12px}.controls-panel{position:fixed;top:16px;right:16px;left:16px;width:auto;max-height:calc(100dvh - 32px);overflow:auto;padding:26px}.close-help{width:44px;height:44px;right:4px;top:0}.controls-panel h2{padding-right:24px}.controls-panel p{font-size:14px}.noise{position:fixed}.intro-rule{width:220px}.intro p{max-width:85vw;text-align:center;font-size:8px}}@media(max-width:380px){.hero-copy{grid-template-columns:1fr}.paint-picker{margin-top:12px}}@media(max-width:1023px)and (orientation:landscape){.vehicle-stage{height:360px}}