.preferences{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;direction:ltr}
.preferences button,.preferences select{font:inherit;font-size:12px;min-height:36px;padding:7px 10px;max-width:150px}
.topbar{gap:12px}.topbar #breadcrumbs{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[dir=rtl] .sidebar{left:auto;right:0;border-left:1px solid var(--border);border-right:0}
html[dir=rtl] .workspace{margin-left:0;margin-right:225px}
html[dir=rtl] .topbar{direction:ltr}html[dir=rtl] #breadcrumbs{direction:rtl}
html[dir=rtl] :is(th,td,.bar-tooltip){text-align:right}
html[dir=rtl] :is(.numeric,.code,code,.tag,.quality-stat strong,.country-stat-value){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .map-viewport{direction:ltr}
html[data-theme=dark]{color-scheme:dark;--bg:#171c21;--surface:#20272d;--raised:#29323a;--border:#3d4851;--text:#e0e4e7;--muted:#acb7c0;--gold:#c4b58f;--green:#a5b8aa;--danger:#e7a4a0;--eu4-line:#4e514c;--eu4-ink:#d5dee4}
html[data-theme=dark] body{background:var(--bg);color:var(--text)}
html[data-theme=dark] :is(.sidebar,.topbar,.panel,.stats,.stat,.campaign-card,.table-wrap,dialog,.library-group,.quality-panel,.political-map,.country-tabs,.country-overlay .country-tabs,.country-data-panel,.quantity-composition,.bar-tooltip,.quality-tooltip,.map-tooltip,.map-footer,.map-instructions,.map-notice){background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme=dark] :is(input,select,textarea,button,.button){background:var(--raised);color:var(--text);border-color:var(--border)}
html[data-theme=dark] :is(button.primary,.button.primary){background:#bdac86;border-color:#bdac86;color:#192127}
html[data-theme=dark] :is(.quiet,.country-button){background:transparent}
html[data-theme=dark] :is(.card-art,.quality-section-heading,.quality-unit-heading,.quality-unit h3,.quantity-composition-heading,thead th,.country-overlay .country-data-panel .modifier-table th,.quality-other .modifier-table th,.session-mana-table [data-mana-detail]>td,.library-source,.library-total-list>span,.country-data-notice,.partial-mark,.quality-stat .partial-mark){background:var(--raised);color:var(--text);border-color:var(--border)}
html[data-theme=dark] :is(h1,h2,h3,h4,strong,b,summary,.country-button,.row-link,.final-value,.library-row-name,.library-value,.bar-country,.bar-total,.value,.brand,nav a.active){color:var(--text)}
html[data-theme=dark] :is(p,small,dt,dd,label,th,td,.tiny,.muted,.formula,.eyebrow,.local-badge,.sidebar-label,.sidebar-note,.sidebar-footer,.page-footer,.stat-caption,.country-context,.bar-legend,.source-row,.source-row b,.source-row small,.quantity-row,.quantity-row b,.quality-stat-label,.quality-stat-name,.quality-note,.quality-help,.map-date,.map-mode,.map-footer,.map-instructions,.map-notice,.library-group summary small,.library-source,.partial-mark){color:var(--muted)}
html[data-theme=dark] :is(.quality-stat strong,.country-modifier-stat strong,.quality-tooltip strong,.country-stat-value,.stat strong,.country-overlay .modifier-table summary,.country-overlay .source-row b,.quality-unit h3,.quality-section-heading h2){color:var(--text)}
html[data-theme=dark] :is(.country-overlay .tiny,.country-overlay .formula,.country-overlay .source-row,.country-overlay .source-row small,.country-overlay .stat small,.country-overlay .stat-caption,.country-overlay .country-context){color:var(--muted)}
html[data-theme=dark] :is(th,td,summary,.quality-stat,.quality-unit,.quality-unit-heading,.quality-section-heading,.quantity-row,.source-list,.source-row,.modal-head,.modal-actions,.tabs,.country-tabs,.map-toolbar,.map-footer,.map-mode,.card-bottom,.library-group[open]>summary){border-color:var(--border)}
html[data-theme=dark] :is(tbody tr:hover,nav a:hover,nav a.active,button:hover,.button:hover){background:#303c46}
html[data-theme=dark] .country-scroll :is(tbody tr:hover,.quality-stat>summary:hover){background:transparent}
html[data-theme=dark] .breakdown-row .bar-track{background:#37424a}
html[data-theme=dark] :is(.pill,.tag,.count,.local-badge,.brand-mark){background:#303b44;color:#d7dee4;border-color:var(--border)}
html[data-theme=dark] nav a b{background:var(--raised);color:var(--text)}
html[data-theme=dark] :is(.bar-tooltip,.quality-tooltip,.map-tooltip){box-shadow:0 5px 18px #0005}
html[data-theme=dark] .map-loading{background:#20272def;color:var(--text)}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#a1aeb8}
html[data-theme=dark] .error{color:var(--danger)}
html[data-theme=dark] :is(table,.modal-head,.modal-body,.modal-actions,.empty,.note){background:var(--surface);color:var(--text)}
html[data-theme=dark] :is(.definition,#toast){background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme=dark] tbody th{background:var(--surface);color:var(--muted)}
html[data-theme=dark] :is(.modal-head h2,.quality-stat-value,.quality-stat-key .quality-stat-value,.sidebar nav a,.card-bottom span:last-child,.bar-tooltip>strong){color:var(--text)}
html[data-theme=dark] :is(.tabs,.country-tabs) button{background:transparent;color:var(--muted)}
html[data-theme=dark] :is(.tabs button.active,.country-tabs button[aria-selected=true]){color:var(--text);border-bottom-color:var(--gold)}
html[data-theme=dark] .quality-source-details :is(.formula,.source-row,.source-row small),html[data-theme=dark] .quality-detail-values{color:var(--muted)!important}
html[data-theme=dark] :is(.quality-core-stats,.quality-unit-grid,.quality-unit+.quality-unit,.quality-help,.quality-core-stats>.quality-stat+.quality-stat,.quality-unit>.quality-stat+.quality-stat){border-color:var(--border)}
:is(button,select,input,textarea,a,summary):focus-visible{outline:2px solid #9c874f;outline-offset:3px}
@media(max-width:1120px){html[dir=rtl] .workspace{margin-right:205px}}
@media(max-width:800px){html[dir=rtl] .workspace{margin-right:0}html[dir=rtl] .sidebar{border-left:0}.preferences .local-badge{display:none}.topbar{min-height:58px;height:auto;padding-block:9px}.preferences{gap:6px}.preferences button,.preferences select{font-size:11px;max-width:120px}}
@media(max-width:480px){.topbar{flex-wrap:wrap}.topbar #breadcrumbs{width:100%;font-size:10px}.preferences{margin-left:auto}.preferences select{max-width:140px}}