*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;margin:0}body{background:#19232b;color:#f7f1e6;font-family:Georgia,serif}.screen{min-height:100svh;position:relative;isolation:isolate;overflow:hidden}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/brand/runtime/title-screen-portrait.webp) center center / cover no-repeat;z-index:-2}.shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b141ab3,#0c151b61 48%,#0a1319f5);z-index:-1}.content{max-width:28rem;margin:auto;min-height:100svh;padding:calc(env(safe-area-inset-top) + 18px) 24px calc(env(safe-area-inset-bottom) + 32px);display:flex;flex-direction:column;align-items:center;justify-content:end;text-align:center;gap:12px}.crest{width:88px;height:88px;border-radius:20px;object-fit:cover;box-shadow:0 4px 25px #0008}h1{margin:0;font-size:clamp(2rem,9vw,3.25rem);line-height:1.06;text-transform:uppercase;letter-spacing:.035em;color:#f4d69a;text-shadow:0 2px 12px #000}h1 span{color:#c4a268}.tagline{margin:0;font-size:.81rem;letter-spacing:.17em;text-transform:uppercase}.status{padding:.5rem .8rem;border:1px solid #c4a268aa;border-radius:4px;background:#19232bd9;font:600 .75rem/1.5 system-ui,sans-serif}button{min-height:48px;width:100%;max-width:300px;background:#c4a268;color:#172129;border:0;border-radius:7px;font:700 1rem system-ui,sans-serif;padding:12px 18px;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:3px}section{max-height:38vh;overflow:auto;background:#19232bf0;padding:16px;border:1px solid #c4a26877;border-radius:10px;text-align:left;font:.9rem/1.5 system-ui,sans-serif}section h2{margin:0 0 8px;font-size:1rem}section p{margin:8px 0}.fineprint{opacity:.78;font-size:.77rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button.secondary{background:#19232bd9;color:#f4d69a;border:1px solid #c4a268}.btn-sub{display:block;font:500 .78rem/1.3 system-ui,sans-serif;opacity:.8;margin-top:2px}.error{margin:0;padding:.6rem .8rem;border-radius:6px;background:#5b1f1fe6;color:#fff;font:500 .85rem/1.4 system-ui,sans-serif}:root{--ink:#19232B;--gold:#C4A268;--gold-hi:#F4D69A;--parchment:#F7F1E6}.game{height:100svh;display:flex;flex-direction:column;background:#2a3a3f;color:var(--parchment);font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.hud{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 6px) 10px 6px;background:var(--ink);border-bottom:1px solid #c4a26866}.hud-btn{width:44px;min-height:44px;max-width:44px;padding:0;background:transparent;color:var(--gold-hi);border:1px solid #c4a26877;font-size:1.1rem}.hud-kingdom{display:flex;align-items:center;gap:6px;font:600 .9rem Georgia,serif;color:var(--gold-hi);min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch{width:12px;height:12px;border-radius:3px;border:1px solid var(--gold)}#game-time{font:600 .9rem ui-monospace,Menlo,monospace;color:var(--parchment);min-width:3.2em;text-align:right}.speeds{display:flex;border:1px solid #c4a26877;border-radius:8px;overflow:hidden}.speeds button{width:auto;min-width:40px;max-width:none;min-height:44px;padding:0 8px;border-radius:0;background:transparent;color:var(--parchment);font:700 .85rem system-ui,sans-serif}.speeds button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.map-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px;touch-action:manipulation}.map{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 10px #0007);touch-action:none;user-select:none;-webkit-user-select:none}.province{cursor:pointer;outline:none}.province:focus-visible polygon:first-child{stroke:#fff;stroke-width:3}.province-label{font:700 11px Georgia,serif;fill:var(--ink);paint-order:stroke;stroke:#f7f1e6cc;stroke-width:3px;letter-spacing:.02em}.progress-label{font:700 12px system-ui,sans-serif;fill:#fff;paint-order:stroke;stroke:var(--ink);stroke-width:3px}.army-count{font:700 9px system-ui,sans-serif;fill:var(--ink)}.sheet{background:var(--ink);border-top:1px solid #c4a26877;padding:12px 16px calc(env(safe-area-inset-bottom) + 10px);min-height:170px;max-height:42svh;overflow:auto}.sheet h2{margin:0;font:700 1.15rem Georgia,serif;color:var(--gold-hi)}.panel-head{display:flex;align-items:center;gap:8px}.chip{font:600 .72rem system-ui,sans-serif;padding:2px 8px;border-radius:99px;border:1px solid #c4a26899;color:var(--gold)}.owner{margin:4px 0 6px;font-size:.9rem}.sheet ul{margin:0 0 8px;padding:0;list-style:none;font-size:.88rem;line-height:1.45}.sheet li{padding:4px 0;border-top:1px solid #ffffff14}.sub{font-size:.78rem;opacity:.75;margin:4px 0 0}.hint{margin:4px 0;font-size:.9rem;opacity:.85}.sheet button{max-width:none}.sheet button:disabled{background:#3a4650;color:#aab3ba;cursor:not-allowed}.toast{margin:6px 0 0;min-height:1.2em;font-size:.82rem;color:var(--gold-hi)}.save-status{margin:2px 0 0;font-size:.72rem;opacity:.6}.is-paused .map{filter:drop-shadow(0 3px 10px #0007) saturate(.75)}.sheet{border:0;border-radius:0;border-top:1px solid #c4a26877;text-align:left;font:inherit;max-height:42svh}.game,.province{-webkit-tap-highlight-color:transparent}.province-label{font-size:13px}.army-count{font-size:10px}.screen{overflow-y:auto}.hud{flex-direction:column;align-items:stretch;gap:4px}.hud-row{display:flex;align-items:center;gap:8px}.resources{gap:14px;font:600 .82rem system-ui,sans-serif;padding:0 2px}.res{display:flex;align-items:center;gap:4px}.res output{font-variant-numeric:tabular-nums}.rate{font-weight:500;opacity:.65;font-size:.72rem}.ico{width:11px;height:11px;border-radius:50%;display:inline-block}.ico.gold{background:#d9b25b;box-shadow:inset 0 0 0 2px #a8853a}.ico.food{background:#8aa35a;border-radius:2px 8px}#holdings{margin-left:auto;opacity:.75;font-weight:500}.action{margin:6px 0}.action button{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.why{margin:2px 0 0}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.slot-grid button{min-height:44px;font-size:.8rem;padding:6px}#exit{margin:4px 0}.campaigns{width:100%;max-height:none;background:#19232bf0}.campaigns ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.card{border:1px solid #c4a26855;border-radius:8px;padding:10px}.card-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.card p{margin:4px 0}.card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.card-actions button{flex:1 1 auto;width:auto;max-width:none;min-height:44px;padding:8px 10px;font-size:.85rem}button.danger{color:#f0b0a8;border-color:#a3524a}.battle-mark{font:700 16px system-ui,sans-serif;fill:#b3261e;paint-order:stroke;stroke:#f7f1e6;stroke-width:3px}.sheet li.battle{color:#ffb4a8}.sub.alert{color:#ffb4a8;opacity:1}.picking .map{outline:3px dashed var(--gold-hi);outline-offset:-3px}.map.dense .province-label{font-size:9px;stroke-width:2.5px}.map.dense .progress-label{font-size:10px}.map.dense .battle-mark{font-size:13px}.fallen{border:1px solid #b3261e;border-radius:8px;padding:10px;margin-bottom:8px;background:#3a1714}.fallen h2{color:#ffb4a8}.map-wrap{position:relative}.zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.zoom-btn{width:44px;min-height:44px;max-width:44px;padding:0;border-radius:22px;background:#19232be6;color:var(--gold-hi);border:1px solid #c4a26899;font:700 1.3rem system-ui,sans-serif}.sheet{max-height:38svh}.rate.bad{color:#ffb4a8;opacity:1}.tax-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}.tax-row button{min-height:44px;width:auto;max-width:none;padding:6px;font-size:.85rem}.offer{border:1px solid var(--gold);border-radius:8px;padding:8px 10px;margin:0 0 8px;background:#2b2a1f}.offer p{margin:0 0 6px;font-size:.88rem}.offer-actions,.realm-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.offer-actions button,.realm-actions button{min-height:44px;width:auto;max-width:none;padding:6px 8px;font-size:.82rem}.realm-actions .why{grid-column:1/-1}.realm-row{padding:8px 0}.realm-head{display:flex;align-items:center;gap:8px}.realm-head .chip{margin-left:auto}.realm-row .sub{margin:2px 0 6px}#chronicle{margin:8px 0}#chronicle summary{min-height:44px;display:flex;align-items:center;font:700 1rem Georgia,serif;color:var(--gold-hi);cursor:pointer}.chronicle{margin:0;padding:0;list-style:none;font-size:.82rem;line-height:1.4;max-height:40svh;overflow:auto}.chronicle li{padding:4px 0;border-top:1px solid #ffffff14}.when{font:600 .75rem ui-monospace,Menlo,monospace;opacity:.7;margin-right:4px}#menu.has-offer{border-color:var(--gold-hi);box-shadow:0 0 0 2px #f4d69a88}.file-button{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;cursor:pointer}.notice{margin:0;padding:.6rem .8rem;border-radius:6px;background:#1f4b2be6;color:#fff;font:500 .85rem/1.4 system-ui,sans-serif}.buildings{margin:6px 0;border:1px solid #c4a26855;border-radius:8px;padding:0 10px}.buildings summary{min-height:44px;display:flex;align-items:center;font:600 .9rem system-ui,sans-serif;color:var(--gold-hi);cursor:pointer}.building-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid #ffffff14;font-size:.88rem}.building-row>span{flex:1;min-width:0}.building-row button{width:auto;min-height:44px;padding:6px 10px;font-size:.8rem;flex:none}.construction-shortcuts:not([hidden]){position:absolute;z-index:12;left:12px;right:12px;top:120px;max-height:min(48vh,400px);overflow:auto;padding:12px;border:1px solid #c4a268;border-radius:12px;background:#f1e8d8;color:#19232b;box-shadow:0 12px 34px #19232b66}.construction-shortcuts .touch-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.construction-shortcuts .action{margin:5px 0}.construction-shortcuts button{min-height:44px}.map .army[role=button]{cursor:pointer;outline:none}.map .army[role=button]:focus-visible{filter:drop-shadow(0 0 5px #c4a268)}.map{touch-action:none}.army-count.on-colour{fill:#f7f1e6;font-size:8px}:root{--paper:#F1E8D8;--paper-2:#E8DCC4;--paper-ink:#293039;--muted:#62584a;--rule:#19232b1f;--oxblood:#963F3B;--forest:#536A55}.game .sheet{position:relative;z-index:3;margin-top:-10px;border-top:2px solid var(--gold);border-radius:16px 16px 0 0;background:radial-gradient(120% 80% at 50% 0%,#f6efe2 0%,var(--paper) 55%,var(--paper-2) 100%);color:var(--paper-ink);box-shadow:0 -8px 22px #0008,inset 0 1px #fff8;padding:16px 16px calc(env(safe-area-inset-bottom) + 12px);font:400 .95rem/1.45 system-ui,-apple-system,sans-serif}.game .sheet:before{content:"";display:block;width:40px;height:4px;margin:-8px auto 10px;border-radius:2px;background:#19232b33}.game .sheet h2{font:700 1.3rem/1.2 Georgia,Times New Roman,serif;color:var(--ink);letter-spacing:.01em}.game .sheet h3.section{margin:14px 0 6px;padding-bottom:4px;border-bottom:1px solid #c4a26899;font:700 .7rem/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8a6d3b}.game .sheet h3.section:first-child{margin-top:4px}.game .chip{background:#fff6;border-color:#a8875099;color:#6b5530}.game .owner{color:var(--muted);margin:2px 0 4px}.game .sheet ul{font-size:.9rem}.game .sheet li{border-top:1px solid var(--rule);padding:8px 0}.game .sheet ul li:first-child{border-top:0}.game .sub{color:var(--muted);opacity:1}.game .hint{color:var(--paper-ink);opacity:1}.game .sub.alert,.game .sheet li.battle{color:var(--oxblood)}.game .toast{color:#7a5520;font-weight:600}.game .save-status{color:var(--muted)}.game .swatch{border-color:#19232b55}.game .armies li.army-card{display:flex;align-items:center;gap:10px;padding:10px;margin:6px 0;border:1px solid var(--rule);border-radius:10px;background:#fffaf0aa}.game .armies li.army-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px #c4a26866;background:#fff7e3}.army-card .swatch{flex:none;width:14px;height:14px;border-radius:50%}.army-main{flex:1;min-width:0;display:flex;flex-direction:column}.army-main .troops{font-size:.85rem;color:var(--paper-ink)}.army-main .sub{margin:2px 0 0}.game .sheet button.pick{flex:none;width:auto;min-height:40px;padding:6px 14px;border-radius:20px;background:transparent;color:var(--ink);border:1px solid #19232b66;font:600 .82rem system-ui,sans-serif}.game .sheet button.pick.on{background:var(--ink);color:var(--gold-hi);border-color:var(--ink)}.game .sheet .action{margin:5px 0}.game .sheet .action button{width:100%;min-height:44px;align-items:flex-start;text-align:left;padding:8px 12px 8px 14px;border-radius:8px;background:#fffaf0;color:var(--ink);border:1px solid #19232b24;border-left:4px solid var(--gold);box-shadow:0 1px 2px #19232b1f;font:600 .88rem/1.25 system-ui,sans-serif}.game .sheet .action button .btn-sub{color:var(--muted);opacity:1;font-weight:500;font-size:.76rem}.game .sheet .action button:active{background:#f6ead2;transform:translateY(1px)}.game .sheet button:disabled,.game .sheet .action button:disabled{background:#efe6d6;color:#9a917f;border:1px dashed #c3b597;border-left:4px solid #d8cbb0;box-shadow:none}.game .sheet .action button:disabled .btn-sub{color:#9a917f}.game .sheet .why{color:#7a5a3a;font-style:italic;font-size:.74rem;margin:3px 2px 0}.game .sheet button.secondary{background:transparent;color:var(--ink);border:1px solid #19232b40;box-shadow:none}.game .sheet .action button.secondary{border-left:4px solid #19232b40}.game .sheet button.danger,.game .sheet button.secondary.danger{color:var(--oxblood);border-color:#963f3b66;background:transparent}.game .tax-row button{border-radius:8px}.game .tax-row button[aria-pressed=true]{background:var(--ink);color:var(--gold-hi);border:1px solid var(--ink)}.game .tax-row button.secondary{background:#fffaf0aa}.game .buildings{border-color:var(--rule);background:#fffaf066}.game .buildings summary,.game #chronicle summary{color:var(--ink)}.game .building-row{border-top-color:var(--rule)}.game .offer{background:#fff7e3;border:1px solid var(--gold);color:var(--paper-ink);box-shadow:0 2px 8px #19232b22}.game .realm-row{border-top:1px solid var(--rule)}.game .chronicle li{border-top-color:var(--rule)}.game .slot-grid button{border-radius:8px}.game .fallen{background:#f6e4df;border-color:var(--oxblood);color:var(--paper-ink)}.game .fallen h2{color:var(--oxblood)}.game #menu-panel .panel-head h2{margin-top:6px}.construction-shortcuts:not([hidden]){border:2px solid var(--gold);border-radius:16px;background:radial-gradient(120% 80% at 50% 0%,#f6efe2,var(--paper) 60%,var(--paper-2));box-shadow:0 14px 34px #000a}.construction-shortcuts .touch-menu-head strong{font:700 1.1rem Georgia,serif;color:var(--ink)}.construction-shortcuts .touch-menu-head button{width:40px;min-height:40px;max-width:40px;padding:0;border-radius:20px;background:transparent;color:var(--ink);border:1px solid #19232b55;font-size:1.2rem}.construction-shortcuts .action button{width:100%;max-width:none;min-height:44px;align-items:flex-start;text-align:left;padding:8px 12px 8px 14px;border-radius:8px;background:#fffaf0;color:var(--ink);border:1px solid #19232b24;border-left:4px solid var(--gold);font:600 .88rem/1.25 system-ui,sans-serif;display:flex;flex-direction:column}.construction-shortcuts .action button:disabled{background:#efe6d6;color:#9a917f;border:1px dashed #c3b597;border-left:4px solid #d8cbb0}.construction-shortcuts .btn-sub{color:var(--muted);font-size:.76rem}.construction-shortcuts .why{color:#7a5a3a;font-style:italic}.game .hud{background:linear-gradient(180deg,#1d2a33,var(--ink));border-bottom:1px solid #c4a26899;box-shadow:0 2px 10px #0006;position:relative;z-index:4}.map .army.selected{filter:drop-shadow(0 0 3px #f4d69a) drop-shadow(0 0 6px #c4a268)}.game .sheet button.pick.inline{min-height:32px;padding:3px 12px;margin-left:8px;font-size:.78rem;vertical-align:middle}.construction-shortcuts .realm{list-style:none;margin:0;padding:0}.construction-shortcuts .realm-actions button{border-radius:8px;background:#fffaf0;color:var(--ink);border:1px solid #19232b40;font:600 .82rem system-ui,sans-serif}.construction-shortcuts .realm-actions button.danger{color:var(--oxblood);border-color:#963f3b66}