*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;background:#1c2b16;user-select:none}#app{position:relative;width:100%;height:100%}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.topbar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:14px;background:#182212e0;border:2px solid #4a6b33;border-radius:14px;padding:7px 18px;color:#f3ecd9;font-size:15px;font-weight:700;box-shadow:0 4px 16px #00000059}.topbar .res{display:flex;align-items:center;gap:5px;min-width:72px}.topbar .icon{font-size:17px}.topbar .pop.full{color:#ff7961}.messages{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none!important}.messages .msg{background:#182212d1;border:1px solid #6b8a4a;border-radius:10px;color:#ffe9a8;padding:6px 16px;font-size:15px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);animation:msgIn .25s ease-out;transition:opacity .6s}@keyframes msgIn{0%{transform:translateY(-8px) scale(.9);opacity:0}to{transform:none;opacity:1}}.minimap{position:absolute;left:12px;bottom:12px;border:3px solid #4a6b33;border-radius:10px;background:#223317;box-shadow:0 4px 16px #0006;cursor:crosshair}.bottom-panel{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:flex-end}.panel-box{background:#182212e6;border:2px solid #4a6b33;border-radius:12px;padding:10px;color:#f3ecd9;min-height:60px;box-shadow:0 4px 16px #00000059}.selection-info{min-width:240px;max-width:460px}.selection-info .sel-title{font-weight:800;font-size:14px;margin-bottom:4px;color:#cfe8a8}.selection-info .sel-flavor{font-size:11.5px;font-style:italic;color:#b9c9a0;margin-bottom:6px}.unit-chips{display:flex;flex-wrap:wrap;gap:4px}.unit-chip{background:#3a5227;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700}.btn-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.game-btn{background:linear-gradient(#6b8a4a,#4a6b33);border:2px solid #86a862;border-radius:10px;color:#fff;font-weight:800;font-size:12.5px;padding:7px 10px;cursor:pointer;font-family:inherit;text-align:left;line-height:1.25;transition:transform .06s,filter .15s}.game-btn:hover{filter:brightness(1.15)}.game-btn:active{transform:scale(.96)}.game-btn:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}.game-btn .cost{display:block;font-size:10.5px;font-weight:700;color:#ffe9a8;opacity:.95}.game-btn.ability{background:linear-gradient(#9c27b0,#6a1b9a);border-color:#ce93d8}.queue-row{display:flex;gap:4px;margin-top:6px}.queue-item{background:#2b3d1d;border:1px solid #6b8a4a;border-radius:6px;font-size:11px;padding:3px 6px;cursor:pointer}.queue-item.active{border-color:#ffe9a8}.select-box{position:absolute;border:2px solid #7fff6e;background:#7fff6e1f;pointer-events:none!important;z-index:30}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1e2e12eb,#0c1408f7);z-index:50;color:#f3ecd9}.overlay h1{font-size:64px;letter-spacing:2px;color:#ffe9a8;text-shadow:0 4px 0 #7a5c30,0 8px 24px rgba(0,0,0,.6);margin-bottom:4px}.overlay .subtitle{font-size:17px;color:#cfe8a8;margin-bottom:30px;font-style:italic}.faction-cards{display:flex;gap:16px;margin-bottom:26px}.faction-card{width:185px;background:#283a1aeb;border:3px solid #4a6b33;border-radius:16px;padding:16px 14px;cursor:pointer;text-align:center;transition:transform .12s,border-color .12s,box-shadow .12s}.faction-card:hover{transform:translateY(-4px)}.faction-card.selected{border-color:#ffe9a8;box-shadow:0 0 24px #ffe9a859;transform:translateY(-4px)}.faction-card .emoji{font-size:44px}.faction-card h3{margin:8px 0 6px;font-size:17px;color:#ffe9a8}.faction-card p{font-size:12px;color:#c9d6b2;line-height:1.4}.menu-row{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:15px;font-weight:700}.menu-row select{font-family:inherit;font-size:15px;font-weight:700;padding:6px 10px;border-radius:8px;border:2px solid #6b8a4a;background:#2b3d1d;color:#f3ecd9}.big-btn{background:linear-gradient(#ffb547,#e08b1d);border:3px solid #ffe9a8;border-radius:16px;color:#3a2405;font-size:24px;font-weight:900;font-family:inherit;padding:14px 54px;cursor:pointer;box-shadow:0 6px #9c6510,0 10px 24px #0006;transition:transform .08s,box-shadow .08s}.big-btn:hover{filter:brightness(1.08)}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #9c6510}.hint{margin-top:22px;font-size:12.5px;color:#9fb586;max-width:640px;text-align:center;line-height:1.6}.gameover h1{font-size:54px}.gameover .stats{font-size:15px;margin-bottom:24px;color:#cfe8a8}