:root{--glass:#06131de9;--edge:#314a57;--accent:#e6b16d;--muted:#91aab8;--mono:Consolas,Menlo,Monaco,monospace;font-family:Arial,Helvetica,sans-serif;color:#e8f5f5}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030b10}button,select,input{font:inherit}button{cursor:pointer}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 32%,#000b 115%)}header{position:absolute;z-index:5;top:0;left:0;right:0;height:103px;display:flex;gap:17px;align-items:center;padding:17px 30px;background:linear-gradient(#06141dee,#06141d22);border-bottom:1px solid #384e554b}.brand-mark{font-size:43px;color:var(--accent);width:57px;display:grid;place-items:center;border:1px solid #ad8b57;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.kicker,.section-bar{font:700 10px var(--mono);letter-spacing:1.5px;color:var(--accent)}.kicker span{color:#718d9f}h1{font-size:27px;margin:5px 0 4px;letter-spacing:1.8px}h1 em{font-style:normal;color:var(--accent)}.subhead{font:700 10px var(--mono);letter-spacing:1px;color:#93afb8}.subhead span{color:var(--accent)}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;font:700 10px var(--mono)}.online,.mode,.help{padding:12px;background:#0b2129bb;border:1px solid #38515b}.online{color:#8af0b6}.mode{color:#b3c3c9}.help{color:white} .sidebar{position:absolute;z-index:4;top:114px;bottom:85px;width:302px;overflow-y:auto;background:var(--glass);border:1px solid var(--edge);padding:19px;backdrop-filter:blur(13px);scrollbar-width:thin;scrollbar-color:#47626c transparent}.left{left:20px}.right{right:20px;width:296px}.section-bar{display:flex;justify-content:space-between;color:#d3e8e8;font-size:9px}.section-bar span{color:#d7af77;font-weight:400;letter-spacing:.4px}h2{font-size:28px;line-height:1.03;letter-spacing:-.7px;font-weight:300;margin:20px 0 11px}h2 b{display:block;font-weight:900;color:#f1c083}.sidebar>p{font-size:12px;color:#94aebc;line-height:1.6;margin:0 0 16px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#3b5d65;border:1px solid #3b5d65;margin:20px 0 24px}.stats div{background:#0a1a25;padding:13px 11px}.stats strong{display:block;font:700 25px var(--mono);color:#eef8f7}.stats small{font:700 9px var(--mono);color:#6f92a1}.stats strong small{font-size:12px}.levels{display:grid;gap:5px;margin:12px 0}.level{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #39515c;background:#0c202c;color:#bdd0d8;text-align:left}.level:hover{background:#1b3038}.level.active{border-color:#dbad6f;background:linear-gradient(90deg,#8b62332d,transparent);color:#ffc783}.level .number{font:700 14px var(--mono);color:#86a6b0}.level strong{font:700 10px var(--mono);letter-spacing:.6px}.level small{margin-left:auto;color:#86a3ac;font:10px var(--mono)}.chamber-title{margin:22px 0 12px}.sidebar select{width:100%;padding:11px;background:#0d202a;border:1px solid #476775;color:#e2eff1;font:11px var(--mono)}.action,.secondary{width:100%;display:flex;justify-content:space-between;gap:7px;align-items:center;margin-top:10px;padding:12px 13px;background:var(--accent);color:#17232b;border:1px solid #f3c38a;font:800 10px var(--mono);letter-spacing:.6px}.action:hover{background:#ffe0a7}.secondary{background:#0d202a;color:#dce5e8;border-color:#496779}.schematic-title{margin-top:24px}#minimap{margin-top:9px;width:100%;height:146px;background:#0c1b24;border:1px solid #344e5c}.map-key{display:flex;justify-content:space-between;font:8px var(--mono);color:#85a1ae;margin-top:8px}.map-key span:first-child{color:#f1bd73}.right h2{font-size:27px}.control{margin:20px 0}.control-top{display:flex;justify-content:space-between;font:700 10px var(--mono);letter-spacing:.7px;color:#bbd0d4}.control-top output{color:#f5c486;font-size:13px}.control input{width:100%;margin:11px 0 4px;accent-color:#f0ba76;height:5px}.control p{font:10px/1.5 var(--mono);color:#6a8995;margin:2px}.switches{margin:20px 0}.switch{width:100%;display:flex;align-items:center;justify-content:space-between;margin:7px 0;padding:11px;color:#c8d9df;background:#0f2330;border:1px solid #3b5562;font:700 10px var(--mono)}.switch i{display:inline-block;width:22px;height:12px;border-radius:10px;background:#69b89f;position:relative}.switch i:after{content:'';position:absolute;right:2px;top:2px;width:8px;height:8px;border-radius:50%;background:#fff}.switch[aria-pressed=false] i{background:#63747b}.switch[aria-pressed=false] i:after{right:auto;left:2px}.reactor{padding:14px;background:linear-gradient(135deg,#22313b,#0b1a25);border:1px solid #486573}.reactor-data{display:flex;gap:13px;align-items:center;margin:19px 0}.energy-circle{width:95px;height:95px;flex-shrink:0;background:conic-gradient(var(--accent) 83%,#30414b 0);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:9px solid #1e2e3a;outline:2px solid #937f61}.energy-circle b{font:700 30px var(--mono)}.energy-circle small{font:9px var(--mono);color:#edb87b}.reactor-data>div:last-child>small{color:#91a8b5;font:8px var(--mono)}.reactor h3{font:700 23px var(--mono);color:#f3c18a;margin:6px 0}.reactor p{font:10px/1.5 Arial;color:#829da8;margin:0}.reactor-foot{border-top:1px solid #3c5560;padding-top:10px;display:flex;justify-content:space-between;font:9px var(--mono);color:#90e8ad}.reactor-foot span:last-child{color:#f1b77a}.hud{position:absolute;z-index:6;bottom:0;left:0;right:0;height:73px;display:flex;align-items:center;gap:25px;padding:12px 24px;background:#06131def;border-top:1px solid #445f68}.hud>div:not(.hud-right){min-width:172px;padding:0 17px;border-right:1px solid #385563}.hud small{display:block;font:9px var(--mono);color:#879fac;margin-bottom:7px}.hud b{font:700 12px var(--mono)}.hud-right{margin-left:auto;display:flex;gap:8px}.hud-right button{width:auto;white-space:nowrap;margin:0}#toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%);z-index:20;background:#142634;color:#ffe1a9;padding:12px 20px;border:1px solid #ce9d59;opacity:0;pointer-events:none;transition:opacity .25s;font:11px var(--mono)}#toast.show{opacity:1}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#02080ce6;z-index:30}.hidden{display:none}.modal-content{position:relative;width:min(540px,90vw);padding:34px;background:#0e2430;border:1px solid #be8c53}.modal h2{font-size:31px}.modal p{font:13px/1.7 Arial;color:#a8c2ce}.modal .tiny{font-size:11px;color:#859eaa}.x{position:absolute;right:15px;top:15px;color:white;background:transparent;border:1px solid #678;padding:7px}.keys{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.keys span{font:10px var(--mono);color:#9ab5be;padding:8px;background:#152e3a}.keys kbd{color:#edbe84;margin-right:8px;font-weight:700}
@media(max-width:1120px){.sidebar{width:255px}.right{width:245px}.hud>div:not(.hud-right){min-width:130px}.header-right .online{display:none}}@media(max-width:830px){.right{display:none}.left{left:8px;width:244px}.mode{display:none}.hud>div:nth-child(2),.hud>div:nth-child(3){display:none}}@media(max-width:490px){header{height:82px;padding:10px}header h1{font-size:17px}.subhead{font-size:7px}.brand-mark{font-size:26px;width:36px}.sidebar.left{top:auto;bottom:69px;height:235px;width:calc(100% - 16px)}.sidebar.left h2,.sidebar.left p,.stats,.schematic-title,#minimap,.map-key{display:none}.levels{grid-template-columns:1fr 1fr}.level{padding:6px}.level strong{font-size:9px}.level small{display:none}.hud{height:67px;gap:8px;padding:7px}.hud>div:not(.hud-right){min-width:110px;padding:0}.hud-right .secondary{display:none}.hud-right .action{font-size:9px}}