:root{--gold:#d8b888;--white:#ede8df;--mist:#a7b1ae;--panel:#142029e8;--line:#ffffff1b;--teal:#79d5c6;--shadow:#040b11}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#182d30;color:var(--white);font-family:'DM Sans',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}#viewport{position:fixed;inset:0}#viewport canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,#03111c5a,transparent 28%),radial-gradient(ellipse at 50% 55%,transparent 47%,#0b1b2685 100%)}.topbar{position:fixed;top:0;left:0;right:0;height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:linear-gradient(#101e29e8,#101e2900);z-index:4}.brand{display:flex;align-items:center;gap:15px}.brand-icon{width:49px;height:49px;display:grid;place-items:center;font-size:36px;border:1px solid #ccb28e84;color:var(--gold)}.eyebrow,.intro-kicker,.key,.sectionhead,.locator-head,.intro-notes{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--gold)}h1{font-family:Marcellus,Georgia,serif;font-size:25px;letter-spacing:2px;font-weight:400;margin:4px 0 0}h1 span{color:#c9cecb;font-family:DM Sans,sans-serif;font-weight:400;font-size:13px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:8px}.top-btn{border:1px solid #ffffff35;background:#111e2899;color:#e4e5e0;padding:9px 13px;font-size:12px;border-radius:3px}.top-btn:hover{background:#35444c}.live-dot{letter-spacing:1.3px;font-size:10px;color:#9de6c8;margin-right:14px}.hud-stats{position:fixed;bottom:26px;left:28px;display:flex;gap:7px;z-index:2}.hud-stats article{width:136px;background:#14232bcc;border:1px solid #f2e5c527;border-radius:4px;padding:14px 13px;backdrop-filter:blur(12px)}.hud-stats article strong{display:block;font-family:Marcellus,Georgia,serif;color:#fbf6ed;font-size:28px;font-weight:400;margin:9px 0 3px}.hud-stats article small{font-size:9px;letter-spacing:1px;color:#a1b8b8}.sidebar{position:fixed;right:20px;top:92px;bottom:22px;width:355px;background:var(--panel);border:1px solid #c2af8952;box-shadow:0 12px 60px #06131dc7;backdrop-filter:blur(20px);z-index:3;display:flex;flex-direction:column;overflow:hidden;border-radius:5px}.sidebar-heading{padding:24px 24px 11px}.sidebar-heading h2{font-family:Marcellus,Georgia,serif;font-size:25px;font-weight:400;margin:10px 0 7px}.sidebar-heading p,.section-intro{font-size:12px;line-height:1.6;color:#acb7ba;margin:0}.tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:7px}.tab{background:none;border:0;color:#9baeb1;font-size:10px;letter-spacing:1.6px;font-weight:700;flex:1;padding:15px 0}.tab.active{color:var(--gold);box-shadow:inset 0 -2px #d8b888}.tab-content{overflow-y:auto;flex:1;padding:5px 22px 22px;scrollbar-color:#9ba09a55 transparent;scrollbar-width:thin}.hidden{display:none}.sectionhead{margin:24px 0 12px;display:flex;justify-content:space-between;align-items:center}.sectionhead span{font-size:9px;color:#8f9f9f;letter-spacing:.6px}.scenario-row{display:flex;gap:8px}.scenario{border:1px solid #b7c7c035;background:#182c32a6;border-radius:3px;padding:9px;flex:1;font-size:11px}.scenario.active{background:#9a85593d;color:#ffe5a5;border-color:#d8b888}.control{margin:17px 0}.control>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.control label{font-size:12px;color:#e3e8e4}.control output{font-size:11px;color:var(--teal);font-variant-numeric:tabular-nums}.control input[type=range],.gate input{width:100%;height:3px;accent-color:#cfb386;cursor:pointer}.toggleline{border-top:1px solid #ffffff16;padding:13px 0;display:flex;justify-content:space-between;align-items:center}.toggleline label{font-size:12px}.toggleline input{accent-color:#cfb386;margin-right:10px}.toggleline small{font-size:9px;letter-spacing:1.5px;color:#8eaaa5}#chart{width:100%;height:108px;background:#0d1d25bb;border:1px solid #ffffff10;border-radius:2px}.metrics-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#a7b9b3;margin:12px 0}.gate{padding:13px 0;border-bottom:1px solid var(--line)}.gatehead{display:flex;justify-content:space-between;margin:0 0 9px}.gatehead label{font-size:11px;color:#e4e5df}.gatehead output{font-size:11px;color:var(--teal)}.gate small{font-size:10px;color:#a4a9a5}.tank{margin:13px 0}.tank-name{display:flex;justify-content:space-between;font-size:11px;color:#cad4d0;margin-bottom:7px}.bar{height:7px;background:#385052;overflow:hidden;border-radius:6px}.bar i{display:block;background:linear-gradient(90deg,#3e8d8c,#9fd5ca);height:100%;transition:width .2s}.site{display:block;width:100%;text-align:left;background:#ffffff09;border:1px solid #ffffff17;border-radius:3px;margin:8px 0;padding:12px 12px}.site:hover{border-color:#cfb386;background:#dfcc9b20}.site span{display:block;font-family:Marcellus,Georgia,serif;font-size:15px;margin-bottom:4px}.site small{color:#a8bbb8;font-size:10px;line-height:1.5}.facts{font-size:12px;line-height:2.0;color:#cbd3cb}.locator{position:fixed;left:26px;top:102px;width:227px;padding:12px 12px 8px;background:#13232de8;backdrop-filter:blur(12px);border:1px solid #d7c09655;z-index:2;border-radius:4px}.locator-head,.locator-footer{display:flex;justify-content:space-between;align-items:center}.locator-head{font-size:9px;letter-spacing:1px}#minimap{width:200px;height:200px;margin-top:10px;cursor:crosshair;background:#293c3c}.locator-footer{font-size:9px;margin:5px 0;color:#a8c8bd;letter-spacing:1px}.coord{position:fixed;bottom:12px;right:396px;z-index:2;font-size:10px;letter-spacing:1px;color:#efece3d0}.compass{position:fixed;top:344px;left:120px;z-index:2;color:#f1e0b8;font-size:11px;text-align:center}.compass span{display:block;font-size:25px}.intro{position:fixed;left:10%;top:29%;max-width:430px;z-index:5;pointer-events:none;transition:opacity .7s,transform .7s;text-shadow:0 5px 20px #0009}.intro h2{font-family:Marcellus,Georgia,serif;font-size:clamp(46px,6vw,84px);line-height:1.06;font-weight:400;margin:18px 0}.intro p{font-size:14px;line-height:1.8;max-width:360px;color:#f2eee7}.intro button{pointer-events:all;background:#d7b985;border:1px solid #efe0bb;color:#1b2629;padding:14px 24px;font-size:11px;letter-spacing:2px;font-weight:700;margin-top:19px}.intro-notes{margin-top:14px;font-size:9px}.intro.dismiss{opacity:0;transform:translateY(35px);pointer-events:none}.toast{position:fixed;bottom:112px;left:30px;background:#102c30d9;color:#d0e5dd;padding:9px 14px;border-radius:2px;font-size:11px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:5}.toast.show{opacity:1}.error{position:fixed;z-index:10;top:30%;left:30%;width:440px;max-width:90%;background:#152029;padding:25px;border:1px solid #ecbd7d;color:white}.sidebar.collapsed{transform:translateX(390px);transition:transform .25s}.sidebar:not(.collapsed){transition:transform .25s}@media(max-width:1000px){.hud-stats article{width:110px}.hud-stats article strong{font-size:22px}.sidebar{width:310px}.coord{right:345px}.intro{left:8%;top:36%}}@media(max-width:690px){.sidebar{width:min(94vw,355px);right:3vw;top:75px;bottom:12px}.topbar{height:68px;padding:0 10px}.brand-icon{display:none}.brand h1{font-size:19px}.brand h1 span{display:none}.top-btn{padding:7px}.top-actions .top-btn:nth-child(3){display:none}.live-dot{display:none}.hud-stats{left:8px;bottom:8px;gap:3px}.hud-stats article{width:calc((100vw - 22px)/4);padding:7px}.hud-stats article strong{font-size:18px;margin:4px 0}.hud-stats article .key{font-size:7px;letter-spacing:.2px}.hud-stats article small{font-size:7px;letter-spacing:0}.locator{top:78px;left:8px;width:142px;padding:7px}.locator-head,.locator-footer{font-size:7px;letter-spacing:0}#minimap{width:126px;height:126px}.compass,.coord{display:none}.intro{top:40%;max-width:85%;left:8%}.intro h2{font-size:49px}.intro p{font-size:12px}}