.panel{backdrop-filter:none}.workspace{background:#091925e8;width:245px;max-height:calc(100vh - 240px);overflow:auto}.workspace h1,.workspace .intro{display:none}.workspace .section-title{margin-top:22px}.assistant{background:#091925e8}.scene-label{display:none}.view-tools{position:fixed;top:99px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5;background:#071620db;padding:8px;border:1px solid #41606e;border-radius:5px}.view-tools button,.view-tools select{font:inherit;font-size:11px;background:#102733;color:#d4eef6;border:1px solid #41606e;padding:8px;border-radius:3px}.local-stats{position:fixed;right:24px;bottom:45px;z-index:6;background:#091924eb;border:1px solid #41606e;padding:8px 12px;font-size:11px;color:#bcd9e5}.local-stats summary{cursor:pointer}.local-stats p{white-space:pre-line;line-height:1.7}.vignette{opacity:.25}.focus-view .workspace,.focus-view .assistant,.focus-view .bottom{display:none}#asset-loading{position:fixed;left:50%;top:45%;transform:translateX(-50%);z-index:8;background:#081824ed;padding:24px 36px;border:1px solid #426d7d;border-radius:6px;color:#c1edfa;white-space:nowrap}#asset-loading[hidden]{display:none}@media(max-width:850px){.view-tools{top:75px;width:max-content;max-width:96vw}.view-tools button,.view-tools select{font-size:10px;padding:7px 5px}.workspace,.assistant{top:130px}.workspace{width:160px}.bottom{width:calc(100vw - 32px)}.local-stats{right:12px}.assistant{width:185px}}@media(max-width:500px){.workspace{display:none}.assistant{position:fixed;left:8px;right:8px;top:auto;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-height:min(46vh,calc(100vh - 140px));max-height:min(46dvh,calc(100dvh - 140px))}.view-tools{gap:4px}.bottom .suggestions{display:none}.local-stats{bottom:160px}header .top-right{gap:8px}}
.monitor-hint{font-size:12px;line-height:1.8;color:#9bb9c6}.projection-current{font-size:11px;color:#83a4b3}.projection-current strong{display:block;margin-top:10px;font-size:18px;color:#d5f1ff}#hologram-picker{box-sizing:border-box;width:min(820px,94vw);max-height:90dvh;overflow:auto;margin:auto;padding:28px;background:linear-gradient(135deg,#102937,#07131e 75%);color:#d9f3ff;border:1px solid #5b9bb3;border-radius:14px;box-shadow:0 24px 100px #000a,0 0 45px #49bbef18;font-family:inherit}#hologram-picker::backdrop{background:#010a13a6}.picker-top{display:flex;align-items:center;justify-content:space-between;color:#79bace;font:11px monospace;letter-spacing:2px}.picker-top button{width:36px;height:36px;border:1px solid #385c6d;border-radius:50%;background:#102532;color:#c6edff;font-size:24px;cursor:pointer}#hologram-picker h2{font-size:26px;font-weight:500;margin:18px 0 8px}#picker-description,.picker-foot{font-size:12px;color:#93b3c3;line-height:1.8}.projection-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.projection-card{font-family:inherit;text-align:left;border:1px solid #315565;border-radius:8px;color:#c6e3ef;background:#0a1b27;padding:16px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.projection-card:hover{background:#143747;border-color:#9adff4;transform:translateY(-3px)}.projection-card.active{border-color:#7fdaf3;background:#113140}.projection-card:focus-visible,#hologram-picker button:focus-visible{outline:2px solid #e6c38b;outline-offset:4px}.projection-card:disabled{opacity:.5;cursor:wait}.projection-card small{display:block;font:10px monospace;letter-spacing:1px;color:#729daF}.projection-card strong{display:block;font-size:17px;font-weight:500;margin:14px 0 10px}.projection-card>span:not(.projection-preview){display:block;font-size:11px;color:#91b3c2;line-height:1.7}.projection-card em{display:block;font-style:normal;font-size:12px;margin-top:24px;color:#9eeaff}.projection-preview{height:130px;display:flex;align-items:center;justify-content:center;font-size:96px;line-height:1;color:#96e7ff;text-shadow:0 0 24px #67caff80;background:radial-gradient(ellipse,#2d8da72b,transparent 70%);border-bottom:1px solid #254756;margin-bottom:18px}.projection-preview.reactor{color:#e7c08b;text-shadow:0 0 28px #e7ae7755}.picker-foot{border-top:1px solid #29434f;padding-top:16px}@media(max-width:650px){.projection-options{grid-template-columns:1fr;gap:10px;margin:16px 0}.projection-card{position:relative;padding:14px 14px 14px 100px;min-height:116px}.projection-preview{position:absolute;left:10px;top:12px;width:76px;height:90px;font-size:66px;border:0}.projection-card strong{margin:8px 0}.projection-card em{margin-top:10px}#hologram-picker{padding:20px}.view-tools{flex-wrap:wrap;justify-content:center;width:min(96vw,600px)}}

/* CSS3D sits above WebGL, below the page controls. Only the app receives input. */
#stage .portal3d-layer{position:absolute;inset:0;pointer-events:none}
#stage .portal3d-layer div{pointer-events:none!important}
#stage .portal3d-frame{display:block;width:1280px;height:720px;border:2px solid #79cfe4;background:#07121d;box-shadow:0 0 28px #4ac6ed44;pointer-events:auto;backface-visibility:hidden;color-scheme:normal}

/* HUD projection chooser and DOM portal share the module instrument language. */
html[data-hud="v27"] #hologram-picker {
  & .projection-options { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
  & .projection-card { display:grid; grid-template-columns:40px minmax(0,1fr); gap:4px 8px; padding:16px 8px; border:0; border-bottom:1px solid var(--hp-hairline); background:var(--hp-reading); text-align:left; }
  & .projection-preview { grid-row:span 4; background:none; font-size:24px; color:var(--hud-cyan); }
  & .projection-card :is(small,strong,span,em) { color:var(--hud-ink); font-family:var(--hp-font); }
  & :is(#picker-description,.picker-foot) { color:var(--hp-muted); background:var(--hp-reading); }
}
html[data-hud="v27"] #portal .picker-top { flex-wrap:wrap; }
html[data-hud="v27"] #portal-newtab { color:var(--hud-cyan); font:inherit; }