body{font-family:system-ui,sans-serif;color:#e9f1f7;background:#060c17}button{cursor:pointer}button:focus-visible{outline:3px solid #77ddff;outline-offset:3px}.ui{display:block;padding:0;perspective:none}.ui>*{transform-style:flat}.ui header,.stats,.brief,.tools,footer,.ui-panel--btns{position:absolute;pointer-events:auto;box-sizing:border-box}.ui header{top:18px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.ui h1{font-size:24px;font-weight:600;margin:4px 0}.ui small,.start-card small{font-size:10px;letter-spacing:.15em;color:#8ab8cc}nav{display:flex;gap:6px;flex-wrap:wrap}nav button,.tools button,.ui-panel--btns button,dialog button{background:#142637;color:#d8eaf4;border:1px solid #355064;border-radius:7px;padding:10px 13px;min-height:40px;font:inherit;font-size:12px}.stats{top:100px;left:24px;display:flex;gap:12px;max-width:calc(100% - 48px)}.stats .eco,.stats .ui-panel{background:#0c1b29e8;border:1px solid #263e50;border-radius:10px;padding:12px;min-width:110px;position:static;transform:none;box-shadow:none}.stats .pop{border:0;padding:0;display:grid;gap:7px}.stats .eco{display:grid;gap:7px}.stats .eco>span:first-child{font-size:9px;letter-spacing:.16em;color:#93b7ca}.stats .power small{letter-spacing:0;font-size:10px}.stats b{font-size:15px}.stats .bar{height:3px;background:#213244;overflow:hidden}.stats .fill{height:100%;background:#5fd9c5}.stats .dot,.stats .pop .err{display:none}.brief{left:24px;top:217px;right:24px;pointer-events:none;font-size:12px}.brief p{margin:6px 0;color:#a4c6d6}.brief p:first-child{color:#f1c88a;font-size:14px}.tools{right:24px;top:120px;display:flex;flex-direction:column;gap:8px;background:#0b1a27dc;padding:12px;border:1px solid #283e51;border-radius:9px}.tools label{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tools input{width:32px;height:24px;margin:0;box-shadow:none}.ui-panel--btns{right:24px;bottom:205px;display:flex;gap:6px}.ui-panel--btns[aria-hidden=true]{display:none}footer{bottom:18px;left:24px;right:24px;display:flex;gap:14px;align-items:stretch}.ui-panel__build-list{display:flex;flex-wrap:wrap;gap:5px;background:#0b1826de;padding:7px;border:1px solid #284253;border-radius:10px;box-shadow:none;max-width:620px;flex:1;margin:0}.ui-panel__build-info{width:280px;min-height:76px;box-sizing:border-box;padding:12px;border:1px solid #365266;border-radius:9px;background:#102434;box-shadow:none;text-shadow:none;font-size:12px;line-height:1.6}.ui-panel__build-info:empty{display:none}button.build-bar{width:105px;min-height:64px;border:1px solid #375062;border-radius:6px;background:#172d3d;box-shadow:none;align-items:flex-end;padding:6px;color:#e9f7ff;font-size:10px}button.build-bar::before{top:6px;transform:scale(.5)}button.build-bar span{position:relative;z-index:3}button.build-bar[aria-pressed=true]{background:#3b5f66;box-shadow:inset 0 0 0 2px #8fe7d8}button.build-bar.disabled{opacity:.35}.splash{z-index:10;background:radial-gradient(ellipse at 50% 40%,#173d5188,#020712cc);text-align:center}.start-card{padding:32px;max-width:580px;border:1px solid #496a7e;border-radius:22px;background:#0a1828db;box-shadow:0 20px 90px #0008}.start-card h1{font-size:clamp(36px,7vw,64px);letter-spacing:-.05em;margin:18px 0}.start-card p{font-size:15px;line-height:1.8;color:#b7cfdd}.start-card button{margin:20px;padding:14px 28px;background:#9ee4d3;color:#0a2b2b;border:0;border-radius:8px;font:600 16px system-ui}dialog{max-width:520px;max-height:75vh;overflow:auto;color:#e6eff8;background:#102334;border:1px solid #4b7188;border-radius:15px;padding:26px;font:14px/1.7 system-ui}dialog::backdrop{background:#020813bb}dialog h2{font-size:24px;margin:0 0 10px}dialog li{margin:12px 0}dialog a{color:#a2e9dc}dialog button{margin-top:10px}.viewport{touch-action:none}@media(max-width:680px){.ui header{top:12px;left:12px;right:12px;align-items:flex-start}.ui h1{font-size:17px}nav{max-width:200px;justify-content:flex-end}nav button{padding:7px;font-size:10px;min-height:34px}.stats{top:117px;left:12px;gap:6px;max-width:calc(100% - 24px)}.stats .eco,.stats .ui-panel{min-width:80px;padding:8px}.stats .pop{padding:0}.stats b{font-size:12px}.stats .power small{font-size:8px}.brief{left:12px;right:12px;top:230px}.brief #status{font-size:10px}.tools{top:310px;right:12px;padding:6px}.tools label{font-size:9px}.tools button{font-size:9px;padding:5px;min-height:30px}footer{left:12px;right:12px;bottom:12px;display:block}.ui-panel__build-list{padding:5px;gap:4px}button.build-bar{width:calc(25% - 4px);min-height:49px;font-size:8px;padding:3px}button.build-bar::before{transform:scale(.35);top:0}.ui-panel__build-info{width:100%;min-height:0;font-size:10px;padding:7px;margin-top:5px}.ui-panel--btns{right:12px;bottom:240px}.start-card{margin:16px;padding:24px}}

.stats .pop .cur,.stats .pop .cap{display:inline;min-width:0}.stats .pop b{white-space:nowrap}.scene .module .face{cursor:crosshair}