/* The battlefield and command deck occupy separate rows; no unit popovers. */
html,body{height:100%;overflow:hidden}body{background:#0b1210}header{height:46px;padding:0 18px}.brand{font-size:18px}.crest{width:28px;height:28px;font-size:22px;border-radius:5px 1px}.brand small{font-size:9px}.header-actions button{padding:5px 9px;font-size:10px}.edition{font-size:8px}.edition span{padding:3px 7px}
main{height:calc(100dvh - 46px);max-width:1800px;padding:8px 14px 10px;display:grid;grid-template-rows:48px minmax(0,1fr) 270px;gap:8px}.title-line,.combat-strip,footer{display:none}.stats{margin:0;border-radius:5px;grid-template-columns:1fr 1.25fr 1fr 1fr 1fr 1fr;min-height:0}.stats>div{padding:5px 13px}.stats span{font-size:8px;margin:0}.stats strong{font-size:17px;line-height:1.3}.stats small{font-size:10px}.danger-track{left:13px;right:13px;bottom:3px}.layout{display:contents}.battle-column{min-height:0;display:grid;grid-template-rows:28px minmax(0,1fr)}.arena-top{height:28px;border-radius:5px 5px 0 0;padding:0 10px}.arena-top>span{font-size:9px}.arena-top button{padding:2px 6px;font-size:9px}.arena{aspect-ratio:auto;display:grid;place-items:center;min-height:0;container-type:size;background:radial-gradient(ellipse,#263b27,#0c1914 80%);border-radius:0 0 5px 5px}.arena canvas{height:100cqh;width:100cqw;max-height:none;aspect-ratio:auto}.map-label{font-size:11px;left:12px;top:11px}.arena-tip{bottom:7px;font-size:8px}.start-card{width:315px;padding:10px 23px}.start-card .seal{display:none}.start-card h2{font-size:20px;line-height:1.25;margin:6px 0}.start-card p:not(.eyebrow){font-size:10px;line-height:1.5;margin:6px 0}.start-card .eyebrow{font-size:7px;margin-bottom:4px}.start-settings{margin:9px 0}.start-settings select{padding:5px 3px}.start-button{padding:8px}.start-card>small{margin-top:7px}
.command-hud{display:grid;grid-template-columns:210px minmax(0,1fr) 265px;gap:8px;min-height:0;border:1px solid #75623d;border-top:3px solid #ad8b4c;border-radius:6px;background:linear-gradient(150deg,#283026,#131f18 60%);padding:7px;box-shadow:0 -4px 20px #0003;position:relative;z-index:1}.hud-selection,.hud-commands{min-width:0;min-height:0;background:#121d17;border:1px solid #394631;border-radius:4px;overflow:hidden}.hud-label{display:flex;justify-content:space-between;align-items:center;height:24px;padding:0 9px;color:#bda775;font-size:9px;letter-spacing:.6px;background:#233025;border-bottom:1px solid #3e4933}.hud-label button{font-size:8px;border:0;padding:2px 0;color:#9dab8c}.hud-label span+span{font-size:8px;color:#819275;letter-spacing:0}
#selectionInfo{position:static!important;max-width:none!important;padding:10px;background:none;border:0;border-radius:0;pointer-events:auto;font-size:10px;line-height:1.5;overflow:auto;height:calc(100% - 24px)}.selection-identity{display:flex;gap:10px;align-items:center;margin-bottom:9px}.selection-identity .pixel-icon{width:61px;height:65px;filter:drop-shadow(0 4px 2px #0009);border:1px solid #6d704849;background-color:#34402c44;border-radius:3px}.selection-identity h2{font-size:12px;line-height:1.6;margin:0;color:#ead19a;font-weight:500}.selection-identity small{font-size:9px}.selection-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin:7px 0}.selection-stats>div{font-size:8px;color:#819379}.selection-stats strong{display:block;font-size:11px;color:#d3ddc3;font-weight:500}.unit-meter{height:4px;background:#24312a;border:1px solid #405039;border-radius:1px;overflow:hidden;margin-top:4px}.unit-meter i{display:block;height:100%;background:#8fab64}.unit-meter.mana i{background:#8ca3d1}.meter-label{display:flex;justify-content:space-between;font-size:8px;color:#93a789}.selection-empty{display:grid;place-content:center;text-align:center;color:#849479;height:100%;font-size:10px;line-height:1.9}.selection-empty .empty-seal{font:36px serif;color:#8c8057;margin-bottom:10px}.multi-units{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:10px}.multi-units button{padding:1px;background:#253020;border-radius:2px}.multi-units .pixel-icon{width:35px;height:37px}.selection-tip{font-size:8px;color:#839278;margin:8px 0 0}
.hud-library.sidebar{max-height:none;border-radius:4px;overflow:hidden;min-width:0;background:#152018}.side-tabs{height:28px}.side-tabs button{font-size:10px}.side-tabs span{font-size:8px}.library-toolbar{display:flex;gap:7px;padding:5px 7px;border-bottom:1px solid #34422d;flex-shrink:0}.library-toolbar .search-wrap{margin:0;flex:1;padding:2px 7px;min-width:75px;gap:5px}.search-wrap input{font-size:10px}.search-wrap>span{font-size:14px}.search-wrap kbd{display:none}.library-toolbar .filters{padding:0;gap:5px;white-space:nowrap}.filters select{font-size:9px;padding:3px}.filters label{font-size:8px}.library-body{display:grid;grid-template-columns:minmax(125px,.85fr) minmax(0,1.35fr);flex:1;min-height:0}.catalog{padding:5px;max-height:none;scrollbar-width:thin;border-right:1px solid #34422d}.unit-card{border-radius:3px;margin-bottom:4px}.unit-card.inspected{border-color:#c7a260;background:#343a24}.unit-heading{padding:4px;gap:5px}.unit-heading .pixel-icon{width:29px;height:31px}.unit-heading b{font-size:9px;line-height:1.4}.unit-heading small{font-size:8px}.owned{font-size:9px}.expand-arrow{display:none}.practice-add{font-size:9px;margin:0 5px 4px!important;padding:1px 5px}.hud-inspector{min-width:0;min-height:0;display:flex;flex-direction:column}.inspector-tabs{display:flex;height:25px;border-bottom:1px solid #36452d;flex-shrink:0}.inspector-tabs button{flex:1;border:0;border-radius:0;font-size:9px;color:#899c7d}.inspector-tabs button.active{color:#ddc38c;background:#2a3523;box-shadow:inset 0 -1px #ad8b4c}.hud-detail{overflow:auto;min-height:0;flex:1;padding:8px 10px;scrollbar-width:thin;scrollbar-color:#50603b transparent;font-size:10px}.hud-detail h3{font-size:11px;line-height:1.5;margin:0 0 7px;color:#e2c387;font-weight:500}.hud-detail p{font-size:9px;line-height:1.65;color:#9caf90;margin:5px 0}.hud-detail .ingredients li{font-size:9px;line-height:1.5;margin-bottom:4px;gap:6px}.ingredients small{font-size:8px;color:#849577}.recipe-block+.recipe-block{border-top:1px solid #405032;margin-top:10px;padding-top:9px}.hud-detail .craft-button{padding:6px;margin-top:5px;font-size:10px}.hud-detail .craft-button.primary{color:#24291e}.hud-detail .recipe-commands{padding:4px 6px;font-size:9px;margin-top:6px}.hud-detail .condition{font-size:8px}.hud-detail .source-stats{grid-template-columns:repeat(3,1fr)}.hud-detail .source-stats>div{padding:5px;font-size:8px}.hud-detail .source-stats strong{font-size:10px;margin-top:2px}.hud-detail .skill-entry{padding:0;border:1px solid #394831;border-radius:3px;margin:6px 0;overflow:hidden}.skill-entry summary{padding:6px;cursor:pointer;color:#d5c092;font-size:10px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:4px;background:#223020}.skill-entry summary:after{content:'+';color:#8e9e7d}.skill-entry[open] summary:after{content:'−'}.skill-entry summary kbd{margin-left:auto}.skill-content{padding:3px 7px 8px}.hud-detail .skill-entry dl{grid-template-columns:60px 1fr;font-size:9px;gap:4px 7px;line-height:1.6}.hud-detail .skill-entry .cast-skill{font-size:9px;padding:5px 9px}.hud-detail .fine-print{font-size:8px!important}.hud-detail .source-tag{font-size:8px!important}.hud-detail .empty{padding:12px 4px;font-size:10px;margin:0}
.hud-commands{display:flex;flex-direction:column;position:relative;overflow:auto;scrollbar-width:thin}.hud-commands .controls{grid-template-columns:1fr 1fr;gap:5px;margin:6px 7px 0}.hud-commands .controls button{min-height:39px;padding:5px 7px;font-size:10px;border-radius:3px}.hud-commands .controls small{font-size:8px;margin-top:2px}.hud-commands .button-icon{font-size:20px}.hud-commands .summon{gap:5px}.hud-commands .controls kbd{display:none}.hud-commands #next{grid-column:1/-1;min-height:30px;display:flex;justify-content:space-between;align-items:center;gap:7px}.hud-commands #next span{font-size:9px}.hud-commands #next small{font-size:7px;margin:0;text-align:right}.hud-commands .utility-row{margin:5px 7px;gap:5px;flex-wrap:wrap;font-size:8px}.utility-row>span{width:100%;margin:0}.utility-row button{padding:2px 4px;font-size:8px}.utility-row label{font-size:8px}.hud-commands .command-area{border:0;border-top:1px solid #34442b;border-radius:0;flex-shrink:0}.chat-log{height:30px;font-size:8px;padding:3px 7px}.hud-commands #chatForm{height:25px;padding:0 6px;gap:4px}.hud-commands #chatInput{font-size:8px;padding:4px 0}.chat-mark{font-size:13px}.hud-commands .toast{position:static;transform:none;opacity:1;max-width:none;text-align:left;border:0;border-top:1px solid #34442b;border-radius:0;background:#1e2b1c;padding:4px 7px;font-size:8px;color:#9daf8d;min-height:22px;line-height:1.5;margin-top:auto;flex-shrink:0}.hud-commands .toast.show{color:#f0cf87}.practice-drawer{display:none;margin:3px 7px;font-size:8px;color:#bda775}.practice-mode .practice-drawer{display:block}.practice-drawer summary{cursor:pointer;padding:3px 0}#practiceControls{padding:3px 0;font-size:9px}#practiceControls .craft-button{padding:4px;font-size:9px;margin-top:4px}.test-armor{margin:5px 0;font-size:8px}.test-armor input{padding:2px;font-size:9px}.practice-label{font-size:8px}.hud-skill-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.hud-skill-actions button{font-size:9px;padding:4px 7px;color:#e1c28a;border-color:#6e6942}
@media(min-width:1500px) and (min-height:850px){main{grid-template-rows:52px minmax(0,1fr) 296px}.command-hud{grid-template-columns:235px minmax(0,1fr) 310px}.unit-heading b{font-size:10px}.hud-detail{font-size:11px}.hud-detail .ingredients li{font-size:10px}.selection-stats strong{font-size:13px}}
@media(max-width:1050px){main{padding:6px 8px;grid-template-rows:45px minmax(0,1fr) 268px;gap:6px}.command-hud{grid-template-columns:170px minmax(0,1fr) 220px;padding:5px;gap:5px}.selection-identity{gap:5px}.selection-identity .pixel-icon{width:45px;height:48px}.selection-identity h2{font-size:10px}#selectionInfo{padding:7px}.library-toolbar{flex-wrap:wrap;gap:3px}.library-toolbar .filters{flex:1;justify-content:space-between}.library-body{grid-template-columns:minmax(100px,.7fr) minmax(0,1fr)}.unit-heading .pixel-icon{width:24px;height:26px}.unit-heading b{font-size:8px}.hud-detail{padding:6px}.hud-detail .source-stats{grid-template-columns:repeat(2,1fr)}.hud-commands .controls{margin:5px 5px 0}.hud-commands .controls small{font-size:7px}.hud-commands .button-icon{display:none}.hud-commands #next{display:block}.hud-commands #next small{text-align:left}.hud-commands .utility-row{margin:5px}.multi-units{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){html,body{height:auto;min-height:100%;overflow:auto}header{height:42px;padding:0 10px}.brand{font-size:16px}.edition{display:none}main{height:auto;min-height:calc(100dvh - 42px);padding:6px;grid-template-rows:84px clamp(270px,48dvh,430px) auto;gap:6px}.stats{grid-template-columns:repeat(3,1fr);height:84px}.stats>div{padding:3px 9px}.stats strong{font-size:15px}.stats span{font-size:7px}.battle-column{grid-template-rows:26px minmax(0,1fr)}.arena-top{padding:0 7px}.arena-top>span{font-size:8px}.arena-top>div{gap:2px}.arena-top select{font-size:8px}.arena-tip{font-size:7px}.map-label{display:none}.command-hud{grid-template-columns:130px minmax(0,1fr);grid-template-rows:300px auto;gap:5px;padding:5px}.hud-selection{grid-column:1;grid-row:1}.hud-library{grid-column:2;grid-row:1}.hud-commands{grid-column:1/-1;grid-row:2;overflow:visible}.selection-identity{display:block}.selection-identity .pixel-icon{width:55px;height:59px;display:block;margin:0 auto 5px}.selection-identity h2{font-size:10px}.selection-identity small{font-size:8px}.hud-label{font-size:8px;padding:0 5px}.hud-label button{font-size:7px}.selection-stats{gap:6px 3px}.selection-stats strong{font-size:10px}.library-body{grid-template-columns:1fr;grid-template-rows:85px minmax(0,1fr)}.catalog{border-right:0;border-bottom:1px solid #34422d;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:3px}.unit-card{margin:0}.unit-heading{padding:3px}.unit-heading .pixel-icon{display:none}.unit-heading b{font-size:8px}.unit-heading small{font-size:7px}.owned{font-size:8px}.library-toolbar{padding:4px}.side-tabs{height:25px}.side-tabs button{font-size:9px}.filters select{font-size:8px}.filters label{font-size:7px}.hud-detail .source-stats{grid-template-columns:repeat(3,1fr)}.hud-commands .controls{grid-template-columns:1fr 1fr 1fr}.hud-commands #next{grid-column:auto}.hud-commands .utility-row{flex-wrap:nowrap}.utility-row>span{width:auto;margin-right:auto}.hud-commands .toast{margin-top:4px}.hud-commands .chat-log{height:30px}.hud-commands #chatInput{font-size:10px}.start-card{width:270px}.multi-units{grid-template-columns:repeat(2,1fr)}.multi-units .pixel-icon{width:32px;height:34px}}
@media(max-height:650px) and (min-width:701px){main{grid-template-rows:39px minmax(0,1fr) 230px}.command-hud{padding:4px}.stats>div{padding:3px 10px}.stats strong{font-size:15px}.hud-commands .chat-log{height:22px}.hud-commands .controls button{min-height:32px}.hud-commands .utility-row{margin:3px 6px}.start-card{padding:8px 16px}.start-card h2{font-size:17px}.start-card .eyebrow,.start-card>small{display:none}}

.filters>button{font-size:9px;padding:3px 5px;color:#d2be8a;border-color:#4e593b}