.nb-panel{margin:4px 0 22px;color:#eef3ee}
.nb-head h3{margin:0;font:700 24px/1.15 RepublicDisplay,Georgia,serif;color:#fff}
.nb-head p{margin:4px 0 12px;font:14px/1.45 Arial,sans-serif;color:#b3cbc7}
.nb-alert{color:#ee8a72}
.nb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.nb-card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:14px;background:#143840;border:1px solid #2b5a60}
.nb-card.allied{border-color:#7dc6ac;background:linear-gradient(160deg,#16443e,#143840 60%)}
.nb-card.war{border-color:#ee8a72;background:linear-gradient(160deg,#4a2228,#2a2a32 70%)}
.nb-card.truce{border-color:#8c7330}
.nb-flag{border-radius:3px;box-shadow:0 0 0 1px #0008,0 2px 6px #0005;margin-top:3px}
.nb-body{min-width:0;display:grid;gap:8px}
.nb-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.nb-title h4{margin:0;font:700 18px/1.2 RepublicDisplay,Georgia,serif;color:#fff}
.nb-status{flex:none;padding:2px 9px;border-radius:999px;font:600 11px/1.6 Arial,sans-serif;background:#0b2227;color:#b3cbc7;border:1px solid #2b5a60}
.nb-status.allied{color:#0f2e27;background:#7dc6ac;border-color:#7dc6ac}
.nb-status.war{color:#fff;background:#c4513f;border-color:#c4513f}
.nb-status.truce{color:#2a1f0c;background:#e7c46f;border-color:#e7c46f}
.nb-blurb{margin:0;font:13px/1.4 Arial,sans-serif;color:#cfdcd9}
.nb-facts{display:grid;gap:4px;margin:0}
.nb-facts>div{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:center}
.nb-facts dt{font:600 12px/1.3 Arial,sans-serif;color:#8fb0ab}
.nb-facts dd{margin:0;display:flex;align-items:center;gap:8px;font:13px/1.3 Arial,sans-serif;color:#fff}
.nb-rel{width:54px;height:6px;border-radius:9px;background:linear-gradient(90deg,#ee8a72,#e7c46f 50%,#7dc6ac) 0 0/54px 6px;position:relative;flex:none;opacity:.9}
.nb-rel::after{content:"";position:absolute;top:-3px;left:calc(var(--r)*1% - 2px);width:4px;height:12px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px #0008}
.nb-war{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:8px 10px;border-radius:10px;background:#0b2227aa;border:1px solid #6b3a35}
.nb-war b{font:700 16px/1 RepublicDisplay,Georgia,serif;color:#fff}
.nb-war span{display:flex;gap:4px}
.nb-war span i{width:12px;height:12px;border-radius:50%;background:#56676a}
.nb-war span i.won{background:#7dc6ac}.nb-war span i.lost{background:#ee8a72}.nb-war span i.even{background:#e7c46f}
.nb-war small{grid-column:1/-1;font:12px/1.35 Arial,sans-serif;color:#b3cbc7}
.nb-actions{display:flex;flex-wrap:wrap;gap:6px}
.nation-shell .nb-actions button{all:unset;box-sizing:border-box;cursor:pointer;padding:8px 12px;border-radius:10px;background:#0b2227;border:1px solid #3b6a70;color:#fff;font:600 13px/1.2 Arial,sans-serif}
.nation-shell .nb-actions button small{font-weight:400;color:#e7c46f;margin-left:4px}
.nation-shell .nb-actions button:hover:not(:disabled){border-color:#e7c46f}
.nation-shell .nb-actions button:focus-visible{outline:2px solid #e7c46f;outline-offset:2px}
.nation-shell .nb-actions button:disabled{opacity:.45;cursor:not-allowed}
.nation-shell .nb-actions button.nb-primary{background:linear-gradient(#f0d58a,#d7ae55);color:#2a1f0c;border-color:#b8913f}
.nation-shell .nb-actions button.nb-danger{border-color:#8e3a2b;color:#ffb8a6}
.nation-shell .nb-actions button.confirming{background:#c4513f;color:#fff;border-color:#c4513f}
.nb-note{margin:0;font:12px/1.4 Arial,sans-serif;color:#9fb8b3;align-self:center}
.nb-feedback{min-height:1.3em;margin:10px 0 0;font:600 14px/1.4 Arial,sans-serif;color:#e7c46f}
@media(max-width:420px){.nb-card{grid-template-columns:1fr}.nb-flag{margin:0}}