.stratego-stage{width:min(100%,760px,calc(var(--board-vh) - 44px));background:linear-gradient(145deg,#59694f,#394b3c 45%,#26382e);border:1px solid #263b30;border-radius:18px;margin:auto;padding:clamp(8px,1.4vw,14px);position:relative;box-shadow:inset 0 0 0 4px #ebdca71a,inset 0 0 48px #06120c59}.stratego-captured-bar{--captured-accent:#f0cf7a;--captured-ink:#fff8e2;padding-inline:var(--shell-pad-inline,0px);color:#eff0d7;padding:0 4px 10px}.stratego-captured-bar .captured-roster-report-cell:first-child{--captured-tone:#ff9f92}.stratego-captured-bar .captured-roster-report-cell:last-child{--captured-tone:#9cc4f0}.stratego-board{aspect-ratio:1;background:#a6ad82;border:3px solid #1d3026;border-radius:8px;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffdc33;container-type:inline-size}.stratego-cell{background:linear-gradient(145deg,#b7b98f,#9ca77b);border:1px solid #273c2c38;border-top:0;border-left:0;place-items:center;min-width:0;min-height:0;padding:4%;display:grid;position:relative}.stratego-cell.shade{background:linear-gradient(145deg,#aab181,#8f9d72)}.stratego-cell:not(:disabled):hover{filter:brightness(1.08)}.stratego-cell.selected{z-index:3;box-shadow:inset 0 0 0 3px #f0d06f,inset 0 0 15px #f0d06f73}.stratego-cell.target:after{z-index:4;content:"";aspect-ratio:1;background:#314632b3;border:2px solid #f7dc82;border-radius:50%;width:24%;position:absolute;box-shadow:0 0 0 5px #f7dc8233}.stratego-cell.last{box-shadow:inset 0 0 0 3px #e8a34d,inset 0 0 18px #e8a34d80}.stratego-cell.lake{background:linear-gradient(160deg,#4a8b9b,#2c687d 55%,#245568);overflow:hidden;box-shadow:inset 0 0 18px #06253461}.stratego-water{opacity:.65;align-content:center;gap:8%;padding:18% 10%;display:grid;position:absolute;inset:0;transform:rotate(-8deg)}.stratego-water i{background:#c2e9e7b8;border-radius:50%;height:2px;display:block;box-shadow:12px 6px #c2e9e757,-9px -5px #c2e9e747}.stratego-token{z-index:2;box-sizing:border-box;color:#fff4d6;filter:drop-shadow(0 5px 4px #1c110d59);text-shadow:0 1px 1px #00000073;background:linear-gradient(145deg,#dc5a50,#a52d2c 56%,#6a1b22);border:1px solid #ffe8b2b8;border-radius:7% 7% 10% 10%;flex-direction:column;justify-content:center;align-items:center;width:78%;height:88%;font-style:normal;transition:transform .16s,filter .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #3d080e3d,0 3px #54161b;container-type:inline-size}.stratego-token.cobalt{filter:drop-shadow(0 5px 4px #0f182661);background:linear-gradient(145deg,#528ed1,#2c61a2 56%,#183d74);border-color:#d3e8ffb3;box-shadow:inset 2px 2px #ffffff24,inset -2px -2px #071e4240,0 3px #112f60}.stratego-cell:not(:disabled):hover .stratego-token{transform:translateY(-4%)scale(1.025)}.stratego-token-frame{border:1px solid #ffeebe8c;border-radius:4% 4% 7% 7%;position:absolute;inset:6% 8% 9%;box-shadow:inset 0 0 0 1px #46121421}.stratego-token-mark{z-index:2;place-items:center;height:58%;font-family:Georgia,Times New Roman,serif;font-size:44cqw;font-weight:900;line-height:1;display:grid;position:absolute;top:13%;left:8%;right:8%}.stratego-token small{z-index:2;color:#fff6d9eb;text-align:center;letter-spacing:-.04em;white-space:nowrap;font-size:18cqw;font-weight:800;line-height:1;display:none;position:absolute;bottom:11%;left:5%;right:5%;overflow:hidden}.stratego-token-symbol{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;width:64%;height:88%;overflow:visible}.stratego-bomb-mark circle{fill:currentColor;stroke:none}.stratego-bomb-mark path{fill:none}.stratego-flag-mark path:nth-child(2){fill:currentColor;stroke:currentColor}.stratego-back-emblem{opacity:.78;width:58%;height:78%}.stratego-back-emblem path:first-child{fill:#fff6d91f}@container (width>=40px){.stratego-token small{display:block}}.stratego-token.is-concealed .stratego-token-frame{background:repeating-linear-gradient(135deg,#ffffff0b 0 3px,#0000000b 3px 6px);inset:7%}.stratego-token.is-concealed .stratego-token-mark{height:70%;top:15%}.stratego-token.is-concealed small{display:none}.stratego-known-badge{z-index:5;aspect-ratio:1;box-sizing:border-box;color:#4d350e;pointer-events:none;background:linear-gradient(145deg,#ffe797,#e8b944);border:1px solid #53380c9e;border-radius:50%;place-items:center;width:29%;display:grid;position:absolute;top:3%;right:3%;box-shadow:0 1px 2px #1712086b,0 0 0 2px #ffe58433}.stratego-known-badge svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:72%;height:72%;overflow:visible}.stratego-known-badge circle{fill:currentColor;stroke:none}.stratego-target-pip{aspect-ratio:1;background:#445c42;border:2px solid #f7dc82;border-radius:50%;width:22%}.stratego-side-piece{box-sizing:border-box;color:#fff0ca;background:linear-gradient(145deg,#d6524a,#9f292b 60%,#671a20);border:1px solid #ffe8b2c7;border-radius:4px;flex:0 0 27px;place-items:center;width:27px;height:33px;display:grid;box-shadow:inset 1px 1px #ffffff2e,0 2px #54161b}.stratego-side-piece.cobalt{background:linear-gradient(145deg,#4f89ca,#285b9b 60%,#173b70);border-color:#d3e8ffb8;box-shadow:inset 1px 1px #ffffff29,0 2px #112f60}.stratego-side-piece-emblem{fill:#ffffff14;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:20px}.stratego-combat-face-sources{display:none}.junqi-setup-workbench{--junqi-workbench-small-size:14px;--junqi-workbench-body-size:15px;--junqi-workbench-title-size:18px;--junqi-workbench-input-size:15px;--junqi-workbench-target-size:44px;--junqi-workbench-visual-size:36px;z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#3e412d;height:48.6%;min-height:0;font-size:var(--junqi-workbench-body-size);font-family:var(--font-app-sans), system-ui, sans-serif;background:linear-gradient(155deg,#ffffff7a,#0000 34%),repeating-linear-gradient(8deg,#0000 0 28px,#4e533209 29px 31px),#efeac7f5;border:1px solid #3e442cb8;border-radius:clamp(9px,2.8cqw,13px);flex-direction:column;padding:clamp(10px,3.3cqw,14px);display:flex;position:absolute;top:.8%;left:.8%;right:.8%;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff57,0 8px 22px #31372238}.junqi-setup-workbench button,.junqi-setup-workbench input,.junqi-setup-workbench select{font:inherit}.junqi-setup-workbench button{cursor:pointer}.junqi-setup-workbench button:focus-visible,.junqi-setup-workbench input:focus-visible,.junqi-setup-workbench select:focus-visible{outline-offset:2px;outline:2px solid #9c3d2c}.junqi-setup-workbench button:disabled{cursor:not-allowed;opacity:.46}.junqi-setup-home-head,.junqi-workbench-head{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.junqi-setup-home-head>div{align-items:center;gap:7px;min-width:0;display:flex}.junqi-setup-home-head strong,.junqi-workbench-head strong{color:#303526;min-width:0;font-size:var(--junqi-workbench-title-size);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.junqi-setup-dot{background:#8f2f29;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 4px #8f2f291c}.junqi-setup-instructions{color:#3e412db8;font-size:var(--junqi-workbench-small-size);text-wrap:balance;margin:9px 0 0;line-height:1.4}.junqi-auto-layout{min-width:0;min-height:var(--junqi-workbench-target-size);grid-template-columns:auto minmax(0, 1fr) var(--junqi-workbench-target-size);align-items:center;gap:8px;margin-top:auto;display:grid}.junqi-auto-layout label{color:#3d422f;font-size:var(--junqi-workbench-body-size);white-space:nowrap;font-weight:800}.junqi-auto-layout-select{min-width:0;height:var(--junqi-workbench-target-size);display:block;position:relative}.junqi-auto-layout-select:before{z-index:0;height:var(--junqi-workbench-visual-size);box-sizing:border-box;content:"";pointer-events:none;background:#ffffffad;border:1px solid #4a4e3361;border-radius:10px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.junqi-auto-layout-select:after{content:"";pointer-events:none;border-bottom:2px solid #6e714f;border-right:2px solid #6e714f;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-68%)rotate(45deg)}.junqi-auto-layout select{z-index:1;width:100%;height:var(--junqi-workbench-target-size);box-sizing:border-box;appearance:none;color:#343827;font-size:var(--junqi-workbench-body-size);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 38px 0 13px;font-weight:750;position:relative}.junqi-auto-layout-select:has(select:hover):before{background:#ffffffe6;border-color:#8f2f2973}.junqi-auto-layout-refresh{isolation:isolate;width:var(--junqi-workbench-target-size);height:var(--junqi-workbench-target-size);color:#555a3e;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.junqi-auto-layout-refresh:before{z-index:-1;width:var(--junqi-workbench-visual-size);height:var(--junqi-workbench-visual-size);box-sizing:border-box;content:"";background:#ffffffad;border:1px solid #4a4e3361;border-radius:50%;position:absolute}.junqi-auto-layout-refresh:hover:before{background:#ffffffe6;border-color:#8f2f2973}.junqi-auto-layout-refresh svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;transition:transform .16s;display:block}.junqi-auto-layout-refresh:active svg{transform:rotate(55deg)}.junqi-layout-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0;display:grid}.junqi-layout-pair button,.junqi-start-button,.junqi-workbench-actions button{isolation:isolate;min-width:0;min-height:var(--junqi-workbench-target-size);color:#4a4d36;white-space:nowrap;background:0 0;border:0;padding:0 8px;position:relative;font-size:var(--junqi-workbench-body-size)!important;font-weight:750!important}.junqi-layout-pair button:before,.junqi-start-button:before,.junqi-workbench-actions button:before{z-index:-1;height:var(--junqi-workbench-visual-size);box-sizing:border-box;content:"";background:#ffffff9e;border:1px solid #4a4e335c;border-radius:9px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.junqi-layout-pair button:hover,.junqi-workbench-actions button:hover:not(:disabled){color:#792e28}.junqi-layout-pair button:hover:before,.junqi-workbench-actions button:hover:not(:disabled):before{background:#ffffffe6;border-color:#8f2f296b}.junqi-start-button,.junqi-workbench-actions .is-primary{color:#fff9e9}.junqi-start-button:before,.junqi-workbench-actions .is-primary:before{background:linear-gradient(#b85342,#963b30);border-color:#84352b;box-shadow:inset 0 1px #fff3,0 3px 8px #5b261e33}.junqi-start-button{margin-top:0}.junqi-start-button:hover,.junqi-workbench-actions .is-primary:hover:not(:disabled){color:#fff}.junqi-start-button:hover:before,.junqi-workbench-actions .is-primary:hover:not(:disabled):before{background:linear-gradient(#c2604d,#a64135)}.junqi-local-storage-note{color:#3e412d94;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:14px;line-height:1.25;overflow:hidden}.junqi-workbench-head{min-height:var(--junqi-workbench-target-size)}.junqi-workbench-head>span:last-child{min-width:var(--junqi-workbench-target-size)}.junqi-workbench-back{isolation:isolate;width:var(--junqi-workbench-target-size);height:var(--junqi-workbench-target-size);flex:0 0 var(--junqi-workbench-target-size);color:#4b5037;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.junqi-workbench-back:before{z-index:-1;width:var(--junqi-workbench-visual-size);height:var(--junqi-workbench-visual-size);box-sizing:border-box;content:"";background:#ffffff7a;border:1px solid #484e3147;border-radius:50%;position:absolute}.junqi-workbench-back svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:block;overflow:visible}.junqi-layout-count{width:var(--junqi-workbench-target-size);color:#65694b;height:28px;font-size:var(--junqi-workbench-small-size);background:#4a4e331a;border-radius:999px;place-items:center;font-weight:800;display:grid;min-width:var(--junqi-workbench-target-size)!important}.junqi-layout-form,.junqi-layout-loader{flex-direction:column;flex:auto;min-height:0;display:flex}.junqi-layout-form label{color:#555940;font-size:var(--junqi-workbench-small-size);letter-spacing:.04em;margin-top:auto;font-weight:800}.junqi-layout-form input,.junqi-layout-rename input{box-sizing:border-box;color:#303526;background:#ffffffb8;border:1px solid #44482f66;border-radius:8px;width:100%;min-width:0}.junqi-layout-form input{height:var(--junqi-workbench-target-size);font-size:var(--junqi-workbench-input-size);margin-top:6px;padding:0 11px}.junqi-layout-form-message{color:#3e412d9e;min-height:19px;font-size:var(--junqi-workbench-small-size);margin:5px 2px 3px;line-height:1.35}.junqi-layout-form-message.is-storage-note{font-size:14px}.junqi-layout-form-message.is-error{color:#9a3028;font-weight:700}.junqi-workbench-actions{flex:none;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:8px;margin-top:0;display:grid}.junqi-layout-list{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;align-content:start;gap:5px;min-height:0;margin:8px -3px 0 0;padding-right:3px;display:grid;overflow-y:auto}.junqi-layout-row{background:#ffffff6b;border:1px solid #464b303b;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0;min-height:68px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.junqi-layout-row.is-selected{background:#fff8e1db;border-color:#8f2f2994;box-shadow:inset 3px 0 #9b3b30}.junqi-layout-option{min-width:0;min-height:66px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;padding:5px 3px 5px 7px;display:grid}.junqi-layout-option>span:last-child{gap:3px;min-width:0;display:grid}.junqi-layout-option strong{color:#343827;font-size:var(--junqi-workbench-body-size);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.junqi-layout-option small{color:#3e412d9e;font-size:var(--junqi-workbench-small-size);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.junqi-layout-thumbnail{box-sizing:border-box;background:#c9c89a;border:1px solid #494d3240;border-radius:4px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(5,1fr);gap:1px;width:34px;height:40px;padding:2px;display:grid}.junqi-layout-thumbnail i{background:#bf714f;border-radius:1px;min-width:0;min-height:0;display:block}.junqi-layout-thumbnail i[data-role=empty]{background:0 0}.junqi-layout-thumbnail i[data-role=flag]{background:#d5a63a}.junqi-layout-thumbnail i[data-role=mine]{background:#494938}.junqi-layout-thumbnail i[data-role=bomb]{background:#a82e26}.junqi-layout-thumbnail i[data-role=commander],.junqi-layout-thumbnail i[data-role=army],.junqi-layout-thumbnail i[data-role=division]{background:#7e2d29}.junqi-layout-thumbnail i[data-role=engineer]{background:#55754f}.junqi-layout-row-actions{align-items:center;gap:3px;padding-right:5px;display:flex}.junqi-layout-row-actions button,.junqi-layout-rename button{min-width:var(--junqi-workbench-target-size);height:var(--junqi-workbench-target-size);color:#66694c;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0 7px;display:grid;font-size:var(--junqi-workbench-body-size)!important;font-weight:800!important}.junqi-layout-row-actions button:hover,.junqi-layout-rename button:hover{color:#84352b;background:#ffffffa8;border-color:#484e313d}.junqi-layout-row-actions .is-danger{min-width:var(--junqi-workbench-target-size);color:#9b302a;font-size:var(--junqi-workbench-small-size)!important}.junqi-layout-rename{grid-column:1/-1;grid-template-columns:minmax(0, 1fr) var(--junqi-workbench-target-size) var(--junqi-workbench-target-size);gap:4px;min-width:0;padding:7px;display:grid}.junqi-layout-rename input{height:var(--junqi-workbench-target-size);font-size:var(--junqi-workbench-input-size);padding:0 9px}.junqi-layout-rename small{color:#9a3028;font-size:var(--junqi-workbench-small-size);grid-column:1/-1;line-height:1.25}.junqi-layout-empty{text-align:center;flex:auto;place-content:center;gap:5px;min-height:0;padding:10px;display:grid}.junqi-layout-empty strong{color:#464a34;font-size:var(--junqi-workbench-body-size)}.junqi-layout-empty span{color:#3e412da8;font-size:var(--junqi-workbench-small-size)}.junqi-setup-workbench.stratego-setup-workbench{background:linear-gradient(155deg,#ffffff7a,#0000 34%),repeating-linear-gradient(8deg,#0000 0 28px,#324d3509 29px 31px),#ebebc8f7;border-color:#2a3e2bb8;height:58.4%;top:.8%}@media (width<=600px){.junqi-setup-workbench{--junqi-workbench-small-size:15px;--junqi-workbench-body-size:16px;--junqi-workbench-title-size:19px;--junqi-workbench-input-size:16px;--junqi-workbench-target-size:44px;--junqi-workbench-visual-size:38px}.junqi-layout-row{min-height:72px}.junqi-layout-option{min-height:70px}}@media (width<=360px){.junqi-setup-workbench{padding:8px}.junqi-setup-instructions{margin-top:6px}.junqi-layout-pair{gap:6px}.junqi-start-button,.junqi-workbench-actions{margin-top:0}.junqi-local-storage-note{margin-top:3px}}.stratego-layout-thumbnail{background:#a6ad82;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(10,1fr);width:40px;height:24px}.stratego-layout-thumbnail i[data-role=flag]{background:#d5a63a}.stratego-layout-thumbnail i[data-role=bomb]{background:#363a32}.stratego-layout-thumbnail i[data-role=marshal],.stratego-layout-thumbnail i[data-role=general],.stratego-layout-thumbnail i[data-role=colonel]{background:#7e2d29}.stratego-layout-thumbnail i[data-role=miner],.stratego-layout-thumbnail i[data-role=scout]{background:#55754f}.stratego-board.is-setup .stratego-cell:not(:disabled) .stratego-token{cursor:grab}.stratego-board.is-setup .stratego-cell.dragging .stratego-token{opacity:.45;cursor:grabbing;transform:translateY(-3%)scale(.98)}.stratego-cell.drag-target-valid .stratego-token{box-shadow:0 0 0 3px #4d8949b3,inset 2px 2px #ffffff24,0 3px #112f60}.stratego-cell.drag-target-invalid .stratego-token{box-shadow:0 0 0 3px #b0372bb8,inset 2px 2px #ffffff24,0 3px #112f60}.stratego-captured-bar .captured-roster-report{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.stratego-captured-bar .captured-roster-report-head{color:inherit;flex:none;gap:8px}.stratego-captured-bar .captured-roster-report-cells{flex:200px;min-width:0}.stratego-captured-bar .captured-roster-report-cell{color:inherit;background:#fff6dc1a;border-color:#fff0cd42}.stratego-captured-bar .captured-roster-report-cell:hover,.stratego-captured-bar .captured-roster-report-cell[aria-expanded=true]{background:#fff6dc33;border-color:#fff0cd80}.captured-roster-piece .stratego-token{width:42px;height:49px}.captured-roster-piece .stratego-token-mark{font-size:20px}.captured-roster-piece .stratego-token small{font-size:6px;display:block}@media (width<=850px){.stratego-stage{width:min(100%,720px,calc(var(--board-svh) - 44px))}}@media (width>=812px) and (height<=500px){.stratego-stage{width:min(100%,760px,calc(var(--board-vh) - 44px))}}@media (width<=520px){.stratego-stage{border-radius:12px;padding:4px}.stratego-board{border-width:2px}.stratego-cell{padding:2%}.stratego-token{width:94%;height:93%}}@media (width<=850px){.board-column:has(.stratego-board){--board-chrome:4.5rem}.stratego-board{width:min(100%, var(--board-fit-height));margin-inline:auto}}