body{margin:0;background-color:#1a1a1a}.board-viewport{position:relative;overflow:clip;touch-action:none}.board{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:2px;width:100%;height:100%;aspect-ratio:1}.recenter-btn{position:absolute;top:8px;left:8px;width:44px;height:44px;border-radius:50%;border:2px solid #444;background-color:#1e293bcc;color:#eee;font-size:20px;cursor:pointer;display:grid;place-items:center;z-index:5;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.board--tight{gap:1px}.cell{position:relative;background-color:#d9d9d9;border-radius:2px;display:grid;place-items:center;cursor:pointer;min-height:0;min-width:0;overflow:hidden}.cell--floor{background-color:#d9d9d9}.cell--wall{background-color:#5c5c5c}.cell--pillar{background-color:#8b5a2b;border-radius:50%}.cell--barricade{background-color:#a16207}.cell--deploy-zone{box-shadow:inset 0 0 0 2px #facc1566}.cell--selected{outline:2px solid #facc15;outline-offset:-2px;z-index:1}.cell--reachable{background-color:#22c55e40;outline:1px dashed #22c55e;outline-offset:-1px}.cell--target-heal{background-color:#22c55e59;box-shadow:inset 0 0 0 2px #22c55e}.cell--target-barricade{background-color:#3b82f64d;box-shadow:inset 0 0 0 2px #3b82f6}.cell--target-capture{background-color:#facc1559;box-shadow:inset 0 0 0 2px #facc15}.cell--target-attack{background-color:#ef44444d;box-shadow:inset 0 0 0 2px #ef4444}.objective{position:absolute;top:1px;right:1px;font-size:.5em;line-height:1;pointer-events:none}.unit{position:relative;width:70%;height:70%;border-radius:50%;border:.13em solid;display:grid;place-items:center;font-size:1.05em;background-color:#ffffff26;box-shadow:inset 0 0 0 1px #0003;pointer-events:none}.unit--roster-active:after{content:"";position:absolute;top:-.22em;left:-.22em;width:.3em;height:.3em;border-radius:50%;background-color:#22c55e;border:1px solid #111}.unit--scoring{box-shadow:inset 0 0 0 1px #0003,0 0 0 .13em #facc15e6}.hp{position:absolute;top:-.2em;right:-.2em;min-width:1.2em;height:1.2em;border-radius:50%;background-color:#111;color:#fff;font-size:.45em;font-weight:700;display:grid;place-items:center;line-height:1;pointer-events:none}.panel{border:1px solid #444;border-radius:8px;background-color:#222;padding:.75rem 1rem;color:#eee}.panel h3{margin:0 0 .5rem;font-size:1rem}.panel .goal{margin:0 0 .5rem;font-size:.85rem;color:#bbb}.panel .progress{margin-bottom:.5rem;font-size:.9rem}.panel .progress>div{margin-bottom:.15rem}.panel .objective-list{margin:0;padding-left:1.25rem;font-size:.85rem;color:#ccc}.panel .action-log-scroll{max-height:12rem;overflow-y:auto;font-size:.8rem;color:#ccc}.panel .action-log-scroll ol{margin:0;padding-left:1.25rem}.panel .action-log-scroll li{margin-bottom:.15rem}.panel .empty{margin:0;font-style:italic;color:#888}.action-grid-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem 0;font-size:.85rem}.action-grid-label{color:#ccc}.chip{font-size:.7rem;line-height:1;padding:.2rem .5rem;border-radius:999px;border:1px solid #444;white-space:nowrap}.chip--available{color:#4ade80;border-color:#4ade80}.chip--done{color:#888;border-color:#666;text-decoration:line-through}.chip--not-applicable{color:#666;border-color:#444;opacity:.7}:root{--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-10: 10px;--sp-12: 12px;--sp-14: 14px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--r-4: 4px;--r-10: 10px;--r-12: 12px;--r-14: 14px;--r-pill: 999px;--surface-page: #1a1a1a;--surface-bar: #202020;--surface-panel: #222;--surface-control: #282828;--border-strong: #444;--border-subtle: #333;--text: #eee;--text-2: #bbb;--text-3: #888;--team-a: #2563eb;--team-a-fill: rgba(37, 99, 235, .15);--team-b: #dc2626;--team-b-fill: rgba(220, 38, 38, .15);--accent: #facc15;--accent-fill: rgba(250, 204, 21, .13);--accent-line: rgba(250, 204, 21, .4)}.game-root{height:100dvh;overflow:clip;display:flex;flex-direction:column;overscroll-behavior:none;box-sizing:border-box;padding:1rem;color:#eee;font-family:sans-serif}.match-shell>.game-root{height:auto;flex:1 1 auto;min-height:0}.layout{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1 1 auto;min-height:0;width:100%;position:relative;--col-w: min(14rem, 20vw);--col-gap: 1.5rem}.layout>.header-row,.layout>.objectives-box,.layout>.layout-deploy,.layout>.layout-action-zone,.layout>[data-testid=online-turn-indicator]{flex:0 0 auto}.header-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem .35rem;margin-bottom:.25rem}.hud-seg,.hud-spacer{display:contents}.online-turn-indicator{display:flex;justify-content:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--r-pill);border-width:2px;border-style:solid;background-color:#1e293b}.layout-main{display:grid;grid-template-columns:var(--col-w) minmax(0,1fr) var(--col-w);column-gap:var(--col-gap);align-items:stretch;width:100%;flex:1 1 auto;min-height:0}.col-left,.col-right{min-width:0;min-height:0}.col-left>.unit-cards,.col-right>.unit-cards{flex:0 1 auto;min-height:0;overflow-y:auto}.col-left{display:flex;flex-direction:column}.col-right{display:flex;flex-direction:column;gap:.35rem}.col-right>.layout-journal{flex:1 1 auto;min-height:8rem;width:auto;display:flex}.col-right>.layout-journal>[data-testid=action-log]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.col-right>.layout-journal .action-log-scroll{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}.board-wrapper{display:grid;place-items:center;flex:1;min-height:0;min-width:0;container-type:size}.board-viewport{width:min(100cqw,100cqh);height:min(100cqw,100cqh);font-size:calc(min(100cqw,100cqh)*.0355)}.objectives-box{width:min(100%,46rem)}.objectives-box .objective-list{list-style:none;padding-left:.25rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem 1rem}.objectives-box .objective-list li{border-radius:var(--r-4);border-left:3px solid #666;background:#ffffff0f;color:#ddd;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objectives-box .objective-list li:before{content:"⭐ "}.objectives-box .objective-list li[data-controlled-by=A]{border-left-color:var(--team-a);background:var(--team-a-fill)}.objectives-box .objective-list li[data-controlled-by=B]{border-left-color:var(--team-b);background:var(--team-b-fill)}.layout-deploy{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.layout-deploy button:disabled{opacity:.5}.layout-deploy button[data-placed=true]{opacity:.65}.layout-deploy button[data-placed=true][data-armed=true]{opacity:1}.layout-action-zone{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;width:min(100%,46rem)}.layout-journal,.layout-squad-info{width:min(100%,46rem)}@media (min-width: 1100px){.col-right>.layout-journal [data-testid=action-log] .action-log-scroll ol{display:flex;flex-direction:column-reverse;margin:0;padding-left:1.25rem}}.drawer{display:contents}.points-box{display:flex;align-items:baseline;gap:.4rem;border:1px solid #444;border-radius:8px;background-color:#222;padding:.4rem .6rem;margin-bottom:.35rem;font-size:.8rem;color:#eee}.points-label{font-weight:700;color:#bbb}.points-value{font-size:1.1rem;font-weight:700;color:#eee}.squad-column-label{font-weight:700;font-size:.85rem;color:#999;margin-bottom:.35rem}.unit-cards{display:flex;flex-direction:column}.unit-card{border:2px solid;border-radius:8px;background-color:#222;padding:.4rem .6rem;margin-bottom:.35rem;font-size:.8rem;color:#eee}.unit-card-name{display:flex;align-items:center;gap:.3rem;font-weight:600;margin-bottom:.2rem}.unit-card-emoji{font-size:1rem}.unit-card-hp,.unit-card-pos{color:#bbb}.unit-card-chips{display:flex;gap:.35rem;margin-top:.3rem}.log-line--a{background-color:#2563eb2e;border-left:3px solid #2563eb;padding:.15rem .4rem}.log-line--b{background-color:#dc26262e;border-left:3px solid #dc2626;padding:.15rem .4rem}@media (min-width: 759.02px){.game-root{padding:0}.layout{gap:0;--col-w: min(16.5rem, 24vw);--col-gap: var(--sp-24)}.layout>.header-row{width:100%;box-sizing:border-box;min-height:60px;margin:0;padding:0 var(--sp-24);justify-content:flex-start;align-items:center;gap:var(--sp-6) var(--sp-12);background:var(--surface-bar);font-size:13px;color:#666;-webkit-user-select:none;user-select:none}.layout>.header-row .hud-seg{display:inline-flex;align-items:center}.layout>.header-row .hud-round{font-size:15px;font-weight:700;color:var(--text)}.layout>.header-row .hud-seed{font-size:12px;color:var(--text-3)}.layout>.header-row .hud-pill{gap:var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border-strong);padding:4px var(--sp-10);font-size:11px;font-weight:700;line-height:1.2}.layout>.header-row .hud-pill--phase{color:var(--accent);border-color:var(--accent-line)}.layout>.header-row .hud-pill--score{color:var(--text)}.layout>.header-row .hud-pill--score[data-tone=own]{border-color:var(--team-a);background:var(--team-a-fill)}.layout>.header-row .hud-pill--score[data-tone=foe]{border-color:var(--team-b);background:var(--team-b-fill)}.layout>.header-row .hud-spacer{display:block;flex:1 1 auto}.layout>.header-row button{height:40px;padding:0 var(--sp-14);border:1px solid var(--border-strong);border-radius:var(--r-10);background:var(--surface-control);color:var(--text-2);font-size:12px;cursor:pointer}.layout>.header-row button[data-testid=seed-copy],.layout>.header-row button[data-testid=seed-favorite]{height:32px;min-width:32px;padding:0 var(--sp-6)}.layout>.header-row .header-end-turn{height:40px;padding:0 var(--sp-20);border:0;border-radius:var(--r-10);background:var(--accent);color:var(--surface-page);font-size:14px;font-weight:700}.layout>.online-turn-indicator{width:100%;box-sizing:border-box;justify-content:flex-start;padding:var(--sp-6) var(--sp-24);border-radius:0;border-width:0 0 0 3px;background-color:var(--surface-bar);font-size:12px;color:var(--text-2);-webkit-user-select:none;user-select:none}.layout>.objectives-box{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-6) var(--sp-24);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:var(--surface-bar);-webkit-user-select:none;user-select:none}.layout>.objectives-box h3{margin:0;font-size:11px;font-weight:700;color:var(--text-2);white-space:nowrap}.layout>.objectives-box .objective-list{display:flex;flex:1 1 auto;min-width:0;gap:var(--sp-8);padding:0}.layout>.objectives-box .objective-list li{flex:0 1 auto;padding:5px var(--sp-10);font-size:12px;line-height:1.2}.layout>.layout-deploy{margin:var(--sp-12) 0 0}.layout>.layout-main{box-sizing:border-box;padding:var(--sp-20) var(--sp-24)}.col-left,.col-right{gap:var(--sp-10)}.layout>.layout-action-zone{width:calc(100% - 2 * (var(--sp-24) + var(--col-w) + var(--col-gap)));height:60px;box-sizing:border-box;margin:0 0 var(--sp-20);padding:var(--sp-12) var(--sp-16);display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--sp-14);border:1px solid var(--border-strong);border-radius:var(--r-12);background:var(--surface-panel);overflow:hidden}.layout>.layout-action-zone>.action-grid{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--sp-14);padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}.layout>.layout-action-zone>.action-grid h3{margin:0;font-size:14px;font-weight:700;white-space:nowrap}.layout>.layout-action-zone>.action-grid .action-grid-row{flex:0 0 auto;padding:0;gap:var(--sp-6);font-size:13px;white-space:nowrap}.layout>.layout-action-zone>button{flex:0 0 auto;height:36px;padding:0 var(--sp-14);border-radius:var(--r-10)}.points-box{border-radius:var(--r-10);padding:var(--sp-10) var(--sp-12);margin-bottom:var(--sp-10)}.points-box[data-tone=own]{border-color:var(--team-a);background-color:var(--team-a-fill)}.points-box[data-tone=foe]{border-color:var(--team-b);background-color:var(--team-b-fill)}.squad-column-label{padding-left:var(--sp-12);font-size:11px;letter-spacing:.05em;margin-bottom:var(--sp-8)}.unit-card{border-radius:var(--r-10);padding:var(--sp-10) var(--sp-12);margin-bottom:var(--sp-8)}.unit-card--selected{border-color:var(--accent);background-color:var(--accent-fill)}.col-right>.layout-journal .action-log-scroll{font-size:11.5px}.layout-squad-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;width:min(100% - 2 * var(--sp-24),46rem);max-height:calc(100% - 4rem);overflow-y:auto;visibility:hidden}.layout-squad-info[data-open=true]{visibility:visible}.layout-squad-info>.panel{border-radius:var(--r-12)}}@media (max-width: 1099px){.layout{--col-w: min(11rem, 22vw);--col-gap: 1rem}}@media (max-width: 759px){.game-root{padding:0}.layout{align-items:stretch;gap:0;--hud-bottom: 220px}.layout[data-phase=deploy]{--hud-bottom: 142px}.layout>.header-row{flex:0 0 auto;z-index:3;margin:0;padding:6px 12px 4px;justify-content:flex-start;align-items:center;gap:2px 5px;font-size:11px;line-height:1.2;-webkit-user-select:none;user-select:none;background:linear-gradient(#1a1a1aee,#1a1a1acc)}.layout>.header-row button{min-height:44px;min-width:44px}.layout>[data-testid=online-turn-indicator]{flex:0 0 auto;z-index:3;margin:0 12px;font-size:11px;-webkit-user-select:none;user-select:none}.layout>.objectives-box{flex:0 0 auto;z-index:3;width:auto;border:0;border-radius:0;background:linear-gradient(#1a1a1acc,#1a1a1a00);padding:0 12px 8px;-webkit-user-select:none;user-select:none}.layout>.objectives-box h3{display:none}.objectives-box .objective-list{gap:6px;padding:0}.objectives-box .objective-list li{font-size:11px;line-height:1.2;padding:4px 6px}.layout>.layout-main{display:contents}.layout .board-wrapper{flex:1 1 auto;min-height:0;width:100%;z-index:1;padding:6px 12px var(--hud-bottom);box-sizing:border-box}.board-viewport{font-size:15px}.recenter-btn{top:8px;right:8px;left:auto}.layout>.hud-float-btn{position:absolute;right:12px;bottom:calc(var(--hud-bottom) + 8px);z-index:7;width:44px;height:44px;border-radius:50%;border:1px solid #444;background:#222222de;color:#eee;font-size:17px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.layout>.layout-deploy{position:absolute;left:12px;right:12px;bottom:10px;z-index:3;gap:8px;margin:0;-webkit-user-select:none;user-select:none}.layout[data-phase=play]>.layout-deploy button{flex:1 1 100%;min-height:52px;border-radius:14px;border:0;background:#facc15;color:#1a1a1a;font-weight:700;font-size:16px}.layout[data-phase=deploy]>.layout-deploy button{flex:1 1 0;min-width:0;min-height:56px;border-radius:12px;font-size:11px}.layout[data-phase=deploy]>.layout-deploy [data-testid=commit-deploy]{flex:0 0 100%;min-height:52px;border-radius:14px;border:0;background:#facc15;color:#1a1a1a;font-weight:700;font-size:15px}.layout>.hud-squads{position:absolute;left:12px;right:12px;bottom:70px;z-index:3;display:flex;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.squad-strip{display:flex;gap:8px}.squad-pill{flex:1 1 0;min-width:0;min-height:52px;border-radius:14px;border:2px solid #444;background:#222;color:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;touch-action:manipulation}.hud-squads>.squad-strip:last-child .squad-pill{min-height:40px}.squad-pill--selected{border-color:#facc15;background:#facc1521}.squad-pill--exhausted{opacity:.5}.squad-pill-emoji{font-size:20px;line-height:1}.squad-pill-label{font-size:9px;font-weight:700;letter-spacing:.05em;color:#bbb}.layout>.layout-action-zone{position:absolute;left:12px;right:12px;bottom:176px;z-index:3;width:auto;gap:8px;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.layout>.layout-action-zone>.action-grid{order:2;flex:1 1 100%}.layout>.layout-action-zone>button{order:1;flex:1 1 0;min-height:44px;border-radius:12px}.layout>.layout-action-zone>.action-grid{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;box-sizing:border-box}.layout>.layout-action-zone>.action-grid h3{margin:0;font-size:12px;white-space:nowrap}.layout>.layout-action-zone>.action-grid .action-grid-row{padding:0}.layout>.layout-action-zone>.action-grid .action-grid-label{display:none}.layout>.drawer{position:absolute;left:0;right:0;bottom:0;z-index:6;display:block;height:85%;box-sizing:border-box;background:#202020;border-top:1px solid #444;border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.layout>.drawer[data-drawer=half]{transform:translateY(45%)}.layout>.drawer[data-drawer=full]{transform:translateY(0)}.drawer-head{position:absolute;top:0;left:0;right:0;height:70px;box-sizing:border-box;padding:6px 14px 0}.drawer-handle{display:block;width:56px;height:28px;margin:0 auto 4px;padding:0;border:0;background:transparent;position:relative;cursor:pointer;touch-action:manipulation}.drawer-handle:before{content:"";position:absolute;top:11px;right:6px;bottom:11px;left:6px;border-radius:999px;background:#555}.drawer-tabs{display:flex;gap:8px}.drawer-tab{flex:1 1 0;min-height:36px;border-radius:999px;border:1px solid #444;background:#282828;color:#bbb;font-size:12px;cursor:pointer;touch-action:manipulation}.drawer-tab[data-active=true]{border-color:#facc15;background:#facc1521;color:#eee}.layout>.drawer>.drawer-pane{position:absolute;top:74px;left:0;right:0;bottom:0;width:auto;box-sizing:border-box;overflow:auto;padding:0 14px 14px;opacity:0;pointer-events:none;transition:opacity .12s ease}.layout>.drawer[data-tab=squads]>.drawer-squads,.layout>.drawer[data-tab=log]>.layout-journal,.layout>.drawer[data-tab=rules]>.layout-squad-info{opacity:1;pointer-events:auto}.drawer-squads{display:flex;flex-direction:column;gap:10px}.layout>.drawer>.layout-journal .action-log-scroll{max-height:none}}@media (max-width: 479px){.layout{--hud-bottom: 216px}.layout>.header-row{font-size:10px}.squad-pill{min-height:48px}.hud-squads>.squad-strip:last-child .squad-pill{min-height:36px}}.match-shell{height:100dvh;display:flex;flex-direction:column;overflow:clip;overscroll-behavior:none;box-sizing:border-box}.online-chrome{flex:0 0 auto;box-sizing:border-box;padding:.75rem 1rem 0}.online-chrome--controls{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.online-chrome--banner{padding:1rem 1rem 0}.online-banner{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap;box-sizing:border-box;margin:0 0 .5rem;padding:.6rem 1rem;border-radius:8px;background-color:#1e293b;color:#eee;font-family:sans-serif}.screen-root{box-sizing:border-box;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:1rem;color:#eee;font-family:sans-serif}.screen-card{box-sizing:border-box;width:min(100%,26rem)}.screen-panel{box-sizing:border-box;max-width:min(100%,32rem)}.menu-favorites{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;align-items:center;width:min(100%,24rem);max-height:min(40dvh,22rem);overflow-y:auto;overscroll-behavior:contain}.invite-block{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;width:100%;box-sizing:border-box}.invite-code{display:block;box-sizing:border-box;max-width:100%;padding:.5rem .75rem;border-radius:6px;border:2px solid #334155;background-color:#0f172a;letter-spacing:.15em;font-size:1.05rem;line-height:1.6;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.invite-group{margin-inline-end:.45em}.invite-group:last-child{margin-inline-end:0}.join-row{display:flex;gap:.5rem;align-items:center;width:100%;box-sizing:border-box}.join-input{flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.modal-card{box-sizing:border-box;max-width:min(100%,22rem);margin:1rem;padding:1.5rem 2rem;border-radius:8px;background:#222;color:#eee;text-align:center;overflow-wrap:anywhere}@media (max-width: 759px){.online-chrome{padding:.4rem .5rem 0;font-size:11px;max-height:30dvh;overflow-y:auto}.online-chrome--controls{gap:.35rem}.online-chrome--banner{padding:.4rem .5rem 0}.online-banner{gap:.35rem;padding:.4rem .5rem;margin:0 0 .35rem;font-size:11px}.online-chrome button{min-height:44px;min-width:44px;font-size:11px}[data-testid=menu-mode-hotseat],[data-testid=menu-mode-solo-ai],[data-testid=menu-mode-online],[data-testid=menu-seed],[data-testid=menu-seed-paste],[data-testid=menu-start],[data-testid=menu-resume-online],[data-testid=menu-favorite-entry],[data-testid=online-host],[data-testid=online-join],[data-testid=online-join-token],[data-testid=online-join-paste],[data-testid=online-back],[data-testid=online-copy-token],[data-testid=online-leave],[data-testid=online-forfeit],[data-testid=online-claim],[data-testid=online-end-unverified]{box-sizing:border-box;min-height:44px;min-width:44px}[data-testid=menu-seed]{min-width:0}[data-testid=online-copy-token]{width:100%}.modal-card button{min-height:44px;min-width:44px}}