.captured-roster-piece .junqi-piece{aspect-ratio:1.42;width:min(100%,68px);height:auto;padding-block:2px}.captured-roster-piece .junqi-piece-label{font-size:15px}.captured-roster-piece .junqi-piece.back .junqi-piece-label{font-size:13px}.captured-roster-piece .junqi-piece-star{font-size:8px}.game-layout.junqi-layout{grid-template-columns:minmax(430px, 1fr) var(--game-sidebar-width)}.board-column.junqi-board-column{overflow:hidden}.junqi-map-frame{aspect-ratio:5/9.45;background:linear-gradient(160deg,#ffffff3d,#0000 28%),repeating-linear-gradient(9deg,#0000 0 31px,#3e442709 32px 34px),linear-gradient(#aeb68c 0 48.8%,#b7ad79 49.4% 50.6%,#b8b286 51.2% 100%);border:1px solid #3237269e;border-radius:13px;width:min(100%,520px);padding:clamp(6px,.8vw,10px);display:grid;position:relative;box-shadow:inset 0 0 0 3px #f4efc23d,inset 0 0 28px #363e2426}.junqi-map-frame:after{content:"";pointer-events:none;border:1px solid #ffffff5c;border-radius:9px;position:absolute;inset:5px}.junqi-board{background:radial-gradient(circle at 15% 20%,#f6f1c342,#0000 24%),radial-gradient(circle at 82% 74%,#59643a14,#0000 30%),#d3d09e9e;border:2px solid #2c3120c7;border-radius:8px;grid-template-rows:repeat(12,1fr);grid-template-columns:repeat(5,1fr);width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.junqi-cell{cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.junqi-cell:disabled{cursor:default}.junqi-cell:not(:disabled):hover{background:#faf4c333}.junqi-cell:nth-child(5n){border-right:0}.junqi-cell:nth-child(n+26):nth-child(-n+30){border-bottom:1px dashed #42462b73}.junqi-cell:nth-child(n+31):nth-child(-n+35){border-top:1px dashed #fffbd280}.junqi-road,.junqi-rail{z-index:0;pointer-events:none;display:block;position:absolute}.junqi-road.horizontal{background:#41452b75;height:1px;top:calc(50% - .5px);left:0;right:0}.junqi-road.vertical{background:#41452b75;width:1px;top:0;bottom:0;left:calc(50% - .5px)}.junqi-road.diagonal{transform-origin:50%;background:#41452b75;width:257%;height:1px;top:calc(50% - .5px);left:50%}.junqi-road.diagonal.rising{transform:translate(-50%)rotate(-39deg)}.junqi-road.diagonal.falling{transform:translate(-50%)rotate(39deg)}.junqi-road.horizontal.cap-left{left:50%}.junqi-road.horizontal.cap-right{right:50%}.junqi-road.vertical.cap-top{top:50%}.junqi-road.vertical.cap-bottom{bottom:50%}.junqi-cell:nth-child(26),.junqi-cell:nth-child(28),.junqi-cell:nth-child(30),.junqi-cell:nth-child(31),.junqi-cell:nth-child(33),.junqi-cell:nth-child(35){z-index:1}.junqi-rail.horizontal{background:repeating-linear-gradient(90deg,#0000 0 8px,#30342199 8px 10px);border-top:1px solid #2f3421bd;border-bottom:1px solid #2f3421bd;height:6px;top:calc(50% - 3px);left:0;right:0}.junqi-rail.vertical{background:repeating-linear-gradient(0deg,#0000 0 8px,#30342199 8px 10px);border-left:1px solid #2f3421bd;border-right:1px solid #2f3421bd;width:6px;top:0;bottom:0;left:calc(50% - 3px)}.junqi-rail.horizontal.cap-left{left:50%}.junqi-rail.horizontal.cap-right{right:50%}.junqi-rail.vertical.cap-top{top:50%}.junqi-rail.vertical.cap-bottom{bottom:50%}.junqi-cell.camp:before{content:"";z-index:1;aspect-ratio:1;background:#e8e2adc2;border:1px solid #3f432ab8;border-radius:16%;width:49%;position:absolute;transform:rotate(45deg);box-shadow:inset 0 0 0 3px #6c76451f,0 2px 3px #30341f21}.junqi-cell.headquarters:before{content:"";z-index:1;background:#e2d3998f;border:1px solid #484127a8;border-radius:5px;position:absolute;inset:15% 13%}.junqi-site-mark{z-index:2;color:#43442a8f;font-family:var(--font-qi-kai), "STKaiti", "Kaiti SC", serif;pointer-events:none;font-weight:700;line-height:1;position:absolute}.junqi-site-mark.camp-mark{font-size:4cqw}.junqi-site-mark.hq-mark{letter-spacing:-.08em;font-size:2cqw}.junqi-piece{z-index:5;width:76%;height:69%;font-family:var(--font-qi-kai), "STKaiti", "Kaiti SC", "KaiTi", serif;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:6px;grid-template-columns:14% 1fr 14%;align-items:center;font-style:normal;display:grid;position:relative;box-shadow:0 5px 8px #28231940,inset 0 0 0 2px #fff3,inset 0 -4px 6px #271e1724}.junqi-piece:before{content:"";opacity:.36;border:1px solid;border-radius:3px;position:absolute;inset:4px}.junqi-piece.red{color:#8f2f29;background:linear-gradient(145deg,#f3d6ad,#d89b69 62%,#a76545)}.junqi-piece.blue{color:#dce7e7;background:linear-gradient(145deg,#537c84,#284f5c 58%,#173944)}.junqi-piece.blue.face{color:#e7f0e9}.junqi-piece.back{color:#d3d6b4;background:linear-gradient(145deg,#526f69,#304f4d 58%,#1f3938)}.junqi-piece.revealed{box-shadow:0 0 0 3px #f0cb5b7a,0 5px 8px #28231940,inset 0 0 0 2px #fff3}.junqi-public-badge{z-index:6;color:#623d14;min-width:20px;height:20px;font:800 10px/1 var(--font-qi-kai), "STKaiti", "Kaiti SC", serif;background:linear-gradient(145deg,#fff0a5,#e0ad3f);border:1px solid #795a1d;border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #46310f4d,inset 0 1px #ffffff9e}.junqi-piece-label{z-index:1;letter-spacing:.05em;text-align:center;white-space:nowrap;font-size:4.5cqw;font-weight:800;line-height:1;position:relative}.junqi-piece.back .junqi-piece-label{letter-spacing:.16em;opacity:.88;font-size:3.9cqw}.junqi-piece-cap{opacity:.52;background:currentColor;border-radius:99px;justify-self:center;width:4px;height:55%}.junqi-piece-star,.junqi-boundary-label i{font-family:var(--font-app-sans), system-ui, sans-serif;font-style:normal}.junqi-piece-star{opacity:.72;justify-self:center;font-size:2.2cqw}.junqi-cell.last-moved .junqi-piece{box-shadow:0 0 0 3px #4bb1dac7,0 0 16px 5px #48b2dd6b,0 5px 8px #28231940,inset 0 0 0 2px #ffffff3d}.junqi-cell.selected .junqi-piece{transform:translateY(-4%)scale(1.045);box-shadow:0 0 0 4px #f1c745a6,0 8px 12px #2823194d}.junqi-cell.capture-target .junqi-piece{box-shadow:0 0 0 4px #b0372b94,0 7px 11px #2823194d}.junqi-target-dot{z-index:4;aspect-ratio:1;background:#f7da69c2;border:2px solid #5b4622ad;border-radius:50%;width:15%;position:relative;box-shadow:0 0 0 5px #f4d35824}.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-board.is-setup .junqi-cell:not(:disabled) .junqi-piece{cursor:grab}.junqi-board.is-setup .junqi-cell.dragging .junqi-piece{opacity:.45;cursor:grabbing;transform:translateY(-4%)scale(.98)}.junqi-cell.drag-target-valid .junqi-piece{box-shadow:0 0 0 4px #4d8949a6,0 8px 12px #28231947}.junqi-cell.drag-target-invalid .junqi-piece{box-shadow:0 0 0 4px #b0372b9e,0 8px 12px #28231947}.junqi-boundary-label{z-index:3;color:#434027a8;width:40%;font:700 clamp(11px, 1.2vw, 16px)/1 var(--font-qi-kai), "STKaiti", "Kaiti SC", serif;letter-spacing:.12em;pointer-events:none;justify-content:space-around;align-items:center;font-size:3.4cqw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.junqi-boundary-label i{color:#8d5631;font-style:normal}.junqi-side-chip{box-sizing:border-box;border:1px solid var(--line);color:var(--ink-soft);background:#ffffff8c;border-radius:8px;align-items:center;gap:7px;padding:5px 8px;font-size:12px;font-weight:400;display:flex}.junqi-mini-piece{width:23px;height:19px;font:800 11px/1 var(--font-qi-kai), "STKaiti", "Kaiti SC", serif;border:1px solid;border-radius:4px;place-items:center;display:grid}.junqi-mini-piece.red{color:#8f2f29;background:#e8bd89}.junqi-casualty-strip{--captured-accent:#8a5a34;border-bottom:1px solid var(--line);background:#efecdf38;padding:10px 18px 12px;display:block}.junqi-casualty-strip .captured-roster-report-cell:first-child{--captured-tone:#8f2f29}.junqi-casualty-strip .captured-roster-report-cell:last-child{--captured-tone:#2f5a67}@media (width>=851px),(width>=812px) and (height<=500px){.junqi-map-frame{width:min(100%, calc((var(--board-vh) - clamp(12px, 2vh, 24px)) * .529));margin-inline:auto}}@media (width<=811px),(width<=850px) and (height>=501px){.game-layout.junqi-layout{grid-template-columns:1fr}.board-column.junqi-board-column{overflow:visible}.junqi-map-frame{width:min(100%,470px)}}@media (width<=600px){.junqi-map-frame{border-radius:9px;width:min(100%,390px);padding:5px}.junqi-piece{width:82%;height:72%}.junqi-boundary-label{width:48%}.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}}@media (width<=850px){.junqi-map-frame{width:min(100%, 520px, calc(var(--board-fit-height) * 5 / 9.45));margin-inline:auto}}