/* Original command-desk treatment. Local review candidate; game rules unchanged. */
:root{--desk-ink:#263941;--desk-navy:#243d4d;--desk-navy-dark:#192b36;--desk-paper:#f1ead8;--desk-light:#faf5e8;--desk-rule:#b9a887;--desk-brass:#b39861;--desk-muted:#656557;--desk-serif:Georgia,'Times New Roman',serif}
button,select{border-radius:2px}button{transition:background-color .12s,border-color .12s,box-shadow .12s}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8b5d20;outline-offset:3px}button:disabled{opacity:1;color:#77776c;background:#e8e4d8;border-color:#cbc4b3;box-shadow:none}button:active:not(:disabled){box-shadow:inset 0 1px 3px #172d3830}
header{background:linear-gradient(180deg,#304956,var(--desk-navy-dark));border-bottom:3px double var(--desk-brass);padding:4px 16px;min-height:47px;color:#f4ead0;box-shadow:0 1px 0 #152831;isolation:isolate;z-index:15}
.brand{gap:9px}.brand-icon{width:30px;height:30px;filter:sepia(.25)}.brand b{font:small-caps 20px/1 var(--desk-serif);letter-spacing:1.1px;font-weight:normal}.brand small{color:#c9bea3;font-size:9px;letter-spacing:1.1px;margin-top:4px}.header-edition{font:10px var(--desk-serif);letter-spacing:2px;color:#bcae8f;margin-left:auto;margin-right:20px}
#mobile-tools{display:flex;align-items:center;gap:8px;min-height:36px;padding:5px 10px;color:#f8efd8;background:#243c48;border:1px solid #aa9467;box-shadow:inset 0 0 0 2px #243c48,inset 0 0 0 3px #ae95673d;font:14px var(--desk-serif)}#mobile-tools svg{width:20px;height:20px;fill:none;stroke:#cfba8a;stroke-width:1.3;stroke-linejoin:round}#mobile-tools:hover,#mobile-tools[aria-expanded=true]{background:#3a5058;color:#fff5db;border-color:#d6bd82}.desk-chevron{font:17px var(--desk-serif);line-height:1;transition:transform .15s}#mobile-tools[aria-expanded=true] .desk-chevron{transform:rotate(180deg)}
.status{background:linear-gradient(100deg,#f8f2e3,#ece5d1);border-bottom:1px solid var(--desk-rule);gap:0;padding:5px 16px;min-height:49px;color:var(--desk-ink)}.status>div{padding:0 18px;border-right:1px solid #b6a47e66}.status>div:first-child{padding-left:0;min-width:210px}.status>div:nth-last-of-type(1){border:0}.status small{font-size:9px;letter-spacing:1px;color:#676452}.status strong{font:16px/1.2 var(--desk-serif);font-variant-numeric:tabular-nums;margin-top:3px}.status>div:first-child strong{font-size:18px}.status #next{min-height:36px;min-width:185px;background:linear-gradient(#3d5662,#263e4b);color:#fff4db;border:1px solid #132d3c;box-shadow:inset 0 0 0 2px #d5bd792b;font:13px var(--desk-serif);letter-spacing:.1px}.status #next:hover:not(:disabled){background:#3d5865;border-color:#9e7e3e}.status #next:disabled{background:#d6d1c2;color:#777568;border-color:#bbb3a0}
.phasebar{background:#e7dfca;border-bottom:1px solid #a99a7a;padding:2px 16px;min-height:28px;gap:12px;color:#4e5147;box-shadow:0 2px 4px #353e3a18}#phases{display:flex;align-items:center;gap:2px;flex:none}.phasebar b,.phasebar i{font:12px/1.2 var(--desk-serif);color:#67695d;display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:0;background:none;white-space:nowrap}.phasebar b{color:#233e4c;font-weight:bold;box-shadow:inset 0 -2px #947944}.phase-number{font:10px/16px var(--desk-serif);width:16px;text-align:center;border:1px solid #9b927b;border-radius:50%;color:#726b57}.phasebar b .phase-number{background:#2d4855;border-color:#2d4855;color:#f5e8c7}#instruction{font-size:11px;max-width:45%;line-height:1.3}#compact-stats{font:12px var(--desk-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#314958}
/* A paper folio, not another toolbar: two clear tasks, then folded reference. */
body.tools-open #game-tools{top:calc(100% + 5px);right:12px;left:auto;width:330px;max-width:calc(100vw - 24px);display:block;padding:0;max-height:min(630px,calc(100dvh - 72px));overflow:auto;background:linear-gradient(110deg,#faf4e5,#ece2cb);border:1px solid #9a845b;border-top:3px solid #a58a50;box-shadow:0 9px 28px #152c3c40,inset 0 0 0 4px #f8efdc;z-index:25;color:var(--desk-ink)}
.desk-heading{padding:15px 18px 12px;border-bottom:3px double #b6a47e;margin:0 8px}.desk-heading .eyebrow{font:9px var(--desk-serif);letter-spacing:2px;color:#756345}.desk-heading h2{font:25px/1.1 var(--desk-serif);margin:4px 0;color:#263d48}.desk-heading p{font:italic 12px var(--desk-serif);color:#6c6555;margin:5px 0 0}
.desk-actions{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px;gap:8px}#game-tools button{color:var(--desk-ink);background:linear-gradient(#fff9ec,#ece2cd);border:1px solid #b8a681;min-height:36px;padding:8px 10px;font-size:12px;box-shadow:inset 0 1px #fff9e9}#game-tools button:hover:not(:disabled){background:#e3d4b3;border-color:#8c7241}.desk-actions button{text-align:left;min-height:58px!important}.desk-actions span{display:block;font:16px var(--desk-serif)}.desk-actions small{display:block;font-size:10px;line-height:1.4;color:#676454;margin-top:4px}
#game-tools .tool-group{padding:0;border-top:1px solid #b6a47e88;margin:0 12px;color:var(--desk-ink)}#game-tools .tool-group summary{position:relative;min-height:51px;display:block;padding:10px 22px 9px 0;font:16px var(--desk-serif);list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}#game-tools .tool-group summary:before{display:none}#game-tools .tool-group summary:after{content:'+';position:absolute;right:2px;top:15px;font:20px var(--desk-serif);color:#7d6941}#game-tools .tool-group[open] summary:after{content:'−'}.summary-note{display:block;font:10px/1.4 system-ui,sans-serif;color:#686452;margin-top:3px}.area-picker{color:#5b5c4e;font-size:10px;letter-spacing:.7px;margin:4px 0 8px}.area-picker select{background:#fcf7e9;border-color:#b8a681;color:#283f4a;min-height:36px;font-size:13px;padding:7px 9px}.map-options{display:flex;gap:5px;margin:9px 0 12px}.map-options button[aria-pressed=true]{background:#304b59!important;color:#fff5dc!important;border-color:#304b59!important;box-shadow:inset 0 -2px #c7ab6e!important}.map-options button[aria-pressed=true]:before{content:'✓ ';font-size:11px}.record-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:3px 0 12px}#game-tools .campaign-choice{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 24px);margin:4px 12px 10px;background:transparent;border-width:1px 0;font:14px var(--desk-serif);box-shadow:none;text-align:left}#menu-status{margin:0;padding:10px 14px;background:#e0d5bb;color:#545b53;border-top:1px solid #b9a783;font-size:10px;line-height:1.5}
/* Unit and national orders use the same ink, rules and paper as the desk. */
aside{background:linear-gradient(100deg,#f8f1df,#eae1cb);border-left:1px solid #9a8965;color:var(--desk-ink);box-shadow:-3px 0 10px #243c3d12}.orders-heading{order:-10;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:10px 12px;background:linear-gradient(#304b5a,#233b48);border-bottom:3px double #b59a60;color:#f8ecd0}.orders-heading .eyebrow{color:#c5b890;font:9px var(--desk-serif);letter-spacing:1.5px}.orders-heading h2{color:#f7ecd2;font:20px/1.1 var(--desk-serif);margin:3px 0 0}#close-panel{display:block;position:static;min-width:32px;min-height:32px;width:32px;background:transparent;border:1px solid #bfa77688;border-radius:2px;color:#e8d5a9;font:23px/1 var(--desk-serif);padding:0;box-shadow:none}#close-panel:hover{background:#48606a;color:#fff3d4;border-color:#d4bb80}
aside .panel{padding:11px 13px;border-bottom:1px solid #bbae8d88}.panel .eyebrow{font:10px var(--desk-serif);letter-spacing:1.6px;color:#6c674e}.field-orders{position:relative;border-top:0}body[data-selection=unit] .field-orders{order:-5;background:linear-gradient(100deg,#fff8e8,#f0e5ce);border-bottom:3px double #b1a17c}.field-label{display:flex;align-items:center;gap:7px}.field-label:before{content:'✦';font-size:13px;color:#947841}.panel h2{font:22px/1.12 var(--desk-serif);margin:7px 0;color:#253e4d}#unit-detail{font-size:12px;line-height:1.65;color:#535e57;margin:8px 0}#ratings{margin:10px 0;gap:0;border-block:1px solid #b3a27c;display:flex}#ratings:empty{display:none}#ratings div{margin:0;padding:7px 4px;background:transparent;border-right:1px solid #b3a27c88}#ratings div:last-child{border-right:0}#ratings b{font:25px/1 var(--desk-serif);color:#2a4554}#ratings small{display:block;font-size:9px;color:#67644e;letter-spacing:.8px;margin-top:4px}#leaders{font:italic 12px/1.55 var(--desk-serif);color:#6c5837;padding-top:7px;border-top:1px solid #bbae8d88}#leaders:empty{display:none}#actions,#national{gap:6px;margin-top:9px}aside button,aside select{border-color:#b8a681;background:linear-gradient(#fff9eb,#e9dec6);color:#2a414d;min-height:36px;font-size:12px}aside button:hover:not(:disabled){background:#e1d1ac;border-color:#8c7241}aside button:disabled{color:#777466;background:#e8e1d0;border-color:#c6bda7}#actions button,#national button{text-align:left}#stack-list button{border-left:3px solid #6b8290;font-size:11px}#roster button{text-align:left;border-width:0 0 1px;border-radius:0;background:transparent;padding:9px 2px;box-shadow:none;font-size:12px}
aside details.panel{padding:0 13px}aside details.panel>summary{display:flex;align-items:center;gap:8px;position:relative;list-style:none;padding:11px 20px 11px 0;min-height:45px;font:16px var(--desk-serif);color:#334852;cursor:pointer}aside details.panel>summary:after{content:'+';position:absolute;right:0;color:#887243;font:20px var(--desk-serif)}aside details[open].panel>summary:after{content:'−'}aside details[open].panel>summary{border-bottom:1px solid #bbae8d88;margin-bottom:8px}aside details.panel>div{padding-bottom:10px}.section-index{font:10px/20px var(--desk-serif);width:20px;height:20px;text-align:center;border:1px solid #b4a27b;color:#857047;flex:none}aside details[open] .section-index{background:#304b59;color:#f3e3bb;border-color:#304b59}.ship-card{border:1px solid #9c936d;border-radius:2px;box-shadow:inset 0 0 0 3px #f9e8b51a}.ship-card b{font:17px var(--desk-serif)}#naval select{background:#faf4e3;font-size:12px;min-height:36px}#log p{border-color:#bbae8d66;color:#5a6053;font-size:12px;line-height:1.6}.footnote{font:11px/1.55 var(--desk-serif);color:#676756;padding:12px 13px}.footnote a{color:#395b6b}
.floating-orders,.map-zoom button{background:linear-gradient(#fff8e7,#e3d6b7);border:1px solid #a48e5e;color:#263f4d;border-radius:2px;box-shadow:0 2px 7px #243c3d25,inset 0 0 0 2px #fff3d5}.floating-orders{min-height:36px;padding:7px 13px;font:14px var(--desk-serif)}.floating-orders[aria-expanded=true]{background:#2c4654;border-color:#aa9261;color:#f9ebc9;box-shadow:inset 0 0 0 2px #dfc28a25}.map-zoom{gap:0}.map-zoom button{width:39px;height:39px;font:24px var(--desk-serif)}.map-zoom button+button{border-left:0}
#modal{background:linear-gradient(100deg,#faf3e2,#ece2cb);border:1px solid #a58e5b;border-top:4px double #9d834c;border-radius:3px;color:#283e4a}#modal h2,#modal h3{color:#263e4e}#modal .close{background:transparent;color:#344f5b}#modal p,#modal li{color:#535c53}#modal button{background:#f8f0dc;border-color:#b6a078;color:#2a4351}#modal button.primary{background:#2b4655;color:#fff2d1}#toast{background:#243e4d;color:#fff0cb;border:1px solid #ae9159;border-radius:2px;font-size:13px}
@media(min-width:951px){main{grid-template-columns:minmax(0,1fr) 280px}.status>div:first-child{min-width:210px}body.menu-hidden main{grid-template-columns:minmax(0,1fr)}}
@media(min-width:951px) and (max-width:1200px){.header-edition{display:none}.status>div{padding:0 10px}.status>div:first-child{min-width:185px}.status>div:first-child strong{font-size:16px}.status strong{font-size:14px}#instruction{display:none}.phasebar{justify-content:space-between}}
@media(max-width:950px){header{min-height:56px;padding:5px 10px;border-bottom:3px double #aa925e}.brand{gap:7px}.brand b{font:small-caps 17px/1 var(--desk-serif);letter-spacing:.4px}.brand small,.header-edition{display:none}.brand-icon{width:26px;height:26px}#mobile-tools{position:static;min-height:44px;font:13px var(--desk-serif);padding:5px 9px;gap:6px;min-width:0}#mobile-tools svg{width:17px;height:17px}#mobile-tools .desk-chevron{display:none}.status{padding:5px 10px;min-height:55px;gap:8px}.status>div:first-child{min-width:0;padding:0;border:0;flex:1}.status>div:first-child strong{font:15px/1.2 var(--desk-serif);margin:0}.status #next{min-width:0;min-height:44px;max-width:46%;font:12px/1.2 var(--desk-serif);padding:5px 8px;flex:0 1 46%}#mobile-resources{font-size:11px;color:#5b604f;margin-top:3px;line-height:1.3}body.tools-open #game-tools{top:60px;right:8px;left:auto;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 72px)}#game-tools button{min-height:44px;font-size:13px}.desk-actions small{font-size:11px}#game-tools .tool-group summary{min-height:56px;font-size:17px}.summary-note{font-size:11px}.area-picker select{font-size:16px;min-height:44px}.map-options{gap:6px}.map-options button{flex:1 0 27%}#menu-status{font-size:11px}.floating-orders{min-height:44px;font-size:14px;top:9px;left:9px}.map-zoom button{width:44px;height:44px;font-size:25px}aside{border-radius:5px 5px 0 0;max-height:55dvh;border:1px solid #a58e61}.orders-heading{padding:8px 13px;min-height:57px}.orders-heading h2{font-size:20px}#close-panel{width:44px;height:44px;font-size:26px}.panel h2{font-size:22px}#unit-detail{font-size:13px}aside button,#actions button,#national button,#naval button{min-height:44px;font-size:13px}aside details.panel>summary{font-size:17px;min-height:48px}#naval select{min-height:44px;font-size:16px}.field-orders{padding:12px 14px}#leaders{font-size:13px}#roster button{min-height:44px;font-size:13px}.record-actions{gap:7px}}
@media(max-width:950px) and (max-height:500px){header{min-height:48px;padding:2px 10px}.brand b{font-size:17px}.status{min-height:51px;padding:3px 10px}.status #next{flex:0 1 auto;min-width:160px;max-width:46%}.status>div:first-child{flex:1}body.tools-open #game-tools{top:51px;max-height:calc(100dvh - 58px)}aside{width:310px;max-height:calc(100dvh - 100px);border-radius:3px 0 0 0}.orders-heading{min-height:52px}.orders-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){button,.desk-chevron{transition:none}}
button.floating-orders:hover:not(:disabled){background:#e1d1ac;border-color:#8c7241;color:#263f4d}
button.floating-orders[aria-expanded=true]:hover:not(:disabled){background:#3c5866;border-color:#cfb77c;color:#fff1cf}

/* Compact live dispatch and condition ledger; stays outside the map viewport. */
#field-feedback{flex:none;padding:5px 12px;background:#efe4c9;border-top:1px solid #b29a68;color:#263e4b;font:12px/1.4 Georgia,serif;max-height:44px;overflow:auto;overflow-wrap:anywhere}
#field-feedback[hidden]{display:none}.condition-row{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;font-size:12px;padding:6px 0;border-block:1px solid #c9b98f}.condition-row label{display:flex;align-items:center;gap:4px}.condition-row meter{width:48px;height:10px}.supplied{color:#385d42}.unsupplied{color:#8a372b;font-weight:bold}.supply-badge{font:bold 12px Georgia,serif}#log{max-height:230px;overflow:auto;overscroll-behavior:contain}.hex:focus-visible{stroke:#694a13;stroke-width:4;outline:none}.status strong:focus-visible{outline:2px solid #85692f;outline-offset:3px}#welcome{background:#f4ecd8;border:1px solid #a58e5b;border-top:4px double #9d834c;color:#283e4a}#welcome h2{font-family:Georgia,serif}#welcome button.primary{background:#2b4655;color:#fff2d1}
@media(max-width:950px){#field-feedback{font-size:12px;max-height:40px;padding:4px 9px}.condition-row{font-size:13px}}

#field-feedback{text-align:left;border-radius:0;border-inline:0;border-bottom:0;width:100%;cursor:pointer}#field-feedback:hover{background:#e7d7b2;color:#263e4b}#modal button+button{margin-left:6px}.status strong[role=button]{cursor:help}@media(max-width:950px){#field-feedback{min-height:44px;max-height:44px}#modal button{min-height:44px}}
.map-zoom{bottom:54px}#field-feedback:focus-visible{outline:3px solid #87692d;outline-offset:-3px}