:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--metal:rgba(15,20,20,.93);--line:rgba(176,194,154,.34);--accent:#d8a83e;--text:#eef1e8;--muted:#9aa392}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0b0e0d;color:var(--text)}button,select{font:inherit}button{cursor:pointer}#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none;background:#20261f}#loading{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#0b0e0d;font-weight:800;letter-spacing:.08em}#topbar{position:fixed;z-index:10;left:0;right:0;top:0;height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px;background:linear-gradient(180deg,rgba(9,12,11,.98),rgba(13,17,15,.88));border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;min-width:250px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8c753c;background:#272316;color:#f4d16f;font-weight:900;font-size:13px;letter-spacing:.08em;clip-path:polygon(12% 0,88% 0,100% 25%,100% 75%,88% 100%,12% 100%,0 75%,0 25%)}.brand strong,.brand small{display:block}.brand strong{text-transform:uppercase;letter-spacing:.09em}.brand small{color:var(--muted);margin-top:2px}#resources{display:flex;gap:6px}#resources span{min-width:92px;padding:8px 10px;border:1px solid var(--line);background:rgba(36,42,36,.72);color:var(--muted);font-size:10px;letter-spacing:.08em}#resources b{display:block;color:#fff;font-size:15px;margin-top:2px}.speed-group{display:flex;gap:4px}.speed-group button{width:42px;height:36px;border:1px solid var(--line);background:#202622;color:#bec8b8}.speed-group button.active{border-color:var(--accent);color:#fff2bc;background:#443718}.panel{position:fixed;z-index:10;top:86px;padding:13px;background:var(--metal);border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.35);backdrop-filter:blur(8px);max-height:calc(100vh - 100px);overflow:auto}#leftpanel{left:12px;width:230px}#rightpanel{right:12px;width:270px}.panel h2{margin:0 0 7px;color:#e5c16c;font-size:11px;letter-spacing:.15em}.panel button{width:100%;text-align:left;color:#edf0e8;border:1px solid rgba(167,181,145,.25);background:#252c26;padding:8px 9px;margin:3px 0}.panel button:hover,.panel button.active{border-color:#b79542;background:#3a321d}.panel button small{display:block;margin-top:2px;color:#98a18f;font-size:9px}.panel hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:8px 0}#hint{color:#9da696;font-size:10px;line-height:1.4;margin-bottom:0}#minimap{width:240px;height:136px;border:1px solid #66705e;background:#111;cursor:crosshair}#selectionInfo,#matchInfo{margin-top:9px;padding:8px;background:rgba(255,255,255,.035);color:#b9c1b2;font-size:11px;line-height:1.45}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.tool-grid button{text-align:center;margin:0}#message{position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(10,12,11,.94);border:1px solid var(--line);padding:10px 16px;color:#f4d16f;opacity:0;transition:opacity .2s;pointer-events:none}#message.show{opacity:1}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;font-size:12px;color:#c2c9ba}.toggle-row>span{display:flex;flex-direction:column;gap:2px}.toggle-row small{color:var(--muted);line-height:1.25}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row i{flex:0 0 auto;width:42px;height:23px;border-radius:23px;background:#3b403b;border:1px solid #656c61;position:relative}.toggle-row i::after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;left:2px;top:2px;background:#aeb6aa;transition:.2s}.toggle-row input:checked+i{background:#68531e;border-color:#b7923f}.toggle-row input:checked+i::after{transform:translateX(19px);background:#ffe18a}dialog{border:0;background:transparent;padding:0;color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.dialog-card{width:min(480px,calc(100vw - 30px));padding:18px;background:#111714;border:1px solid var(--line);box-shadow:0 24px 80px #000}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;margin-bottom:14px}.dialog-heading small{color:#d8a83e;letter-spacing:.16em}.dialog-heading h1{margin:3px 0 0;font-size:23px}.close{width:38px;height:38px;border:1px solid var(--line);background:#252b27;color:#fff;font-size:22px}.dialog-card>label{display:block;margin:12px 0;color:#c8cec4;font-size:12px}.dialog-card select{display:block;width:100%;margin-top:6px;padding:10px;background:#222925;color:#fff;border:1px solid var(--line)}.dialog-card p{font-size:12px;color:var(--muted);line-height:1.45}.primary{width:100%;padding:11px;border:1px solid #b7923f;background:#514019;color:#ffe7a0;font-weight:800}.sandbox-card{width:min(620px,calc(100vw - 30px))}.toggle-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.result-card{position:fixed;z-index:25;inset:auto 50% 30px auto;transform:translateX(50%);display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(15,20,18,.96);border:1px solid #c69c3e}.result-card strong{color:#ffe18a}.result-card span{color:#bbc2b8}.result-card button{padding:8px 10px;border:1px solid var(--line);background:#2c332d;color:#fff}.hidden{display:none!important}@media(max-width:1050px){#topbar{height:60px;padding:6px 8px}.brand{min-width:auto}.brand-mark{width:36px;height:36px}.brand small{display:none}#resources span{min-width:65px;padding:5px 6px;font-size:8px}#resources b{font-size:11px}.speed-group button{width:34px;height:30px;font-size:11px}.panel{top:68px}#leftpanel{left:6px;width:205px;transform:scale(.88);transform-origin:top left}#rightpanel{right:6px;width:220px;transform:scale(.82);transform-origin:top right}.toggle-list{grid-template-columns:1fr}}
.sandbox-note{color:#e6bd58}

.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.command-grid button{text-align:center;margin:0;padding:7px 5px;font-size:10px}.command-grid button.active{border-color:#d8a83e;background:#443718;color:#ffe9a5}

.bug-card textarea{display:block;width:100%;margin-top:6px;padding:10px;resize:vertical;background:#222925;color:#fff;border:1px solid var(--line);font:inherit}.bug-card img{display:block;width:100%;max-height:220px;object-fit:contain;background:#050706;border:1px solid var(--line);margin:10px 0}.tool-grid button:last-child:nth-child(odd){grid-column:1/-1}
#objectiveInfo{margin-top:8px;padding:9px;background:rgba(216,168,62,.07);border:1px solid rgba(216,168,62,.28);font-size:10px;line-height:1.45}#objectiveInfo>b{display:block;color:#e5c16c;letter-spacing:.1em;margin-bottom:4px}.objective{color:#c4cbbf;padding:2px 0}.objective.complete{color:#87d493}.objective small{color:#8f988b}.mission-brief{padding:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1.65;color:#c8cec4;margin:12px 0}

.panel button.build,.panel button.train{display:flex;align-items:center;gap:8px;min-height:48px}.panel button.build img,.panel button.train img{width:44px;height:38px;object-fit:contain;flex:0 0 44px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.panel button.build span,.panel button.train span{display:block;min-width:0}.panel button.build small,.panel button.train small{white-space:normal}