*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--void: #050608;--void-warm: #0b0906;--mahogany: #2a1512;--copper: #b46a2a;--copper-hot: #e89a4a;--amber: #f5cc7a;--rune: #d4a878;--iron: #3a3432;--iron-light: #5a5350;--bone: #c8c0b4;--text-dim: #6b6158;--rift: #9ae3ff;--blood: #a83a28;--gold: #c9a653}html,body{width:100vw;height:100vh;overflow:hidden;background:var(--void);color:var(--bone);font-family:Courier New,Courier,monospace;user-select:none}#root{display:grid;width:100vw;height:100vh;grid-template-columns:1fr;grid-template-rows:36px 1fr 40px}#top-bar{grid-row:1;background:linear-gradient(180deg,#0c0906,#050403);border-bottom:1px solid #1a1410;display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:20}#top-title{font-size:11px;letter-spacing:.22em;color:var(--amber);white-space:nowrap;text-shadow:0 0 8px rgba(230,160,80,.3)}#top-title .sep{color:var(--iron-light);margin:0 8px}#top-title .sub{color:var(--text-dim);letter-spacing:.12em}.btn-group{display:flex;gap:2px}.toggle-btn{background:#120a06;color:var(--text-dim);border:1px solid #2a1d14;font-family:Courier New,Courier,monospace;font-size:10px;padding:3px 10px;cursor:pointer;letter-spacing:.08em;transition:background .15s,color .15s,border-color .15s;text-decoration:none;display:inline-block}.toggle-btn:hover{background:#1c1208;color:var(--amber)}.toggle-btn.active{background:#3a2010;color:var(--amber);border-color:var(--copper);text-shadow:0 0 6px rgba(230,160,80,.4)}.filter-btn.active{background:color-mix(in srgb,var(--filter-color) 18%,#0c0906);color:var(--filter-color);border-color:var(--filter-color, #b46a2a88)}.filter-btn:not(.active){opacity:.3}#viewport-wrapper{grid-row:2;position:relative;overflow:hidden;background:#050608}canvas.view-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;font-family:Courier New,monospace;font-size:10px;letter-spacing:.14em;color:var(--text-dim);pointer-events:none;text-transform:uppercase;z-index:5}#hud-mode{top:12px;left:14px;color:var(--copper)}#hud-mode b{color:var(--amber);font-weight:400;letter-spacing:.18em}#hud-reading{top:12px;right:14px;text-align:right}#hud-reading .big{font-size:22px;color:var(--amber);letter-spacing:.03em;display:block;text-shadow:0 0 10px rgba(230,160,80,.35)}#hud-reading .sub{font-size:9px;color:var(--text-dim);letter-spacing:.14em}#hud-ornament-tl,#hud-ornament-tr,#hud-ornament-bl,#hud-ornament-br{position:absolute;width:36px;height:36px;pointer-events:none;z-index:4;opacity:.4}#hud-ornament-tl{top:42px;left:10px}#hud-ornament-tr{top:42px;right:10px;transform:scaleX(-1)}#hud-ornament-bl{bottom:10px;left:10px;transform:scaleY(-1)}#hud-ornament-br{bottom:10px;right:10px;transform:scale(-1)}#invoke-btn{position:absolute;left:50%;bottom:56px;transform:translate(-50%);background:linear-gradient(180deg,#3a2010,#1a0e06);color:var(--amber);border:1px solid var(--copper);padding:10px 28px;font-family:Courier New,monospace;font-size:11px;letter-spacing:.4em;cursor:pointer;z-index:15;text-transform:uppercase;text-shadow:0 0 8px rgba(230,160,80,.4);transition:all .25s}#invoke-btn:before,#invoke-btn:after{content:"◆";color:var(--copper);margin:0 10px;font-size:8px}#invoke-btn:hover{background:linear-gradient(180deg,#5a3020,#2a1408);box-shadow:0 0 24px #e6a05059;border-color:var(--amber)}#invoke-btn.hidden{display:none}#abort-btn{position:absolute;left:14px;bottom:10px;background:#1a0a06;color:var(--text-dim);border:1px solid #2a1408;padding:4px 10px;font-family:Courier New,monospace;font-size:9px;letter-spacing:.2em;cursor:pointer;z-index:15;display:none}#abort-btn.visible{display:block}#abort-btn:hover{color:var(--blood);border-color:var(--blood)}#lever-rail{position:absolute;top:60px;bottom:12px;left:10px;width:210px;z-index:8;display:none;flex-direction:column;gap:8px;padding:12px 10px;background:linear-gradient(180deg,#140e0ae0,#0a0705f0);border:1px solid #2a1d14;border-left:2px solid var(--copper);overflow-y:auto}#lever-rail.open{display:flex}#lever-rail::-webkit-scrollbar{width:4px}#lever-rail::-webkit-scrollbar-thumb{background:var(--iron)}#lever-rail .rail-title{font-size:9px;letter-spacing:.3em;color:var(--copper);margin-bottom:4px;text-align:center;border-bottom:1px solid #2a1d14;padding-bottom:6px}.lever{padding:8px 4px;border-bottom:1px dashed #2a1d14}.lever:last-child{border-bottom:none}.lever .lv-head{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;letter-spacing:.15em;color:var(--rune);margin-bottom:5px}.lever .lv-val{color:var(--amber);font-size:10px;letter-spacing:.02em}.lever .lv-track{position:relative;height:18px;cursor:ew-resize}.lever .lv-bar{position:absolute;top:8px;left:0;right:0;height:2px;background:linear-gradient(90deg,#1a1208 0%,var(--copper) 50%,#1a1208 100%)}.lever .lv-range{position:absolute;top:6px;height:6px;background:var(--amber);box-shadow:0 0 8px #e6a05080}.lever .lv-handle{position:absolute;top:3px;width:2px;height:12px;background:var(--amber);transform:translate(-1px);cursor:ew-resize}.lever .lv-handle:after{content:"";position:absolute;top:-2px;left:-5px;width:12px;height:16px}.lever .lv-scale{display:flex;justify-content:space-between;font-size:8px;color:var(--text-dim);letter-spacing:.1em;margin-top:2px}.lever .lv-desc{font-size:8px;color:var(--text-dim);letter-spacing:.08em;margin-top:2px;font-style:italic;opacity:.75}#forecast-rail{position:absolute;top:60px;bottom:12px;right:10px;width:280px;z-index:8;display:none;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px}#forecast-rail.open{display:flex}#forecast-rail::-webkit-scrollbar{width:4px}#forecast-rail::-webkit-scrollbar-thumb{background:var(--iron)}.fc-card{background:linear-gradient(180deg,#120c08eb,#080504f5);border:1px solid #2a1d14;border-left:2px solid var(--cl, var(--copper));padding:6px 8px;display:grid;grid-template-columns:1fr 70px;gap:6px;align-items:center}.fc-card .fc-left .fc-name{font-size:9px;letter-spacing:.18em;color:var(--cl, var(--amber));margin-bottom:2px}.fc-card canvas{width:100%;height:36px;display:block}.fc-card .fc-right{text-align:right;font-size:9px}.fc-card .fc-ret{font-size:13px;color:var(--bone);letter-spacing:.02em;display:block}.fc-card .fc-band{font-size:8px;color:var(--text-dim);letter-spacing:.1em}.fc-card .fc-cone{font-size:8px;color:var(--cl, var(--copper));letter-spacing:.1em;margin-top:1px}#core-readout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;text-align:center;pointer-events:none;opacity:0;transition:opacity .8s}#core-readout.visible{opacity:1}#core-readout .cr-label{font-size:8px;letter-spacing:.4em;color:var(--copper);margin-bottom:4px}#core-readout .cr-big{font-size:36px;color:var(--amber);letter-spacing:.04em;text-shadow:0 0 24px rgba(230,160,80,.5);font-weight:400}#core-readout .cr-sub{font-size:9px;color:var(--rune);letter-spacing:.2em;margin-top:4px}#transport-bar{grid-row:3;background:linear-gradient(180deg,#0a0705,#0c0906);border-top:1px solid #1a1410;display:flex;align-items:center;padding:0 14px;gap:10px;z-index:20}.transport-btn{background:#120a06;color:var(--text-dim);border:1px solid #2a1d14;font-size:13px;width:28px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.transport-btn:hover{background:#1c1208;color:var(--amber)}.transport-btn.playing{background:#3a2010;color:var(--amber);border-color:var(--copper)}#scrub-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#1a1208;outline:none;cursor:pointer}#scrub-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:var(--amber);cursor:pointer}#scrub-slider::-moz-range-thumb{width:10px;height:10px;background:var(--amber);border:none;cursor:pointer}#timestamp-display{font-size:11px;color:var(--bone);white-space:nowrap;min-width:170px;text-align:right}#tweaks{position:absolute;top:40px;left:12px;width:220px;background:#0e0a06f2;border:1px solid #2a1d14;border-top:2px solid var(--copper);z-index:25;font-family:Courier New,monospace;color:var(--bone);display:none}#tweaks.open{display:block}#tweaks .tw-header{padding:6px 10px;font-size:10px;letter-spacing:.28em;color:var(--copper);border-bottom:1px solid #2a1d14;background:#0a0605}#tweaks .tw-section{padding:8px 10px;border-bottom:1px solid #2a1d14}#tweaks .tw-label{font-size:9px;color:var(--text-dim);letter-spacing:.14em;margin-bottom:5px}#tweaks .tw-row{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:4px}#tweaks .tw-opt{background:#120a06;color:var(--text-dim);border:1px solid #2a1d14;font-family:inherit;font-size:9px;padding:4px;cursor:pointer;letter-spacing:.1em;text-align:center}#tweaks .tw-opt:hover{background:#1c1208;color:var(--amber)}#tweaks .tw-opt.active{background:#3a2010;color:var(--amber);border-color:var(--copper)}#tweaks-toggle{margin-left:12px}.tt{position:absolute;pointer-events:none;background:#0a0705f5;border:1px solid #2a1d14;color:var(--bone);font-family:Courier New,monospace;font-size:11px;padding:6px 9px;display:none;z-index:40}.tt .tt-head{color:var(--tt-color, var(--copper));font-size:9px;letter-spacing:.16em;margin-bottom:3px}.tt .tt-val{font-size:13px;color:var(--bone)}.tt .tt-sub{font-size:8px;color:var(--text-dim);letter-spacing:.1em;margin-top:3px}