:root{color-scheme:dark;--bg:#101615;--panel:#19211f;--edge:#303b36;--muted:#9aa9a0;--text:#eef2e9;--mint:#b7e3bf;--orange:#f5a570;--font:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font)}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint)}a{color:inherit}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button{transition:background .15s,transform .15s}button:hover{filter:brightness(1.13)}.topbar{height:86px;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 3.7%;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:14px;font-size:21px;letter-spacing:1px;white-space:nowrap}.brand b{font-weight:350;color:#c4cec5}.brand-mark{font-size:36px;font-weight:800;letter-spacing:-9px;color:var(--mint);width:38px;display:inline-block;transform:skew(-10deg)}.brand-mark span{font-size:30px;color:var(--orange)}nav{height:100%;display:flex;gap:28px}.nav{position:relative;background:none;border:0;padding:0 4px;color:var(--muted);font-weight:600;min-width:80px}.nav.active{color:var(--text)}.nav.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--mint)}.count{font:10px monospace;border:1px solid #3b4b40;padding:2px 5px;margin-left:4px;border-radius:4px}.header-end{display:flex;gap:18px;align-items:center}.device-pill{font:10px monospace;letter-spacing:1px;white-space:nowrap}.device-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:7px}.icon-button{height:40px;min-width:40px;border:1px solid var(--edge);border-radius:50%;background:transparent;font-size:19px}.view{display:none}.view.active{display:block}main{max-width:1640px;padding:0 3.7%;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px 0 28px}.eyebrow{font:10px/1.4 monospace;letter-spacing:2px;color:var(--mint);margin-bottom:9px}h1{font-size:clamp(28px,2.5vw,42px);font-weight:500;letter-spacing:-1.5px;line-height:1.18;margin:0 0 10px}p{color:var(--muted);margin:0;font-size:13px}h2{font-size:14px;font-weight:600;margin:0}h3{font-size:18px;letter-spacing:1px;margin:0}.primary,.secondary{min-height:46px;border:1px solid var(--edge);border-radius:7px;padding:10px 17px;display:inline-flex;justify-content:center;align-items:center;gap:15px;text-decoration:none}.primary{background:var(--mint);border-color:var(--mint);color:#15251a;font-weight:650;min-width:152px}.primary span:first-child{font-size:23px}.secondary{background:#222d27;font-size:12px}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.room-main{min-width:0}.stage{height:430px;border:1px solid #3d4a40;border-radius:10px;overflow:hidden;position:relative;background:#101b19}.stage-top{position:absolute;z-index:2;top:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.stage-top button{pointer-events:auto}.stage-name{font-size:12px;margin-left:12px}.badge{font:9px/1.5 monospace;letter-spacing:1px;padding:4px 7px;border-radius:3px;white-space:nowrap}.warm{color:#f4bd8c;border:1px solid #6b5038;background:#352d20}.neutral{color:#b4c8ba;border:1px solid #45564b;background:#29362e}.glass-button{border:1px solid #4e605650;border-radius:5px;background:#16201ddd;min-height:38px;padding:6px 12px;color:#c9d8ce;font-size:11px}.stage-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#adbbb2;pointer-events:none}.pulse-dot{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin:0 6px 1px 0}#spatial{width:100%;height:100%}#spatial canvas{display:block;width:100%;height:100%;touch-action:none}.scene-loading{padding:170px 30px;text-align:center;color:var(--muted)}.transport{display:flex;align-items:center;gap:14px;height:70px;padding:8px 4px}.transport .icon-button{width:30px;min-width:30px;height:30px;font-size:20px;border:0}.play{border:0;background:var(--mint);color:#203326;width:36px;height:36px;border-radius:50%;font-size:13px;flex-shrink:0}.mono{font:11px monospace;color:#c6d2c8}.transport input{flex:1;min-width:30px}.transport select{padding:3px;border:0;background:transparent;color:#c7d3ca;font-size:11px}input[type=range]{accent-color:var(--mint);height:24px;cursor:pointer}.under-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:16px}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:9px;padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.micro{font:8px/1.5 monospace;letter-spacing:.8px;color:var(--muted)}.vehicle-focus{display:flex;align-items:center;gap:13px;margin-bottom:17px}.vehicle-num{width:48px;height:49px;border-left:3px solid var(--orange);background:#302c24;color:#f8c697;font:26px/49px monospace;text-align:center}.vehicle-focus span{color:var(--muted);font-size:10px}.speed-stat{margin-left:auto;text-align:right;display:flex;flex-direction:column}.speed-stat strong{font:29px/1.2 monospace}.speed-stat small{font-size:8px;margin-left:4px}.fine-print{font-size:10px;line-height:1.7;color:#a5b2a9}.source-panel p{font-size:12px;line-height:1.7;margin-bottom:10px}.status-dot{height:6px;width:6px;background:#a0c9a7;border-radius:50%}.text-button{background:none;border:0;padding:3px 0;min-height:27px;color:var(--mint);font-size:11px;text-align:left;text-decoration:none}.viewing{margin-top:17px}.screen-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.screen-slot{position:relative;min-height:118px;padding:13px;border:1px dashed #4a5c4e;border-radius:6px;background:#141c18}.screen-slot .slot-label{font:8px monospace;letter-spacing:1px;color:var(--muted)}.screen-slot strong{font-size:12px;display:block;margin:8px 0 2px}.screen-slot p{font-size:9px}.screen-slot button{font-size:10px;margin-right:7px}.slot-remove{position:absolute;right:4px;top:4px!important;background:none;border:0;font-size:17px!important;color:var(--muted);width:28px;height:28px;margin:0!important}.room-sidebar{display:flex;flex-direction:column;gap:16px}.control-label,.range-label{display:flex;font-size:11px;margin-bottom:9px;color:#bdc9c0}.layouts{display:flex;gap:7px;margin-bottom:20px}.layout{flex:1;min-height:65px;background:#141c18;border:1px solid #37463b;border-radius:5px;font-size:10px;color:#acb9af}.layout span{font-size:17px;display:block;margin-bottom:5px;color:#8a9f90}.layout.active{border-color:var(--mint);background:#283c2e;color:var(--mint)}.layout.active span{color:var(--mint)}.range-label{justify-content:space-between;margin-top:13px;margin-bottom:0}.range-label output{font:10px monospace;color:var(--mint)}.room-sidebar input[type=range]{width:100%;margin:4px 0 10px}.room-sidebar .fine-print{margin-top:3px}.timing{padding:20px 16px}.table-header{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:var(--muted);padding:0 7px 8px}.timing-row{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:0;border-bottom:1px solid #2a362e;background:transparent;font-size:11px;text-align:left;padding:8px}.timing-row.active{background:#2b382c;border-radius:4px}.timing-row .pos{font:10px monospace;color:var(--muted);width:12px}.timing-row .team-color{width:3px;height:15px}.timing-row .gap{margin-left:auto;font:10px monospace;color:#bdc9c0}.timing .fine-print{margin-top:14px}.data-panel p{font-size:12px;line-height:1.7}.file-button{width:100%;margin-top:16px;cursor:pointer}.data-actions{display:flex;justify-content:space-between;margin:8px 0 10px}.statusbar{display:flex;justify-content:space-between;gap:20px;font:9px/1.5 monospace;letter-spacing:.3px;color:#94a69a;padding:23px 0 28px}.statusbar span:last-child{font-size:8px}footer{border-top:1px solid var(--edge);padding:24px 3.7%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:9px}footer .small{font-size:12px;letter-spacing:2px;color:#cbd8ca}footer .text-button{font-size:10px}.checked{font:10px monospace;color:var(--muted);white-space:nowrap}.discover-tools{display:flex;gap:12px;margin-bottom:20px}.search{flex:1;display:flex;align-items:center;background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:0 14px;gap:12px}.search span{font-size:25px;color:var(--muted)}.search input{color:var(--text);background:none;border:0;outline:none;width:100%;min-height:47px;font-size:12px}select{background:#1e2922;color:var(--text);border:1px solid var(--edge);border-radius:5px;padding:10px;font-size:12px}.catalog-note{display:flex;align-items:center;gap:15px;padding:16px 20px;background:#1b2821;border-left:2px solid var(--mint);border-radius:4px}.catalog-note>span{font-size:24px;color:var(--mint)}.catalog-note p{font-size:12px}.catalog-note b{color:#d7e4d8;font-weight:500}.result-line{display:flex;justify-content:space-between;align-items:center;margin:22px 0 14px;font:10px monospace;color:var(--muted)}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:35px}.source-card{overflow:hidden;border:1px solid var(--edge);background:var(--panel);border-radius:8px;display:flex;flex-direction:column}.source-art{height:100px;position:relative;overflow:hidden;background:linear-gradient(130deg,#283c32,#121c18);padding:20px}.source-art:after{content:'';position:absolute;right:-10px;top:-50px;width:200px;height:140px;border:20px solid var(--accent);opacity:.13;border-radius:90px;transform:rotate(-35deg)}.source-art span{font:10px monospace;letter-spacing:2px;color:var(--accent)}.source-art b{font-size:25px;letter-spacing:-1px;display:block;font-weight:500;margin-top:9px}.source-body{padding:20px;flex:1;display:flex;flex-direction:column}.source-meta{display:flex;gap:7px;margin-bottom:12px}.source-meta span{font:8px monospace;padding:4px 6px;border:1px solid #405045;border-radius:3px;color:#b7c9ba}.source-card h2{font-size:17px;margin-bottom:10px}.source-card p{font-size:12px;line-height:1.7}.source-card .card-note{font-size:10px;margin:13px 0;color:#c4b39c}.source-actions{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:10px;flex-wrap:wrap}.source-actions a{font-size:11px;color:var(--mint);text-decoration:none;margin-right:auto}.source-actions button{min-height:34px;padding:4px 9px;border:1px solid #435347;border-radius:4px;background:#233127;font-size:10px}.source-actions .save-source{min-width:34px;font-size:17px}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:var(--muted);border:1px dashed var(--edge);border-radius:8px}.empty h2{font-size:20px;color:var(--text);margin-bottom:10px}.notes{padding-bottom:30px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.note-grid .panel{padding:28px}.note-number{font:9px monospace;letter-spacing:1px;color:var(--mint)}.note-grid h2{font-size:23px;margin:15px 0;letter-spacing:-.5px;font-weight:500}.note-grid p{margin:14px 0;font-size:13px;line-height:1.8}.note-grid b{font-weight:500;color:#dbe8da}.privacy-note{margin-top:20px}.privacy-note p{margin-top:10px;line-height:1.8}dialog{padding:25px;max-width:900px;width:90vw;background:#1b251f;color:var(--text);border:1px solid #647c69;border-radius:10px}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.dialog-head h2{font-size:21px}#video-host{aspect-ratio:16/9;background:#080d0a}#video-host iframe{width:100%;height:100%;border:0}dialog p{margin-top:15px;font-size:12px}#toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;max-width:90vw;background:#d6e9cf;color:#203021;box-shadow:0 5px 25px #0006;border-radius:5px;font-size:12px;display:none}#toast.visible{display:block}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--mint);color:#17251a;padding:12px}.skip:focus{top:10px}@media(min-width:1450px){.stage{height:485px}.room-grid{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1100px){.room-grid{grid-template-columns:minmax(0,1fr) 270px}.panel{padding:16px}.under-grid{grid-template-columns:1fr}.stage{height:400px}.micro{font-size:7px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.topbar{height:auto;min-height:80px;flex-wrap:wrap;padding-top:15px;gap:0}.brand{font-size:18px}.header-end{margin-left:auto}.device-pill{display:none}nav{order:3;height:51px;width:100%;justify-content:center;gap:30px}.page-intro{padding-top:28px;align-items:flex-start;gap:15px}h1{font-size:31px}.primary{min-width:auto;min-height:44px;font-size:11px;padding:9px 12px;gap:8px}.primary span:first-child{font-size:17px}.room-grid{display:flex;flex-direction:column}.stage{height:380px}.room-sidebar{display:grid;grid-template-columns:1fr 1fr}.data-panel{grid-column:1/-1}.stage-name{display:none}.under-grid{grid-template-columns:1fr 1fr}.micro{display:none}.vehicle-focus{gap:9px;flex-wrap:wrap}.speed-stat{min-width:65px}h3{font-size:14px}.discover-tools{flex-wrap:wrap}.search{flex-basis:100%}.discover-tools select{flex:1;min-width:110px}.note-grid{grid-template-columns:1fr}.checked{display:none}.statusbar span:last-child{display:none}footer>span{max-width:220px}footer>.text-button{display:none}.stage-bottom{font-size:9px}.drag-hint{display:none}}@media(max-width:480px){main{padding:0 16px}.topbar{padding-left:16px;padding-right:16px}.brand-mark{font-size:31px}.page-intro{flex-wrap:wrap}.page-intro .primary{width:100%}.page-intro h1{font-size:32px}.room-sidebar{grid-template-columns:1fr}.under-grid{grid-template-columns:1fr}.stage{height:330px}.stage-top{left:12px;right:12px;top:12px}.stage-bottom{left:12px;right:12px}.transport{gap:8px}.screen-slots{grid-template-columns:1fr}.screen-slot{min-height:92px}.catalog{grid-template-columns:1fr}.source-art{height:95px}.source-card .source-body{padding:18px}.note-grid .panel{padding:21px}.statusbar{font-size:8px}.discover-tools{gap:8px}.discover-tools .secondary{padding:8px}.panel-heading{margin-bottom:15px}footer{align-items:flex-start}footer>span{text-align:right;max-width:170px}.vehicle-focus{flex-wrap:nowrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#video-host{min-height:200px}#video-host iframe{min-height:200px}.provider-notice{padding:10px 0 0;font-size:10px;color:#b3c4b8}.provider-notice a{text-decoration:underline}button.text-button{min-height:36px}.timing-row{min-height:46px}@media(pointer:coarse){.icon-button,.glass-button,.source-actions button,.text-button,button.text-button,.timing-row,.play,.transport .icon-button{min-height:48px}.icon-button,.play,.transport .icon-button{min-width:48px}.transport{gap:6px}.transport .mono{font-size:10px}.transport select{min-height:48px;max-width:48px}.stage-top .glass-button{padding:6px 9px}.screen-slot .slot-remove{min-width:48px;min-height:48px}.screen-slot .slot-label{padding-right:22px;display:block}.screen-slot{padding-right:20px}}
#video-host{width:100%;min-width:0;height:clamp(200px,47vw,478px);aspect-ratio:auto}#video-host iframe{display:block;width:100%;height:100%}