:root{--panel: rgba(14, 19, 28, .92);--panel-border: #6b5b25;--gold: #e9c46a;--ink: #f2efe4;--ink-dim: #b9b4a4;--player: #3f7fd4;--enemy: #c04545;--danger: #e05d5d;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#10151d;color:var(--ink);-webkit-user-select:none;user-select:none}#map,#map canvas{position:fixed;top:0;right:0;bottom:0;left:0}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:10px 18px;background:linear-gradient(to bottom,#0a0e14f2,#0a0e14c7);border-bottom:1px solid var(--panel-border);z-index:10}.brand{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:3px;font-size:18px;color:var(--ink)}.brand span{color:var(--gold)}.stat{font-size:14px;color:var(--ink-dim)}.stat b{color:var(--ink);font-size:15px}.stat.gold b{color:var(--gold)}.spacer{flex:1}button{font:inherit;font-weight:600;font-size:14px;color:#18120a;background:linear-gradient(to bottom,#f0cf7e,#d9a93f);border:1px solid #8a6d20;border-radius:8px;padding:8px 18px;cursor:pointer}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.ghost{background:transparent;color:var(--ink-dim);border:1px solid #3a4252}button.ghost:hover{color:var(--ink);border-color:var(--gold);filter:none}button:disabled{opacity:.45;cursor:default}#stack-panel{position:fixed;left:16px;bottom:16px;width:300px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-title{font-family:Georgia,serif;font-size:16px;color:var(--gold);margin-bottom:10px}#stack-units{display:flex;flex-wrap:wrap;gap:8px}.unit-card{width:64px;border:2px solid #3a4252;border-radius:10px;padding:5px 4px 4px;text-align:center;cursor:pointer;background:#ffffff08}.unit-card img{width:36px;height:36px;display:block;margin:0 auto}.unit-card .nm{font-size:9px;color:var(--ink-dim);line-height:1.1;height:20px;overflow:hidden}.unit-card .st{font-size:11px;font-weight:700;color:var(--ink)}.unit-card .st .mp{color:var(--ink-dim);font-weight:400}.lbl{font-size:8px;color:#7d8595;letter-spacing:.5px}.b-unit .s b{color:var(--gold)}.unit-card.on{border-color:var(--gold);background:#e9c46a1a}.unit-card.spent{opacity:.45}.panel-actions{display:flex;gap:8px;margin-top:10px}.panel-actions button{flex:1;padding:7px 4px;font-size:13px}.hint{margin-top:10px;font-size:11px;color:#7d8595;line-height:1.4}.hidden{display:none!important}#toasts{position:fixed;top:64px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:30;pointer-events:none}.toast{background:var(--panel);border:1px solid var(--panel-border);border-left:4px solid var(--gold);border-radius:8px;padding:10px 14px;font-size:13px;max-width:320px;animation:slidein .25s ease}.toast.bad{border-left-color:var(--danger)}@keyframes slidein{0%{transform:translate(30px);opacity:0}}#modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ca6;display:flex;align-items:center;justify-content:center;z-index:40}#modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:22px 26px;width:min(480px,92vw);max-height:84vh;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#modal h2{font-family:Georgia,serif;margin:0 0 6px;color:var(--gold);font-size:20px}#modal p{color:var(--ink-dim);font-size:14px;line-height:1.5}#modal .modal-actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.prod-option{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid #3a4252;border-radius:10px;margin:6px 0;cursor:pointer}.prod-option:hover{border-color:var(--gold);background:#e9c46a0f}.prod-option.current{border-color:var(--gold);background:#e9c46a1f}.prod-option.cant{opacity:.45;cursor:default}.prod-option img{width:38px;height:38px}.prod-option .info{flex:1}.prod-option .info .n{font-weight:600;font-size:14px}.prod-option .info .d{font-size:12px;color:var(--ink-dim)}.prod-option .price{color:var(--gold);font-weight:700;font-size:14px}#battle{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080cb8;display:flex;align-items:center;justify-content:center;z-index:50}.battle-box{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:24px 30px;width:min(620px,94vw);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.battle-title{font-family:Georgia,serif;text-align:center;font-size:20px;color:var(--gold);margin-bottom:18px}.battle-field{display:flex;align-items:center;gap:14px;min-height:130px}.battle-side{flex:1;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.battle-vs{font-size:26px;color:var(--ink-dim)}.b-unit{width:52px;text-align:center;transition:opacity .3s,transform .15s}.b-unit img{width:44px;height:44px}.b-unit .s{font-size:11px;color:var(--ink-dim)}.b-unit.dead{opacity:.16;filter:grayscale(1)}.b-unit.fighting{transform:scale(1.18)}.b-unit.fighting img{filter:drop-shadow(0 0 8px var(--gold))}.battle-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.endscreen h1{font-family:Georgia,serif;font-size:34px;text-align:center;margin:4px 0 10px}.endscreen.win h1{color:var(--gold)}.endscreen.lose h1{color:var(--danger)}.endscreen p{text-align:center}