/* In-game HUD, next-step order, tab bar and menu. Loaded last; scoped to new class names. */
.nation-shell{--hud-sea:#0f2a30;--hud-panel:#143840;--hud-line:#2b5a60;--hud-gold:#e7c46f;--hud-parch:#f3e6c4;--hud-ink:#2a2216;--hud-coral:#ee8a72;--hud-green:#7dc6ac;--hud-text:#eef3ee;--hud-muted:#b3cbc7}
/* Replaced pieces */
.nation-shell .nation-campaign,.nation-shell .nation-metrics,.nation-shell .nation-mission-strip{display:none!important}
.nation-shell #nationPanel>.nation-next-step{display:none}

/* Sticky command bar: who you are, BP, and the one action that moves the game forward. */
.hud-command{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:#0b2227f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hud-line);border-radius:18px 18px 0 0;color:var(--hud-text)}
.hud-command-id{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.hud-command-id>svg,.hud-command-id>.nation-flag{width:34px!important;height:23px!important;flex:none;border-radius:3px;box-shadow:0 0 0 1px #0007}
.hud-command-id>div{display:grid;min-width:0}
.hud-command-id b{font:700 16px/1.15 RepublicDisplay,Georgia,serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-command-id span{font:12px/1.2 Arial,sans-serif;color:var(--hud-muted)}
.hud-command-bp{display:grid;justify-items:center;padding:3px 9px;border-radius:9px;background:#2a2412;border:1px solid #8c7330;flex:none}
.hud-command-bp b{font:700 17px/1 RepublicDisplay,Georgia,serif;color:var(--hud-gold);font-variant-numeric:tabular-nums}
.hud-command-bp small{font:600 9px/1.2 Arial,sans-serif;color:#cdb67a}
.nation-shell .hud-command-go{all:unset;box-sizing:border-box;cursor:pointer;flex:none;padding:10px 14px;border-radius:11px;background:linear-gradient(#f0d58a,#d7ae55);color:#2a1f0c;font:700 14px/1 Arial,sans-serif!important;box-shadow:0 2px 0 #9c7a33,0 4px 12px #0005;white-space:nowrap}
.nation-shell .hud-command-go:active{transform:translateY(1px);box-shadow:0 1px 0 #9c7a33}
.nation-shell .hud-command-go:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nation-shell .hud-command-go.urgent{background:linear-gradient(#f39a7f,#d4614a);color:#fff;box-shadow:0 2px 0 #8e3a2b,0 4px 12px #0005}

.hud{display:grid;gap:10px;margin:12px 0;color:var(--hud-text)}
/* Six ring gauges in one row */
.hud-vitals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:12px 8px 10px;border-radius:16px;background:var(--hud-panel);border:1px solid var(--hud-line)}
.hud-ring{display:grid;justify-items:center;gap:5px;--c:var(--hud-green)}
.hud-ring>div{width:min(54px,13vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#0f2a30 76%,transparent 78% 100%),conic-gradient(var(--c) calc(var(--v)*1%),#ffffff1a 0)}
.hud-ring b{font:700 19px/1 RepublicDisplay,Georgia,serif;color:#fff;font-variant-numeric:tabular-nums}
.hud-ring span{font:600 11px/1 Arial,sans-serif;color:var(--hud-muted)}
.hud-ring.mid{--c:var(--hud-gold)}
.hud-ring.low{--c:var(--hud-coral)}.hud-ring.low b{color:var(--hud-coral)}
.hud-ring.top{--c:#9fe3ff}.hud-ring.top>div{box-shadow:0 0 14px #9fe3ff55}
.hud-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
.hud-charter{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:5px;padding:9px 12px;border-radius:12px;background:#0b2227;border:1px solid var(--hud-line);font:700 13px/1 Arial,sans-serif;color:#f3e7c4}
.hud-charter:focus-visible{outline:2px solid var(--hud-gold);outline-offset:2px}
.hud-rank,.hud-order-meter{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#0b2227;border:1px solid var(--hud-line)}
.hud-rank i,.hud-order-meter i{height:6px;border-radius:9px;background:#ffffff17;overflow:hidden}
.hud-rank em{display:block;height:100%;background:var(--hud-gold)}
.hud-rank{grid-template-columns:auto 1fr}
.hud-order-meter em{display:block;height:100%;background:linear-gradient(90deg,var(--hud-green),var(--hud-gold) 50%,var(--hud-coral))}
.hud-order-meter b{color:#fff}
.hud-order-meter.fraying{border-color:#8c7330}
.hud-order-meter.brink{border-color:var(--hud-coral);background:#3a2427}
.hud-rank:focus-visible,.hud-order-meter:focus-visible{outline:2px solid var(--hud-gold);outline-offset:2px}
.hud-nature-detail .nation-nature{margin:0}

/* The council's dispatch for this moment, on parchment under a wax seal. */
.hud-order{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:14px 16px;border-radius:6px 18px 6px 18px;background:radial-gradient(120% 140% at 0 0,#fbf3dc 0,var(--hud-parch) 55%,#e7d3a6 100%);color:var(--hud-ink);border:1px solid #c9a96a;box-shadow:0 1px 0 #fff8 inset,0 10px 24px #0005}
.hud-seal{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:700 21px/1 RepublicDisplay,Georgia,serif;color:#fff3df;background:radial-gradient(circle at 35% 30%,#c4513f,#8e2c22 70%);box-shadow:0 0 0 3px #b0453866,0 3px 6px #0004,inset 0 -3px 0 #0003;transform:rotate(-8deg)}
.hud-order h3{margin:0;font:700 18px/1.2 RepublicDisplay,Georgia,serif!important;color:var(--hud-ink)!important}
.hud-order p{margin:2px 0 0;font:15px/1.4 Georgia,serif;color:#4a3d28!important}
.hud-order.urgent{background:radial-gradient(120% 140% at 0 0,#fff0e6 0,#f6dccc 60%,#e9bfa8 100%);border-color:#c98466}
.hud-order.urgent .hud-seal{animation:hudPulse 1.6s ease-in-out infinite}
@keyframes hudPulse{50%{box-shadow:0 0 0 7px #b0453833,0 3px 6px #0004}}

.nation-briefing{margin:6px 0 12px;border-radius:12px;border:1px solid var(--hud-line);background:var(--hud-panel);color:var(--hud-text)}
.nation-briefing>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:11px 14px;font:14px/1.3 Arial,sans-serif;color:var(--hud-muted)}
.nation-briefing>summary b{color:#fff}
.nation-briefing[open]>summary{border-bottom:1px solid var(--hud-line)}
.nation-briefing>*:not(summary){margin:10px}

/* Tab bar */
.hud-tabbar{display:flex!important;gap:2px;background:#0b2227ee!important;backdrop-filter:blur(8px);border-top:1px solid var(--hud-line)}
.hud-tabbar button{all:unset;flex:1;box-sizing:border-box;cursor:pointer;display:grid;justify-items:center;gap:3px;min-height:56px;padding:8px 2px;border-radius:12px;color:var(--hud-muted);font:600 11px/1 Arial,sans-serif;-webkit-tap-highlight-color:transparent}
.hud-tabbar button[aria-pressed=true]{color:var(--hud-gold);background:#e7c46f17}
.hud-tabbar button:focus-visible{outline:2px solid var(--hud-gold);outline-offset:-2px}
.hud-tabbar button:active{transform:scale(.94)}

/* Menu sheet */
.hud-menu{max-width:520px;width:calc(100% - 20px);max-height:88vh;padding:0 16px 16px;border-radius:18px;border:1px solid var(--hud-line,#2b5a60);background:#0f2a30;color:#eef3ee}
.hud-menu::backdrop{background:#03101399;backdrop-filter:blur(3px)}
.hud-menu-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px;background:#0f2a30}
.hud-menu-head b{font:700 22px/1 RepublicDisplay,Georgia,serif}
.hud-menu section{margin-top:12px}
.hud-menu h4{margin:0 0 8px;font:600 13px/1 Arial,sans-serif;color:#b3cbc7}
.hud-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hud-menu-grid button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:3px;padding:12px;border-radius:12px;background:#143840;border:1px solid #2b5a60;color:#fff}
.hud-menu-grid button span{font-size:20px;color:#e7c46f}
.hud-menu-grid button b{font:700 15px/1.2 Arial,sans-serif}
.hud-menu-grid button small{font:12px/1.35 Arial,sans-serif;color:#b3cbc7}
.hud-menu-grid button:focus-visible,.hud-menu-list button:focus-visible{outline:2px solid #e7c46f;outline-offset:2px}
.hud-menu-list{display:grid;border-radius:12px;overflow:hidden;border:1px solid #2b5a60}
.hud-menu-list button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:13px 14px;background:#143840;font:600 14px/1.2 Arial,sans-serif;color:#fff}
.hud-menu-list button+button{border-top:1px solid #2b5a60}
.hud-menu-list button i{font-style:normal;font-weight:400;font-size:13px;color:#b3cbc7}
.hud-menu-list button[aria-checked=true] i{color:#7dc6ac}
.hud-menu .nation-mobile-guide{margin-top:14px}

@media(max-width:760px){
 .nation-shell .nation-topbar .nation-treasury,.nation-shell .nation-topbar .nation-header-round,.nation-shell .nation-topbar .nation-sovereign{display:none!important}
 .hud{margin:8px 0}
 .hud-id{padding:8px 10px;gap:10px}
 .hud-order-meter{grid-template-columns:auto 1fr auto;}
 .hud-order-meter small{display:none}
}
@media(min-width:761px){.hud-tabbar{display:none!important}}
@media(prefers-reduced-motion:reduce){.hud-order.urgent .hud-seal{animation:none}.hud-bar em{transition:none}}

/* Specificity guards: older stylesheets style every .nation-shell button and the old mobile nav. */
.nation-shell .hud,.nation-shell .nation-briefing{margin-left:10px;margin-right:10px}
.nation-shell .hud-tabbar button,.nation-shell .hud-tabbar button span{font:600 11px/1.1 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.nation-shell .hud-tabbar button{border:0!important;box-shadow:none!important;background:transparent!important;min-height:56px!important;padding:7px 2px!important;position:relative}
.nation-shell .hud-tabbar button[aria-pressed=true]{color:var(--hud-gold)!important}
.nation-shell .hud-tabbar button[aria-pressed=true]::before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--hud-gold)}
.nation-shell .hud-tabbar button svg{display:block;margin:0 auto}
.nation-shell .hud-rank,.nation-shell .hud-rank span,.nation-shell .hud-order-meter,.nation-shell .hud-order-meter span{font:600 12px/1.2 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.nation-shell .hud-rank span{color:var(--hud-gold)}.nation-shell .hud-order-meter span{color:var(--hud-muted)}
.nation-shell .hud-order-meter b{font:700 15px/1 RepublicDisplay,Georgia,serif!important}
.nation-shell .nation-briefing>summary{padding:11px 14px!important;margin:0!important}
/* Only one way forward: the command bar. Old in-panel continue buttons are hidden. */
.nation-shell #nationPanel>.nation-next-step,.nation-shell .nation-report-actions{display:none!important}
@media(max-width:760px){.nation-shell .nation-topbar{display:none!important}.hud-command{border-radius:0}}
@media(min-width:761px){.nation-shell .hud,.nation-shell .nation-briefing{margin-left:0;margin-right:0}.hud-command{border-radius:14px;margin:0 0 8px}}
@media(max-width:380px){.hud-ring span{font-size:10px}.hud-command-id span{display:none}}
.nation-shell .nation-challenge-result h4{color:#3a2a14!important}
.nation-shell .nation-challenge-result .nation-kicker{color:#8a5a1c!important}
.nation-shell details.nation-briefing{padding:0!important}.nation-shell .nation-briefing>summary{list-style:none}.nation-shell .nation-briefing>summary::-webkit-details-marker{display:none}.nation-shell .nation-briefing>summary::after{content:"Show";margin-left:auto;font:600 12px/1 Arial,sans-serif;color:var(--hud-gold)}.nation-shell .nation-briefing[open]>summary::after{content:"Hide"}

/* Sound controls */
.nation-shell .hud-sound{all:unset;box-sizing:border-box;cursor:pointer;flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#b3cbc7;border:1px solid #2b5a60;background:#0b2227}
.nation-shell .hud-sound[aria-pressed=true]{color:#ee8a72}
.nation-shell .hud-sound:focus-visible{outline:2px solid #e7c46f;outline-offset:2px}
.hud-volume{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#143840;border-top:1px solid #2b5a60;font:600 14px/1.2 Arial,sans-serif;color:#fff}
.hud-volume input{flex:1;max-width:220px;accent-color:#e7c46f}
@media(max-width:380px){.nation-shell .hud-sound{width:32px;height:32px}}