.ui-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Arial,sans-serif;color:#fff}.top-bar{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.4));display:flex;gap:30px;padding:0 20px;align-items:center;pointer-events:auto;border-bottom:2px solid #666;flex-wrap:wrap}.resource-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.resource-item .icon{font-size:18px}.income{color:#0f0;font-size:12px;margin-left:5px}.bottom-panel{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.7));border-top:2px solid #666;display:flex;flex-direction:column;pointer-events:auto}.tabs{display:flex;border-bottom:1px solid #444;overflow-x:auto}.tab-button{flex:1;padding:10px 15px;background:rgba(100,100,100,.5);border:none;color:#fff;cursor:pointer;font-size:12px;transition:all .3s;white-space:nowrap}.tab-button:hover{background:rgba(150,150,150,.7)}.tab-button.active{background:rgba(200,150,0,.8);border-bottom:3px solid #ffb000}.panel-content{flex:1;overflow-y:auto;padding:12px 15px}.content-section h3{margin:0 0 10px;font-size:14px}.resource-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-item{background:rgba(100,100,100,.4);border:1px solid #666;border-radius:6px;padding:8px;text-align:center;font-size:11px}.stat-label{font-weight:700;margin-bottom:3px}.stat-value{font-size:16px;font-weight:700;color:#ffb000;margin-bottom:2px}.stat-income{color:#0f0;font-size:10px}.buildings-grid,.units-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.building-btn,.unit-btn{background:rgba(100,100,100,.6);border:2px solid #666;border-radius:6px;padding:8px;cursor:pointer;text-align:center;transition:all .3s;font-size:11px}.building-btn:hover,.unit-btn:hover{background:rgba(150,150,150,.8);border-color:#ffb000}.building-icon,.unit-icon{font-size:28px;margin-bottom:3px}.cost{color:#ffb000;font-size:10px;margin-top:3px}.unit-details{font-size:12px}.detail-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #444}.detail-value{font-weight:700;color:#ffb000}.harvest-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.action-btn{padding:6px 10px;border:1px solid #666;border-radius:4px;background:rgba(100,100,100,.6);color:#fff;cursor:pointer;font-size:11px;transition:all .2s}.action-btn:hover{background:rgba(150,150,150,.8);border-color:#ffb000}.harvest-btn.stop-btn{grid-column:1 / -1;background:rgba(200,50,50,.6);border-color:#f66}.stop-btn:hover{background:rgba(250,100,100,.8);border-color:#faa}.no-selection{color:#999;text-align:center;padding:20px;font-style:italic}.buildings-list{display:flex;flex-direction:column;gap:8px}.building-item{background:rgba(100,100,100,.4);border:1px solid #666;border-radius:6px;padding:10px;cursor:pointer;transition:all .3s;font-size:12px}.building-item:hover{background:rgba(150,150,150,.6);border-color:#ffb000}.building-item.selected{background:rgba(200,150,0,.6);border-color:#ffb000}.building-name{font-weight:700;margin-bottom:3px}.building-health{color:#0f0;font-size:11px}.queue-info{color:#ffb000;font-size:11px;margin-top:3px}.no-buildings{color:#999;text-align:center;padding:15px;font-style:italic}.training-queue{background:rgba(50,50,50,.5);border:1px solid #666;border-radius:6px;padding:10px;margin-bottom:12px}.training-queue h4{margin:0 0 8px;font-size:12px;color:#ffb000}.queue-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px}.queue-unit{flex:1;font-weight:700}.progress-bar{width:60px;height:4px;background:rgba(0,0,0,.5);border:1px solid #666;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ffb000,#ffff00);transition:width .1s}.queue-time{width:35px;text-align:right;color:#0f0}.unit-btn:disabled{opacity:.5;cursor:not-allowed}.unit-btn:disabled:hover{background:rgba(100,100,100,.6);border-color:#666}.unit-btn .time{color:#0f0;font-size:10px;margin-top:2px}.placement-banner{position:absolute;bottom:210px;left:0;right:0;background:rgba(180,120,0,.92);border-top:2px solid #ffcc00;border-bottom:2px solid #ffcc00;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;pointer-events:auto;z-index:10;animation:pulse-banner 1.5s ease-in-out infinite}@keyframes pulse-banner{0%,to{background:rgba(180,120,0,.92)}50%{background:rgba(210,150,0,.95)}}.cancel-placement-btn{background:rgba(200,50,50,.8);border:1px solid #ff6666;color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.cancel-placement-btn:hover{background:rgba(240,80,80,.9)}.building-desc{color:#afa;font-size:10px;margin:2px 0}.building-name-label{font-size:12px;font-weight:700}.building-btn.disabled{opacity:.45;cursor:not-allowed}.building-btn.disabled:hover{background:rgba(100,100,100,.6);border-color:#666}.building-item-left{display:flex;align-items:center;gap:8px;flex:1}.building-item{display:flex;align-items:center;justify-content:space-between;gap:6px}.building-level{color:#fd4;font-size:10px;font-weight:700}.max-level{color:#4fa;font-size:10px;font-weight:700;padding:2px 6px;border:1px solid #44ffaa;border-radius:3px}.upgrade-btn{background:rgba(60,120,60,.7);border:1px solid #44aa44;color:#fff;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:10px;white-space:nowrap;transition:all .2s}.upgrade-btn:hover{background:rgba(80,160,80,.9);border-color:#6d6}.upgrade-btn.disabled{opacity:.4;cursor:not-allowed}.enemy-alert{color:#f66;font-weight:700;animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.hint-text{color:#aaa;font-size:10px;font-style:italic}.ai-state{display:grid;gap:6px}.ai-stat{display:flex;justify-content:space-between;align-items:center;background:rgba(100,50,50,.3);border:1px solid #666;padding:6px 10px;border-radius:3px;font-size:12px}.ai-stat .label{color:#fa8;font-weight:700}.ai-stat .value{color:#ff8;font-weight:700;font-size:14px}