:root{color-scheme:dark;--ink: #24180f;--paper: #d8c08d;--paper-light: #ead8a6;--paper-dark: #9b7644;--wood: #23150f;--wood-2: #43271b;--brass: #c69b43;--brass-light: #f0d58b;--green: #4b7b53;--green-dark: #253f33;--blue: #3e6078;--red: #934336;--maroon: #582a2d;--steel: #b9c0b8;--shadow: rgba(0, 0, 0, .46);--frame: 2px solid rgba(246, 213, 138, .62)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% 18%,rgba(88,122,103,.4),transparent 28rem),radial-gradient(circle at 78% 12%,rgba(94,58,45,.35),transparent 24rem),linear-gradient(135deg,#162923,#1b221e 42%,#301b17);color:#f4e6c0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}html,body,#root{min-height:100%}button,input,textarea{font:inherit}button{cursor:pointer}.campaign-shell{min-height:100vh;padding:14px;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}.top-frame,.campaign-banner,.panel,.map-stage{border:var(--frame);box-shadow:inset 0 0 0 1px #32190abf,0 18px 42px var(--shadow)}.top-frame{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(520px,1.4fr);gap:12px;align-items:center;min-height:78px;padding:10px 12px;background:linear-gradient(180deg,#6f4624eb,#2c1811fa),repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(255,255,255,.04) 9px)}.realm-id{display:flex;gap:12px;align-items:center;min-width:0}.realm-id svg,.date-plaque,.coat,.mission-icon{color:var(--brass-light)}.eyebrow{margin:0 0 4px;color:#e2c575;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:0}h1{margin-bottom:0;font-size:28px;line-height:1;color:#fff0c4;text-shadow:0 2px 0 rgba(0,0,0,.6)}.date-plaque{display:grid;place-items:center;min-width:98px;height:56px;background:linear-gradient(180deg,#361f14db,#180e0beb),linear-gradient(90deg,rgba(255,255,255,.05),transparent);border:1px solid rgba(239,205,128,.54)}.date-plaque span{color:#ceb67c;font-size:11px;font-weight:800;text-transform:uppercase}.date-plaque strong{color:#fff1c3;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1}.resource-strip{display:grid;grid-template-columns:repeat(8,minmax(58px,1fr));gap:6px}.resource{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:38px;padding:0 7px;color:#fff3c4;background:linear-gradient(180deg,#2a1c13f5,#110c09f5),radial-gradient(circle at top,rgba(205,168,82,.28),transparent 70%);border:1px solid rgba(198,155,67,.62);box-shadow:inset 0 1px #ffffff14;font-size:14px;font-weight:800}.resource svg{flex:0 0 auto;color:var(--brass)}.campaign-banner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;margin:12px 0;padding:12px 16px;color:var(--ink);background:linear-gradient(90deg,#d8c08dfa,#ecd7a5f5),repeating-linear-gradient(0deg,transparent,transparent 13px,rgba(85,49,25,.08) 14px)}.campaign-banner h2{margin-bottom:0;font-size:24px}.banner-subline{margin:4px 0 0;color:#4b3320;font-size:14px;font-weight:750}.campaign-banner p:last-child{margin-bottom:0;color:#352416;font-weight:650}.question-block{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.question-block .eyebrow,.question-block p{grid-column:1}.edit-mission,.save-mission{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;color:#21140c;background:linear-gradient(180deg,#f2d988,#b88132);border:1px solid rgba(72,42,22,.56);box-shadow:inset 0 1px #ffffff3d;font-size:12px;font-weight:950;text-transform:uppercase}.edit-mission{grid-column:2;grid-row:1 / span 2}.mission-editor{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1.2fr 1.3fr 1.3fr auto;gap:8px;align-items:end}.mission-editor label{display:grid;gap:4px;min-width:0}.mission-editor span{color:#6a3d21;font-size:10px;font-weight:950;text-transform:uppercase}.mission-editor input{width:100%;min-width:0;height:34px;padding:0 9px;color:#24180f;background:#fff7d69e;border:1px solid rgba(76,44,23,.48);outline:none;font-weight:750}.mission-editor input:focus{border-color:#734918e6;box-shadow:0 0 0 2px #c69b434d}.war-room{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(260px,340px);gap:12px;min-height:calc(100vh - 128px)}.panel,.map-stage{min-width:0;background:linear-gradient(180deg,#402618f7,#1f1410fa),repeating-linear-gradient(0deg,transparent,transparent 9px,rgba(255,255,255,.03) 10px)}.country-panel,.mission-panel{display:flex;flex-direction:column;gap:14px;padding:14px}.coat{display:grid;place-items:center;width:70px;height:78px;margin:0 auto 4px;background:linear-gradient(160deg,var(--maroon),#2f1720),radial-gradient(circle,rgba(255,235,168,.18),transparent 70%);border:2px solid rgba(240,213,139,.74);clip-path:polygon(50% 0,100% 18%,90% 76%,50% 100%,10% 76%,0 18%)}.country-panel h2,.mission-panel h2,.map-stage h2{margin-bottom:4px;color:#fff0bf;font-size:24px}.muted{margin-bottom:0;color:#cbb98f;font-size:14px;line-height:1.4}.progress-block,.edict,.province-inspector,.event-log,.ledger{border:1px solid rgba(198,155,67,.54);background:linear-gradient(180deg,#eed7a6f0,#c3a065eb),repeating-linear-gradient(0deg,transparent,transparent 10px,rgba(81,46,24,.08) 11px);color:var(--ink);box-shadow:inset 0 0 0 1px #fff7d152}.progress-block{padding:10px}.progress-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;font-weight:900;text-transform:uppercase}.bar,.mini-bar{overflow:hidden;height:10px;background:#2a18107a;border:1px solid rgba(56,33,20,.56)}.bar span,.mini-bar i{display:block;height:100%;background:linear-gradient(90deg,#395c46,#6fa466,#dec46b);box-shadow:0 0 12px #caaa4d6b}.bar.danger span{background:linear-gradient(90deg,#612520,#aa4b3d,#d89d66)}.edict{padding:12px}.edict>div{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#5a311f;font-weight:950;text-transform:uppercase}.edict p{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700;line-height:1.25}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tabs button,.map-mode button{min-height:34px;color:#ead9aa;background:linear-gradient(180deg,#4c3020,#231510);border:1px solid rgba(198,155,67,.48);font-size:12px;font-weight:900;text-transform:uppercase}.tabs button.active,.map-mode button.active{color:#1c130d;background:linear-gradient(180deg,#f0d58b,#b98732)}.command-grid{display:grid;grid-template-columns:1fr;gap:7px}.command-grid button,.turn-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(239,205,128,.58);box-shadow:inset 0 1px #ffffff1f;font-weight:900}.command-grid button{color:#f6e4b1;background:linear-gradient(180deg,#3b5c47fa,#192d24fa),radial-gradient(circle at top,rgba(240,213,139,.2),transparent 70%)}.command-grid button:hover,.turn-controls button:hover,.province:hover{filter:brightness(1.09)}.turn-controls{display:grid;grid-template-columns:1fr 82px;gap:8px;margin-top:auto}.turn-controls .primary{color:#1d140d;background:linear-gradient(180deg,#f2d988,#b88132)}.turn-controls .secondary{color:#ead8a6;background:linear-gradient(180deg,#5b2f2c,#281514)}.map-stage{display:grid;grid-template-rows:auto minmax(420px,1fr) auto;padding:12px;background:linear-gradient(180deg,#31231af2,#121814fa),radial-gradient(circle at 40% 38%,rgba(65,102,78,.44),transparent 24rem)}.map-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:10px;padding:6px 8px;border-bottom:1px solid rgba(198,155,67,.42)}.map-mode{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.realm-map{position:relative;overflow:hidden;min-height:420px;border:2px solid rgba(198,155,67,.62);background:radial-gradient(circle at 18% 20%,rgba(235,225,174,.18),transparent 8rem),radial-gradient(circle at 80% 72%,rgba(60,96,120,.22),transparent 11rem),linear-gradient(145deg,#234031,#536d54 42%,#766846 64%,#3d5f69);box-shadow:inset 0 0 32px #00000085,inset 0 0 0 6px #28170f57}.realm-map:before{position:absolute;inset:0;content:"";background:linear-gradient(30deg,transparent 0 21%,rgba(248,226,159,.1) 22%,transparent 23% 100%),linear-gradient(120deg,transparent 0 28%,rgba(25,38,34,.24) 29%,transparent 30% 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 20px);pointer-events:none}.province{position:absolute;display:grid;align-content:center;justify-items:center;gap:5px;min-width:122px;min-height:92px;padding:10px;color:#fff5ce;border:2px solid rgba(250,224,151,.74);box-shadow:inset 0 0 20px #00000047,0 12px 22px #00000042;text-shadow:0 2px 0 rgba(0,0,0,.62);clip-path:polygon(12% 5%,88% 0,100% 28%,92% 88%,50% 100%,8% 88%,0 30%)}.province.selected{outline:3px solid rgba(255,230,140,.92);filter:saturate(1.16) brightness(1.08)}.province-name{max-width:100px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:900;line-height:1.05}.province-dev{display:grid;place-items:center;width:30px;height:30px;color:#1b140c;background:linear-gradient(180deg,#f2d988,#b98333);border:1px solid rgba(54,31,20,.74);border-radius:50%;font-weight:950;text-shadow:none}.province-1{top:14%;left:34%;background:linear-gradient(145deg,#4a783c,#253f31)}.province-2{top:36%;left:57%;background:linear-gradient(145deg,#416c83,#223b4b)}.province-3{top:63%;left:42%;background:linear-gradient(145deg,#9b7440,#55331e)}.province-4{top:38%;left:22%;background:linear-gradient(145deg,#6d8a55,#2c4937)}.province-5{top:65%;left:12%;background:linear-gradient(145deg,#8d4a3f,#4e2523)}.province-6{top:12%;left:66%;background:linear-gradient(145deg,#686388,#36324d)}.trade-route{position:absolute;height:3px;background:linear-gradient(90deg,transparent,rgba(253,226,143,.86),transparent);transform-origin:left center;pointer-events:none}.route-a{top:36%;left:31%;width:34%;transform:rotate(10deg)}.route-b{top:58%;left:26%;width:28%;transform:rotate(35deg)}.route-c{top:28%;left:48%;width:25%;transform:rotate(-23deg)}.province-inspector{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(150px,210px) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;margin-top:10px;padding:12px}.province-inspector h3{margin-bottom:4px;color:#2a1a10;font-size:22px}.province-inspector p{margin-bottom:0;color:#3f2b1c;font-size:14px;line-height:1.35}.province-stats{display:grid;gap:9px}.order-box{padding-left:10px;border-left:3px solid rgba(99,57,28,.54)}.order-box span{color:#5a311f;font-size:11px;font-weight:950;text-transform:uppercase}.mission-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.mission-list{display:grid;gap:10px}.mission{display:grid;grid-template-columns:38px 1fr;gap:10px;width:100%;padding:10px;color:inherit;background:linear-gradient(180deg,#211712eb,#130e0ceb);border:1px solid rgba(198,155,67,.5);text-align:left;overflow:hidden}.mission>div:last-child{min-width:0}.mission.complete{background:linear-gradient(180deg,#264430f5,#122019f5)}.mission.focused{border-color:#f0d58bf0;box-shadow:inset 0 0 0 1px #f0d58b4d,0 0 0 2px #c69b4338}.mission-icon{display:grid;place-items:center;width:36px;height:36px;background:#c69b431f;border:1px solid rgba(198,155,67,.5)}.mission span,.mission small{display:block;color:#cdbb8d;font-size:11px;font-weight:850;text-transform:uppercase}.mission strong{display:block;margin:2px 0 7px;color:#ffeec4;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.1;overflow-wrap:anywhere}.mini-bar{height:7px;margin-bottom:6px;border-color:#c69b4357}.event-log{margin-top:auto;padding:10px}.log-title{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#5a311f;font-weight:950;text-transform:uppercase}.event-log p{margin-bottom:8px;color:#2d1f14;font-size:13px;line-height:1.32}.event-log p:last-child{margin-bottom:0}.event-log p span{display:block;color:#793b28;font-size:11px;font-weight:950;text-transform:uppercase}.ledger{display:grid;gap:0;overflow:hidden}.ledger-row{display:grid;grid-template-columns:20px 1fr 28px 78px 16px;gap:5px;align-items:center;padding:8px;border-bottom:1px solid rgba(91,55,31,.34)}.ledger-row:last-child{border-bottom:0}.ledger-row strong{font-size:12px}.ledger-row span{font-weight:950;text-align:right}.ledger-row small{color:#573420;font-size:10px}.ledger-row p{grid-column:2 / -1;margin:0;color:#3e2a1a;font-size:12px}@media(min-width:901px)and (max-width:1100px){.top-frame{grid-template-columns:1fr auto}.resource-strip{grid-column:1 / -1}.war-room{grid-template-columns:260px minmax(0,1fr)}.mission-panel{grid-column:1 / -1}.province-inspector{grid-template-columns:1fr 210px}}@media(min-width:901px){html,body,#root{height:100%;overflow:hidden}.campaign-shell{display:grid;grid-template-rows:56px auto minmax(0,1fr);gap:7px;height:100vh;min-height:0;overflow:hidden;padding:8px}.top-frame{grid-template-columns:minmax(0,.86fr) 78px minmax(0,1.54fr);gap:8px;min-height:0;height:56px;padding:5px 8px;overflow:hidden}h1{font-size:22px}.date-plaque{height:44px;min-width:78px}.date-plaque strong{font-size:20px}.resource-strip{gap:5px;grid-template-columns:repeat(8,minmax(0,1fr));min-width:0}.resource{height:30px;padding:0 4px;font-size:12px}.campaign-banner{min-height:0;margin:0;padding:7px 10px;overflow:hidden}.campaign-banner h2{font-size:20px}.banner-subline,.campaign-banner p:last-child{font-size:13px}.question-block{min-width:0}.question-block p{min-width:0;overflow-wrap:anywhere}.mission-editor{grid-template-columns:1fr 1.1fr 1.2fr 1.2fr auto;gap:6px}.mission-editor input,.edit-mission,.save-mission{height:28px;min-height:28px}.war-room{min-height:0;height:100%;overflow:hidden}.country-panel,.mission-panel,.map-stage{min-height:0;overflow:hidden}.country-panel,.mission-panel{gap:8px;padding:8px;overflow-y:auto;scrollbar-color:rgba(198,155,67,.7) rgba(31,20,16,.6)}.coat{width:52px;height:58px}.country-panel h2,.mission-panel h2,.map-stage h2{font-size:20px}.muted{font-size:13px}.edict{padding:10px}.edict p{font-size:15px}.command-grid{gap:6px}.command-grid button,.turn-controls button{min-height:34px}.mission{gap:8px;padding:7px}.event-log p{margin-bottom:6px}.map-stage{grid-template-rows:auto minmax(0,1fr) auto;padding:8px}.map-toolbar{margin-bottom:8px;padding:4px 6px}.realm-map{min-height:0;height:100%}.province{min-width:clamp(92px,9vw,122px);min-height:clamp(68px,8vh,92px);padding:8px}.province-name{max-width:86px;font-size:12px}.province-dev{width:26px;height:26px;font-size:13px}.province-inspector{grid-template-columns:minmax(0,1fr) minmax(160px,.85fr);gap:8px;margin-top:8px;padding:9px;max-height:132px;overflow:hidden}.province-inspector h3{font-size:19px}.province-inspector p{font-size:12px;line-height:1.25}.province-stats{gap:6px}.order-box{min-width:0}}@media(min-width:901px)and (max-width:1450px){.war-room{grid-template-columns:clamp(240px,21vw,282px) minmax(0,1fr) clamp(238px,22vw,298px);gap:8px}.resource-strip{grid-template-columns:repeat(8,minmax(48px,1fr))}}@media(min-width:901px)and (max-height:820px){.campaign-shell{grid-template-rows:52px auto minmax(0,1fr);gap:6px;padding:6px}.top-frame{height:52px}.realm-id{gap:8px}.realm-id svg{width:19px;height:19px}h1{font-size:20px}.date-plaque{height:40px}.date-plaque span{font-size:10px}.date-plaque strong{font-size:18px}.resource{height:28px;font-size:12px}.resource svg{width:14px;height:14px}.campaign-banner{padding:6px 9px}.campaign-banner h2{font-size:18px}.banner-subline,.campaign-banner p:last-child{font-size:12px}.coat,.muted{display:none}.country-panel h2,.mission-panel h2,.map-stage h2{font-size:19px}.progress-block,.edict{padding:8px}.edict p{font-size:14px}.command-grid button,.turn-controls button{min-height:31px}.map-toolbar{margin-bottom:6px}.map-mode button{min-height:30px}.province-inspector{max-height:116px;padding:7px}.province-inspector h3{font-size:17px}.order-box p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mission-icon{width:32px;height:32px}.mission strong{font-size:15px}}@media(max-width:900px){html,body,#root{overflow-x:hidden}.campaign-shell{padding:8px}.top-frame,.campaign-banner,.war-room,.question-block,.mission-editor{grid-template-columns:1fr}.question-block .eyebrow,.question-block p,.edit-mission{grid-column:1;grid-row:auto}.edit-mission,.save-mission,.date-plaque{justify-self:start}.resource-strip{grid-template-columns:repeat(4,minmax(68px,1fr))}.map-stage{grid-template-rows:auto auto auto}.realm-map{min-height:520px}.province{min-width:104px;min-height:80px}.province-name{max-width:86px;font-size:12px}.province-1{top:10%;left:34%}.province-2{top:35%;left:54%}.province-3{top:61%;left:43%}.province-4{top:35%;left:10%}.province-5{top:70%;left:10%}.province-6{top:10%;left:60%}.province-inspector{grid-template-columns:1fr}}@media(max-width:520px){h1{font-size:22px}.campaign-banner h2,.country-panel h2,.mission-panel h2,.map-stage h2{font-size:21px}.resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.resource{justify-content:flex-start}.map-toolbar{align-items:start;flex-direction:column}.map-mode{justify-content:flex-start}.realm-map{min-height:610px}.province-1,.province-2,.province-3,.province-4,.province-5,.province-6{left:50%;transform:translate(-50%)}.province-1{top:4%}.province-6{top:20%}.province-4{top:36%}.province-2{top:52%}.province-3{top:68%}.province-5{top:84%}.trade-route{display:none}}