/* Battle screen: persistent fullscreen shell, inspector, map, history and hand. */
body.battle-screen{height:100dvh;min-height:100dvh;overflow:hidden;background:#243b38}body.battle-screen>.topbar{display:none}body.battle-screen #app{position:fixed;inset:0;margin:0;padding:0;max-width:none;z-index:100;background:#243b38;overflow:hidden}body.battle-screen #toast{z-index:500}.combat{--inspector-width:262px;--history-width:244px;height:100%;display:grid;grid-template-rows:62px minmax(0,1fr) 138px;color:#273e36;position:relative}.combat[data-left-collapsed=true]{--inspector-width:0px}.combat[data-right-collapsed=true]{--history-width:0px}.combat-topbar{display:flex;align-items:center;gap:14px;background:#263f43;color:#e2e8db;padding:9px 15px;border-bottom:2px solid #aeb37b;z-index:35;min-width:0}.combat-topbar button{font-size:11px}.panel-toggle{background:#3c5754;color:#dce7d7;border-color:#6e8474;padding:7px 11px}.combat-room{min-width:135px;font-size:11px}.combat-room>strong{font-family:"SimSun",serif;font-size:18px;letter-spacing:2px;display:block;color:#f0dd9f}.combat-room>span{display:block;color:#d0d9ca;font-size:10px}.combat-room small{font-size:9px;color:#92aaa1;margin-left:8px}.duel-summary{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;min-width:0}.duel-summary>b{font-size:10px;font-weight:400;color:#98aaa1}.duel-team{display:flex;align-items:center;gap:10px;font-size:12px;min-width:0}.duel-team>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.duel-team small{display:block;font-size:10px;color:#c5d1c0}.combat-topbar .turn-label{font-size:12px;line-height:1.5;white-space:nowrap;min-width:90px}.combat-topbar .turn-label small{display:block;font-size:9px;color:#b3c6b6;font-weight:400}.combat-menu{position:relative;flex:none;font-size:12px}.combat-menu>summary{cursor:pointer;padding:7px 13px;background:#ebefdf;border:1px solid #a5b79e;color:#3d5c4a;border-radius:4px;list-style:none}.combat-menu>summary::-webkit-details-marker{display:none}.combat-menu-content{position:absolute;top:calc(100% + 11px);right:0;width:215px;background:#f4f6e9;color:#365342;box-shadow:0 10px 35px #0c282866;border:1px solid #a0b296;padding:9px;display:flex;flex-direction:column;gap:5px;max-height:calc(100dvh - 95px);overflow:auto;z-index:90}.combat-menu:not([open])>.combat-menu-content{display:none}.combat-menu-content>button,.combat-menu-content>a,.display-options>summary,.display-options button{display:block;text-align:left;width:100%;padding:9px 12px;border:0;border-radius:3px;font-size:12px;background:transparent;text-decoration:none;color:#3a5945}.combat-menu-content button:hover:not(:disabled),.combat-menu-content a:hover{background:#e1ead6}.display-options{background:#e6ecdc;border:1px solid #cfdbc6}.display-options>summary{cursor:pointer;font-weight:600}.display-options>div{padding:0 7px 7px}.display-options button{font-size:11px}.display-options [aria-pressed=true]{background:#5c8271;color:white}.display-options p{font-size:9px;margin:7px;color:#819177}.combat-main{display:grid;grid-template-columns:var(--inspector-width) minmax(0,1fr) var(--history-width);min-height:0;min-width:0;overflow:hidden}.combat-panel{background:#e8eee0;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#9caf92 transparent;padding:16px 13px}.combat-panel[hidden]{display:none}.combat-inspector{grid-column:1;border-right:1px solid #6e856d}.map-viewport{grid-column:2;position:relative;overflow:hidden;min-width:0;min-height:0;background:#455e4c;background-image:linear-gradient(#3c564ce6,#3c564ce6),url('/assets/table.jpg');background-size:auto,900px;touch-action:none;user-select:none}.map-world{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform;padding:0}.combat .board.configurable-board{width:100%;height:100%;min-width:0;max-height:none;aspect-ratio:auto;margin:0;box-shadow:0 12px 30px #152b2466;border:3px solid #263f31;grid-template-columns:repeat(var(--bw),minmax(0,1fr));grid-template-rows:repeat(var(--bh),minmax(0,1fr))}.combat .tile{min-height:0;min-width:0}.combat .tile .hero-token{width:64%;height:70%;font-size:19px;max-width:47px;max-height:49px}.combat .tile-decoration{font-size:26px}.combat .tile.wall .tile-decoration,.combat .tile.base-tile .tile-decoration,.combat .tile.camp .tile-decoration{font-size:32px}.combat .tile .col-label{bottom:-20px}.combat .tile .row-label{left:-17px}.map-viewport.is-panning,.map-viewport.is-panning *{cursor:grabbing!important}.map-corner-controls{position:absolute;top:12px;right:13px;display:flex;align-items:center;gap:10px;z-index:4;pointer-events:none}.map-corner-controls button{pointer-events:auto;font-size:10px;padding:6px 9px;background:#e7eddbdb;border-color:#9eaf91;color:#385b44}.map-corner-controls span{font-size:10px;color:#d1dcca;text-shadow:0 1px #2e4837}.map-status{position:absolute;bottom:11px;left:13px;right:13px;width:fit-content;max-width:calc(100% - 26px);background:#213d35e8;border:1px solid #7d9675;color:#dde7cf;font-size:11px;padding:8px 12px;pointer-events:none;line-height:1.7;z-index:4}.combat-history{grid-column:3;border-left:1px solid #6e856d}.combat .unit-panel{background:transparent;padding:0;border:0}.combat .unit-panel h2,.combat .unit-picker h2,.combat .log-panel h2{font-size:13px;margin:0 0 17px;color:#5f7862;font-weight:600}.inspector-identity{display:flex;align-items:center;gap:13px;padding-bottom:14px;border-bottom:1px solid #c9d6c0}.inspector-identity h3{font-size:18px;margin:0 0 4px;font-family:"SimSun",serif;color:#304e3d}.inspector-identity>div>span{font-size:10px;color:#82937c}.fortress-symbol{display:inline-grid;place-items:center;flex:none;width:37px;height:39px;background:#3d6c60;color:#eedaa2;border:2px solid #c5b97d;font:20px "SimSun",serif}.fortress-symbol.side-1{background:#9c5b4d}.combat .stat-grid{gap:8px;margin:17px 0}.combat .stat-grid span{font-size:11px;background:#f5f8ed;padding:7px 8px}.combat .stat-grid b{font-size:12px;color:#3a5f43}.inspector-status{font-size:11px;color:#6b8065;padding:8px 10px;background:#d9e4d0;margin:10px 0}.inspector-help{font-size:11px;line-height:1.9;color:#75896e}.unit-effects{font-size:10px;color:#917844;margin:13px 0}.unit-effects p{margin:4px 0}.inspector-skills{display:grid;gap:10px;margin-top:16px}.inspector-skills>section{border-top:1px solid #c8d6bf;padding-top:10px}.inspector-skills strong{font-size:11px;color:#4d7154}.inspector-skills small{display:block;font-size:9px;color:#8a9b81;margin:3px 0}.inspector-skills p{font-size:10px;color:#7a8e72;line-height:1.8;margin:7px 0 0}.unit-picker{margin-top:25px;border-top:1px solid #c1d0b7;padding-top:16px;display:grid;gap:7px}.combat .unit-picker h2{margin-bottom:4px}.unit-picker h2 small{font-size:10px;margin-left:5px;color:#9aa78b}.combat .roster-unit{width:100%;background:#f0f5e7;padding:9px 7px;gap:9px}.combat .roster-unit .hero-token{width:26px;height:30px;font-size:15px}.combat .roster-unit .fortress-symbol{width:25px;height:28px;font-size:15px}.combat .roster-unit strong{font-size:11px}.combat .roster-unit small{font-size:9px}.combat .log-panel{border:0;padding:0}.combat .log-panel h2{position:sticky;top:-16px;padding:12px 0 15px;margin-top:-12px;background:#e8eee0;display:flex;align-items:center;justify-content:space-between;z-index:2}.combat .log-panel h2 small{font-size:9px;color:#9baa8d;font-weight:400}.combat .log-panel ol{max-height:none;overflow:visible;font-size:11px;padding-bottom:12px}.combat .log-panel li{padding:10px 0 10px 11px;border-left-color:#c8d5bd;line-height:1.85;color:#82947b}.combat .log-panel li:first-child{font-weight:500;color:#426c4e;border-left-color:#6e9670}.unit-action-popover{position:fixed;z-index:65;width:224px;background:#f5f6e8;border:1px solid #9cab83;box-shadow:0 8px 28px #0d2c2a66;padding:9px;overflow-y:auto;scrollbar-width:thin;user-select:auto}.unit-action-popover[hidden]{display:none}.unit-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 5px 8px;border-bottom:1px solid #d1dcc5;margin-bottom:6px}.unit-menu-heading strong{font-size:13px;color:#496847}.unit-menu-heading button{padding:0 5px;border:0;font-size:20px;background:transparent;color:#7a8d6d}.unit-action-popover>[data-mode]{width:100%;text-align:left;margin:3px 0;padding:9px 12px;background:#e5edda;border-color:#cbd9bd;font-size:12px;color:#4e704b}.unit-action-popover>[data-mode]:hover:not(:disabled){background:#63896c;color:#fff6db}.unit-action-popover label{font-size:10px;font-weight:400;margin-top:10px}.unit-action-popover select{font-size:11px;width:100%;padding:7px}.unit-action-popover p{font-size:10px;color:#8a997d;margin:7px 4px 2px;line-height:1.8}.combat-bottom{min-width:0;position:relative;border-top:1px solid #849976;background:#283f39;z-index:25}.hand-dock{position:absolute;left:0;right:0;bottom:47px;height:90px;background:#dce6d2f5;border-top:1px solid #a2b293;transition:height .16s ease;z-index:26;overflow:visible;padding:0 20px}.hand-dock.hand-expanded{height:215px}.hand-dock-heading{height:25px;display:flex;align-items:center;justify-content:space-between;max-width:1250px;margin:auto;color:#637d5d;font-size:10px}.hand-dock-heading h2{font-size:11px;margin:0;color:#526f50}.hand-dock-heading small{font-size:9px;font-weight:400;color:#8b9d80;margin-left:8px}.hand-dock-heading>span{font-size:9px}.combat .hand-strip.hand{display:flex;gap:9px;align-items:flex-start;max-width:1250px;margin:auto;padding:4px 2px 9px;min-height:0;height:65px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a6b995 transparent}.hand-slot{width:110px;min-width:110px;flex:none;height:55px}.combat .hand-strip .playing-card{width:100%;height:55px;min-height:55px;min-width:0;max-width:none;max-height:none;padding:6px 8px;border-radius:5px;box-shadow:0 2px 0 #a08d5d;margin:0;transition:height .16s ease,box-shadow .12s;position:relative;overflow:hidden}.combat .hand-strip .card-kind{font-size:8px;position:absolute;right:7px;top:6px}.combat .hand-strip .card-glyph{font-size:18px;position:absolute;left:8px;top:5px;margin:0}.combat .hand-strip .playing-card strong{font-size:14px;margin:16px 0 0;line-height:1.25;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.combat .hand-strip .card-description{display:none}.combat .hand-strip .playing-card:hover:not(:disabled){transform:none;box-shadow:inset 0 0 0 2px #6e9868,0 2px 0 #a08d5d}.combat .hand-strip .playing-card.picked{transform:none;outline:3px solid #477a62;outline-offset:-2px}.hand-dock.hand-expanded .hand-strip{height:189px}.hand-dock.hand-expanded .hand-slot{width:130px;min-width:130px;height:176px}.combat .hand-expanded .playing-card{height:176px;min-height:176px;padding:12px 10px}.combat .hand-expanded .card-glyph{position:static;font-size:29px;margin:8px 0 2px}.combat .hand-expanded .playing-card strong{font-size:18px;margin:3px 0 10px;white-space:normal}.combat .hand-expanded .card-description{display:block;font-size:10px;line-height:1.8}.combat-commandbar{position:absolute;bottom:0;left:0;right:0;height:47px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 19px;background:#2d4840;border-top:1px solid #526e58;color:#c7d6bb;z-index:28}.turn-resources{display:flex;align-items:center;gap:20px;font-size:11px}.turn-resources strong{font-size:12px;color:#e9dba5;font-weight:500}.turn-resources .command-warning{color:#f0be7f}.intent-controls{display:flex;gap:12px;align-items:center}.intent-controls button{font-size:11px;padding:7px 15px}.intent-controls .quiet{color:#c4d5b8}.intent-controls .primary{background:#e3ce85;color:#3b5741;border-color:#c9b66c;min-width:150px}.intent-controls .primary:hover:not(:disabled){background:#f0df9f}.empty-hand{font-size:11px;margin:8px;color:#879b79}.card-preview{position:fixed;width:210px;min-height:245px;background:#f2e5bc;border:2px solid #b6a16a;border-radius:8px;box-shadow:0 10px 35px #102c2b66;color:#4f5337;z-index:120;padding:16px 19px;pointer-events:none}.card-preview[hidden]{display:none}.preview-label{font-size:9px;color:#9e8d59;display:block}.card-preview .card-kind{font-size:11px;margin-top:5px}.card-preview .card-glyph{font-size:43px;margin:10px 0;text-align:center}.card-preview strong{display:block;font:24px "SimSun",serif;text-align:center;margin-bottom:16px}.card-preview .card-description{display:block;font-size:13px;line-height:1.9}.card-extra{font-size:11px;color:#9a916c;line-height:1.9;border-top:1px solid #d3c493;padding-top:10px;margin:12px 0 0}.combat .result-banner{z-index:150}.combat-menu-content button:disabled{opacity:.4}@media(min-width:1800px){.combat{--inspector-width:290px;--history-width:280px;grid-template-rows:67px minmax(0,1fr) 148px}.hand-dock{height:100px}.combat .hand-strip.hand{height:75px}.hand-slot{height:65px}.combat .hand-strip .playing-card{height:65px;min-height:65px}.hand-dock.hand-expanded{height:225px}.hand-dock.hand-expanded .hand-strip{height:199px}}@media(max-width:1150px){.combat{--inspector-width:224px;--history-width:212px}.combat-topbar{gap:9px;padding:9px 10px}.duel-summary{gap:12px}.combat-room{min-width:112px}.combat-room small{display:none}.duel-team{font-size:11px;gap:7px}.combat-topbar .turn-label{min-width:82px}.combat-panel{padding:13px 10px}.combat .stat-grid{gap:6px}.combat .stat-grid span{font-size:10px;padding:6px}.combat .stat-grid b{font-size:11px}}@media(max-width:850px){.combat{--inspector-width:206px;--history-width:185px}.duel-summary>b{display:none}.duel-team{font-size:10px}.duel-team>span{max-width:105px}.combat-room>strong{font-size:16px}.combat-room{min-width:95px}.panel-toggle{padding:6px 9px}.combat-menu>summary{padding:6px 10px}.map-corner-controls span{display:none}.combat .tile .hero-token{font-size:16px}.combat .tile-decoration{font-size:21px}.combat .tile.wall .tile-decoration,.combat .tile.base-tile .tile-decoration,.combat .tile.camp .tile-decoration{font-size:26px}}@media(max-width:760px){.combat{grid-template-rows:58px minmax(0,1fr) 132px}.combat-main{display:block;position:relative}.map-viewport{position:absolute;inset:0}.combat-panel{position:absolute;top:0;bottom:0;width:min(278px,84vw);z-index:18;box-shadow:0 0 30px #203d2b66}.combat-inspector{left:0}.combat-history{right:0}.combat-topbar{gap:7px;padding:7px 8px}.combat-room{display:none}.duel-summary{gap:10px}.duel-team{font-size:10px;gap:5px}.duel-team .player-dot{display:none}.duel-team>span{max-width:85px}.duel-team small{font-size:8px}.combat-topbar .turn-label{font-size:10px;min-width:70px}.combat-topbar .turn-label small{font-size:8px}.combat-topbar .panel-toggle{font-size:10px;padding:6px 7px}.combat-menu>summary{font-size:10px;padding:6px 8px}.combat-menu-content{width:205px}.hand-dock{height:85px;padding:0 11px}.combat .hand-strip.hand{height:60px;gap:7px}.hand-slot{width:95px;min-width:95px}.combat .hand-strip .playing-card{height:50px;min-height:50px}.combat .hand-strip .playing-card strong{font-size:13px}.hand-dock-heading>span{font-size:8px}.hand-dock.hand-expanded{height:209px}.hand-dock.hand-expanded .hand-strip{height:183px}.hand-dock.hand-expanded .hand-slot{width:120px;min-width:120px;height:170px}.combat .hand-expanded .playing-card{height:170px;min-height:170px}.combat-commandbar{padding:6px 10px;gap:5px}.turn-resources{gap:10px;font-size:10px}.turn-resources strong{font-size:11px}.turn-resources .command-warning{display:none}.intent-controls{gap:5px}.intent-controls button{font-size:10px;padding:7px 9px}.intent-controls .primary{min-width:126px}.map-status{font-size:10px;padding:6px 9px;left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px)}.map-corner-controls{top:8px;right:8px}.map-corner-controls button{font-size:9px;padding:5px 8px}.unit-action-popover{width:200px;padding:8px}.unit-action-popover>[data-mode]{font-size:11px;padding:8px 10px}.card-preview{width:188px;min-height:215px;padding:12px 15px}.card-preview strong{font-size:21px}.card-preview .card-description{font-size:12px}.card-preview .card-glyph{font-size:33px}.combat .tile .hero-token{font-size:16px}.combat .tile .hp-number{font-size:8px}}@media(prefers-reduced-motion:reduce){.hand-dock,.combat .playing-card{transition:none}}
@media(min-width:1800px){.combat .hand-expanded .playing-card{height:176px;min-height:176px}.combat .tile .hero-token{max-width:60px;max-height:64px;font-size:23px}.combat .tile-decoration{font-size:33px}.combat .tile.wall .tile-decoration,.combat .tile.base-tile .tile-decoration,.combat .tile.camp .tile-decoration{font-size:40px}}
#combat-connection{font-size:9px;margin-left:8px;color:#a8bdab}#combat-connection[data-state=online]{color:#b7d5b2}#combat-connection[data-state=offline]{color:#e8b995}
.command-instruction{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;font-size:10px;color:#bed0b4}.turn-resources,.intent-controls{flex-shrink:0}@media(max-width:900px){.command-instruction{display:none}}