:root{--paper:#e8dfc4;--paper2:#d9cda8;--ink:#2c261a;--soft:#5c5138;--dim:#857a5c;--line:#a3936c;--strong:#6b5c3b;--amber:#b57a18;--amberd:#7d5510;--de:#535a62;--al:#2f6fa3;--red:#a03d33;--green:#5c7a4a;--canvas:url(/assets/field-canvas-texture.webp)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:#27291f var(--canvas);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px}button,input{font:inherit}.eyebrow{letter-spacing:2px;color:var(--dim);font:10px Consolas,monospace}.center-screen,.auth-screen{background:linear-gradient(#1c1f18d1,#141612eb),var(--canvas);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.auth-card{background:var(--paper);border:2px solid var(--strong);grid-template-columns:1.2fr 1fr;width:min(920px,96vw);display:grid;box-shadow:0 12px 45px #0008}.auth-cover{object-fit:cover;width:100%;height:100%;min-height:520px}.auth-copy{flex-direction:column;justify-content:center;padding:56px 42px;display:flex}.auth-copy h1,.role-card h1{letter-spacing:3px;margin:12px 0;font-size:30px}.auth-copy p,.role-card p{color:var(--soft);line-height:1.7}.auth-copy form,.role-card{flex-direction:column;gap:12px;display:flex}.auth-copy input,.role-card input{border:1px solid var(--strong);color:var(--ink);background:#f5ecd3;outline:none;padding:12px}.primary-button{background:var(--amberd);color:#f5ecd3;letter-spacing:1px;cursor:pointer;border:1px solid #513706;padding:11px 18px;font-weight:800}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button.compact{padding:8px 14px}.form-error{color:var(--red);font-size:12px}.paper-card,.loading-card{background:linear-gradient(#eee5c9ee,#d9cda8ee),var(--canvas);border:2px solid var(--strong);padding:28px;box-shadow:0 5px 24px #0007}.role-card{width:min(650px,94vw)}.role-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.role-option{background:var(--paper2);border:1px solid var(--line);cursor:pointer;color:var(--ink);flex-direction:column;align-items:center;gap:7px;padding:18px 8px;display:flex}.role-option.selected{outline:3px solid var(--amber);background:#e6d7aa}.role-option img,.observer-mark{object-fit:contain;width:42px;height:42px;font-size:36px}.role-option span{color:var(--dim);font-size:11px}.game-shell{background:#83856f;flex-direction:column;height:100%;display:flex}.topbar{background:linear-gradient(#e8dfc4f6,#ded3b2f6),var(--canvas);border-bottom:2px solid var(--strong);z-index:5;flex:none;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex}.brand-mark{background:var(--amberd);color:#f5ecd3;place-items:center;width:38px;height:38px;font-size:19px;font-weight:900;display:grid}.turn-badge,.score-badge{background:var(--paper2);border:1px solid var(--strong);white-space:nowrap;align-items:center;gap:7px;padding:7px 10px;display:flex}.turn-badge img{width:20px;height:20px}.top-spacer{flex:1}.connection{font-size:12px}.connection.online{color:var(--green)}.connection.offline{color:var(--red)}.line-button{border:1px solid var(--strong);background:var(--paper2);color:var(--ink);cursor:pointer;padding:8px 10px}.game-main{flex:1;min-height:0;display:flex}.sidebar{background:linear-gradient(#dacaaaef,#c9b991f2),var(--canvas);flex-direction:column;flex:0 0 270px;gap:9px;padding:10px;display:flex;overflow:auto}.left-sidebar{border-right:2px solid var(--strong)}.right-sidebar{border-left:2px solid var(--strong);flex-basis:320px;width:320px}.panel{background:linear-gradient(#ebe2c7f0,#dcd1b1f0),var(--canvas);border:1px solid var(--strong);padding:11px;box-shadow:0 1px 3px #231c0e44}.panel h3{border-bottom:3px double var(--line);text-transform:uppercase;letter-spacing:1.2px;color:var(--soft);margin:0 0 9px;padding-bottom:6px;font-size:11px}.panel small{color:var(--dim);margin-top:6px;line-height:1.5;display:block}.log-panel{flex-direction:column;flex:1;min-height:140px;display:flex}.log-list{overflow:auto}.log-entry{color:var(--soft);border-bottom:1px solid #c4b790;padding:6px 0;font-size:11px;line-height:1.45}.empty{color:var(--dim);padding:10px 2px}.score-lines{justify-content:space-between;font-weight:800;display:flex}.map-area{background:#767966;flex:1;min-width:0;position:relative;overflow:hidden}.battle-map{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.battle-map:active{cursor:grabbing}.map-unit{cursor:pointer}.map-legend{border:1px solid var(--strong);color:var(--soft);background:#eee5c9ed;flex-wrap:wrap;gap:10px;padding:7px 10px;font-size:10px;display:flex;position:absolute;bottom:0;left:0}.unit-title{align-items:center;gap:9px;display:flex}.unit-title img{object-fit:contain;width:34px;height:34px}.unit-title small{margin:2px 0}.stat-row{grid-template-columns:repeat(2,1fr);gap:5px;margin:10px 0;display:grid}.stat-row span{border:1px solid var(--line);background:#cdbf9955;padding:5px;font-size:11px}.traits{flex-wrap:wrap;gap:4px;display:flex}.traits span{border:1px solid var(--line);background:#d5c59d;padding:2px 5px;font-size:10px}.reserve-list{flex-wrap:wrap;gap:5px;max-height:240px;display:flex;overflow:auto}.reserve-list button{background:var(--paper2);border:1px solid var(--line);color:var(--ink);cursor:pointer;flex-direction:column;padding:5px 8px;display:flex}.reserve-list small{margin:0;font-size:9px}.statusbar{border-top:2px solid var(--strong);height:30px;color:var(--soft);background:#ddd1b0;justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;display:flex}.disconnect-overlay{color:#f5ecd3;z-index:20;background:#211c12aa;place-items:center;font-size:18px;display:grid;position:fixed;inset:64px 0 30px}.loading-card{letter-spacing:1px;font-weight:700}.snapshot-create{gap:5px;display:flex}.snapshot-create input{background:var(--paper2);border:1px solid var(--line);flex:1;min-width:0;padding:5px}.snapshot-create button,.snapshot-list button,.admin-actions button{background:var(--paper2);border:1px solid var(--strong);color:var(--ink);cursor:pointer}.snapshot-list{max-height:120px;margin-top:7px;overflow:auto}.snapshot-list>div{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:4px 0;display:flex}.snapshot-list span{flex:1;font-size:11px}.snapshot-list small{margin-left:4px;display:inline}.admin-actions{flex-wrap:wrap;gap:5px;margin-top:8px;font-size:10px;display:flex}.admin-actions a,.admin-actions label,.admin-actions button{border:1px solid var(--strong);background:var(--paper2);color:var(--ink);cursor:pointer;padding:5px;text-decoration:none}.admin-actions input{display:none}.admin-actions .danger-text{color:var(--red)}.action-grid{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:10px;display:grid}.action-grid button,.decision-options button,.action-prompt button{border:1px solid var(--strong);background:var(--paper2);color:var(--ink);cursor:pointer;padding:6px}.action-grid button:disabled,.decision-options button:disabled{opacity:.45}.hq-stats{grid-template-columns:1fr 1fr;gap:5px;font-size:10px;display:grid}.hq-stats span{border:1px solid var(--line);background:#cdbf9955;padding:5px}.modal-backdrop{z-index:50;background:#17130dc4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.decision-card{background:linear-gradient(#eee5c9,#d7c8a3),var(--canvas);border:2px solid var(--strong);width:min(620px,94vw);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 16px 50px #000a}.decision-card h2{margin:8px 0 18px}.combat-columns{grid-template-columns:1fr 90px 1fr;align-items:stretch;gap:10px;display:grid}.combat-columns>div{border:1px solid var(--line);background:#f1e7c955;flex-direction:column;gap:7px;padding:12px;display:flex}.combat-columns .combat-roll{justify-content:center;align-items:center}.combat-roll b{font-size:34px}.preview-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0;display:grid}.preview-grid span{border:1px solid var(--line);text-align:center;background:#cdbf9955;padding:8px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dialog-actions button{padding:9px 14px}.waiting-note{border:1px dashed var(--strong);color:var(--soft);background:#d9cca7;margin-top:12px;padding:12px}.floating-decision{z-index:30;border:2px solid var(--strong);background:#eadfbeed;width:min(600px,90vw);padding:12px;position:fixed;top:74px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #0007}.floating-decision h3,.floating-decision p{margin:0 0 8px}.decision-options{flex-wrap:wrap;gap:6px;display:flex}.edge-target,.retreat-target{cursor:pointer}.action-prompt p{word-break:break-all}.form-error{white-space:pre-wrap}@media (width<=1180px){.left-sidebar{display:none}.right-sidebar{flex-basis:280px}.topbar .score-badge{display:none}}@media (width<=760px){.auth-card{grid-template-columns:1fr}.auth-cover{height:210px;min-height:210px}.auth-copy{padding:28px}.role-grid{grid-template-columns:1fr}.right-sidebar{display:none}.topbar{flex-wrap:wrap;height:auto;min-height:64px;padding:8px}.topbar .eyebrow,.topbar>.line-button{display:none}.statusbar{gap:10px;height:auto;min-height:34px}.map-legend{display:none}}.game-board{--bg-deep:#27291f;--bg:#d5c9a8;--paper:#e8dfc4;--paper-2:#d9cda8;--line:#a3936c;--line-strong:#6b5c3b;--ink:#2c261a;--ink-soft:#5c5138;--ink-dim:#857a5c;--amber:#b57a18;--amber-d:#7d5510;--amber-soft:#b57a1829;--green:#5c7a4a;--red:#a03d33;--blue:#3f6d94;--de:#535a62;--al:#2f6fa3;--radius:2px;--shadow-1:0 1px 3px #231c0e42;--shadow-2:0 3px 12px #231c0e57;--canvas:url(/assets/field-canvas-texture.webp);-webkit-user-select:none;user-select:none;color:var(--ink);background:#83856f;flex-direction:column;display:flex;position:absolute;inset:0}.game-board button{color:inherit;font-family:inherit}.game-board .mono{font-family:Consolas,Menlo,monospace}.game-board .topbar{background:linear-gradient(#e8dfc4f5,#ded3b2f5),var(--canvas);border-bottom:2px solid var(--line-strong);height:64px;box-shadow:var(--shadow-1);z-index:8;background-size:auto,520px 520px;flex:none;align-items:center;gap:14px;padding:0 18px;display:flex;position:relative}.game-board .topbar-actions{align-items:center;gap:10px;display:flex}.game-board .topbar-menu-btn,.game-board .topbar-menu-backdrop{display:none}.game-board .topbar .mark{background:var(--amber-d);color:#f3ead0;border:1px solid #513706;border-radius:2px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:flex}.game-board .brand-copy{min-width:246px}.game-board .eyebrow{letter-spacing:2.2px;color:var(--ink-dim);margin-bottom:2px;font-family:Consolas,Menlo,monospace;font-size:9px}.game-board .topbar .title{letter-spacing:1.2px;font-size:15px;font-weight:800}.game-board .topbar .sub{color:var(--ink-soft);font-size:11px}.game-board .turn-pill{background:var(--paper-2);border:1px solid var(--line-strong);white-space:nowrap;border-radius:2px;align-items:center;gap:8px;padding:5px 13px;font-size:13px;display:flex}.game-board .emblem-sm{object-fit:contain;width:20px;height:20px}.game-board .emblem-xs{object-fit:contain;vertical-align:-3px;width:14px;height:14px;margin-right:3px}.game-board .turn-pill .side-tag{font-weight:700}.game-board .turn-pill.allies .side-tag{color:var(--al)}.game-board .turn-pill.axis .side-tag{color:var(--de)}.game-board .vp-mini{background:var(--paper-2);border:1px solid var(--line-strong);border-radius:2px;align-items:center;gap:10px;padding:7px 13px;font-size:12px;display:flex}.game-board .vp-mini .de,.game-board .vp-row .de{color:var(--de);font-weight:800}.game-board .vp-mini .al,.game-board .vp-row .al{color:var(--al);font-weight:800}.game-board .spacer{flex:1}.game-board .btn{background:var(--amber-d);color:#f3ead0;letter-spacing:.7px;border:1px solid #513706;border-radius:2px;padding:9px 16px;font-size:13px;font-weight:700}.game-board .btn:hover:not(:disabled){background:#8f6212}.game-board .btn:active{transform:translateY(1px)}.game-board .btn:disabled{opacity:.4;cursor:not-allowed}.game-board .main{flex:1;min-height:0;display:flex}.game-board .sidebar{background:linear-gradient(#daceaaeb,#c7b991f0),var(--canvas);scrollbar-width:thin;scrollbar-color:#6b5c3b8c #a3936c1f;background-size:auto,480px 480px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex;overflow-y:auto}.game-board .sidebar::-webkit-scrollbar{width:7px}.game-board .sidebar::-webkit-scrollbar-track{background:#a3936c1f}.game-board .sidebar::-webkit-scrollbar-thumb{background:#6b5c3b8c}.game-board .sidebar-left{border-right:2px solid var(--line-strong);width:270px}.game-board .sidebar-left>.panel{flex-shrink:0}.game-board .sidebar-right{border-left:2px solid var(--line-strong);width:330px}.game-board .panel{background:linear-gradient(#ebe2c7f0,#dcd1b1f0),var(--canvas);border:1px solid var(--line-strong);box-shadow:var(--shadow-1);background-size:auto,420px 420px;border-radius:2px;padding:12px}.game-board .panel h3{color:var(--ink-soft);letter-spacing:1.3px;text-transform:uppercase;border-bottom:3px double var(--line);justify-content:space-between;align-items:center;margin:0 0 10px;padding-bottom:6px;font-size:11px;display:flex}.game-board .panel h3:before{content:"◆";color:var(--amber);margin-right:6px;font-size:7px}.game-board .panel h3 .sub{color:var(--ink-dim);text-transform:none;letter-spacing:0;margin-left:auto;font-size:11px}.game-board .panel.grow{flex-direction:column;flex:auto;min-height:150px;display:flex}.game-board .panel.grow .clog{flex:1;min-height:0;max-height:none}.game-board .panel-footnote{color:var(--ink-dim);margin-top:6px;font-size:10px;line-height:1.5}.game-board .vp-row{border-bottom:1px solid #c4b790;justify-content:space-between;align-items:center;padding:4px 2px;font-size:12px;display:flex}.game-board .vp-row .lbl{color:var(--ink-soft)}.game-board .vp-total-row{border-top:1px solid var(--line);margin-top:2px;padding-top:6px}.game-board .vp-total{font-size:18px;font-weight:800}.game-board .vs-label{color:var(--ink-dim);font-size:13px}.game-board .killed-units{border:1px solid var(--line);background:#ccbf9940;margin-top:6px;font-size:10.5px}.game-board .killed-title{color:var(--ink-soft);border-bottom:1px solid var(--line);justify-content:space-between;padding:4px 5px;font-weight:700;display:flex}.game-board .killed-title span{color:var(--ink-dim);font-size:9px;font-weight:500}.game-board .killed-side{border-bottom:1px solid #c4b790;grid-template-columns:54px minmax(0,1fr);display:grid}.game-board .killed-side:last-child{border-bottom:0}.game-board .killed-side-label{border-right:1px solid #c4b790;padding:4px 5px;font-weight:800}.game-board .killed-list{max-height:52px;padding:2px 5px;overflow:auto}.game-board .killed-unit{justify-content:space-between;gap:5px;padding:1px 0;display:flex}.game-board .killed-unit span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-board .killed-unit b{flex:none}.game-board .killed-empty{color:var(--ink-dim);padding:1px 0}.game-board .town-list{max-height:90px;margin-top:6px;font-size:11px;overflow:auto}.game-board .town-list .ti{justify-content:space-between;padding:2px;display:flex}.game-board .oc-de{color:var(--de)}.game-board .oc-al{color:var(--al)}.game-board .clog{overflow-y:auto}.game-board .clog .li{color:var(--ink-soft);border-bottom:1px solid #c4b790;justify-content:space-between;gap:6px;padding:5px 0;font-size:11px;line-height:1.5;display:flex}.game-board .clog .li b{color:var(--ink)}.game-board .clog .pow{color:var(--amber-d);font-weight:700}.game-board .clog .elim{color:var(--red);font-weight:700}.game-board .clog .hp{color:var(--ink)}.game-board .log-at{color:var(--ink-dim);white-space:nowrap;align-self:start}.game-board .log-empty{color:var(--ink-dim)}.game-board .action-copy{overflow-wrap:anywhere;min-width:0}.game-board .panel.grow.activity-panel{flex:1 0 360px;min-height:360px}.game-board .collapse-row{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink-soft);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;margin-top:7px;padding:5px 2px;font-size:10.5px;display:flex}.game-board .collapse-row span:last-child{color:var(--ink-dim);font-size:9.5px}.game-board .collapsible-panel>h3{margin-bottom:0}.game-board .collapsible-panel>h3:has(+div){margin-bottom:10px}.game-board .collapse-heading{text-align:left;width:100%;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.game-board .collapse-heading .sub{text-transform:none}.game-board .activity-panel .log-tabs{border:1px solid var(--line-strong);grid-template-columns:1fr 1fr;margin:-2px 0 7px;display:grid}.game-board .activity-panel .log-tabs button{color:var(--ink-soft);cursor:pointer;background:#ccbf9961;border:0;padding:6px 4px;font-size:10.5px}.game-board .activity-panel .log-tabs button+button{border-left:1px solid var(--line-strong)}.game-board .activity-panel .log-tabs button.active{background:var(--amber-soft);color:var(--amber-d);box-shadow:inset 0 -2px var(--amber-d);font-weight:800}.game-board .activity-panel .log-tabs button span{color:var(--ink-dim);font-family:Consolas,Menlo,monospace;font-size:9px}.game-board .activity-panel .log-tabpanel{flex:1;min-height:0;display:flex}.game-board .activity-panel .clog{overscroll-behavior:contain;flex:1;min-height:0}.game-board .action-kind{border:1px solid var(--line);color:var(--ink-dim);margin-right:5px;padding:0 4px;font-size:9px;line-height:1.45;display:inline-block}.game-board .action-entry.action-combat .action-kind,.game-board .action-entry.action-combat-resolution .action-kind{color:var(--red);border-color:#a03d3373}.game-board .action-entry.action-movement .action-kind,.game-board .action-entry.action-reinforcement .action-kind{color:var(--green);border-color:#5c7a4a80}.game-board .action-entry.action-undo .action-kind{color:var(--amber-d);border-color:var(--amber)}.game-board .act-btn{text-align:left;background:var(--paper-2);border:1px solid var(--line-strong);border-radius:2px;width:100%;margin-bottom:6px;padding:9px 12px;font-size:13px}.game-board .act-btn:hover:not(:disabled){background:#cfc29c}.game-board .map-wrap{background:#83856f;flex:1;min-width:0;position:relative;overflow:hidden}.game-board .map-wrap:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 36px #17191333}.game-board #mapsvg{z-index:1;cursor:grab;touch-action:none;background:#83856f;width:100%;height:100%;display:block;position:relative}.game-board #mapsvg.grabbing{cursor:grabbing}.game-board #viewport{will-change:transform}.game-board #hoverLayer .hover-hex{fill:#82786414;stroke:#64553c73;stroke-width:2px;pointer-events:none;animation:1.2s ease-in-out infinite hexPulse}@keyframes hexPulse{0%,to{opacity:.35}50%{opacity:.7}}.game-board .unit-shape{cursor:pointer;transition:filter .15s}.game-board .unit-shape:hover{filter:brightness(1.12)}.game-board .unit-shape.disabled{opacity:.95}.game-board .unit-shape.spent{opacity:.55;filter:grayscale(.5)}.game-board .unit-shape.attack-target{cursor:crosshair;animation:1s ease-in-out infinite pulseRed}@keyframes pulseRed{50%{filter:drop-shadow(0 0 4px #a03d33e6)}}.game-board .reach{cursor:pointer}.game-board .rein-drop{cursor:copy}.game-board .edge-target,.game-board .retreat-target{cursor:pointer}.game-board .infobar{z-index:4;flex-direction:column;font-size:11px;display:flex;position:absolute;bottom:0;left:0}.game-board .infobar-tabs{display:flex}.game-board .infobar-tab{letter-spacing:1.3px;cursor:pointer;background:linear-gradient(#ebe3c9f7,#e0d5b5f7),var(--canvas);border:1px solid var(--line-strong);border-bottom:none;border-radius:2px 2px 0 0;margin-right:-1px;padding:5px 10px;font-size:10px;font-weight:800}.game-board .infobar-tab.active{border-bottom:1px solid #ebe3c9f7;margin-bottom:-1px}.game-board .infobar-panel{background:linear-gradient(#ebe3c9f7,#e0d5b5f7),var(--canvas);border:1px solid var(--line-strong);max-width:560px;box-shadow:var(--shadow-2);padding:10px 12px}.game-board .legend-grid{grid-template-columns:repeat(2,auto);gap:3px 12px;display:grid}.game-board .infobar-panel .row{color:var(--ink-soft);align-items:center;gap:7px;display:flex}.game-board .infobar-panel .sw{border:1px solid #2c261a66;width:13px;height:13px}.game-board .hint-body{color:var(--ink-soft);font-size:11px;line-height:1.65}.game-board .hex-info{z-index:4;background:linear-gradient(#ebe3c9f7,#e0d5b5f7),var(--canvas);border:1px solid var(--line-strong);box-shadow:var(--shadow-2);white-space:nowrap;border-bottom:none;border-right:none;align-items:center;gap:4px;padding:5px 10px;font-family:Consolas,Menlo,monospace;font-size:11px;display:none;position:absolute;bottom:0;right:0}.game-board .hex-info.show{display:flex}.game-board .hi-coord{font-weight:700}.game-board .hi-occ.axis{color:var(--de)}.game-board .hi-occ.allies{color:var(--al)}.game-board .hi-terrain{color:var(--ink-soft);align-items:center;gap:4px;font-size:10px;display:inline-flex}.game-board .sw-dot{border:1px solid #2c261a66;width:9px;height:9px;display:inline-block}.game-board .hi-mods{color:var(--ink-dim);font-size:10px}.game-board .hi-sep{color:var(--line)}.game-board .ui-empty{color:var(--ink-dim);text-align:center;padding:14px 0;font-size:13px}.game-board .ui-head{align-items:center;gap:10px;margin-bottom:9px;display:flex}.game-board .ui-flag{background:var(--paper);border:1px solid var(--line-strong);width:42px;height:42px;box-shadow:var(--shadow-1);border-radius:2px;flex:none;justify-content:center;align-items:center;display:flex}.game-board .ui-flag img{object-fit:contain;width:34px;height:34px}.game-board .ui-ins{object-fit:contain;width:32px;height:32px;margin-left:auto}.game-board .ui-name{font-size:13.5px;font-weight:700;line-height:1.3}.game-board .ui-army{color:var(--ink-soft);margin-top:2px;font-size:11px}.game-board .stat-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0;display:grid}.game-board .stat{text-align:center;border:1px solid var(--line);background:#ccbf998c;padding:6px 2px}.game-board .stat .v{font-size:17px;font-weight:700}.game-board .stat .v small{color:var(--red);font-size:9px;font-weight:500;display:block}.game-board .stat .v.def-value{white-space:nowrap}.game-board .stat .pos-mod{color:var(--amber-d);margin-left:1px;font-size:10px;font-weight:700}.game-board .stat .k{color:var(--ink-soft);font-size:10px}.game-board .stat.hl .v{color:var(--amber-d)}.game-board .unit-runtime{color:var(--ink-soft);justify-content:space-between;font-size:11px;display:flex}.game-board .unit-runtime b{color:var(--amber-d)}.game-board .unit-status-lines{margin:5px 2px;font-size:11px}.game-board .unit-status-lines>div{margin:2px 0}.game-board .unit-status-lines .positive{color:var(--green)}.game-board .unit-status-lines .negative{color:#e06c2b}.game-board .skill-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.game-board .skill-btn{background:var(--paper-2);border:1px solid var(--line-strong);border-radius:2px;padding:6px 9px;font-size:11.5px}.game-board .skill-btn:hover:not(:disabled){background:#cfc29c}.game-board .skill-btn:disabled{opacity:.4}.game-board .skill-btn.active{background:var(--amber-soft);border-color:var(--amber-d);color:var(--amber-d);font-weight:700}.game-board .traits{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.game-board .trait{border:1px solid var(--line);color:var(--ink-soft);background:#c5b89280;padding:2px 7px;font-size:10px}.game-board .hq-list{flex-direction:column;gap:5px;display:flex}.game-board .hq-row{text-align:left;background:var(--paper-2);border:1px solid var(--line-strong);justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.game-board .hq-row small{color:var(--ink-dim)}.game-board .hq-row small.ready{color:var(--green);font-weight:700}.game-board .hq-row small.cooldown,.game-board .hq-row small.empty{color:var(--ink-dim)}.game-board .hq-row:disabled{opacity:.55}.game-board .rein-side{color:var(--ink-soft);margin:6px 0 4px;font-size:11px}.game-board .rein-army{border-left:3px solid var(--amber);align-items:center;gap:6px;margin:8px 0 3px;padding-left:8px;font-size:10.5px;font-weight:700;display:flex}.game-board .rein-army .ct{color:#f3ead0;background:var(--amber-d);padding:0 6px;font-size:9.5px}.game-board .rein-cards{flex-wrap:wrap;gap:5px;display:flex}.game-board .rein-card{background:var(--paper-2);border:1px solid var(--line);align-items:center;gap:5px;padding:5px 8px;font-size:11.5px;display:inline-flex}.game-board .rein-card.mine{cursor:grab;border-color:var(--line-strong)}.game-board .rein-card.due{box-shadow:inset 3px 0 var(--green)}.game-board .rein-card.future{opacity:.58}.game-board .rein-card.sel{border-color:var(--amber-d);background:var(--amber-soft)}.game-board .rein-card:disabled{opacity:.75}.game-board .rein-ins{object-fit:contain;width:16px;height:16px}.game-board .rein-card .rs{font-weight:700}.game-board .rein-card .rd{color:var(--ink-dim);font-size:9.5px}.game-board .rein-empty{color:var(--ink-dim);font-size:11px}.game-board .statusbar{background:linear-gradient(#e1d7b8f5,#d2c6a2f5),var(--canvas);border-top:2px solid var(--line-strong);height:30px;color:var(--ink-soft);z-index:8;flex:none;align-items:center;gap:10px;padding:0 16px;font-size:11px;display:flex}.game-board .statusbar .sep{color:var(--line)}.game-board .toast-slip{background:var(--paper);border:1px solid var(--line-strong);border-left:3px solid var(--amber-d);color:var(--ink);border-radius:var(--radius);opacity:0;pointer-events:none;z-index:75;box-shadow:var(--shadow-2);text-align:center;max-width:min(580px,90vw);padding:11px 18px;font-size:13px;line-height:1.5;transition:all .25s;position:fixed;top:64px;left:50%;transform:translate(-50%)translateY(-20px)}.game-board .toast-slip.show{opacity:1;transform:translate(-50%)translateY(0)}.game-board .toast-slip.error{border-left-color:var(--red);border-color:var(--red)}.game-board .toast-slip.success,.game-board .toast-slip.victory{border-left-color:var(--green);border-color:var(--green)}.game-board #combatModal.show{z-index:60;background:#1e190c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-board #combatModal.picking{pointer-events:none;background:0 0;align-items:flex-start;padding:74px 10px 0}.game-board #combatModal.picking .cm-card{pointer-events:auto}.game-board .cm-card{background:var(--paper);border:1px solid var(--line-strong);width:520px;max-width:94vw;max-height:92vh;box-shadow:var(--shadow-2);overflow:auto}.game-board .cm-card-retreat{width:380px;overflow:hidden}.game-board .cm-title{color:#ece3c8;letter-spacing:4px;text-align:center;background:#3a3226;padding:7px;font-size:14px}.game-board .cm-vs-row{align-items:stretch;display:flex}.game-board .cm-col{flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px;display:flex}.game-board .cm-flag{background:var(--paper-2);border:1px solid var(--line-strong);justify-content:center;align-items:center;width:46px;height:38px;display:flex}.game-board .cm-flag img{object-fit:contain;width:32px;height:32px}.game-board .cm-ins-lg{object-fit:contain;width:38px;height:38px}.game-board .cm-name{text-align:center;font-size:13px;font-weight:700}.game-board .cm-name .cm-ins{object-fit:contain;vertical-align:-4px;width:17px;height:17px;margin-right:4px}.game-board .cm-eliminated,.game-board .cm-note.danger{color:var(--red)}.game-board .cm-side{color:var(--ink-soft);font-size:11px}.game-board .cm-hp{border:1px solid var(--line);background:#3a32262e;width:78%;height:13px;overflow:hidden}.game-board .cm-hp-bar{background:var(--amber);height:100%}.game-board .cm-hp-txt{font-size:12px}.game-board .cm-vs{width:50px;color:var(--amber-d);border-left:1px dashed var(--line);border-right:1px dashed var(--line);justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex}.game-board .cm-pow{flex-direction:column;align-items:center;display:flex}.game-board .cm-pow-k{color:var(--ink-soft);font-size:10px}.game-board .cm-pow-v{color:var(--amber-d);font-size:20px;font-weight:900}.game-board .cm-result{text-align:center;background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 12px;font-size:12.5px;line-height:1.6}.game-board .cm-note{color:var(--amber-d);text-align:center;padding:4px;font-size:11.5px}.game-board .cm-hint{color:var(--ink-soft);text-align:center;font-size:12px;line-height:1.5}.game-board .cm-btns{flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.game-board .cm-btns.row{flex-direction:row;justify-content:center}.game-board .cm-btn{border:1px solid var(--line-strong);background:var(--paper-2);padding:9px 22px;font-size:14px;font-weight:700}.game-board .cm-btn.primary{background:var(--amber-d);color:#f3ead0;border-color:#513706}.game-board .cm-retreat-bar{color:#ece3c8;letter-spacing:1px;background:#3a3226;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.game-board .cm-retreat-role{color:var(--amber);font-weight:700}.game-board .cm-retreat-unit{font-size:14px;font-weight:700}.game-board .cm-retreat-steps{color:var(--amber);letter-spacing:2px;font-size:18px;font-weight:700}.game-board .cm-retreat-info{text-align:center;padding:10px 14px 0;font-size:12.5px;line-height:1.5}.game-board .cm-retreat-hint{color:var(--ink-soft);text-align:center;padding:6px 14px 10px;font-size:11.5px;line-height:1.4}.game-board .cm-crt{border:1px solid var(--line);margin:9px 12px 3px;font-size:11.5px;overflow:hidden}.game-board .cm-crt-h,.game-board .cm-crt-row{grid-template-columns:46px 60px 1fr 64px;align-items:center;gap:4px;padding:5px 8px;display:grid}.game-board .cm-crt-h{background:var(--paper-2);color:var(--ink-soft);border-bottom:1px solid var(--line);font-size:10.5px;font-weight:700}.game-board .cm-crt-row{border-top:1px solid var(--line)}.game-board .cm-crt-row span:nth-child(2){font-weight:700}.game-board .cm-crt-row span:last-child{text-align:right;color:var(--ink-soft);font-size:10.5px}.game-board .cm-crt-row.bad{background:#a03d331a}.game-board .cm-crt-row.bad span:nth-child(2){color:var(--red)}.game-board .cm-crt-row.mid{background:#b57a1817}.game-board .cm-crt-row.mid span:nth-child(2){color:var(--amber-d)}.game-board .cm-crt-row.good{background:#5c7a4a21}.game-board .cm-crt-row.good span:nth-child(2){color:var(--green)}.game-board .decision-options.compact{flex-wrap:wrap;justify-content:center;gap:6px;padding:0 12px 12px;display:flex}.game-board .decision-options.compact .cm-btn{padding:6px 8px;font-size:11px}.game-board .map-confirm-card{z-index:40;background:var(--paper);border:1px solid var(--line-strong);box-shadow:var(--shadow-2);align-items:center;gap:8px;padding:9px 12px;display:flex;position:fixed;top:74px;left:50%;transform:translate(-50%)}.game-board .end-overlay{z-index:70;background:#1e190cad;place-items:center;display:grid;position:fixed;inset:0}.game-board .end-card{background:var(--paper);border:1px solid var(--line-strong);width:min(760px,92vw);box-shadow:var(--shadow-2);grid-template-columns:1.2fr 1fr;display:grid}.game-board .end-card img{object-fit:cover;width:100%;height:100%;max-height:480px}.game-board .end-card>div{flex-direction:column;justify-content:center;padding:34px;display:flex}.game-board .end-card h2{letter-spacing:3px;font-size:28px}.game-board .confirm-dialog{z-index:65;background:#1e190c66;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.game-board .confirm-dialog.show{display:flex}.game-board .confirm-card{background:var(--paper);border:1px solid var(--line-strong);width:380px;max-width:90vw;box-shadow:var(--shadow-2)}.game-board .confirm-msg{text-align:center;padding:16px 18px 12px;font-size:13px;line-height:1.6}.game-board .confirm-btns{border-top:1px solid var(--line);display:flex}.game-board .confirm-btns .cm-btn{border:none;border-radius:0;flex:1;padding:10px;font-size:13px}.game-board .confirm-btns .cm-btn.primary{border-left:1px solid #513706}.game-board .confirm-btns .cm-btn.danger{background:var(--red);border-left-color:#6f2923}.game-board .disconnect-overlay{color:#f5ecd3;z-index:80;background:#211c12aa;place-items:center;font-size:18px;display:grid;position:fixed;inset:64px 0 30px}.game-board :focus-visible{outline:3px solid var(--amber);outline-offset:2px}.game-board .rein-card.dragging{opacity:.5;box-shadow:var(--shadow-2);transform:rotate(-1deg)}.game-board .cm-hp-bar.low{background:var(--red)}.game-board .cm-card-scout{width:440px;max-width:min(92vw,440px)}.game-board .scout-hint{padding:12px 14px;line-height:1.6}@media (width<=1500px){.game-board .sidebar-left{width:236px}.game-board .sidebar-right{width:308px}}@media (width<=1180px){.game-board .topbar{flex-wrap:nowrap;gap:8px;height:auto;min-height:50px;padding:6px 10px}.game-board .brand-copy{flex:1;min-width:0;overflow:hidden}.game-board .topbar .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-board .topbar .sub{display:none}.game-board .turn-pill,.game-board .vp-mini{flex:none;padding:4px 8px}.game-board .topbar-menu-btn{background:var(--amber-d);color:#f3ead0;border:1px solid #513706;border-radius:2px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;line-height:1;display:inline-flex}.game-board .topbar-menu-btn:hover{background:#8f6212}.game-board .topbar-actions{background:linear-gradient(#e8dfc4fa,#ded3b2fa),var(--canvas);border:1px solid var(--line-strong);box-shadow:var(--shadow-2);z-index:10;border-top:none;flex-direction:column;gap:6px;min-width:min(230px,78vw);padding:8px;display:none;position:absolute;top:100%;right:8px}.game-board .topbar.menu-open .topbar-actions{display:flex}.game-board .topbar-actions .btn{width:100%;padding:9px 12px}.game-board .topbar-menu-backdrop{z-index:9;display:block;position:fixed;inset:0}.game-board .main{position:relative}.game-board .sidebar-left{z-index:7;opacity:.94;width:min(252px,42vw);transition:transform .18s;display:flex;position:absolute;top:8px;bottom:8px;left:8px;transform:translate(calc(34px - 100%))}.game-board .sidebar-left:hover,.game-board .sidebar-left:focus-within{opacity:1;transform:translate(0)}.game-board .sidebar-right{width:min(292px,42vw);padding:8px}.game-board .panel{padding:9px}.game-board .map-confirm-card{flex-wrap:wrap;justify-content:center;max-width:90vw;top:62px}.game-board .statusbar{padding:0 8px}.game-board .statusbar>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-board .infobar-panel{max-width:min(520px,70vw)}}@media (width<=760px){.game-board .sidebar-right{z-index:7;opacity:.95;width:min(300px,82vw);transition:transform .18s;position:absolute;top:0;bottom:0;right:0;transform:translate(calc(100% - 38px))}.game-board .sidebar-right:hover,.game-board .sidebar-right:focus-within{opacity:1;transform:translate(0)}.game-board .sidebar-left{width:min(260px,82vw)}.game-board .turn-pill{font-size:11px}.game-board .vp-mini{display:none}.game-board .cm-card{max-height:86vh}.game-board .cm-crt-h,.game-board .cm-crt-row{grid-template-columns:42px 56px 1fr}.game-board .cm-crt-h span:last-child,.game-board .cm-crt-row span:last-child{display:none}.game-board #combatModal.picking{padding:60px 8px 44px}.game-board .cm-card-retreat,.game-board .cm-card-scout{max-height:calc(100vh - 116px);overflow:auto}.game-board .end-card{grid-template-columns:1fr;max-width:min(420px,94vw)}.game-board .end-card img{max-height:240px}}@media (prefers-reduced-motion:reduce){.game-board *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.confirm-dialog{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 42%,#473b2447,#14120dc7);justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.confirm-dialog.show{display:flex}.confirm-card{background:linear-gradient(145deg, #f3ebcffc, #d5c79efc), var(--canvas);border:1px solid #655535;width:min(430px,94vw);animation:.18s ease-out confirm-card-in;overflow:hidden;box-shadow:0 24px 70px #000b,0 0 0 4px #d5c79e33}.confirm-card:before{content:"";background:linear-gradient(90deg,#584b32,#b57a18 50%,#584b32);height:4px;display:block}.confirm-card.is-danger:before{background:linear-gradient(90deg,#5d2924,#a03d33 50%,#5d2924)}.confirm-heading{border-bottom:3px double #6b5c3b73;align-items:center;gap:13px;padding:20px 22px 13px;display:flex}.confirm-seal{color:#fff7df;background:#b57a18;border:1px solid #7d5510;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font:900 20px Georgia,serif;display:grid;box-shadow:inset 0 0 0 3px #fff7df2e}.confirm-card.is-danger .confirm-seal{background:#a03d33;border-color:#6f2923}.confirm-kicker{color:#857a5c;letter-spacing:1.8px;margin-bottom:3px;font:9px Consolas,monospace;display:block}.confirm-heading h2{color:#2c261a;letter-spacing:2px;margin:0;font-size:19px}.confirm-msg{color:#5c5138;text-align:left;padding:19px 24px 21px;font-size:13px;line-height:1.75}.confirm-btns{border:0;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 22px;display:grid}.confirm-btns .cm-btn{color:#2c261a;letter-spacing:1px;cursor:pointer;background:#e8dfc4c7;border:1px solid #6b5c3b;min-height:42px;padding:9px 14px;font-weight:750;transition:transform .14s,box-shadow .14s,background .14s}.confirm-btns .cm-btn:hover:not(:disabled){background:#f3ead0;transform:translateY(-1px);box-shadow:0 5px 12px #2c261a2e}.confirm-btns .cm-btn.primary{color:#fff6dc;background:linear-gradient(#946717,#73500f);border:1px solid #513706;box-shadow:0 3px 8px #51370640}.confirm-btns .cm-btn.primary:hover:not(:disabled){background:linear-gradient(#a8761b,#805911)}.confirm-btns .cm-btn.danger{background:linear-gradient(#ad493e,#87342d);border-color:#6f2923}.confirm-btns .cm-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes confirm-card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.offline-control{background:#e4d8b599;border:1px solid #756441;margin:4px 0 2px;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 2px 7px #322a1926}.offline-control-heading{color:#f2ead2;background:linear-gradient(90deg,#4e4c42,#676557);justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.offline-control-heading .field-label{letter-spacing:2px;font-size:11px;font-weight:800}.offline-control-tag{color:#fff5d7;letter-spacing:1px;border:1px solid #ffffff59;padding:3px 7px;font-size:9px}.offline-control-body{grid-template-columns:125px 1fr;align-items:center;gap:14px;padding:15px;display:grid}.offline-control-emblems{border-right:1px dashed #9f8f67;justify-content:center;align-items:center;gap:8px;min-height:68px;display:flex}.offline-control-emblems img{object-fit:contain;filter:drop-shadow(0 2px 2px #2c261a47);width:40px;height:40px}.offline-control-emblems span{color:#7d5510;letter-spacing:1px;font:900 11px Georgia,serif}.offline-control-copy{min-width:0}.offline-control-copy>label{color:#4f442f;letter-spacing:.7px;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.offline-select-wrap{position:relative}.offline-select-wrap:after{content:"";pointer-events:none;border-bottom:2px solid #f7edcf;border-right:2px solid #f7edcf;width:7px;height:7px;position:absolute;top:50%;right:13px;transform:translateY(-70%)rotate(45deg)}.offline-control select{appearance:none;color:#fff5d7;letter-spacing:.4px;cursor:pointer;background:linear-gradient(#98701f,#74520f);border:1px solid #513706;border-radius:0;outline:none;width:100%;padding:10px 36px 10px 12px;font:700 13px PingFang SC,Microsoft YaHei,sans-serif;box-shadow:0 2px 6px #51370638}.offline-control select:focus{box-shadow:0 0 0 3px #b57a1840}.offline-control select option{color:#2c261a;background:#eee5c9}.offline-control-copy small{color:#6c6045;margin-top:7px;font-size:10.5px;line-height:1.45;display:block}.offline-control.control-axis .offline-control-heading{background:linear-gradient(90deg,#284e73,#3e729e)}.offline-control.control-axis select{background:linear-gradient(#3b78aa,#285a84);border-color:#234968;box-shadow:0 2px 6px #23496840}.offline-control.control-allies .offline-control-heading{background:linear-gradient(90deg,#4b4f53,#676c70)}.offline-control.control-allies select{background:linear-gradient(#666d73,#484e53);border-color:#3c4247;box-shadow:0 2px 6px #2e333740}@media (width<=520px){.offline-control-body{grid-template-columns:1fr}.offline-control-emblems{border-bottom:1px dashed #9f8f67;border-right:0;padding-bottom:12px}.confirm-btns{grid-template-columns:1fr}.confirm-msg{text-align:center}}.lobby-screen{background:linear-gradient(#1c1f18d1,#141612eb),var(--canvas);justify-content:center;align-items:flex-start;min-height:100%;padding:24px;display:flex}.lobby-card{flex-direction:column;gap:18px;width:min(980px,96vw);margin:auto;display:flex}.lobby-header{border-bottom:3px double var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.lobby-header h1{letter-spacing:2px;margin:6px 0;font-size:26px}.lobby-header p{color:var(--soft);max-width:560px;line-height:1.6}.lobby-account{color:var(--soft);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.lobby-online{color:var(--green)}.lobby-offline{color:var(--amber)}.room-create{flex-direction:column;gap:8px;display:flex}.room-create label{letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-size:11px}.room-create>div{gap:8px;display:flex}.room-create input{border:1px solid var(--strong);min-width:0;color:var(--ink);background:#f5ecd3;outline:none;flex:1;padding:11px}.lobby-error{margin:-4px 0 0}.room-list{flex-direction:column;gap:10px;display:flex}.room-empty{border:1px dashed var(--strong);color:var(--soft);text-align:center;background:#d9cca7;flex-direction:column;gap:5px;padding:26px;display:flex}.room-row{border:1px solid var(--strong);background:linear-gradient(#eee5c9ee,#d9cda8ee),var(--canvas);grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:14px 16px;display:grid;box-shadow:0 1px 3px #231c0e44}.room-row.finished{opacity:.92}.room-status{color:var(--dim);flex-direction:column;align-items:center;gap:3px;min-width:64px;font-size:11px;display:flex}.room-status span{background:var(--paper2);border:1px solid var(--line);padding:3px 8px}.room-row.active .room-status span{color:var(--green)}.room-row.finished .room-status span{color:var(--amber)}.room-status small{font-size:9px}.room-copy h2{letter-spacing:1px;margin:0;font-size:17px}.room-copy p{color:var(--soft);margin:3px 0;font-size:12px}.room-copy code{color:var(--dim);word-break:break-all;font-size:10px}.room-seats{color:var(--soft);flex-direction:column;gap:5px;min-width:150px;font-size:12px;display:flex}.room-seats span{align-items:center;gap:6px;display:flex}.room-seats img{object-fit:contain;width:18px;height:18px}.room-seats .occupied{color:var(--ink)}.room-actions{flex-direction:column;gap:7px;display:flex}.role-actions{justify-content:space-between;gap:10px;margin-top:6px;display:flex}.role-actions .line-button{flex:none}.role-actions .primary-button{flex:1}@media (width<=760px){.room-row{grid-template-columns:auto 1fr;grid-template-areas:"status copy""seats seats""actions actions"}.room-status{grid-area:status}.room-copy{grid-area:copy}.room-seats{grid-area:seats}.room-actions{flex-direction:row;grid-area:actions}.room-actions .line-button{flex:1}}