@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;background:#0d0d0d;color:#e0e0e0;min-height:100vh;display:flex;flex-direction:column;align-items:center}header{width:100%;padding:16px 24px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #2a2a4a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}header h1{font-size:1.4em;font-weight:700;background:linear-gradient(90deg,orange,tomato);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fight-subphase-label{padding:4px 10px;border:1px solid #66bb6a;border-radius:6px;background:#2e7d3233;color:#a5d6a7;font-size:.85em;font-weight:700}.toolbar label,.toolbar button{font-size:.85em}.toolbar button{padding:6px 14px;border:1px solid #555;border-radius:6px;background:linear-gradient(145deg,#2a2a4a,#1a1a2e);color:#e0e0e0;cursor:pointer;transition:all .2s;font-family:inherit}.toolbar button:hover{background:linear-gradient(145deg,#3a3a6a,#2a2a4e);border-color:orange;color:orange;box-shadow:0 0 8px #ffa50040}.toolbar button.active{border-color:orange;color:orange;background:linear-gradient(145deg,#16213e,#1a1a2e);box-shadow:inset 0 0 10px #ffa5004d}.toolbar button.topbar-btn--special{background:linear-gradient(145deg,orange,tomato);border-color:#ffca28;color:#fff;font-weight:700;box-shadow:0 0 15px #ffa50073}.toolbar button.topbar-btn--danger{background:linear-gradient(145deg,#3a1a1a,#2a1010);border-color:#c0392b;color:#ff8a80;font-weight:700}.toolbar button.topbar-btn--confirm{background:linear-gradient(145deg,#2e7d32,#1b5e20);border-color:#66bb6a;color:#e8f5e9;font-weight:700}.toolbar button.topbar-btn--confirm.is-advanced{background:linear-gradient(145deg,#4a4a4a,#333);border-color:#8a8a8a;color:#d6d6d6;box-shadow:none}.toolbar button:disabled{cursor:not-allowed;opacity:.72}.map-setup-overlay{position:fixed;inset:0;background:#000000a6;display:none;align-items:center;justify-content:center;z-index:2100}.map-setup-overlay.visible{display:flex}.map-setup-modal{width:min(92vw,380px);background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #3a3a6a;border-radius:10px;box-shadow:0 12px 36px #00000080;padding:16px}.map-setup-modal h3{color:orange;margin-bottom:12px;font-size:1rem}.map-setup-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.map-setup-row label{font-size:.85rem;color:#c8d1e8}.map-setup-row input,.map-setup-row select{background:#0a0a1ee6;color:#f4f6fb;border:1px solid #3a3a6a;border-radius:6px;padding:8px 10px;font:inherit}.map-setup-row select{appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,#9fb1da 50%),linear-gradient(135deg,#9fb1da 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.map-setup-row input:focus,.map-setup-row select:focus{outline:none;border-color:#ffb547;box-shadow:0 0 0 2px #ffb34733}.map-setup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.map-setup-actions button{min-width:92px;padding:8px 14px;border-radius:8px;font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.map-setup-actions button:hover{transform:translateY(-1px)}.map-setup-actions button:active{transform:translateY(0)}.map-setup-actions .map-setup-cancel{border:1px solid #5b6486;background:linear-gradient(145deg,#20263a,#1a1f31);color:#cfd7ee}.map-setup-actions .map-setup-cancel:hover{border-color:#7a86af;box-shadow:0 4px 14px #4655824d}.map-setup-actions .map-setup-ok{border:1px solid #ffb547;background:linear-gradient(145deg,#ffb347,#ff7d45);color:#1d1206;box-shadow:0 4px 16px #ff914859}.map-setup-actions .map-setup-ok:hover{border-color:#ffd08a;box-shadow:0 6px 20px #ff914873}.map-container{margin:20px;overflow:hidden;width:calc(100vw - 40px);height:calc(100vh - 120px);border:2px solid #2a2a4a;border-radius:10px;box-shadow:0 0 30px #0009,inset 0 0 60px #0000004d;position:relative;user-select:none}.canvas-wrap{position:relative;display:inline-block}canvas{display:block;cursor:default}.tooltip{position:absolute;pointer-events:none;background:#0a0a1ef0;border:1px solid #ffa500;border-radius:8px;padding:10px 14px;font-size:.82em;line-height:1.5;color:#e0e0e0;box-shadow:0 4px 20px #0009,0 0 10px #ffa50026;opacity:0;transition:opacity .15s;z-index:10;max-width:520px;white-space:normal}.tooltip.visible{opacity:1}.tooltip .tt-name{font-weight:700;color:orange;font-size:1.05em;margin-bottom:2px}.tooltip .tt-warning{margin-bottom:8px;padding:6px 8px;border:1px solid rgba(239,83,80,.7);border-radius:6px;background:#ef535024;color:#ffb4a9;font-weight:700}.tooltip .tt-top{display:flex;gap:10px;align-items:stretch}.tooltip .tt-top.has-image .tt-details{min-width:170px;max-width:250px}.tooltip .tt-image-pane{width:180px;min-width:180px;height:120px;max-height:120px;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center}.tooltip .tt-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.tooltip .tt-unit{font-size:.9em;color:#aaa;margin-bottom:6px}.tooltip .tt-stats{display:flex;gap:10px;margin-bottom:0}.tooltip .tt-stats span{background:#222;padding:2px 6px;border-radius:4px;font-size:.9em}.tooltip .tt-weapons{border-top:1px solid #333;padding-top:4px;margin-top:4px;color:#ccc;font-size:.88em;max-height:260px;overflow:auto}.tooltip .tt-weapons .tt-weapons-table{width:100%;border-collapse:collapse}.tooltip .tt-weapons .tt-weapons-table th,.tooltip .tt-weapons .tt-weapons-table td{padding:4px 6px}.legend-flyout{position:fixed;top:120px;bottom:0;right:0;transform:translate(0);transition:transform .3s ease;display:flex;align-items:stretch;z-index:1100}.legend-flyout.collapsed{transform:translate(calc(100% - 28px))}.legend-tab{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;width:28px;padding:16px 6px;background:linear-gradient(180deg,#2a2a4a,#1a1a2e);border:1px solid #3a3a6a;border-right:none;border-radius:8px 0 0 8px;cursor:pointer;font-size:.75em;font-weight:600;color:orange;letter-spacing:1px;user-select:none;transition:background .2s;flex-shrink:0}.legend-tab:hover{background:linear-gradient(180deg,#3a3a6a,#2a2a4e)}.legend-tab .tab-arrow{display:block;margin-top:8px;font-size:1.1em;transition:transform .3s;writing-mode:horizontal-tb}.legend-flyout.collapsed .tab-arrow{transform:scaleX(-1)}.legend-panel{background:#0a0a1ef2;border:1px solid #3a3a6a;border-right:none;padding:14px 16px;font-size:.8em;min-width:320px;max-width:420px;height:100%;max-height:none;overflow-y:auto}.legend-flyout.declare-formations-mode .legend-panel{min-width:min(640px,calc(100vw - 28px));max-width:min(840px,calc(100vw - 28px))}.legend-panel h3{font-size:.85em;font-weight:700;color:orange;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #333}.legend-army-tabs{display:flex;align-items:flex-end;gap:4px;margin-bottom:10px;border-bottom:1px solid #3a3a6a;padding:0 2px}.legend-filters{display:flex;margin-bottom:10px}.legend-filter-btn{width:100%;padding:7px 10px;border:1px solid #505088;border-radius:7px;background:linear-gradient(145deg,#2b2b4f,#1d1d33);color:#e0e0f0;font-size:.82em;cursor:pointer}.legend-filter-btn.active{border-color:orange;color:orange}.legend-deploying-status{margin-top:6px;color:#ffca6b;font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.legend-army-tab{appearance:none;-webkit-appearance:none;border:1px solid #3a3a6a;border-bottom:none;background:linear-gradient(180deg,#222840e6,#141828f2);color:#95a2c4;border-radius:8px 8px 0 0;padding:11px 18px 9px;font-size:1.275em;font-weight:600;cursor:pointer;line-height:1;transform:translateY(1px);transition:color .2s ease,border-color .2s ease,background .2s ease}.legend-army-tab:not(.active){border-bottom:1px solid #3a3a6a;box-shadow:none}.legend-army-tab:hover{color:#d8ecff;background:linear-gradient(180deg,#344268e6,#18223af2)}.legend-army-tab.active{color:orange;background:#0a0a1ef2;transform:translateY(1px);position:relative;z-index:1}.legend-empty{border:1px dashed rgba(174,184,212,.4);border-radius:8px;padding:10px;color:#aeb8d4;text-align:center;font-size:.9em}#map-log-container{position:fixed;bottom:0;left:0;right:0;background:#141414f2;border-top:2px solid #444;color:#eee;font-family:Consolas,Courier New,monospace;z-index:1000;transition:transform .3s ease;transform:translateY(calc(100% - 30px))}#map-log-container.expanded{transform:translateY(0)}#map-log-header{background:#333;padding:5px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:30px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:orange}.map-log-title-row{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}#map-log-header-error{display:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ff6b6b;font-weight:700;text-transform:none;letter-spacing:0}#map-log-header-error.visible{display:inline}#map-log-content{height:225px;overflow-y:auto;padding:10px 15px;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.4;white-space:normal}.log-entry{margin-bottom:2px}.log-node-row{display:flex;align-items:flex-start;gap:6px;border-left:3px solid #666;padding-left:6px}.log-node-toggle{width:14px;min-width:14px;height:14px;margin-top:1px;border:none;border-radius:3px;background:transparent;color:#8b95b7;font-size:10px;line-height:1;cursor:pointer;padding:0}.log-node-toggle:disabled{cursor:default;opacity:.65}.log-node-label{flex:1;min-width:0;word-break:break-word}.log-entry-children{margin-top:1px}.log-phase{color:#4fc3f7;font-weight:700}.log-turn{color:orange;font-weight:700;border-top:1px solid #444;padding-top:5px;margin-top:5px}.log-move{color:#a5d6a7}.dead{color:#ff5252;font-weight:700}.alive{color:#4caf50;font-weight:700}.crit{color:orange;font-weight:700}.fail{color:#777}.fnp{color:#4fc3f7;font-style:italic}.reroll{color:#90caf9;text-decoration:underline}.wpn-header{color:orange;background:#333;padding:4px 8px;margin-top:10px;margin-bottom:3px;display:block;border-left:4px solid #ffa500}#map-log-content .log-node-label .wpn-header{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:baseline}.roll_succeeded{color:#66ff9a;font-weight:700}.roll_failed{color:#777}.legend-unit-browser-item{border:1px solid rgba(79,195,247,.2);border-radius:8px;padding:8px;margin:8px 0;background:#ffffff08}.legend-unit-tree-children{margin-left:24px;border-left:2px dashed rgba(79,195,247,.35);padding-left:10px}.legend-unit-browser-item.drag-over-unit{border-color:orange;box-shadow:0 0 0 2px #ffa50059;background:#ffa50014}.legend-unit-header-row{display:flex;align-items:center;gap:8px}.legend-unit-header-main{flex:1;min-width:0}.legend-unit-name{color:#f0f0f0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-unit-summary{color:#a0a0b5;font-size:.9em;margin-top:2px}.legend-unit-header-controls{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.legend-reserve-toggle-btn{border:1px solid #4fc3f7;background:#4fc3f726;color:#d7f3ff;border-radius:6px;font-size:.78em;font-weight:700;padding:6px 10px;cursor:pointer;white-space:nowrap}.legend-reserve-toggle-btn.active{border-color:#7ee787;background:#7ee78733;color:#d8fbe0}.legend-reserve-toggle-btn:disabled{border-color:#78788c73;background:#50506433;color:#9aa0b5;cursor:not-allowed}.legend-unit-toggle-btn{background:transparent;border:1px solid #4fc3f7;color:#4fc3f7;border-radius:4px;width:26px;height:24px;padding:0;font-size:1em;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.legend-unit-toggle-btn:hover{border-color:orange;color:orange}.legend-unit-unlink-btn{width:30px;height:30px;border-radius:6px;border:1px solid #ef5350;background:#ef53502e;color:#ff8a80;font-size:1.4em;font-weight:700;line-height:1;cursor:pointer}.legend-unit-unlink-btn:hover{background:#ef53504d;color:#ffd1d0}.legend-model-list{margin-top:8px}.legend-model-list .model-list-item{cursor:grab}.legend-model-list .model-info-row{display:flex;align-items:center;gap:6px}.legend-model-list .model-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-model-list .model-weapons-row{max-height:none;opacity:1;margin-top:4px;padding-top:4px;font-style:normal;color:#aeb8d4;line-height:1.35}.legend-model-list .model-list-item:hover .model-weapons-row{max-height:none;opacity:1}.legend-model-list .model-list-item.dragging{opacity:.45}.legend-model-list .model-list-item.drag-over-before{box-shadow:inset 0 2px orange;background:#ffa5001a}.legend-model-list .model-list-item.drag-over-after{box-shadow:inset 0 -2px orange;background:#ffa5001a}.legend-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0;overflow:hidden;position:relative;box-shadow:0 0 4px currentColor}.legend-swatch-image img{position:absolute;pointer-events:none;user-select:none}.import-input{display:none}.phase-bar{width:100%;max-width:900px;display:flex;align-items:stretch;gap:4px;margin:10px 0;padding:0 4px}.phase-turn{flex:0 0 auto;min-width:90px;padding:6px 10px;text-align:center;font-size:1em;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:transparent;border:none;border-radius:0;color:orange;box-shadow:none}.phase-cp{flex:0 0 auto;min-width:140px;padding:6px 10px;text-align:center;font-size:.9em;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#f4d35e;background:transparent;border:none;border-radius:0;box-shadow:none}.phase-cp .cp-side-l{color:#4fc3f7}.phase-cp .cp-side-r{color:#ef5350}.phase-step{flex:1;padding:8px;text-align:center;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:4px;color:#666;transition:all .3s;position:relative}.phase-step.setup-step{flex:0 0 auto;min-width:180px}.phase-step.setup-step.active{border-color:#4fc3f7;color:#4fc3f7;box-shadow:0 0 10px #4fc3f74d;background:#16213e}.phase-step.active{color:#fff;border-color:orange;box-shadow:0 0 10px #ffa5004d;background:#16213e}.phase-step.side-l.active{border-color:#4fc3f7;color:#4fc3f7}.phase-step.side-r.active{border-color:#81c784;color:#81c784}.phase-step .phase-side{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-size:.6em;background:#0d0d0d;padding:0 4px}.phase-step.user-error-blink{animation:phase-user-error-blink .9s ease-in-out}@keyframes phase-user-error-blink{0%{background:#16213e;border-color:inherit;color:inherit;box-shadow:0 0 10px #ffa5004d}20%{background:#5a1010;border-color:#ff4d4f;color:#ffd6d6;box-shadow:0 0 18px #ff4d4f99}40%{background:#16213e;border-color:inherit;color:inherit;box-shadow:0 0 10px #ffa5004d}60%{background:#5a1010;border-color:#ff4d4f;color:#ffd6d6;box-shadow:0 0 18px #ff4d4f99}to{background:#16213e;border-color:inherit;color:inherit;box-shadow:0 0 10px #ffa5004d}}.game-actions-overlay{position:fixed;inset:0;background:#00000073;display:none;align-items:center;justify-content:center;z-index:2200}.game-actions-overlay.visible{display:flex}.game-actions-modal{width:min(92vw,540px);max-height:80vh;overflow:auto;background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #3a3a6a;border-radius:10px;box-shadow:0 12px 36px #00000080;padding:14px}.game-actions-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.game-actions-header h3{font-size:1rem;color:orange}.game-actions-continue-btn{padding:7px 12px;border:1px solid #66bb6a;border-radius:8px;background:linear-gradient(145deg,#2e7d32,#1b5e20);color:#e8f5e9;font-weight:700;cursor:pointer}.game-actions-list{display:flex;flex-direction:column;gap:8px}.game-actions-item{border:1px solid #2f3f66;border-radius:8px;padding:10px;background:#ffffff08;display:flex;align-items:center;justify-content:space-between;gap:10px}.game-actions-item-label{color:#f3f6ff;font-weight:700}.game-actions-item-meta{color:#aeb8d4;font-size:.85em;margin-top:3px}.game-actions-item-buttons{display:flex;gap:6px}.game-actions-use-btn,.game-actions-skip-btn{padding:6px 10px;border-radius:7px;border:1px solid #4a4a75;background:linear-gradient(145deg,#2b2b4f,#1d1d33);color:#e0e0f0;cursor:pointer;font-weight:700}.game-actions-use-btn{border-color:orange;color:#ffd28a}