*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0;overflow:hidden;background:#101821;color:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game-canvas{display:block;width:100%;height:100%;cursor:default}#hud{position:fixed;inset:0;pointer-events:none}#topbar{position:absolute;top:12px;left:50%;display:flex;gap:14px;align-items:center;min-height:42px;padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0c1622e0;box-shadow:0 10px 30px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);white-space:nowrap;font-size:14px;font-weight:650}#topbar strong{display:inline-block;min-width:32px;color:#ffe3a2;text-align:right}#selection-panel{position:absolute;left:12px;bottom:12px;width:min(360px,calc(100vw - 24px));min-height:150px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0b131deb;box-shadow:0 16px 45px #00000047;pointer-events:auto}#selection-title{margin-bottom:5px;color:#fff;font-size:16px;font-weight:750}#selection-details{min-height:18px;margin-bottom:10px;color:#b9c7d8;font-size:12px}#actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#actions button{min-height:34px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:linear-gradient(180deg,#315f89,#1c456b);color:#fff;cursor:pointer;font-size:12px;font-weight:750;text-align:left}#actions button:hover{filter:brightness(1.12)}#actions button:disabled{cursor:not-allowed;opacity:.45}#message{position:absolute;top:68px;left:50%;max-width:min(620px,calc(100vw - 24px));min-height:36px;padding:9px 14px;border-radius:8px;background:#070c12b3;color:#fff;transform:translate(-50%);text-align:center;font-size:13px;font-weight:700}#minimap{position:absolute;right:12px;bottom:12px;width:212px;height:212px;border:2px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(135deg,#598e52f2,#486c44f2),#0c1622eb;box-shadow:inset 0 0 0 1px #00000040,0 12px 30px #00000040;overflow:hidden}.minimap-dot{position:absolute;width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:999px;box-shadow:0 0 0 1px #00000059}.minimap-dot.player{background:#61a6ff}.minimap-dot.enemy{background:#ff5757}.minimap-dot.resource{width:3px;height:3px;background:#f4d26a;opacity:.85}#help{position:absolute;right:12px;top:12px;width:min(280px,calc(100vw - 24px));padding:8px 10px;border-radius:8px;background:#070c1285;color:#d9e6f5;text-align:right;font-size:12px;font-weight:650}#drag-select{position:fixed;display:none;border:2px solid #7db7ff;background:#4b92dd2e;pointer-events:none}@media(max-width:900px){#topbar{top:8px;left:8px;max-width:calc(100vw - 16px);transform:none;overflow-x:auto;font-size:12px}#message{top:58px;font-size:12px}#help{display:none}#selection-panel{width:calc(100vw - 24px);min-height:128px}#minimap{right:10px;bottom:162px;width:132px;height:132px}}