@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rajdhani-400.ttf) format("truetype")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rajdhani-500.ttf) format("truetype")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rajdhani-600.ttf) format("truetype")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rajdhani-700.ttf) format("truetype")}@font-face{font-family:Syncopate;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/syncopate-400.ttf) format("truetype")}@font-face{font-family:Syncopate;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/syncopate-700.ttf) format("truetype")}:root{color-scheme:dark;--bg: #040913;--panel: rgba(6, 12, 22, .7);--panel-strong: rgba(8, 14, 28, .9);--line: rgba(134, 230, 255, .22);--line-strong: rgba(134, 230, 255, .45);--text: #eef9ff;--muted: rgba(224, 240, 255, .64);--accent: #7de9ff;--accent-hot: #ff6078;--shadow: 0 32px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(18,87,148,.2),transparent 32%),radial-gradient(circle at top right,rgba(114,67,198,.15),transparent 30%),linear-gradient(180deg,#06111f,#040913 46%,#03070d);color:var(--text);font-family:Rajdhani,sans-serif}body{overflow-x:hidden}a,button{color:inherit}button{border:0}.route{min-height:100vh;padding:24px}.route-kiosk{padding:0;margin:0;height:100vh;max-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.kiosk-stage{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.kiosk-canvas{aspect-ratio:9 / 16;max-width:100vw;max-height:100vh;width:auto;height:100vh;overflow:hidden}.fps-counter{position:absolute;top:12px;right:12px;padding:4px 10px;background:#000000b3;color:#fff;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.4;border-radius:4px;pointer-events:none;z-index:100;-webkit-user-select:none;user-select:none}@media(max-aspect-ratio:9/16){.kiosk-canvas{width:100vw;height:auto;max-height:100vh}}.route-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,292px);gap:18px;align-items:start}.route-layout--controls-overlay{grid-template-columns:minmax(0,1fr)}.route-main{min-width:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.topbar--overlay{position:absolute;inset:20px 20px auto;z-index:5;margin-bottom:0}.topbar__controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.brand-lockup{display:inline-flex;flex-direction:column;gap:4px;text-decoration:none}.brand-lockup__eyebrow,.mono-kicker,.screen-card__eyebrow,.family-card__eyebrow{font-family:Syncopate,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--accent)}.brand-lockup__title{font-family:Syncopate,sans-serif;letter-spacing:.08em;font-size:clamp(1rem,1.6vw,1.4rem)}.selector-hero{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:28px;align-items:stretch}.selector-copy,.single-panel-copy,.debug-card{padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,#0a1120c7,#080c16e0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.selector-copy h1,.single-panel-copy h1{margin:12px 0;font-size:clamp(2rem,4vw,4rem);line-height:.95}.selector-copy p,.single-panel-copy p,.screen-card span,.family-card__copy{color:var(--muted);font-size:1.05rem;line-height:1.4}.selector-actions,.pill-row,.family-grid,.screen-index{display:flex;gap:14px;flex-wrap:wrap}.selector-actions{margin-top:28px;align-items:center}.camera-picker{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:6px 10px 6px 14px;border-radius:999px;border:1px solid var(--line);background:#070f1ac7}.camera-picker__field{display:inline-flex;align-items:center;gap:10px}.camera-picker__label{font-family:Syncopate,sans-serif;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.camera-picker__select{appearance:none;min-width:180px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;padding-right:18px}.camera-picker__modes{display:inline-flex;gap:6px}.camera-mode{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(133,231,255,.18);background:#060e18d1;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.camera-mode.is-active{color:var(--text);border-color:#85e7ff75}.primary-link,.ghost-link,.screen-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.primary-link{background:linear-gradient(135deg,#4dccff3d,#ff597a3d);border:1px solid rgba(157,229,255,.45);box-shadow:0 0 36px #3da9ff29}.ghost-link,.screen-pill{border:1px solid var(--line);background:#080e189e}.primary-link:hover,.ghost-link:hover,.screen-pill:hover,.family-card:hover,.screen-card:hover{transform:translateY(-2px)}.status-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#070f1ab3;color:var(--muted)}.selector-preview,.single-panel-stage,.debug-visual,.debug-sidebar,.wall-shell{min-width:0}.triptych-host,.portrait-host{width:100%;min-height:62vh;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(68,155,255,.14),transparent 30%),linear-gradient(180deg,#0a101cf0,#03050afa);box-shadow:var(--shadow)}.triptych-host{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62vh;overflow:hidden;padding:14px}.triptych-host--wall{min-height:calc(100vh - 40px);padding-top:92px}.triptych-host--debug{min-height:520px;padding:10px}.portrait-host{aspect-ratio:9 / 16;width:min(100%,480px);max-width:480px}.panel-slot{flex:0 0 auto}.triptych-host,.portrait-host{border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(68,155,255,.14),transparent 30%),linear-gradient(180deg,#0a101cf0,#03050afa);box-shadow:var(--shadow)}.triptych-host[data-layout=single]{justify-content:center}.triptych-host--wall[data-layout=triple],.triptych-host--wall[data-layout=quad]{align-items:stretch}.triptych-host--debug[data-layout=triple],.triptych-host--debug[data-layout=quad]{min-height:560px}.triptych-host[data-layout=quad]{gap:8px}.portrait-host,.triptych-host{width:100%}.triptych-host{flex-wrap:nowrap}.family-grid,.screen-index{margin-top:24px}.family-card,.screen-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--line);background:#080d18d1;box-shadow:var(--shadow);min-width:220px;flex:1 1 260px;text-align:left}.family-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04080e33,#04080ee6),var(--card-image) center / cover no-repeat;opacity:.5;transition:opacity .18s ease}.family-card>*{position:relative;z-index:1}.family-card.is-active,.screen-pill.is-active{border-color:var(--line-strong);box-shadow:0 0 0 1px #85e7ff3d,0 24px 60px #0006}.family-card.is-active:before,.family-card:hover:before{opacity:.7}.family-card__title,.screen-card strong{font-family:Syncopate,sans-serif;font-size:1rem}.screen-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.wall-shell{position:relative}.stage-view{min-height:calc(100vh - 48px)}.single-panel-layout{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:28px;align-items:center}.single-panel-stage{display:flex;align-items:center;justify-content:center}.debug-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,256px);gap:18px;align-items:start}.debug-stage{padding:14px}.debug-stage__header,.debug-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.debug-stage__copy{margin:6px 0 0;max-width:560px;color:var(--muted);font-size:.9rem;line-height:1.35}.debug-stage__actions{display:flex;align-items:center;gap:10px}.debug-visual{position:relative;aspect-ratio:4 / 3;border:1px solid var(--line);background:#02070cf0;overflow:hidden}.debug-sidebar{display:grid;grid-template-rows:auto auto;gap:12px}.debug-card--compact{padding:18px}.debug-card--metrics{padding:0;overflow:hidden}.debug-card__summary{cursor:pointer;list-style:none;padding:16px 18px;font-family:Syncopate,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;color:var(--accent)}.debug-card__summary::-webkit-details-marker{display:none}.debug-card--metrics[open] #debug-metrics{border-top:1px solid var(--line)}.debug-summary{color:var(--muted);font-size:.88rem}#debug-video,#debug-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#debug-video{transform:scaleX(-1);background:#02060c}#debug-overlay{pointer-events:none}#debug-metrics{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--muted);white-space:pre-wrap;word-break:break-word;padding:0 18px 18px}.triptych-host--debug{min-height:min(80vh,940px);padding:8px}.panel-slot__debug-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.tracking-debug-overlay{position:absolute;inset:0;z-index:40;pointer-events:none;color:#d9fbff;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:1.3}.tracking-debug-overlay__scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tracking-debug-overlay__hud{position:fixed;top:10px;left:0;max-height:calc(100vh - 20px);background:#040a12c7;border:1px solid rgba(120,250,255,.28);border-left:none;border-radius:0 6px 6px 0;padding:8px 10px;display:flex;flex-direction:row;gap:14px;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.tdo-hud__col{display:flex;flex-direction:column;gap:2px;width:168px;flex-shrink:0;max-height:calc(100vh - 36px);overflow-y:auto}.tdo-hud__section{font-family:Syncopate,SF Mono,monospace;font-size:9px;letter-spacing:.18em;color:#78faff;margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.tdo-hud__row{display:flex;justify-content:space-between;gap:6px;align-items:center}.tdo-hud__row>span{color:#8fd8e7;opacity:.72}.tdo-hud__row>b{color:#f3fdff;font-weight:500}.tdo-hud__hint{font-size:10px;color:#8fd8e7;opacity:.7;justify-content:space-between}.tdo-hud__hint i{font-style:normal}.tdo-hud__legend{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#bedeea;justify-content:flex-start;flex-wrap:wrap}.tdo-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:3px;vertical-align:middle}.tracking-debug-overlay__video{position:absolute;top:10px;right:10px;width:128px;aspect-ratio:4 / 3;background:#000;border:1px solid rgba(120,250,255,.3);border-radius:6px;overflow:hidden;pointer-events:none}.tracking-debug-overlay__video video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);filter:none!important}.tracking-debug-overlay__video-points{position:absolute;inset:0;pointer-events:none}.panel-wrapper{display:flex;flex-direction:column;flex:0 0 auto;gap:8px}.panel-wrapper .panel-slot{flex:1 1 0;aspect-ratio:auto}.panel-launch-buttons{display:flex;gap:6px;justify-content:center;flex-shrink:0}.panel-launch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#080e18b8;color:var(--muted);font-family:Syncopate,sans-serif;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:transform .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}.panel-launch-btn:hover{transform:translateY(-2px);border-color:var(--line-strong);color:var(--text)}.panel-launch-btn--settings{border-color:#85e7ff1f}.panel-slot{position:relative;height:100%;min-height:0;border:1px solid rgba(133,231,255,.16);background:radial-gradient(circle at 50% 18%,rgba(58,156,255,.12),transparent 26%),linear-gradient(180deg,#060c16b8,#010307eb);overflow:hidden}.panel-slot canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0}.panel-slot__light-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;opacity:1}html[data-theme=light] .route-kiosk,html[data-theme=light] .kiosk-stage{background:#fff}html[data-theme=light] .panel-slot,html[data-theme=light] .triptych-host,html[data-theme=light] .portrait-host{background:#fff;border-color:#2c388026}html[data-theme=light] html,html[data-theme=light] body,html[data-theme=light] #app{background:#fff}.panel-slot__overlay{position:absolute;inset:auto 12px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;pointer-events:none;z-index:2}.panel-slot__meta{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#03091280;border:1px solid rgba(133,231,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-slot__title{font-family:Syncopate,sans-serif;font-size:.72rem;letter-spacing:.14em}.panel-slot__caption{color:var(--muted);font-size:.92rem}.brand-anchor{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 16px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at center,#080c1880,#080c181f);border-radius:999px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none;z-index:1}.brand-anchor__halo{width:160px;height:160px;border-radius:50%;border:1px solid rgba(125,233,255,.28);box-shadow:0 0 50px #7de9ff33,inset 0 0 60px #7de9ff14}.brand-anchor__copy{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:Syncopate,sans-serif;text-transform:uppercase}.brand-anchor__copy span:first-child{color:#ffffffd1;font-size:.8rem;letter-spacing:.12em}.brand-anchor__copy span:last-child{color:#fffffff5;font-size:1.06rem;letter-spacing:.1em}.design-controls-host{min-width:0}.design-controls-host.is-docked{position:sticky;top:24px;align-self:start;width:100%;max-width:320px}.design-controls-host.is-overlay{position:fixed;right:18px;bottom:18px;z-index:20;width:min(320px,calc(100vw - 36px))}.design-controls-host.is-hidden{display:none}.design-controls-host--kiosk{position:fixed;top:18px;right:18px;bottom:18px;z-index:20;width:min(360px,calc(100vw - 36px));overflow-y:auto}.design-controls{border:1px solid var(--line);background:#050a12eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);width:100%}.design-controls[open]{max-height:min(82vh,920px)}.design-controls__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.design-controls__summary::-webkit-details-marker{display:none}.design-controls__eyebrow,.design-controls__section-title{display:block;font-family:Syncopate,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;color:var(--accent)}.design-controls__summary strong{display:block;margin-top:6px;font-size:.96rem;text-transform:capitalize}.design-controls__hint{max-width:110px;text-align:right;color:var(--muted);font-size:.72rem;line-height:1.25}.design-controls__body{display:flex;flex-direction:column;gap:14px;max-height:min(76vh,860px);padding:0 14px 14px;overflow:auto}.design-controls__actions{display:flex;gap:10px;flex-wrap:wrap}.design-controls__actions .ghost-link{min-height:38px;padding:0 12px;font-size:.8rem}.design-controls__section{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(133,231,255,.12)}.design-controls__grid{display:grid;grid-template-columns:1fr;gap:10px}.design-control-card,.design-toggle-card{display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;border:1px solid rgba(133,231,255,.08);background:#0409128c;min-width:0;box-sizing:border-box}.design-control-card--role-pinned{border-color:#85e7ff2e;background:#070e1ab8}.design-control{display:flex;flex-direction:column;gap:8px}.design-control__label-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:12px;color:var(--text);font-size:.84rem;min-width:0}.design-control__value{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.design-control__value-group{display:inline-flex;align-items:center;gap:6px;min-width:0;flex-shrink:1}.design-control__tools{display:inline-flex;align-items:flex-start;gap:8px;justify-content:flex-end;flex:0 1 auto;min-width:0;max-width:152px;flex-wrap:wrap}.design-control__number{width:58px;min-height:26px;padding:0 6px;border:1px solid rgba(133,231,255,.18);background:#060e18d1;color:var(--text);font:.74rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;box-sizing:border-box;flex:0 1 58px}.design-control__split{min-height:26px;min-width:58px;padding:0 8px;border:1px solid rgba(133,231,255,.18);background:#060e18d1;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;box-sizing:border-box;flex:0 0 auto}.design-control__split.is-active{border-color:#85e7ff7a;color:var(--text)}.design-control__role-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:18px;padding:0 5px;border:1px solid rgba(133,231,255,.22);color:var(--accent);font-family:Syncopate,sans-serif;font-size:.58rem;letter-spacing:.08em}.design-control__range{width:100%}.design-control__meta{display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px solid rgba(133,231,255,.08)}.design-control__meta-summary{cursor:pointer;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.design-control__meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.design-control__meta-grid label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.68rem}.design-control__meta-grid input{width:100%;min-height:26px;padding:0 6px;border:1px solid rgba(133,231,255,.18);background:#060e18d1;color:var(--text);font:.72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.ghost-link--small{min-height:28px;padding:0 10px;font-size:.72rem}.design-control__roles,.design-toggle__roles{display:grid;grid-template-columns:1fr;gap:8px;padding-top:4px;border-top:1px solid rgba(133,231,255,.08)}.design-control--role{gap:6px}.design-controls__toggles{display:grid;grid-template-columns:1fr;gap:10px}.design-controls__colors{display:grid;grid-template-columns:1fr;gap:8px}.design-color{display:inline-grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;color:var(--muted);font-size:.88rem}.design-color input[type=color]{width:36px;height:22px;padding:0;border:1px solid rgba(255,255,255,.18);background:transparent;cursor:pointer}.design-color__value{font-family:SF Mono,monospace;font-size:.76rem;color:#ffffff8c}.design-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem}.design-toggle-card>.design-control__split{align-self:flex-start}.design-toggle--role{font-size:.78rem}.design-toggle__role{display:inline-flex;width:18px;justify-content:center;color:var(--accent);font-family:Syncopate,sans-serif;font-size:.64rem}.design-controls__json{width:100%;min-height:180px;padding:12px;border:1px solid rgba(133,231,255,.14);background:#030912b8;color:var(--muted);font:.76rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}@media(max-width:1120px){.route-layout,.selector-hero,.single-panel-layout,.debug-layout,.screen-index{grid-template-columns:1fr}.triptych-host{min-height:56vh}.debug-stage__header,.debug-card__header{flex-direction:column}.design-controls-host.is-docked{position:static;width:100%;max-width:none}}@media(max-width:860px){.route{padding:16px}.topbar,.selector-actions,.topbar__controls{flex-direction:column;align-items:flex-start}.triptych-host{grid-template-columns:1fr}.triptych-host--wall{padding-top:108px}.design-controls-host.is-overlay{right:12px;bottom:12px;width:calc(100vw - 24px)}.design-control__label-row{flex-wrap:wrap}.design-control__tools{width:100%;justify-content:space-between}.design-control__meta-grid{grid-template-columns:1fr}}.hud-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);padding:14px 28px;border-radius:14px;background:#080c1cc7;color:#f5fbff;font-size:22px;font-weight:600;letter-spacing:.04em;pointer-events:none;opacity:0;transition:opacity .18s ease-out,transform .22s ease-out;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 36px #0006}.hud-flash.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}