*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#06080a;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#d8e0e8}#app{display:flex;width:100%;height:100%}#viewport{flex:1;display:block;cursor:default}.sidebar{width:200px;min-width:200px;height:100%;background:linear-gradient(180deg,#14181d,#0e1114);border-left:2px solid #2a3138;display:flex;flex-direction:column;padding:6px;gap:6px;overflow-y:auto;overflow-x:hidden}.brand{font-size:13px;font-weight:800;letter-spacing:2px;color:#e8b023;text-align:center;padding:3px 0;border-bottom:1px solid #2a3138}.credits{font-size:18px;font-weight:700;color:#ffe27a;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,226,122,.3)}.power-wrap{padding:0 2px}.power-bar{height:8px;background:#1d232a;border:1px solid #2a3138;border-radius:3px;overflow:hidden}.power-fill{height:100%;width:0%;background:#46d148;transition:width .3s}.power-fill.low{background:#e04a2a}.power-text{font-size:10px;color:#8a97a3;text-align:center;margin-top:2px}.minimap-wrap{display:flex;justify-content:center;background:#0a0d10;border:1px solid #2a3138;border-radius:3px;padding:2px}.minimap{width:180px;height:180px;image-rendering:pixelated}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.tab-btn{background:#1d232a;color:#8a97a3;border:1px solid #2a3138;font-size:9px;font-weight:700;padding:5px 0;cursor:pointer;border-radius:2px}.tab-btn:hover{background:#242b33;color:#c8d2dc}.tab-btn.active{background:#2e3a2e;color:#7de08a;border-color:#46d148}.tab-btn.busy{color:#ffd24b}.tab-btn.ready{animation:pulse .9s infinite alternate;color:#ffd24b;border-color:#ffd24b}@keyframes pulse{0%{filter:brightness(1)}to{filter:brightness(1.7)}}.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.build-btn{position:relative;background:#1a2026;border:1px solid #2a3138;border-radius:3px;cursor:pointer;padding:3px 3px 16px;min-height:66px;overflow:hidden}.build-btn:hover{border-color:#4a5560;background:#212831}.build-btn.disabled{opacity:.35;cursor:not-allowed}.build-btn.producing{border-color:#ffd24b}.build-btn.ready-flash{border-color:#ffd24b;animation:pulse .9s infinite alternate}.build-icon{display:block;margin:0 auto}.build-name{font-size:9px;color:#c8d2dc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-cost{font-size:9px;color:#ffe27a;text-align:center}.build-progress{position:absolute;left:0;bottom:0;height:4px;width:0%;background:#46d148}.build-badge{position:absolute;top:2px;right:3px;font-size:9px;font-weight:800;color:#ffd24b}.powers{display:flex;flex-direction:column;gap:3px}.power-btn{position:relative;background:#221a26;border:1px solid #4a3157;border-radius:3px;color:#d8b8e8;font-size:10px;font-weight:700;padding:6px 4px 8px;cursor:pointer;overflow:hidden}.power-btn.ready-flash{border-color:#ff5050;color:#ffd0d0;animation:pulse .7s infinite alternate}.power-name{pointer-events:none}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.action-btn{background:#1d232a;color:#c8d2dc;border:1px solid #2a3138;font-size:9px;font-weight:700;padding:6px 0;cursor:pointer;border-radius:2px}.action-btn:hover{background:#2a323b}.speed-wrap{display:flex;align-items:center;justify-content:center;gap:8px}.speed-btn{width:22px;height:20px;background:#1d232a;color:#c8d2dc;border:1px solid #2a3138;cursor:pointer;border-radius:2px}.speed-text{font-size:11px;color:#8a97a3}.sel-info{font-size:10px;color:#9fb0c0;min-height:26px;padding:2px;border-top:1px solid #2a3138}#messages{position:absolute;top:10px;left:12px;pointer-events:none;z-index:10}.message-line{font-size:13px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9);margin-bottom:3px;opacity:1;transition:opacity .8s}.message-line.fade{opacity:0}.message-warning{position:fixed;top:18%;left:50%;transform:translate(-50%);font-size:26px;font-weight:900;letter-spacing:4px;color:#ff5050;text-shadow:0 0 18px rgba(255,60,60,.7);z-index:40;animation:pulse .5s infinite alternate;pointer-events:none;transition:opacity .8s}.message-warning.fade{opacity:0}.menu-root{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#16202a,#07090c 75%);z-index:100}.menu-root.translucent{background:#050709d1}.menu-panel{width:min(680px,94vw);max-height:92vh;overflow-y:auto;background:#11161b;border:1px solid #2a3138;border-radius:8px;padding:26px 30px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 60px #000000b3}.menu-panel.small{width:min(380px,94vw)}.menu-panel.wide-panel{width:min(780px,96vw)}.menu-title{font-size:40px;font-weight:900;letter-spacing:8px;text-align:center;color:#e8b023;text-shadow:0 0 24px rgba(232,176,35,.35)}.menu-title.victory{color:#7de08a;text-shadow:0 0 24px rgba(90,220,120,.4)}.menu-title.defeat{color:#e04a2a;text-shadow:0 0 24px rgba(224,74,42,.4)}.menu-subtitle{text-align:center;color:#8a97a3;font-size:13px;margin-top:-8px}.menu-label{font-size:11px;font-weight:700;letter-spacing:2px;color:#6d7a86}.faction-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faction-card{border:2px solid #2a3138;border-radius:6px;padding:14px;cursor:pointer;background:#151b21;transition:transform .1s}.faction-card:hover{transform:translateY(-2px)}.faction-card.active{background:#1d2730;box-shadow:0 0 18px #78a0dc40 inset}.faction-name{font-size:17px;font-weight:800}.faction-tag{font-size:11px;color:#8a97a3;margin-top:4px}.map-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.map-card{border:1px solid #2a3138;border-radius:4px;padding:8px;cursor:pointer;background:#151b21}.map-card.active{border-color:#e8b023;background:#1f2126}.map-name{font-size:12px;font-weight:700}.map-desc{font-size:10px;color:#8a97a3;margin-top:2px}.opt-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.opt-group{display:flex;flex-direction:column;gap:5px}.opt-btns{display:flex;gap:4px}.opt-btn{background:#1d232a;color:#c8d2dc;border:1px solid #2a3138;font-size:11px;padding:5px 10px;cursor:pointer;border-radius:3px}.opt-btn:disabled{opacity:.3;cursor:not-allowed}.opt-btn.active{background:#3a3320;color:#ffd24b;border-color:#e8b023}.opt-btn.wide{width:100%;padding:9px}.opt-btn.danger{color:#ff8a70;border-color:#6a3128}.start-btn{background:linear-gradient(180deg,#2e6b34,#1f4a24);color:#d8ffd8;border:1px solid #46d148;font-size:16px;font-weight:800;letter-spacing:2px;padding:13px;cursor:pointer;border-radius:5px}.start-btn:hover{filter:brightness(1.2)}.menu-help{font-size:11px;color:#6d7a86;text-align:center;line-height:1.6}.menu-footer{font-size:10px;color:#4a545e;text-align:center;border-top:1px solid #22282e;padding-top:10px;line-height:1.5}.stats-table{width:100%;border-collapse:collapse;font-size:12px}.stats-table th{color:#6d7a86;font-size:10px;letter-spacing:1px;text-align:left;padding:6px 8px;border-bottom:1px solid #2a3138}.stats-table td{padding:7px 8px;border-bottom:1px solid #1c2228;font-variant-numeric:tabular-nums}.stats-table tr.defeated td{opacity:.45}input[type=range]{width:100%;accent-color:#e8b023}.tutorial{position:fixed;left:12px;bottom:12px;width:min(360px,calc(100vw - 240px));background:#0a0e12e6;border:1px solid #e8b023;border-radius:6px;padding:9px 12px 11px;z-index:20;box-shadow:0 6px 24px #0009}.tutorial.flash{animation:tip-in .6s ease-out}@keyframes tip-in{0%{transform:translateY(8px);box-shadow:0 0 0 3px #e8b02399}to{transform:none}}.tutorial-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:2px;color:#e8b023;margin-bottom:4px}.tutorial-hide{background:none;border:none;color:#6d7a86;font-size:10px;cursor:pointer;letter-spacing:0}.tutorial-hide:hover{color:#c8d2dc}.tutorial-text{font-size:13px;line-height:1.5;color:#d8e0e8}.tutorial-text b{color:#ffe27a}.tutorial-text kbd{font-family:inherit;font-size:11px;font-weight:700;padding:0 5px;border:1px solid #4a5560;border-radius:3px;background:#1d232a}