:root{color-scheme:dark;--bg:#141e21;--panel:#1c292c;--panel2:#223034;--line:#354144;--muted:#96a29f;--text:#e4e5d9;--gold:#ddc58b;--green:#a6bc93;--red:#d49484;--blue:#90b3bc;--serif:Georgia,'Times New Roman',serif;--mono:'Cascadia Code','Consolas',monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:13px/1.5 'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid transparent;background:transparent;border-radius:3px;transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){background:#ffffff0b}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button .icon{pointer-events:none}a{color:var(--gold)}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.muted{color:var(--muted)}.gold{color:var(--gold)}.positive{color:#b8cd9b}.negative{color:var(--red)}.eyebrow{font:9px var(--mono);letter-spacing:1.7px;color:var(--muted);text-transform:uppercase}.primary{background:var(--gold);color:#1f2d2b;border-color:var(--gold);font-weight:700;padding:10px 16px}.primary:hover:not(:disabled){background:#efdbab}.secondary{border:1px solid #52615f;background:#273638;padding:8px 12px}.quiet-button{border:1px solid #52615f;padding:6px 12px;font-size:11px}.icon-button{display:inline-grid;place-items:center;padding:7px;color:#b4bcb2}.icon-button .icon{width:17px;height:17px}.full{width:100%}.flex{display:flex;align-items:center;gap:8px}.spread{display:flex;align-items:center;justify-content:space-between;gap:8px}.pill{display:inline-block;padding:3px 6px;background:#c7c7ad12;border:1px solid #bcc3b42b;border-radius:3px;font:9px var(--mono);letter-spacing:.6px}.allies-pill{color:#abcdb9;border-color:#abcdb933}.axis-pill{color:#d7aa9f;border-color:#d7aa9f33}
.masthead{height:66px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#142124;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand img{width:36px;height:40px}.brand>span{display:flex;align-items:center;gap:16px}.brand b{font:700 32px var(--serif);letter-spacing:1px}.brand-rule{height:29px;width:1px;background:#5e6557}.brand-title{font-size:14px;letter-spacing:2.4px;font-weight:600}.brand-title small{display:block;font:7px var(--mono);letter-spacing:2px;color:#949e90;margin-top:4px}.campaign-stamp{font:9px var(--mono);letter-spacing:1.2px;color:#b3b6a8;white-space:nowrap}.live-dot{display:inline-block;width:5px;height:5px;background:#a5be93;border-radius:50%;margin-right:5px}.stamp-divider{margin:0 10px;color:#59645e}.header-actions{display:flex;align-items:center;gap:6px}
.resource-bar{height:64px;flex:none;display:flex;align-items:center;padding-left:96px;border-bottom:1px solid var(--line);background:#1b292c;overflow:auto}.resource{display:flex;align-items:center;gap:12px;min-width:132px;padding:0 25px;border-right:1px solid #394441}.resource .icon{width:24px;height:24px;color:var(--resource-color,var(--gold))}.resource small{display:block;color:var(--muted);font-size:9px;letter-spacing:.6px;text-transform:uppercase}.resource strong{font:20px var(--serif);margin-right:7px}.resource .yield{font:9px var(--mono)}.resource.morale-resource{min-width:165px}.resource-end{margin-left:auto;padding:0 24px;white-space:nowrap;font:10px var(--mono);color:var(--muted)}.resource-end button{padding:8px 0}.resource-end .icon{margin-right:6px;width:15px}
.command-bar{height:76px;flex:none;display:flex;align-items:center;gap:28px;padding:0 24px 0 96px;background:#182529;border-bottom:1px solid var(--line)}.operation-title h1{font:25px var(--serif);margin:2px 0 0;letter-spacing:-.3px}.theatre-controls{display:flex;gap:3px;background:#121f224d;border:1px solid #344244;padding:3px}.theatre-controls button{font-size:11px;padding:6px 11px;color:var(--muted)}.theatre-controls .active{background:#3b4946;color:#e4dcc3}.turn-controls{margin-left:auto;display:flex;gap:20px;align-items:center}.turn-controls #turn-info{font:11px var(--mono);text-align:right;white-space:nowrap}.turn-controls small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.end-turn{min-width:132px;display:flex;align-items:center;gap:24px;justify-content:space-between}.end-turn span{font-size:20px;line-height:20px}
.game-layout{flex:1;min-height:0;display:grid;grid-template-columns:74px minmax(0,1fr) 302px}.side-nav{display:flex;flex-direction:column;gap:6px;align-items:center;background:#142124;border-right:1px solid var(--line);padding:16px 6px;overflow:auto}.nav-item{display:flex;flex-direction:column;align-items:center;width:60px;min-height:62px;padding:10px 4px;gap:7px;color:#8e9d98;font-size:8px;letter-spacing:.3px;border:1px solid transparent}.nav-item .icon{width:22px;height:22px}.nav-item.active{color:var(--gold);background:#ddc58b0b;border-color:#ddc58b33}.nav-item:last-child{margin-top:auto}.central{display:flex;flex-direction:column;min-width:0;min-height:0}.map-shell{position:relative;flex:1;min-height:170px;overflow:hidden;background:#19323b}#world-map{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#world-map:active{cursor:grabbing}.map-overlay{position:absolute;inset:0;pointer-events:none}.map-overlay button{pointer-events:auto}.map-caption{position:absolute;top:23px;left:24px;display:flex;gap:12px;color:#ece6d0;text-shadow:0 1px 3px #0006;pointer-events:none}.map-caption-line{height:57px;width:2px;background:var(--gold)}.map-caption strong{display:block;font:23px var(--serif);margin:4px 0}.map-caption .eyebrow{color:#c9d2c2;font-size:8px}.map-caption div>span:last-child{font-size:9px;color:#bcc8be}.map-tools{position:absolute;top:23px;right:22px;display:flex;background:#17292de8;border:1px solid #65716a80;box-shadow:0 3px 16px #0002;padding:3px}.map-tools button{font:9px var(--mono);padding:5px 8px;color:#9aaba6}.map-tools button.active{background:#4b5b55;color:#e6dfc6}.map-legend{position:absolute;left:24px;bottom:50px;display:flex;flex-wrap:wrap;gap:13px;font:8px var(--mono);padding:7px 10px;background:#17292dcc;border:1px solid #b0b7a225;color:#becdc3}.map-legend i{display:inline-block;width:7px;height:7px;margin-right:5px;border:1px solid #b7c6b3}.friendly{background:#294d49}.allied{background:#76856a}.hostile{background:#7a4b45}.map-hint{position:absolute;left:24px;bottom:17px;color:#aabbaf;font:9px var(--mono);max-width:65%;line-height:1.4}.map-zoom{position:absolute;right:22px;bottom:44px;display:flex;flex-direction:column;background:#192b2ed9;border:1px solid #69776a66}.map-zoom button{font:22px var(--mono);width:33px;height:33px;border-bottom:1px solid #ffffff15;border-radius:0;color:#d5ddcd}.map-zoom button:last-child{border-bottom:0;font-size:20px}.inspector-toggle{display:none}
.command-deck{height:161px;flex:none;border-top:1px solid #647164;background:#19272b;padding:12px 20px 14px;display:flex;gap:18px;position:relative}.deck-intro{width:94px;flex:none;padding-top:3px}.deck-intro .eyebrow{color:var(--gold);font-size:8px;letter-spacing:1.3px}.deck-intro h2{font:19px var(--serif);margin:7px 0 10px;line-height:1.15}.deck-intro small{font:9px var(--mono);color:var(--muted)}.order-pips{display:flex;gap:4px;margin:4px 0}.order-pips i{display:block;width:21px;height:3px;background:#40504c}.order-pips i.on{background:var(--gold)}.cards{display:flex;flex:1;gap:9px;overflow:auto;padding:1px 1px 4px;align-items:stretch}.command-card{position:relative;text-align:left;min-width:139px;width:160px;flex:1;max-width:200px;padding:10px;background:#253438;border:1px solid #4a5855;border-top:2px solid #b6b78a;display:flex;flex-direction:column;gap:7px;border-radius:3px}.command-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold);background:#2f403f}.card-meta{display:flex;justify-content:space-between;align-items:center;color:#aeb7a7;gap:5px}.card-meta span{font:7px var(--mono);letter-spacing:.8px}.card-meta .icon{height:19px;width:19px;color:#cabf94}.command-card strong{font:15px var(--serif);line-height:1.15;color:#e5e1cd}.command-card p{font-size:9px;line-height:1.5;margin:0;color:#aab8ae}.card-order{position:absolute;bottom:7px;right:9px;font:7px var(--mono);color:#a6ae96}
.inspector{background:#1b292c;border-left:1px solid var(--line);overflow:auto;scrollbar-width:thin;scrollbar-color:#52615c transparent}.inspector-section{padding:21px 20px;border-bottom:1px solid #364340}.inspector .section-label{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1.4px;color:var(--muted);margin-bottom:15px}.country-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}.faction-badge{width:42px;height:44px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#b9bd8d;display:grid;place-items:center;color:#263830;font:700 15px var(--serif);flex:none}.country-heading h2{font:22px var(--serif);margin:0}.country-heading small{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px}.overview-grid small{font:8px var(--mono);display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.overview-grid strong{font:22px var(--serif);line-height:1.7}.overview-grid strong small{display:inline;font:12px var(--mono)}.progress-track{height:4px;background:#394842;border-radius:2px;overflow:hidden}.progress-track span{height:100%;display:block;background:#c7c08a}.morale-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.morale-heading strong{font:26px var(--serif)}.morale-heading small{font:9px var(--mono);color:#b5c79e}.small-copy{font-size:10px;line-height:1.7;color:#a9b6ad;margin:10px 0}.inspector-title{font:22px var(--serif);margin:0 0 4px}.inspector-subtitle{font:9px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.unit-portrait{height:68px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#b6be9120,transparent 70%);margin:4px 0 11px}.unit-portrait .icon{height:58px;width:90px;color:#c5cba4}.stat-row{display:flex;justify-content:space-between;gap:8px;margin:14px 0}.stat-row>div{flex:1}.stat-row strong{font:20px var(--serif)}.stat-row small{font:8px var(--mono);color:var(--muted);display:block;margin-top:3px}.inspector-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.inspector-buttons button{flex:1;font-size:10px;padding:7px}.unit-stack{display:flex;flex-direction:column;gap:4px;margin-top:12px}.stack-unit{text-align:left;padding:7px 8px;display:flex;align-items:center;gap:8px;background:#253539;font-size:10px;border:1px solid transparent}.stack-unit.active{border-color:#a9b18c88}.stack-unit span{flex:1}.stack-unit small{color:var(--muted);font:9px var(--mono)}.building-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.building-tags span{font-size:8px;border:1px solid #4b59524d;padding:3px 5px;background:#b9c29f06;color:#b5c0ac}.dispatch-entry{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #c0c7ae0d}.dispatch-entry:last-child{border:0}.dispatch-entry .icon{width:15px;height:15px;color:var(--gold);margin-top:2px}.dispatch-entry p{font-size:10px;line-height:1.6;margin:0;color:#b6c0b5}.dispatch-entry small{font:8px var(--mono);color:#7f938a;display:block;margin-top:4px}.link-button{font-size:9px;color:var(--gold);padding:0;border:0}.view-panel{position:absolute;inset:0;background:#1b292c;overflow:auto;padding:30px 32px;scrollbar-width:thin;scrollbar-color:#52615c transparent}.view-panel[hidden]{display:none}.view-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.view-heading h2{font:31px var(--serif);margin:5px 0 7px}.view-heading p{color:var(--muted);max-width:570px;font-size:11px;line-height:1.7;margin:0}.view-heading>div:first-child{flex:1}.view-heading .view-emblem{width:52px;height:52px;stroke-width:1;color:#b2b98f}.tabs{display:flex;gap:5px;margin:0 0 20px;padding-bottom:13px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs button{padding:7px 11px;font-size:10px;color:var(--muted);border:1px solid transparent}.tabs .active{background:#34423c;border-color:#67715e;color:#e0d7b9}.select-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.select-row label{font:9px var(--mono);color:var(--muted)}select,input{background:#142326;border:1px solid #53625a;border-radius:3px;padding:9px;color:var(--text);min-width:0}select{max-width:100%}.select-row select{min-width:180px}.catalogue{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.catalogue-card{border:1px solid #43534b;background:linear-gradient(140deg,#2a3b3a,#223234);padding:17px;display:flex;flex-direction:column;min-height:224px;border-radius:3px}.catalogue-card.locked{background:#202f32;border-color:#374642}.catalogue-card .card-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.catalogue-card .card-heading>.icon{height:30px;width:30px;color:#b9bd97;stroke-width:1.2}.catalogue-card h3{font:19px var(--serif);margin:13px 0 7px}.catalogue-card p{font-size:10px;line-height:1.7;color:#b0bbb0;margin:0 0 12px}.catalogue-card .card-footer{margin-top:auto}.catalogue-card .card-footer button{width:100%;font-size:10px;margin-top:10px;padding:8px}.cost-list{display:flex;flex-wrap:wrap;gap:8px;font:9px var(--mono);color:#c7c7b1}.cost-list span{display:flex;align-items:center;gap:4px}.cost-list .icon{width:12px;height:12px;color:#a7b196}.requirement{font-size:9px;line-height:1.5;display:block;margin-top:8px;color:#82978d}.project-banner,.info-banner{border:1px solid #9aa27c55;background:#aeb88b0b;padding:14px 16px;margin-bottom:20px;border-radius:3px;display:flex;gap:12px;align-items:center;font-size:11px;color:#ced1b9}.project-banner .icon,.info-banner .icon{color:var(--gold);width:25px;height:25px}.project-banner>div,.info-banner>div{flex:1}.project-banner strong{display:block;margin-bottom:7px}.branch-heading{display:flex;gap:12px;align-items:center;color:#bac9af;font:10px var(--mono);letter-spacing:1.4px;margin:26px 0 12px}.branch-heading:after{content:'';flex:1;height:1px;background:#53645255}.tech-card{min-height:214px}.tech-card.completed{border-color:#829b6570;background:#40543f22}.roster-list{display:flex;flex-direction:column;gap:7px}.roster-row{display:flex;gap:12px;padding:12px;align-items:center;background:#243538;border:1px solid #3d514a;text-align:left;width:100%}.roster-row>.icon{width:31px;height:31px;color:#bfc69e}.roster-name{flex:1}.roster-name strong{display:block;font:16px var(--serif)}.roster-name small{color:var(--muted);font:9px var(--mono)}.roster-stats{display:flex;gap:15px;font:10px var(--mono);color:#c5cbb4}.commander-card{border:1px solid #54604d;background:#2a3837;padding:18px;margin-bottom:13px}.commander-card h3{font:20px var(--serif);margin:0 0 5px}.commander-card p{font-size:10px;color:var(--muted)}.commander-card .select-row{margin:14px 0 0}.commission-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding:15px;background:#263637;border:1px solid #46564b}.commission-form select{flex:1;min-width:110px;font-size:11px}.commission-form button{font-size:11px}.morale-hero{display:flex;align-items:center;gap:28px;padding:23px;background:linear-gradient(110deg,#3e4e3b,#243535);border:1px solid #677153;margin-bottom:20px}.morale-number{font:64px var(--serif);color:#e5d8a5;line-height:1}.morale-number small{font-size:22px}.morale-hero h3{font:23px var(--serif);margin:0 0 6px}.morale-hero p{font-size:11px;color:#b4c4ae;line-height:1.7;margin:0}.effect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.effect-box{padding:16px;border:1px solid #42564a;background:#253633}.effect-box small{display:block;font:9px var(--mono);color:var(--muted)}.effect-box strong{display:block;font:28px var(--serif);margin-top:7px}.supply-table{width:100%;border-collapse:collapse;font-size:11px}.supply-table th{text-align:left;font:9px var(--mono);color:#8ea398;padding:12px 9px;border-bottom:1px solid #607160}.supply-table td{padding:12px 9px;border-bottom:1px solid #354b4033}.supply-table td:first-child{display:flex;align-items:center;gap:10px}.supply-table .icon{width:19px;color:#c4bd90}.supply-table button{font:9px var(--mono);padding:5px 7px;margin:0 3px}.supply-table td:nth-child(2),.supply-table td:nth-child(3){font-family:var(--mono)}.manual{max-width:850px}.manual h3{font:23px var(--serif);margin:26px 0 10px;color:#d5d5bc}.manual p,.manual li{font-size:12px;line-height:1.9;color:#afc0b1}.manual li{margin-bottom:7px}.manual details{border:1px solid #52664b44;padding:13px 16px;margin:10px 0;background:#25383155}.manual summary{cursor:pointer;font:18px var(--serif);color:#d4d6bd}.manual table{width:100%;border-collapse:collapse;font-size:10px}.manual th,.manual td{padding:8px;text-align:left;border-bottom:1px solid #536b4533}.manual th{color:var(--gold)}
.status-bar{height:25px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid #3e4a41;background:#142124;font:8px var(--mono);letter-spacing:.4px;color:#879a8c}.status-bar b{font-weight:400;color:#b2bea2;margin-left:7px}.status-bar .live-dot{width:4px;height:4px}.toast{position:fixed;bottom:44px;left:50%;transform:translate(-50%,15px);padding:12px 20px;max-width:min(600px,90vw);background:#e5d9b7;color:#213631;border:1px solid #f4e8c7;box-shadow:0 6px 30px #0005;border-radius:4px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#d9b4a4;border-color:#dfc2b1}.busy{position:fixed;inset:0;background:#101f25e8;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.busy[hidden]{display:none}.busy strong{font:30px var(--serif)}.busy>span:last-child{color:var(--muted);font:11px var(--mono)}.spinner{width:35px;height:35px;border:2px solid #a6b69533;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
dialog{padding:0;border:1px solid #6d7863;border-radius:5px;color:var(--text);background:#1d2e30;width:min(730px,94vw);max-height:90vh;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#07171bca;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:start;padding:25px 28px 20px;border-bottom:1px solid #465b48}.dialog-header h2{font:30px var(--serif);margin:6px 0}.dialog-body{padding:23px 28px}.dialog-body p{font-size:12px;color:#b1c0af;line-height:1.8}.dialog-footer{padding:18px 28px;border-top:1px solid #465b48;display:flex;justify-content:end;gap:10px}.faction-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0 22px}.faction-option{text-align:left;border:1px solid #4c6152;padding:14px 12px;background:#253936;display:flex;flex-direction:column;gap:8px}.faction-option.selected{border-color:var(--gold);background:#746c3433}.faction-option strong{font:19px var(--serif)}.faction-option .faction-badge{width:31px;height:33px;font-size:12px}.faction-option p{font-size:10px;line-height:1.6;margin:0}.faction-option small{font:8px var(--mono);color:var(--gold)}.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.setup-fields label{display:flex;flex-direction:column;gap:7px;font:10px var(--mono);color:#b8c5ad}.setup-fields label:last-child{grid-column:1/-1}.setup-note{font-size:10px!important;background:#c4cda10b;border-left:2px solid #a8b08a;padding:10px 12px}.battle-columns{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:14px;margin:10px 0 24px}.battle-side{border:1px solid #566e5255;background:#273e3544;padding:20px 14px;text-align:center}.battle-side>.icon{height:48px;width:60px;color:#bdc4a1}.battle-side h3{font:20px var(--serif)}.battle-side strong{display:block;font:28px var(--serif);color:var(--gold)}.battle-side small{font:10px var(--mono);color:var(--muted)}.versus{font:16px var(--serif);text-align:center;color:#aab6a3}.battle-modifiers{display:flex;flex-wrap:wrap;gap:5px}.save-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.save-options button{padding:20px;border:1px solid #587051;background:#2c443a55;text-align:left}.save-options button .icon{display:block;margin-bottom:10px;color:var(--gold)}.save-options strong{display:block;font:21px var(--serif)}.save-options small{font-size:11px;color:var(--muted)}.empty-state{padding:24px;text-align:center;border:1px dashed #65785a55;color:var(--muted);font-size:12px}
@media(min-width:1700px){.game-layout{grid-template-columns:82px minmax(0,1fr) 338px}.inspector-section{padding:25px}.command-deck{height:176px}.command-card{max-width:none;padding:14px}.command-card strong{font-size:18px}.command-card p{font-size:11px}.cards{gap:12px}.deck-intro{width:115px}.resource{min-width:165px}.view-panel{padding:40px}}
@media(max-width:1200px){.campaign-stamp{display:none}.game-layout{grid-template-columns:64px minmax(0,1fr) 270px}.nav-item{width:52px}.command-bar{padding-left:84px;gap:18px}.theatre-controls button{padding:6px 7px;font-size:10px}.resource-bar{padding-left:64px}.resource{padding:0 17px;min-width:116px;gap:8px}.resource-end{padding:0 15px}.inspector-section{padding:18px 16px}.command-deck{padding:11px 13px;gap:11px}.command-card{min-width:131px}.deck-intro{width:82px}.deck-intro h2{font-size:18px}.turn-controls{gap:12px}.operation-title h1{font-size:23px}.map-caption{left:20px}.view-panel{padding:25px 23px}.catalogue{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}
@media(max-width:980px){.theatre-controls{display:none}.resource-end{display:none}.game-layout{grid-template-columns:58px minmax(0,1fr) 247px}.nav-item{width:46px;font-size:7px}.resource{min-width:110px;padding:0 14px}.resource.morale-resource{min-width:137px}.map-tools{top:100px;right:18px}.map-caption strong{font-size:21px}.view-panel{padding:22px 17px}.effect-grid{gap:6px}.effect-box{padding:11px}.effect-box strong{font-size:24px}.roster-stats{gap:7px}.roster-stats span:last-child{display:none}}
@media(max-width:760px){.masthead{height:56px;padding:0 12px;gap:8px}.brand img{height:31px;width:28px}.brand b{font-size:25px}.brand>span{gap:9px}.brand-title{font-size:10px;letter-spacing:1.6px}.brand-title small{font-size:5px;letter-spacing:1px}.brand-rule{height:24px}.header-actions{gap:0}.header-actions .quiet-button{font-size:9px;padding:6px}.header-actions .icon-button{padding:5px}.resource-bar{height:58px;padding-left:0}.resource{padding:0 12px;min-width:99px;gap:7px}.resource .icon{width:19px}.resource strong{font-size:18px}.resource small{font-size:8px}.resource .yield{font-size:8px}.resource.morale-resource{min-width:125px}.command-bar{height:68px;padding:0 13px;gap:10px}.operation-title .eyebrow{font-size:7px}.operation-title h1{font-size:21px}.turn-controls #turn-info{font-size:10px}.turn-controls small{font-size:7px}.turn-controls{gap:12px}.end-turn{min-width:96px;padding:8px 10px;font-size:11px;gap:10px}.game-layout{grid-template-columns:51px minmax(0,1fr)}.side-nav{padding:8px 3px;gap:3px}.nav-item{width:43px;min-height:54px;padding:7px 2px;font-size:7px;gap:5px}.nav-item .icon{height:20px}.inspector{display:none;position:fixed;right:9px;bottom:164px;width:290px;max-height:55vh;z-index:20;border:1px solid #758167;border-radius:4px;box-shadow:0 8px 40px #0006}.inspect-open .inspector{display:block}.inspector-toggle{display:block;position:absolute;right:10px;bottom:11px;z-index:12;background:#203639e8;border:1px solid #7a886b;padding:7px 9px;font-size:9px;color:var(--gold)}.command-deck{height:137px;padding:9px 10px;gap:9px}.deck-intro{width:63px}.deck-intro h2{font-size:15px;margin:5px 0 7px}.deck-intro .eyebrow{font-size:6px;letter-spacing:.6px}.deck-intro small{font-size:7px}.order-pips i{width:16px}.command-card{min-width:128px;padding:8px;gap:5px}.command-card strong{font-size:14px}.command-card p{font-size:8px}.card-meta span{font-size:6px}.card-meta .icon{width:16px;height:16px}.card-order{font-size:6px}.map-caption{left:13px;top:16px}.map-caption strong{font-size:19px}.map-caption .eyebrow{font-size:7px}.map-caption div>span:last-child{font-size:7px}.map-caption-line{height:50px}.map-tools{right:12px;top:87px}.map-tools button{font-size:8px;padding:4px 7px}.map-legend{left:12px;bottom:52px;gap:9px;font-size:7px;max-width:calc(100% - 70px)}.map-legend .lane-legend{display:none}.map-hint{left:12px;bottom:18px;font-size:7px;max-width:57%}.map-zoom{right:12px;bottom:56px}.map-zoom button{width:29px;height:30px}.view-panel{padding:20px 14px 55px}.view-heading h2{font-size:26px}.view-heading p{font-size:10px}.view-heading .view-emblem{display:none}.catalogue{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.catalogue-card{padding:14px}.select-row{flex-wrap:wrap}.select-row select{min-width:140px;flex:1}.roster-row{padding:9px;gap:9px}.roster-name strong{font-size:15px}.roster-stats{font-size:9px}.supply-table th,.supply-table td{padding:9px 4px;font-size:10px}.supply-table button{font-size:8px;padding:5px 4px;margin:0}.supply-table td:first-child{gap:5px}.morale-hero{gap:17px;padding:17px}.morale-number{font-size:47px}.morale-hero h3{font-size:20px}.morale-hero p{font-size:10px}.effect-box small{font-size:7px}.effect-box strong{font-size:21px}.status-bar{padding:0 9px;font-size:6px;height:22px}.status-bar>span:nth-child(2){display:none}.dialog-header{padding:20px}.dialog-body{padding:18px 20px}.dialog-footer{padding:15px 20px}.faction-options{grid-template-columns:1fr 1fr}.faction-option strong{font-size:18px}.faction-option p{font-size:9px}.setup-fields{gap:10px}.setup-fields label{font-size:9px}.setup-fields input{width:100%}.battle-columns{gap:8px;grid-template-columns:1fr 25px 1fr}.battle-side{padding:15px 8px}.battle-side h3{font-size:17px}.battle-side strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
.side-nav{overflow-x:hidden}.target-list{display:flex;flex-direction:column;gap:5px;margin-top:12px}.target-list button{text-align:left;font-size:10px;padding:8px 9px;border:1px solid #b6816a55;background:#9b584c14;color:#dbb9a4}.target-list small{float:right;font:8px var(--mono);padding-top:3px;color:#baa99b}.map-tools [data-theatre]{border-left:1px solid #6d7b6955;border-radius:0;margin-left:3px}.faction-option{min-width:0}
.inspector-mobile-close{display:none}@media(max-width:760px){.inspector-mobile-close{display:grid;place-items:center;position:sticky;float:right;top:8px;z-index:3;margin:8px;width:26px;height:26px;font-size:20px;line-height:1;background:#30423d;border:1px solid #a2ac87;color:#ddd4b4}.inspect-open .inspector .section-label{padding-right:24px}}