:root{font-family:'Trebuchet MS',sans-serif;color:#e2e9df;background:#122026;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit;border:1px solid #637b76;border-radius:7px;background:#21363a;color:#edf4e6;padding:12px;min-height:44px}button{cursor:pointer}button:hover{background:#355151}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efce83}.primary{background:#5a8061;color:#fff6dc;font-weight:bold}a{color:#d4dfb5}label{display:block;margin:12px 0}input,select{width:100%;margin-top:6px}h1{font-size:clamp(36px,6vw,65px);line-height:1.05;margin:14px 0}h2{margin:0 0 10px}.eyebrow{color:#d8c289;letter-spacing:.13em;font-size:12px}.muted{color:#a6baba;font-size:14px;line-height:1.5}.panel{background:#14282bef;border:1px solid #7a8c74;border-radius:14px;padding:26px;box-shadow:0 20px 70px #0008;max-height:92dvh;overflow:auto}#lobby{position:fixed;inset:5vh auto auto 50%;transform:translateX(-50%);width:min(590px,94vw)}.row,.buttons{display:flex;gap:9px;flex-wrap:wrap}.row>*{flex:1}#game{position:fixed;inset:0;width:100vw;height:100dvh;touch-action:none}#hud{position:fixed;top:0;left:0;right:0;padding:12px 16px;background:#101f27e8;display:flex;justify-content:space-between;gap:10px}#hud[hidden]{display:none}#hud span{display:block;font-size:13px;margin-top:4px}#network{position:fixed;left:14px;top:114px;max-width:55vw;background:#11252bd9;border-radius:6px;padding:8px;font-size:12px}#network span{display:block}#minimap{position:fixed;right:16px;top:114px;border:1px solid #738d80;border-radius:8px;background:#12282d}.floating{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,94vw);z-index:30}.floating button{display:block;width:100%;margin:7px 0}.floating p{line-height:1.45}#builder{position:fixed;inset:0;z-index:40;background:#112329;display:flex;flex-direction:column}#builder[hidden]{display:none}#builder header{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #68796d;gap:10px}#builder h2{font-size:23px;margin:0 0 6px}#build-budget{font-size:24px;color:#edd291}#build-warning{font-size:13px;margin:5px 0}.build-body{display:flex;flex:1;overflow:hidden}.build-body aside{width:260px;min-width:180px;max-width:35vw;overflow:auto;padding:10px;background:#1b3035}#part-list{display:grid;gap:5px}#part-list button{text-align:left;font-size:13px;padding:9px}#part-list button[data-selected=true]{border:2px solid #e8d08a;background:#445749}#part-list button span{display:block;color:#a9c8bd;margin-top:4px}.grid-scroll{flex:1;overflow:auto;display:grid;place-items:start center;padding:30px;touch-action:pan-x pan-y}#build-grid{display:grid;grid-template-columns:repeat(15,36px);grid-auto-rows:36px;background:#20373a;border:2px solid #687d70;touch-action:none}#build-grid button{position:relative;min-height:0;width:36px;height:36px;padding:0;border-radius:0;border:1px solid #43534a;background:#182b31}#build-grid button[data-ghost=true]{opacity:.45;border-style:dashed}#build-grid canvas{width:34px;height:34px;pointer-events:none}#builder footer{padding:10px 18px;border-top:1px solid #68796d;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-height:28vh;overflow:auto}#builder footer label{margin:0;font-size:12px}#sensors{display:flex;flex-wrap:wrap;gap:8px}#sensors label{display:inline-flex;align-items:center}#sensors input{width:auto;min-height:0;margin:0 5px}#notice{position:fixed;top:190px;left:50%;transform:translateX(-50%);max-width:min(650px,85vw);padding:13px 20px;background:#213c33ed;border:1px solid #9ea986;border-radius:8px;z-index:60;pointer-events:none}#notice:empty{display:none}[hidden]{display:none!important}.touch-controls{z-index:15}body:has(.floating:not([hidden])) .touch-controls,body:has(#builder:not([hidden])) .touch-controls{visibility:hidden}@media(max-width:800px){#hud{padding:8px;flex-direction:column}#hud .buttons{gap:5px}#hud button{padding:8px;font-size:13px;flex:1}#network{top:155px;font-size:11px;max-width:55vw}#minimap{top:155px;right:8px;width:125px;height:93px}#builder header{padding:10px}#builder h2{font-size:18px}#build-warning{max-width:65vw}#build-budget{font-size:20px}.grid-scroll{padding:14px}.build-body aside{min-width:160px}#builder footer{font-size:12px}#lobby{top:3vh;max-height:94dvh}}@media(max-height:550px){#network{top:105px}#minimap{top:105px;width:120px;height:88px}#hud{flex-direction:row}#builder header{padding:6px}#build-warning{display:none}}