:root{--bg-0: #07100c;--bg-1: #0b1611;--green: #3f8a66;--green-bright: #5fd6a0;--green-glow: rgba(95, 214, 160, .35);--amber: #f5b13d;--red: #e2574c;--blue: #57b6f5;--text: #e9f1ec;--text-dim: #9fb4a8;--text-faint: #6b8278;--glass: rgba(13, 26, 20, .62);--glass-2: rgba(18, 34, 26, .78);--stroke: rgba(255, 255, 255, .08);--stroke-2: rgba(255, 255, 255, .14);--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--mono: "Space Grotesk", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(120% 100% at 50% 0%,#11251b 0%,var(--bg-1) 45%,var(--bg-0) 100%);-webkit-font-smoothing:antialiased;user-select:none}#scene-root{position:fixed;inset:0;z-index:0}#scene-root canvas{display:block}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;display:grid;grid-template-columns:320px 1fr 340px;grid-template-rows:auto 1fr auto;grid-template-areas:"top top top" "left . right" "bottom bottom bottom";gap:18px;padding:18px}.hud-top{grid-area:top}.hud-left{grid-area:left;align-self:start}.hud-right{grid-area:right;align-self:start;justify-self:end}.hud-bottom{grid-area:bottom;align-self:end}.col{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 150px)}.hud-right.col{overflow:visible}.panel{pointer-events:auto;background:var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.panel.tight{padding:12px 14px}.panel h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.topbar{pointer-events:auto;display:flex;align-items:center;gap:20px;background:linear-gradient(100deg,var(--glass-2),var(--glass));backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 20px}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:38px;height:38px;border-radius:11px;background:radial-gradient(circle at 30% 25%,var(--green-bright),var(--green) 70%);box-shadow:0 0 22px var(--green-glow),inset 0 0 12px #00000040;display:grid;place-items:center;font-size:20px}.brand .title{font-family:var(--mono);font-weight:700;font-size:18px;letter-spacing:.02em}.brand .sub{font-size:11px;color:var(--text-dim);margin-top:1px}.topbar .sep{width:1px;height:36px;background:var(--stroke-2)}.dateblock{display:flex;flex-direction:column}.dateblock .date{font-family:var(--mono);font-size:22px;font-weight:700;line-height:1.05}.dateblock .meta{font-size:11px;color:var(--text-dim)}.stage-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#5fd6a01f;border:1px solid rgba(95,214,160,.3);font-weight:600;font-size:13px;color:var(--green-bright)}.stage-badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.topbar .spacer{flex:1}.pill{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:10px;background:#ffffff0a;border:1px solid var(--stroke)}.pill b{font-family:var(--mono);font-size:15px}.pill span{font-size:11px;color:var(--text-dim)}.sim-select{pointer-events:auto;background:#ffffff0d;border:1px solid var(--stroke-2);color:var(--text);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px;cursor:pointer}.weather-now{display:flex;align-items:center;gap:14px;margin-bottom:12px}.weather-now .ico{font-size:40px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.weather-now .temps{display:flex;flex-direction:column}.weather-now .big{font-family:var(--mono);font-size:28px;font-weight:700;line-height:1}.weather-now .hl{font-size:12px;color:var(--text-dim)}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.wrow{display:flex;justify-content:space-between;font-size:12px}.wrow span{color:var(--text-dim)}.wrow b{font-family:var(--mono);font-weight:600}.src-tag{font-size:9px;padding:2px 6px;border-radius:6px;background:#57b6f526;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.gauge{margin-bottom:11px}.gauge:last-child{margin-bottom:0}.gauge .lbl{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.gauge .lbl span{color:var(--text-dim)}.gauge .lbl b{font-family:var(--mono)}.bar{height:7px;border-radius:6px;background:#ffffff12;overflow:hidden}.bar>i{display:block;height:100%;border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:#ffffff09;border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:11px 12px}.tile .v{font-family:var(--mono);font-size:21px;font-weight:700}.tile .v small{font-size:12px;color:var(--text-dim);font-weight:500}.tile .k{font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;margin-top:2px}.chart-wrap{margin-top:6px}.chart-wrap .ct{font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;display:flex;justify-content:space-between}canvas.spark{width:100%;height:46px;display:block}.events{display:flex;flex-direction:column;gap:8px;max-height:190px;overflow-y:auto;padding-right:4px}.events::-webkit-scrollbar{width:5px}.events::-webkit-scrollbar-thumb{background:var(--stroke-2);border-radius:4px}.evt{display:flex;gap:10px;font-size:12px;align-items:flex-start}.evt .when{font-family:var(--mono);color:var(--text-faint);font-size:10.5px;min-width:44px;padding-top:1px}.evt .msg{color:var(--text-dim);line-height:1.35}.evt.crit .msg{color:#ffb4ad}.evt.warn .msg{color:#ffd99a}.controlbar{pointer-events:auto;display:flex;align-items:center;gap:14px;background:linear-gradient(100deg,var(--glass-2),var(--glass));backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 18px}.btn{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--stroke-2);color:var(--text);border-radius:11px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:#ffffff1a;border-color:var(--stroke-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(120deg,var(--green-bright),var(--green));border-color:transparent;color:#052015;font-weight:700;box-shadow:0 6px 18px var(--green-glow)}.btn.icon{padding:9px 12px;font-size:15px}.btn.play{width:46px;height:46px;justify-content:center;border-radius:14px;font-size:18px}.btn.play.on{background:linear-gradient(120deg,var(--green-bright),var(--green));color:#052015;border-color:transparent;box-shadow:0 6px 18px var(--green-glow)}.speed{display:flex;align-items:center;gap:8px}.speed .seg{display:flex;background:#ffffff0d;border:1px solid var(--stroke);border-radius:11px;overflow:hidden}.speed .seg button{background:transparent;border:none;color:var(--text-dim);padding:8px 12px;font-family:var(--mono);font-size:12px;cursor:pointer}.speed .seg button.active{background:var(--green);color:#052015;font-weight:700}.controlbar .spacer{flex:1}.rt-indicator{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim)}.rt-indicator .pulse{width:8px;height:8px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 0 var(--green-glow);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--green-glow)}70%{box-shadow:0 0 0 10px #5fd6a000}to{box-shadow:0 0 #5fd6a000}}.dock{position:fixed;right:18px;bottom:98px;z-index:55;width:360px;max-height:calc(100vh - 210px);overflow-y:auto;pointer-events:auto;background:var(--glass-2);backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--stroke-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;transform:translateY(12px);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}.dock.open{transform:translateY(0);opacity:1;visibility:visible}.dock h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px}.iv-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.iv{text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:10px;transition:background .15s,border-color .15s}.iv:hover{background:#ffffff17;border-color:var(--stroke-2)}.iv.sel{border-color:var(--green-bright);background:#5fd6a01a}.iv .ico{font-size:18px}.iv .nm{font-size:12.5px;font-weight:600;margin-top:4px}.iv .ef{font-size:10.5px;color:var(--text-faint);margin-top:3px;line-height:1.3}.iv-apply{margin-top:13px;padding-top:13px;border-top:1px solid var(--stroke)}.iv-apply .rowf{display:flex;align-items:center;gap:10px;margin-bottom:10px}.iv-apply label{font-size:12px;color:var(--text-dim);min-width:70px}.iv-apply input[type=range]{flex:1;accent-color:var(--green-bright)}.iv-apply .amt{font-family:var(--mono);min-width:66px;text-align:right;font-size:13px}.iv-desc{font-size:11.5px;color:var(--text-dim);line-height:1.4;margin-bottom:10px}.active-effects{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 9px;border-radius:999px;background:#5fd6a01f;border:1px solid rgba(95,214,160,.25);color:var(--green-bright)}.chip .d{color:var(--text-faint)}#overlay-root{position:fixed;inset:0;z-index:50;pointer-events:none}.modal-bg{position:absolute;inset:0;background:#030806a8;backdrop-filter:blur(8px);pointer-events:auto;display:grid;place-items:center}.modal{width:min(720px,92vw);max-height:88vh;overflow-y:auto;background:var(--glass-2);border:1px solid var(--stroke-2);border-radius:22px;box-shadow:var(--shadow);padding:26px 28px}.modal h2{font-family:var(--mono);font-size:22px;margin-bottom:4px}.modal .lead{color:var(--text-dim);font-size:13px;margin-bottom:20px}.scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scan-card{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid var(--stroke);border-radius:14px;padding:15px;transition:background .15s,border-color .15s,transform .08s}.scan-card:hover{background:#ffffff14;border-color:var(--green);transform:translateY(-2px)}.scan-card .nm{font-weight:600;font-size:15px}.scan-card .pl{font-size:12px;color:var(--text-dim);margin-top:3px}.scan-card .meta{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.scan-card .tag{font-size:10.5px;padding:3px 8px;border-radius:7px;background:#ffffff0f;color:var(--text-dim);font-family:var(--mono)}.modal .foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.loading-row{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:13px}.spinner{width:16px;height:16px;border:2px solid var(--stroke-2);border-top-color:var(--green-bright);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrap{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--glass-2);border:1px solid var(--stroke-2);border-radius:12px;padding:10px 16px;font-size:13px;box-shadow:var(--shadow);animation:rise .25s ease}@keyframes rise{0%{transform:translateY(10px);opacity:0}}.hint{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:5;font-size:11px;color:var(--text-faint);pointer-events:none}@media(max-width:1100px){#hud{grid-template-columns:1fr;grid-template-areas:"top" "left" "right" "bottom"}.hud-right.col{justify-self:stretch}}