:root{--bg:#07111c;--panel:#0a1724;--border:#233342;--text:#e8f3f7;--muted:#7f9bad;--cyan:#48d7e5;--gold:#dbad62}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app{height:100vh;min-height:750px;display:grid;grid-template-columns:310px minmax(420px,1fr) 296px;grid-template-rows:76px minmax(0,1fr);overflow:hidden}.topbar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:12px 24px;background:#091723}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-family:monospace;font-size:20px;letter-spacing:-3px}.brand-mark span{font-size:12px;vertical-align:top}.brand-copy strong{display:block;font-weight:800;letter-spacing:.15em;font-size:18px}.brand-copy strong em{font-style:normal;color:var(--cyan)}.brand-copy small{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:4px}.vbar{color:var(--cyan)}.top-right{margin-left:auto;display:flex;align-items:center;gap:16px}.engine{font:600 10px ui-monospace,monospace;letter-spacing:.12em;color:#d7b369}.engine.ok{color:#57e6ae}.outline,.action{border:1px solid #385567;background:transparent;color:#c7e0e8;border-radius:3px;padding:12px;font-size:10px;font-weight:800;letter-spacing:.1em}.outline:hover{border-color:var(--cyan);color:var(--cyan)}.action{background:#38c8da;border-color:#38c8da;color:#09202d}.action:hover{background:#70ebf0}.compact{padding:10px 14px}.sidebar{overflow-y:auto;padding:26px 23px 30px;scrollbar-color:#365062 transparent;scrollbar-width:thin;background:#0a1724}.sidebar.left{border-right:1px solid var(--border)}.sidebar.right{border-left:1px solid var(--border);padding-left:20px;padding-right:20px}.kicker{font:700 10px ui-monospace,monospace;color:var(--cyan);letter-spacing:.18em}.sidebar h1{font-size:31px;font-weight:650;line-height:1.12;margin:18px 0 14px;letter-spacing:-.05em}.sidebar h1 i{color:var(--cyan);font-style:normal}.intro{font-size:12px;line-height:1.7;color:#9fb4c1;margin:0 0 28px}.control-heading{border-top:1px solid #2a3b49;padding:16px 0 12px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;font:800 10px ui-monospace,monospace;letter-spacing:.1em;color:#d9e8ec}.control-heading span{font-size:9px;color:#7192a4}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode{min-height:43px;text-align:left;border:1px solid #263d4c;background:#112231;color:#a3bac4;font-weight:700;font-size:10px;letter-spacing:.045em;padding:10px}.mode span:first-child{color:#5e879b;margin-right:4px}.mode:hover,.mode.active{border-color:var(--cyan);background:#163841;color:#efffff}.mode.active span:first-child{color:var(--cyan)}.mode.wide{grid-column:1/-1}.live-dot{float:right;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-top:5px}.slider-row{margin:8px 0 18px}.slider-row>div{display:flex;justify-content:space-between;margin-bottom:10px}.slider-row label{font-size:12px;color:#acc3ce}.slider-row b{font:700 11px ui-monospace,monospace;color:var(--cyan)}input[type=range]{display:block;width:100%;accent-color:var(--cyan);cursor:pointer}.sections{display:grid;gap:8px}.section{display:flex;align-items:center;gap:9px;font-size:11px;color:#acc5cf;cursor:pointer}.section input{accent-color:var(--cyan)}.section .num{margin-left:auto;color:#628496;font:10px ui-monospace,monospace}.tiny-link{border:0;color:var(--cyan);background:none;font-size:9px;letter-spacing:.06em}.important{display:flex;gap:12px;padding:15px 12px;border:1px solid #4f4935;background:#28251a;border-radius:3px;margin-top:28px}.notice-icon{font-size:22px;color:#dbb36c}.important b{font-size:9px;letter-spacing:.1em;color:#e4c480}.important p{font-size:10px;line-height:1.55;color:#b9b59d;margin:6px 0 0}.stage{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;background:#020a13}.view{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 48% 50%,#0c2637 0%,#06111e 58%,#020810 100%)}#threeCanvasHost,#fallbackCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}#threeCanvasHost canvas{display:block;width:100%;height:100%}.view-corners{pointer-events:none;position:absolute;inset:24px;border:1px solid rgba(84,147,167,.14)}.view-corners:before,.view-corners:after{content:'';position:absolute;width:26px;height:26px;border-color:#54d7e3}.view-corners:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.view-corners:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.watermark{position:absolute;top:40px;left:43px;font:800 11px ui-monospace,monospace;letter-spacing:.16em;color:#779cac}.watermark span{color:var(--cyan)}#sceneTag{position:absolute;top:40px;right:43px;font:700 9px ui-monospace,monospace;letter-spacing:.14em;color:#9dbac7;text-align:right}.axis{pointer-events:none;position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#688494;font:9px ui-monospace,monospace;letter-spacing:.11em}.viewport-foot{height:57px;border-top:1px solid #29404f;display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:#091825;gap:10px}.presets{display:flex;align-items:center;gap:7px;min-width:0}.presets span{color:#5d8697;font-size:9px;letter-spacing:.15em;margin-right:9px;font-weight:800}.presets button{border:1px solid #304756;background:transparent;color:#8fb0bc;padding:9px 10px;font-size:9px;letter-spacing:.08em}.presets button.selected{border-color:var(--cyan);color:var(--cyan)}.view-status{white-space:nowrap;font:10px ui-monospace,monospace;color:#93b1bf}.view-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43d19a;margin-right:7px}.inspector{padding:5px 0}.inspector-label{font:10px ui-monospace,monospace;letter-spacing:.1em;color:var(--cyan)}.inspector h2{font-size:21px;line-height:1.16;font-weight:650;letter-spacing:-.025em;margin:15px 0 9px}.inspector>p{font-size:11px;line-height:1.6;color:#9bb4c0;margin:0 0 21px;min-height:56px}.spec{border-top:1px solid #243747;padding:12px 0}.spec small{font:9px ui-monospace,monospace;color:#678c9d;display:block;letter-spacing:.1em;margin-bottom:6px}.spec strong{font-size:11px;font-weight:550;line-height:1.4;word-break:break-word;color:#d0e2e9}.mono{font-family:ui-monospace,monospace!important}.inspector .action,.inspector .outline{display:block;width:100%;margin-top:9px;text-align:center}.light-choices{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.light-choices button{padding:12px 6px;background:#11222f;color:#89a6b3;border:1px solid #264252;font-size:9px;font-weight:800}.light-choices .chosen{color:var(--cyan);border-color:var(--cyan)}.event-card{padding:15px;border:1px solid #2c4857;background:#0d202e}.event-head{display:flex;align-items:center;gap:8px}.indicator{width:7px;height:7px;border-radius:50%;background:#c59d58}.event-head b{font-size:10px;color:#bfcdd4}.event-head small{margin-left:auto;font-size:8px;color:#6a9aac}.event-progress{height:3px;background:#243a46;margin:15px 0}.event-progress>span{display:block;height:100%;width:0;background:var(--cyan)}.event-text{font-size:11px;line-height:1.55;color:#9cb7c5;min-height:66px}.event-controls{display:flex;gap:7px;margin-top:13px}.event-controls button{flex:1;padding:10px 3px;font-size:9px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;border-top:1px solid #273e4c;margin-top:22px;padding-top:18px}.facts small{display:block;font-size:8px;letter-spacing:.08em;color:#7897a5}.facts b{display:block;font:700 23px ui-monospace,monospace;color:#dfebed;margin-top:5px}.mobile-credit{display:none}@media(max-width:1250px){.app{grid-template-columns:270px minmax(350px,1fr) 260px}.sidebar{padding-left:15px;padding-right:15px}.sidebar h1{font-size:26px}.viewport-foot{padding:0 11px}.presets button{padding:8px 7px}}@media(max-width:950px){.app{display:flex;flex-direction:column;height:auto;min-height:100vh;overflow:visible}.topbar{height:70px;flex:none}.stage{height:68vh;min-height:430px;order:1}.sidebar.left{order:2;border-top:1px solid var(--border)}.sidebar.right{order:3}.sidebar{overflow:visible}.sidebar h1{font-size:29px}.intro{max-width:640px}.sections{grid-template-columns:1fr 1fr}.mobile-credit{display:block;order:4;text-align:center;padding:16px;font-size:9px;color:#6b929f}.view-corners{inset:14px}.watermark{top:26px;left:27px}#sceneTag{top:26px;right:27px}.axis{font-size:8px}.sidebar.right{border-left:0}.facts{grid-template-columns:repeat(4,1fr)}}@media(max-width:500px){.brand-copy strong{font-size:13px}.brand-copy small{font-size:7px;max-width:230px}.topbar{padding:10px}.engine{display:none}.top-right{gap:4px}.compact{font-size:8px;padding:8px}.stage{min-height:380px;height:58vh}.presets span{display:none}.presets{gap:2px}.presets button{font-size:8px;padding:8px 5px}.view-status{display:none}.facts b{font-size:18px}}