/* First art-direction pass: a quiet ink, limestone and gilt interface. */
@font-face{font-family:Sundering;src:url('./assets/fonts/SunderingDisplay-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#eee9db;--muted:#b0b8bb;--gold:#dec18a;--panel:rgba(17,28,37,.95);--line:rgba(222,193,138,.24);--blue:#a8c8dc;--purple:#c1b2d8;--font:Sundering,Georgia,serif}
html,body{background:#15242d}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}a{color:var(--gold)}#game{min-height:440px}#world{inset:70px 0 0}.panel{box-shadow:0 8px 30px #06111e33;border-radius:3px}
.topbar{height:70px;padding:0 26px;gap:28px;background:linear-gradient(90deg,#111c26,#20323b,#14212b);border-bottom:1px solid #dec18a55}.brand{gap:10px;font-size:24px;letter-spacing:3px}.brand small{font:8px 'Segoe UI',sans-serif;letter-spacing:3.2px;color:var(--gold)}.ring-mark{font:35px Georgia;color:var(--gold)}.resources{gap:34px}.resource{gap:10px}.resource-symbol{font-size:24px}.resource span strong{font-size:19px;font-variant-numeric:tabular-nums}.resource span small{font-size:11px}.resource-label{letter-spacing:1.25px;color:var(--muted)}.top-actions{gap:7px}.icon-button{width:32px;height:32px;border-radius:3px;font-size:17px}
.realm-panel{top:94px;left:22px;bottom:56px;width:232px;max-height:none}.realm-banner{padding:20px 17px 18px;background:linear-gradient(145deg,#dec18a0c,transparent)}.eyebrow{letter-spacing:2px}.realm-identity{gap:10px}.faction-crest{width:100%;height:100%;object-fit:contain;vertical-align:middle}.crest{width:44px;height:52px;flex-shrink:0}.realm-identity h2{font:19px/1.15 var(--font)}.realm-identity p{font-size:11px;margin-top:8px}.side-tabs{padding:0 9px}.side-tabs button{padding:13px 4px}#sidebar-content{padding:18px 16px;scrollbar-color:#68727a transparent}.section-label{letter-spacing:1.2px;margin-bottom:10px}.city-row{padding:12px 0}.city-row strong{font-size:17px}.city-row small{font-size:11px;margin-top:5px}.city-row .pop{background:none;min-width:25px;height:25px;padding:4px;text-align:center}.research-card{margin-top:18px;padding:14px 12px;background:#a6bac805;border-color:#a8c8dc22}.research-card .research-title{font:17px/1.2 var(--font);margin:10px 0 13px}.research-card .section-label{font-size:9px}.progress-detail{gap:12px;font-size:10px;margin-top:8px;font-variant-numeric:tabular-nums}.chronicle-link{padding:17px;font-size:11px}.realm-toggle{display:none}
.map-heading{left:276px;top:95px;gap:10px}.map-heading small{font-size:7px;letter-spacing:2px}.map-heading span:not(.heading-rule){font-size:12px}.heading-rule{width:20px}.objective{top:90px;left:calc(50% + 105px);right:auto;transform:translateX(-50%);text-align:center;width:min(410px,calc(100% - 580px));padding:12px 22px;border-top:2px solid var(--gold);background:linear-gradient(115deg,#152731ef,#172631f5)}.objective h3{font:20px var(--font);margin:7px 0}.objective p{font-size:12px;color:#d3d8d5;line-height:1.45;margin:0 auto 7px;max-width:360px}.objective button{font-size:10px}.objective .eyebrow{letter-spacing:2.3px}.map-tools{right:23px;top:94px}.map-tools button{width:36px;height:37px}
.selection{left:276px;bottom:55px;width:min(530px,calc(100% - 510px));min-height:0;max-height:285px;padding:18px 20px;overflow:auto;scrollbar-color:#68727a transparent;border-top:2px solid #dec18a88}.selection-emblem{width:48px;height:48px;flex-shrink:0;font-size:29px;padding:6px}.selection h2{font:25px var(--font);margin:4px 0 6px}.selection .subtitle{font-size:11px}.unit-stats{gap:16px;flex-wrap:wrap;margin:14px 0}.actions{margin-top:13px}.action-button,.secondary{padding:10px 12px;font-size:11px;color:var(--ink)}.action-button.gold,.primary{background:linear-gradient(120deg,#e1c792,#c1a16b);color:#18222a;border-color:#e9d19d}.action-help{font-size:11px;margin-top:12px}.unit-tabs{flex-wrap:wrap;margin-top:12px}.unit-tabs button{font-size:10px;padding:6px 8px}.unit-tabs button.active{background:#dec18a0c}.selection .city-yields{gap:18px;font-size:13px}
.turn-corner{right:22px;bottom:24px;width:194px}.minimap{height:123px;background:#152832ee}.minimap canvas{width:100%;height:120px}.minimap>span{bottom:6px;color:var(--muted);font-size:7px;letter-spacing:1.8px}.end-turn{padding:14px 17px;background:linear-gradient(120deg,#e1c792,#bc9c66);color:#18242b;border-color:#e9d19d}.end-turn small{font-size:7px;letter-spacing:1px;margin-bottom:6px}.turn-foot{color:#d4dbd5}.controls-hint{bottom:23px;left:277px;font-size:10px;line-height:1.5;color:#f4efe2bc}.hover-info{bottom:18px;left:50%;transform:translateX(-50%);z-index:6;max-width:calc(100% - 40px);background:#101e29eb;padding:10px 15px;font-size:11px}#toast{top:75px;background:#122330f5;text-align:center;max-width:500px;width:max-content;padding:13px 23px}
.diplomacy-row{padding:14px 0}.diplomacy-row h3{font:17px var(--font);margin-bottom:7px;display:flex;gap:8px;align-items:center}.diplomacy-row .faction-crest{width:30px;height:34px}.diplomacy-row p{font-size:11px}.diplomacy-row .action-button{padding:8px;font-size:10px}.status-war{color:#e7a58c}.status-peace{color:#a8c9a7}
dialog{background:linear-gradient(140deg,#1c2e3b,#121f2b);border-color:#dec18a66;border-top:3px solid var(--gold);width:min(790px,92vw);max-height:86vh;padding:34px;scrollbar-color:#68727a transparent}dialog::backdrop{background:#071623a8}.modal-close{top:8px;padding:2px 9px}dialog h2{font:31px var(--font);margin:8px 0 14px}dialog .intro{line-height:1.65;max-width:620px}.option-card{padding:17px}.option-card p{font-size:12px;line-height:1.55}.option-card.selected{background:#dec18a10}.option-card small{line-height:1.5}.help-grid p{color:var(--muted);line-height:1.7}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.guide-steps>div{border:1px solid var(--line);padding:16px}.guide-steps b{color:var(--gold);font:26px var(--font)}.guide-steps h3{font:19px var(--font);margin:12px 0 8px}.guide-steps p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}details{border-top:1px solid var(--line);padding:13px 0}summary{cursor:pointer;color:var(--gold);font-size:12px;line-height:1.6}details p{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 6px}details a{font-size:11px}.codex-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.codex-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none}.codex-list summary:after{content:'+';margin-left:8px}.codex-list details[open] summary:after{content:'−'}.codex-list summary>span{font:20px var(--font);color:var(--ink)}.codex-list summary>small{margin-left:auto;font-size:11px;color:var(--muted);text-align:right}.imagery b{color:var(--gold);font-weight:500}.settings-row select{background:#223844}.empty-state{line-height:1.6}
.welcome{background:#112430}.welcome-art{background-image:url('./assets/key-art-aurevale.png');background-position:center}.welcome-shade{background:linear-gradient(90deg,#091926f2 0%,#102330ed 27%,#152733a6 43%,#17273105 75%),linear-gradient(0deg,#091a2bb0,transparent 50%)}.welcome-content{width:590px;padding:40px 64px}.welcome-content>.eyebrow{font-size:8px;letter-spacing:2.7px}.welcome-ring{font-size:35px;margin-top:23px}.welcome h1{font:57px/.95 var(--font);letter-spacing:3px;color:#f6edda;margin:15px 0 23px}.welcome h1 small{font:11px 'Segoe UI',sans-serif;letter-spacing:5px;display:block;margin:14px 0;color:var(--gold)}.welcome-sub{font:13px 'Segoe UI',sans-serif;letter-spacing:.3px;color:#d8ded9}.ornament{font-size:12px;color:#dec18a66;margin:25px 0}.faction-picker{margin:0 0 19px}.faction-choice{padding:12px 6px;background:#10253370;border-color:#dec18a33}.faction-choice.selected{background:#dec18a17;box-shadow:inset 0 -3px var(--gold)}.faction-choice>span{height:49px;margin-bottom:10px}.faction-choice strong{display:block;font:16px var(--font);color:#eee4d0;font-weight:400}.faction-choice small{display:block;font-size:10px;color:var(--muted);margin-top:7px}#faction-description{font-size:12px;line-height:1.55;min-height:108px;color:#c4cec9}#faction-description>b{display:block;font:19px var(--font);color:var(--ink);margin-bottom:9px}#faction-description>span{display:block;min-height:38px}.start-game{padding:17px 20px;font:20px var(--font);margin-top:14px}.text-button{padding:11px 0;color:var(--gold)}.build-note{font-size:8px;letter-spacing:1.7px;color:#c2cec58c;margin-top:22px}
@media(min-width:1700px){.realm-panel{width:254px}.selection{left:298px;width:570px}.controls-hint{left:298px}.map-heading{left:300px}.welcome-content{width:700px;padding:60px 90px}.welcome h1{font-size:70px}.resources{gap:55px}}
@media(max-width:1100px){.topbar{padding:0 18px;gap:18px}.brand{font-size:21px}.resources{gap:19px}.resource-label{font-size:7px}.realm-panel{left:16px;width:212px}.selection{left:244px;width:calc(100% - 440px);padding:15px}.turn-corner{right:16px;width:164px}.map-heading{display:none}.objective{width:calc(100% - 370px);left:calc(50% + 70px)}.controls-hint{left:244px;font-size:9px}.map-tools{right:16px}.minimap{height:105px}.minimap canvas{height:102px}.selection h2{font-size:23px}.selection-emblem{width:42px;height:42px}}
@media(max-width:900px){.topbar{height:62px;padding:0 14px;gap:15px}#world{inset:62px 0 0}.brand{font-size:19px;letter-spacing:2px}.brand small{display:block;font-size:6px;letter-spacing:2.5px}.ring-mark{font-size:29px}.resources{gap:18px}.resource-symbol{font-size:19px}.resource span strong{font-size:16px}.resource-label{display:none}.realm-toggle{display:block;position:absolute;z-index:6;left:14px;top:77px;padding:10px;font-size:11px;color:var(--gold)}.realm-panel{display:none;top:123px;bottom:55px;max-height:490px;width:230px}.realm-panel.expanded{display:flex;z-index:8}.objective{top:77px;left:50%;width:calc(100% - 235px);padding:11px 14px}.objective h3{font-size:18px}.objective p{font-size:11px}.map-tools{top:77px;right:14px}.selection{left:14px;bottom:49px;width:calc(100% - 191px);max-height:250px;min-height:0}.turn-corner{right:14px;width:150px;bottom:22px}.controls-hint{left:14px;bottom:18px;width:calc(100% - 185px)}.selection h2{font-size:23px}.selection .subtitle{font-size:10px}.top-actions{gap:5px}.icon-button{width:29px;height:29px}.unit-stats{gap:11px}.welcome-content{width:570px;padding:32px 58px}.welcome h1{font-size:54px}.welcome-shade{background:linear-gradient(90deg,#091926f0,#102330de 50%,#10233144)}}
@media(max-width:580px){.topbar{gap:10px;padding:0 10px}.brand{font-size:15px;gap:5px}.brand small{font-size:5px;letter-spacing:1.5px}.ring-mark{font-size:24px}.resources{gap:12px}.resource{gap:4px}.resource span strong{font-size:14px}.resource-symbol{font-size:14px}.resource.food{display:none}.icon-button{width:27px;height:29px}.top-actions{gap:3px}.top-actions #sound{display:none}.objective{left:50%;width:calc(100% - 170px);padding:10px}.objective h3{font-size:16px}.objective p{font-size:10px}.objective button{font-size:9px}.realm-toggle{font-size:10px;left:10px;padding:9px 7px}.map-tools{right:10px}.map-tools button{width:31px;height:33px}.selection{left:10px;width:calc(100% - 133px);padding:12px;max-height:248px}.selection-emblem{display:none}.selection h2{font-size:21px}.selection .eyebrow{font-size:7px}.unit-stats{gap:10px;font-size:10px}.selection .action-button{padding:8px;font-size:10px}.unit-tabs button{font-size:9px;padding:6px}.turn-corner{right:10px;width:104px}.minimap{height:74px}.minimap canvas{height:72px}.minimap>span{display:none}.end-turn{padding:12px 9px}.end-turn strong{font-size:17px}.end-turn small{font-size:6px;letter-spacing:.3px}.turn-arrow{font-size:17px}.turn-foot{font-size:6px;letter-spacing:0;gap:3px}.controls-hint{left:10px;font-size:8px;width:calc(100% - 130px)}.welcome-content{width:100%;padding:30px}.welcome-shade{background:#0c1f2be0}.welcome h1{font-size:49px}.faction-picker{gap:6px}.faction-choice{padding:11px 3px}.faction-choice strong{font-size:15px}.faction-choice small{font-size:9px}.cards-grid,.help-grid{grid-template-columns:1fr}.guide-steps{gap:7px}.guide-steps>div{padding:11px}.guide-steps h3{font-size:16px}.guide-steps p{font-size:11px}dialog{padding:27px 20px}dialog h2{font-size:25px}.codex-list summary>span{font-size:18px}.codex-list summary>small{font-size:10px}.hover-info{display:none!important}#toast{width:calc(100% - 28px);font-size:11px}.selection .city-yields{gap:13px}}
@media(max-height:740px){.welcome-content{padding-top:20px;padding-bottom:20px}.welcome-ring{font-size:25px;margin-top:13px}.welcome h1{font-size:47px;margin:11px 0 16px}.welcome h1 small{margin:10px 0}.ornament{margin:16px 0}.faction-picker{margin-bottom:13px}.faction-choice>span{height:41px}.faction-choice{padding-top:10px;padding-bottom:10px}.start-game{margin-top:8px;padding:14px 18px}.build-note{margin-top:14px}.selection{max-height:250px}.realm-banner{padding:16px}.research-card{margin-top:13px}.objective{padding-top:9px;padding-bottom:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Second pass after live desktop and compact layout review. */
.ring-mark{width:34px;height:38px;line-height:1}.ring-mark img{width:100%;height:100%}
.realm-panel{bottom:auto;max-height:calc(100% - 150px)}
.resource.culture{display:flex}
#toast{top:auto;bottom:16px;transform:translate(-50%,10px);font-size:11px;max-width:calc(100% - 40px)}
#toast.show{transform:translate(-50%,0)}
dialog h2+ .guide-steps{margin-top:20px}
.action-button:disabled{filter:saturate(.35)}
.selection .city-yields span{min-width:36px}
.codex-list details[open]{background:#dec18a05;padding-left:12px;padding-right:12px;border-left:2px solid var(--gold)}
@media(max-width:900px){.realm-panel{bottom:55px;max-height:490px}.ring-mark{width:29px;height:33px}.selection .city-yields{margin:11px 0}.selection .progress-detail{margin-top:6px}.selection .actions{margin-top:10px}.unit-tabs{margin-top:9px;padding-top:8px}.selection{max-height:232px}.selection .action-help{margin-top:9px}.objective{box-shadow:0 4px 22px #081b2630}}
@media(max-width:580px){.ring-mark{width:23px;height:29px}.resource.culture .resource-symbol{font-size:14px}.selection .city-yields{gap:7px}.selection .city-yields span{min-width:28px}.selection{max-height:245px}.brand small{letter-spacing:1px}.resources{gap:8px}.resource span small{padding-left:2px;font-size:9px}.topbar{gap:8px}.codex-list summary{gap:8px}.codex-list summary>small{max-width:45%}}
.roster-open{display:flex;width:100%;align-items:center;justify-content:space-between;color:#e9d39e;border-bottom:1px solid #dec18a44;padding:10px 0 14px;margin-bottom:18px;font-size:12px}.roster-search{display:flex;align-items:center;gap:16px;margin:20px 0}.roster-search input{flex:1;min-width:0;border:1px solid #938060;background:#fff8e8;padding:13px;color:#2c332f;font:14px 'Segoe UI',sans-serif}.roster-search>span{font-size:11px;color:var(--muted)}.faction-roster{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roster-card{display:flex;align-items:flex-start;gap:13px;padding:16px;text-align:left;border:1px solid #9d885e50;border-left:4px solid var(--faction-color);background:#fff9ec55;min-height:142px}.roster-card.selected{outline:2px solid #846431;outline-offset:-2px;background:#d7c79850}.roster-crest{display:block;flex:0 0 35px;width:35px;height:45px}.roster-card strong{display:block;font:24px var(--font)}.roster-card small{display:block;font-size:11px;color:var(--muted);margin:7px 0}.roster-card>span>span{font-size:12px;line-height:1.6;display:block}.patron-entry p{font-size:14px;line-height:1.7}.patron-entry h3{font:25px var(--font)}.patron-entry a{font-size:12px}
@media(max-width:680px){.faction-roster{grid-template-columns:1fr}.roster-card{min-height:110px}.roster-search{gap:10px}.roster-search>span{max-width:70px}.roster-open{margin-bottom:12px}}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:20px 0}.settings-grid .settings-row{margin:10px 0;gap:18px;font-size:13px;min-height:40px}.settings-grid select{max-width:58%;min-width:90px}.settings-grid input[type="range"]{width:125px;accent-color:#344c49}.settings-grid input[type="checkbox"]{width:21px;height:21px;accent-color:#344c49}.settings-note{margin:22px 0 0!important}.orders-list{display:grid;gap:7px}.order-row{display:flex;justify-content:space-between;gap:20px;text-align:left;align-items:center;border:1px solid var(--line);padding:14px;background:#fff6df60}.order-row b{font-size:14px;font-weight:600}.order-row small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.order-row>span:last-child{text-align:right;font-size:12px;line-height:1.6}.order-row.attack{border-left:4px solid #934622}.world-label-layer button:focus-visible{outline:3px solid #fff!important;outline-offset:4px!important}#world canvas:focus-visible{outline:3px solid #ead496!important;outline-offset:-4px}
html[data-reduced-motion="true"] *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
html[data-contrast="high"] .realm-panel,html[data-contrast="high"] .selection,html[data-contrast="high"] .objective,html[data-contrast="high"] dialog{--ink:#161f1b;--muted:#343c32;--gold:#644715;--line:#5b624f80;--blue:#27445b;--purple:#563a60;background:#fff5d9;color:#161f1b;background-image:none;border-color:#413b2a}
html[data-contrast="high"] :is(.subtitle,.action-help,.objective p,.realm-identity p,.selection .unit-tabs button){color:#343c32}html[data-contrast="high"] button:disabled{opacity:.62}html[data-contrast="high"] button:focus-visible{outline:3px solid #0067b8;outline-offset:3px}html[data-contrast="high"] .topbar{background:#071926}html[data-contrast="high"] .controls-hint{color:#fff}
html[data-text-size="large"] :is(.action-button,.secondary,.side-tabs button,.chronicle-link,.action-help,.subtitle,.objective p,.settings-row,.option-card p,.option-card small,.intro,.unit-tabs button,summary,details p,.city-row small,.realm-identity p,.progress-detail,.unit-stats){font-size:15px!important;line-height:1.55}
html[data-text-size="large"] :is(.eyebrow,.section-label,.resource-label){font-size:11px!important}html[data-text-size="large"] .selection{max-height:38vh;width:min(720px,calc(100% - 510px))}html[data-text-size="large"] .selection[data-kind="unit"]{display:block}html[data-text-size="large"] .selection .unit-stats{justify-content:flex-start}html[data-text-size="large"] .objective{width:min(510px,calc(100% - 520px))}html[data-text-size="large"] .realm-panel{max-height:calc(100% - 150px)}html[data-text-size="large"] .realm-identity h2{font-size:23px}html[data-text-size="large"] dialog{width:min(920px,94vw)}html[data-text-size="large"] .option-card h3{font-size:24px}html[data-text-size="large"] .city-row strong{font-size:21px}html[data-text-size="large"] .controls-hint{font-size:12px}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}html[data-text-size="large"] .selection{width:calc(100% - 191px);max-height:37vh}html[data-text-size="large"] .objective{width:calc(100% - 235px)}html[data-text-size="large"] .realm-panel{max-height:calc(100% - 180px)}html[data-text-size="large"] .objective p{font-size:13px!important}html[data-text-size="large"] .selection .action-button{padding:8px}}
@media(max-width:580px){html[data-text-size="large"] .selection{width:calc(100% - 133px)}html[data-text-size="large"] .objective{width:calc(100% - 170px)}.settings-grid select{max-width:55%}.order-row{gap:10px;padding:12px}.order-row>span:last-child{min-width:70px}}

/* Campaign interface: midnight enamel, bronze rules, readable command hierarchy. */
.campaign-menu{display:grid;grid-template-columns:170px 1fr;min-height:390px;margin-top:25px;border-top:1px solid #bfa16b4d;padding-top:23px}.menu-rail{display:flex;flex-direction:column;gap:4px;border-right:1px solid #91a1b12d;padding-right:22px}.menu-rail button{display:flex;justify-content:space-between;align-items:center;text-align:left;color:#c3ccd2;font-size:15px;padding:14px 12px;border-left:2px solid transparent}.menu-rail button.active{border-left-color:#d1b079;color:#efd096;background:linear-gradient(90deg,#d1b07915,transparent)}.menu-rail span{color:#a98b55}.menu-page{padding-left:28px}.menu-realm{display:flex;gap:17px;align-items:center;margin:9px 0 25px}.menu-realm>span{width:53px;flex:0 0 53px;height:67px}.menu-realm small{font-size:9px;letter-spacing:1.7px;color:#d1b079}.menu-realm h3{font:26px var(--font);margin:9px 0}.menu-realm p{font-size:13px;color:#c0ccd4;margin:0}.campaign-actions{display:grid;gap:8px}.campaign-actions button{display:flex;justify-content:space-between;text-align:left;align-items:center;font-size:14px;padding:13px 16px;min-height:43px}.campaign-actions button span{font-size:18px}.menu-footnote{font-size:12px;line-height:1.65;color:#b7c4cc;margin:21px 0 6px}.menu-section-title{font:26px var(--font);margin:5px 0 21px}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #71879a38}.setting-line strong{font-size:14px;font-weight:600;color:#e9e5d9}.setting-line small{display:block;color:#afbec8;font-size:12px;line-height:1.55;margin-top:7px;max-width:230px}.setting-line select,.binding-list select{background:#0c2032;border:1px solid #bda06c66;color:#ecdec1;font-size:13px;min-height:39px;border-radius:2px;padding:8px 12px;max-width:165px}.setting-line input[type="range"]{width:145px;accent-color:#d1b079}.setting-switch input{position:absolute;opacity:0;width:42px;height:25px;cursor:pointer}.setting-switch span{display:block;width:42px;height:25px;padding:3px;border:1px solid #8aa0b37a;background:#0b1c2a}.setting-switch span:before{content:'';display:block;width:17px;height:17px;background:#60788d}.setting-switch input:checked+span:before{transform:translateX(17px);background:#dfc18a}.setting-switch input:focus-visible+span{outline:2px solid #e8d1a5;outline-offset:4px}.binding-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin:14px 0}.binding-list label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#c6d1d7;padding:7px 0;gap:10px}.binding-list select{min-width:60px;padding:7px}.welcome-settings{display:block;margin:0 auto}.welcome .build-note{margin-top:12px}dialog:has(.campaign-menu){width:min(850px,94vw)}html[data-text-size="large"] :is(.menu-rail button,.campaign-actions button,.setting-line strong,.binding-list label){font-size:17px}html[data-text-size="large"] :is(.menu-footnote,.setting-line small){font-size:15px}
@media(max-width:680px){.campaign-menu{grid-template-columns:1fr;margin-top:15px;padding-top:14px}.menu-rail{flex-direction:row;border:0;padding:0 0 15px;gap:3px;justify-content:space-between}.menu-rail button{font-size:13px;padding:10px 8px;border-left:0;border-bottom:2px solid transparent}.menu-rail button.active{border-bottom-color:#d1b079}.menu-rail span{display:none}.menu-page{padding-left:0}.setting-line{gap:13px}.setting-line small{max-width:220px}.binding-list{gap:4px 13px}.setting-line select{max-width:145px}.menu-realm{margin-top:5px}.menu-footnote{margin-top:17px}}
:root{--ink:#f2eee2;--muted:#bac4c9;--gold:#d1b079;--line:#bfa16b4d;--blue:#a8cce0;--purple:#c7b8d4;--panel:#142637f5}
.panel{border-radius:2px;box-shadow:0 8px 26px #02091166}.topbar{height:74px;background:linear-gradient(90deg,#0b1724,#14293b 58%,#0b1724);border-bottom:2px solid #957a49;padding:0 26px}.brand{font-size:26px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:2.3px}.resources{gap:38px}.resource span strong{font-size:23px;font-weight:600}.resource span small{font-size:12px}.resource-label{font-size:9px;letter-spacing:1px}.icon-button{width:35px;height:35px;border:1px solid #957a4966;border-radius:2px;background:#ffffff03}#world{inset:74px 0 0}
.realm-panel{border-top:3px solid #bd9a59;background:linear-gradient(120deg,#172e42f7,#0f2032f7);width:242px}.realm-banner{padding:19px 17px;background:#bda26608}.realm-identity h2{font-size:23px;line-height:1.2}.realm-identity p{font-size:12px;color:#bec9d0}.realm-identity .crest{width:41px;height:48px}.side-tabs button{font-size:12px;padding:13px 4px}.side-tabs button.active{background:linear-gradient(0deg,#b89e4e13,transparent)}#sidebar-content{padding:18px}.section-label{font-size:10px;letter-spacing:1.1px}.city-row{padding:12px 0}.city-row strong{font-size:21px}.city-row small{font-size:12px}.city-row .pop{border-radius:2px;border-color:#7b8e9e66;background:#253e50}.research-card{border:0;border-top:1px solid #6377894d;background:none;padding:17px 0 0;margin-top:18px}.research-card .research-title{font-size:22px;margin:9px 0 13px}.research-card .section-label{font-size:10px}.progress-detail{font-size:12px;color:#bdc9d0;line-height:1.45}.progress{height:4px;background:#879aaa26}.chronicle-link{font-size:12px;padding:16px 18px}.realm-panel .status-war{color:#ffa992}.realm-panel .status-peace{color:#b2d7b9}
.objective{top:94px;padding:11px 24px 13px;width:min(450px,calc(100% - 580px));border:1px solid #b49459a8;border-top:3px solid #c2a16a;background:linear-gradient(120deg,#18354bee,#102538f5);text-align:center}.objective h3{font-size:25px;margin:5px 0 8px}.objective p{font-size:13px;line-height:1.5;color:#d4dce0}.objective .eyebrow{font-size:9px}.objective button{font-size:11px;color:#e0c28b}.map-tools{background:#102537ec;border-color:#ad8f56aa}.map-tools button{height:39px;width:38px;color:#eee6d3}.map-heading{left:286px}
.selection{left:286px;padding:17px 20px 15px;width:min(550px,calc(100% - 520px));max-height:282px;border:1px solid #b19158a8;border-top:3px solid #c6a165;background:linear-gradient(115deg,#192f43f7,#102335fa);color:#f2eee2}.selection h2{font-size:31px;margin:2px 0 5px}.selection-heading{gap:13px}.selection-emblem{border:1px solid #b5965b80;border-radius:3px;background:#a4874010;height:53px;width:49px;padding:6px}.selection .subtitle{font-size:12px;color:#c1cbd0}.selection .eyebrow{font-size:9px}.selection .unit-stats{font-size:12px;gap:17px;margin:14px 0 10px;color:#bdc9d0}.selection .unit-stats b{font-weight:600;color:#f1ead8}.selection .actions{margin-top:13px;gap:7px}.action-button,.secondary{font-size:13px;line-height:1.3;min-height:37px;padding:10px 13px;border:1px solid #7990a46b;background:linear-gradient(#2a40534d,#162d424d);color:#e1e6e6;border-radius:2px}.action-button.gold,.primary{background:linear-gradient(110deg,#c7a874,#e3c58d);color:#102032;border:1px solid #eed199;font-weight:600}.action-button.active{background:#baa26a20;border-color:#d1b079;color:#f0d294}.action-button:disabled{opacity:.5;filter:saturate(.2)}.selection .action-help{font-size:12px;margin:10px 0 0;color:#b7c4cf}.selection .unit-tabs{gap:7px;margin-top:11px;padding-top:9px}.selection .unit-tabs button{font-size:11px;padding:6px 9px;min-height:29px;background:#8ca1af08;border:1px solid #8199ac4d;color:#c5d1d9}.selection .unit-tabs button.active{border-color:#d1b079;color:#efce90;background:#d3b26d12}.selection .city-yields{font-size:15px;margin:13px 0;gap:22px}.selection .city-yields span{color:#e0c38a}.selection .progress-detail{font-size:12px}.selection .faction-crest,.realm-panel .faction-crest,dialog .faction-crest{filter:none}.controls-hint{left:287px;font-size:11px;color:#e3e7decc}
.minimap{border:2px solid #8f744fa8;background:#102536;box-shadow:0 5px 25px #05101c66}.end-turn{border-radius:2px;padding:17px;background:linear-gradient(110deg,#e4c993,#ba965c);border:1px solid #efd4a1;box-shadow:0 6px 25px #03101ecc}.end-turn strong{font-size:26px}.end-turn small{font-size:9px;letter-spacing:.8px}.turn-foot{font-size:9px;color:#e1e5d8}.turn-corner{width:202px}#toast{background:#0d2438f5;border-color:#d6b57d;font-size:13px;padding:14px 23px}
dialog{--ink:#f2eee2;--muted:#bac4c9;--gold:#d1b079;--line:#bfa16b4d;--blue:#a8cce0;--purple:#c7b8d4;color:var(--ink);background:linear-gradient(135deg,#1b3449,#102437 65%,#0d1e30);border:1px solid #ab8b54;border-top:3px solid #d0ad70;border-radius:2px;box-shadow:0 25px 100px #000d;padding:32px 36px;width:min(850px,93vw)}dialog::backdrop{background:#020b14b0;backdrop-filter:blur(4px)}dialog h2{font-size:34px;line-height:1.15;margin:7px 0 16px}dialog .eyebrow{font-size:10px;letter-spacing:2px}dialog .intro{font-size:14px;line-height:1.65;color:#c0ccd4;margin-bottom:23px}.modal-close{width:38px;height:38px;display:grid;place-items:center;top:10px;right:10px;border:1px solid #b3976066;font-size:25px;color:#e2dac8;background:#07192a50}.option-card{background:#30495b26;border-color:#8697a94d;padding:19px;min-height:128px}.option-card h3{font-size:23px}.option-card p{font-size:14px;line-height:1.6;color:#c0ccd4}.option-card small{font-size:11px;color:#e0c28d}.option-card.selected{border-color:#d1b079;background:#baa06e13}.option-card.completed{border-color:#7daf9a70}.option-card:disabled{opacity:.56}dialog details{padding:15px 0;border-color:#b69a643d}dialog summary{font-size:14px;color:#e0c28d}dialog details p{font-size:14px;line-height:1.7}dialog details a{font-size:13px}.help-grid h3{font-size:23px}.help-grid p{font-size:14px;line-height:1.7}dialog kbd{border-color:#c0ad8266;color:#f2dfb6}.codex-list summary>span{font-size:23px}.codex-list summary>small{font-size:12px;color:#c0c9d0}.codex-list details[open]{background:#a58c5010;border-left-color:#bf9f60}
dialog:has(.guide-steps){width:min(790px,92vw);text-align:center;padding:32px 35px 26px}dialog:has(.guide-steps) h2{font-size:35px;margin:11px 0 24px}.guide-steps{gap:0;margin:25px 0 23px}.guide-steps>div{border:0;border-right:1px solid #bba06a44;padding:7px 23px 12px;background:none}.guide-steps>div:last-child{border:0}.guide-steps b{display:inline-grid;place-items:center;width:39px;height:39px;border:1px solid #d0ad7066;border-radius:50%;font:21px var(--font);color:#e1c18b;background:#b4985310}.guide-steps h3{font-size:24px;color:#f2e5cb;margin:13px 0 10px}.guide-steps p{font-size:14px;line-height:1.65;color:#c6d0d6}.guide-steps~details{text-align:left}.guide-steps~details summary{padding-left:8px}.settings-grid .settings-row{font-size:14px;color:#d5dde0}.settings-grid select,.settings-row select{background:#0b2033;border:1px solid #8c794e99;color:#ece5d4;font-size:13px;min-height:39px;border-radius:2px;padding:7px}.settings-grid input{accent-color:#d1b079}.orders-list .order-row{background:#35506920;border-color:#849bb44d;color:#ebeadf}.order-row small{color:#c0cbd1}.order-row.attack{border-left-color:#ec9e7c}.roster-search input{background:#0a2033;border-color:#9b825780;color:#f0e5d2}.roster-search input::placeholder{color:#a9bac6}.roster-card{background:#37526826;border-color:#8399aa4d;border-left-color:var(--faction-color)}.roster-card.selected{background:#ae956420;outline-color:#d1b079}.roster-card small{color:#c0cad1}.roster-card>span>span{font-size:13px;color:#dce1df}.roster-card strong{font-size:25px}.patron-entry p{color:#c3cfd6}.roster-open{font-size:13px;padding-bottom:12px}
html[data-contrast="high"] .realm-panel,html[data-contrast="high"] .selection,html[data-contrast="high"] .objective,html[data-contrast="high"] dialog{--ink:#fff;--muted:#dce5ef;--gold:#f4d492;--line:#b0c6dc99;--blue:#bcdeff;--purple:#ebcbff;background:#061726;color:#fff;background-image:none;border-color:#d4b77d}html[data-contrast="high"] :is(.subtitle,.action-help,.objective p,.realm-identity p,.selection .unit-tabs button,dialog p){color:#e0e9f2}html[data-contrast="high"] button:focus-visible{outline:3px solid #fff;outline-offset:4px}
html[data-text-size="large"] :is(.action-button,.secondary,.side-tabs button,.chronicle-link,.action-help,.subtitle,.objective p,.settings-row,.option-card p,.option-card small,.intro,.unit-tabs button,summary,details p,.city-row small,.realm-identity p,.progress-detail,.unit-stats,.guide-steps p,.roster-card>span>span){font-size:17px!important;line-height:1.55}
@media(min-width:1150px){.selection[data-kind="unit"]{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;width:min(660px,calc(100% - 530px))}.selection[data-kind="unit"] .selection-heading{grid-column:1;grid-row:1/3}.selection[data-kind="unit"] .unit-stats{grid-column:2;align-content:center;justify-content:flex-end;gap:9px 14px;margin:2px 0 8px}.selection[data-kind="unit"]>.progress{grid-column:2}.selection[data-kind="unit"] .actions,.selection[data-kind="unit"] .action-help,.selection[data-kind="unit"] .unit-tabs{grid-column:1/-1}.selection[data-kind="unit"]{max-height:262px}}
@media(max-width:1100px){.realm-panel{width:212px;left:16px}.selection{left:244px;width:calc(100% - 447px)}.controls-hint{left:244px}.turn-corner{width:172px}.resources{gap:22px}.resource span strong{font-size:20px}.objective{width:calc(100% - 370px)}.selection h2{font-size:28px}}
@media(max-width:900px){.topbar{height:64px;padding:0 14px;gap:15px}#world{inset:64px 0 0}.brand{font-size:21px}.brand small{font-size:6px}.resource span strong{font-size:19px}.resources{gap:16px}.icon-button{width:30px;height:32px}.realm-toggle{top:79px;font-size:12px;min-height:38px}.realm-panel{top:125px;width:242px;max-height:calc(100% - 180px)}.objective{top:79px;left:50%;width:calc(100% - 235px);padding:10px 13px}.objective h3{font-size:21px}.objective p{font-size:12px}.objective .eyebrow{font-size:8px}.map-tools{top:79px;right:14px}.map-tools button{width:34px;height:36px}.selection{left:14px;width:calc(100% - 191px);padding:14px 16px;max-height:258px}.selection h2{font-size:27px}.selection .unit-stats{gap:13px;font-size:12px}.selection .action-button{font-size:12px;padding:9px 10px;min-height:36px}.selection .unit-tabs button{font-size:10px}.selection .action-help{font-size:11px}.turn-corner{width:150px}.end-turn{padding:14px 12px}.end-turn strong{font-size:23px}.end-turn small{font-size:7px}.controls-hint{left:14px;font-size:10px}.guide-steps>div{padding:7px 13px 12px}.guide-steps p{font-size:13px}.guide-steps h3{font-size:22px}}
@media(max-width:580px){.topbar{padding:0 10px;gap:9px}.brand{font-size:16px;gap:6px}.brand small{font-size:5px;letter-spacing:1px}.resource span strong{font-size:16px}.resources{gap:8px}.resource span small{font-size:10px}.icon-button{width:28px;height:31px}.objective{width:calc(100% - 170px);padding:8px 9px}.objective h3{font-size:19px}.objective p{font-size:11px}.selection{left:10px;width:calc(100% - 136px);padding:12px;max-height:274px}.selection h2{font-size:25px}.selection .unit-stats{gap:9px;margin:10px 0}.selection .action-button{font-size:11px;padding:8px}.selection .unit-tabs button{font-size:10px}.turn-corner{width:107px}.end-turn{padding:12px 9px}.end-turn strong{font-size:20px}.end-turn small{font-size:6px}.controls-hint{font-size:9px;left:10px}.turn-foot{font-size:7px}dialog{padding:29px 21px}dialog h2{font-size:30px}dialog:has(.guide-steps){padding:29px 20px 20px}dialog:has(.guide-steps) h2{font-size:29px}.guide-steps{grid-template-columns:1fr}.guide-steps>div{display:grid;grid-template-columns:40px 1fr;gap:4px 15px;padding:13px 0;border-right:0;border-bottom:1px solid #baa06a33;text-align:left}.guide-steps b{grid-row:1/3;align-self:center}.guide-steps h3{margin:0}.guide-steps p{margin:0;font-size:14px}.selection .subtitle{font-size:11px}}