:root{--paper: #efe4c8;--paper-hi: #f8f1dc;--paper-deep: #e2d2ab;--sea: #e6dcbc;--ink: #2f2418;--ink-soft: #6b5a44;--crimson: #9a2f2f;--brass: #b08a3a;--land-na: #e3c84e;--land-sa: #e07a38;--land-eu: #7ea0d0;--land-af: #d86b6b;--land-as: #6fa86a;--land-au: #b08cc8;--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.muted{color:var(--ink-soft);font-weight:400}.small{font-size:.85rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink);background:var(--paper-hi);padding:.5rem .9rem;border-radius:3px;cursor:pointer;font-weight:500;box-shadow:0 1px 0 var(--ink);transition:transform .08s,background .15s}.btn:hover:not(:disabled){background:#fff8e6}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--crimson);border-color:#5f1a1a;color:#fff6e6;box-shadow:0 1px #5f1a1a}.btn.primary:hover:not(:disabled){background:#ad3838}.btn.ghost{background:transparent;box-shadow:none;border-color:color-mix(in srgb,var(--ink) 35%,transparent)}.btn:focus-visible,.segmented button:focus-visible,.faction:focus-visible,.card:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}.segmented{display:inline-flex;border:1px solid var(--ink);border-radius:3px;overflow:hidden}.segmented button{border:0;background:var(--paper-hi);padding:.35rem .75rem;cursor:pointer;min-width:2.4rem}.segmented button+button{border-left:1px solid color-mix(in srgb,var(--ink) 40%,transparent)}.segmented button.on{background:var(--ink);color:var(--paper-hi)}.segmented button:disabled{opacity:.35;cursor:not-allowed}.title{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at 50% 0%,var(--paper-hi) 0%,var(--paper) 60%,var(--paper-deep) 100%)}.title-card{width:min(1040px,100%);background:var(--paper-hi);border:3px double var(--ink);outline:6px solid var(--paper);box-shadow:0 0 0 7px var(--crimson),0 12px 40px #3c280a40;padding:clamp(18px,4vw,40px)}.title-head{text-align:center}.cartouche{position:relative;width:min(560px,100%);aspect-ratio:1100 / 601;margin:0 auto -8px;background-size:cover;background-position:center;-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at center,#000 72%,transparent 100%);display:grid;place-items:center}.title-head h1{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,7vw,3.7rem);line-height:1;margin:0;transform:translateY(18%);color:var(--crimson);letter-spacing:.03em;text-shadow:0 1px 0 rgba(255,248,230,.8)}.lede{margin:0;font-family:var(--serif);font-style:italic;color:var(--ink-soft);font-size:1.1rem}.factions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0 12px}.faction{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);border-top:6px solid var(--c);background:var(--paper);cursor:pointer;display:flex;flex-direction:column;text-align:left;transition:transform .15s,box-shadow .15s}.faction>img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;filter:sepia(.25) saturate(.85)}.faction:hover{transform:translateY(-2px)}.faction.chosen{box-shadow:0 0 0 3px var(--c),0 8px 20px #3c280a40}.faction.chosen>img{filter:none}.faction-name{display:flex;align-items:center;gap:8px;padding:8px 10px;font-family:var(--serif);font-weight:700;font-size:1.05rem}.faction-name img{width:26px;height:26px;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.chosen-line{text-align:center;font-family:var(--serif);color:var(--ink-soft);min-height:1.5em}.chosen-line strong{color:var(--ink)}.title-fields{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:22px 0 8px}.title-fields label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--ink-soft)}.title-fields input{font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--ink);border-radius:3px;padding:.45rem .7rem;width:15rem;max-width:100%}.difficulty-note{text-align:center;margin:4px 0 0;font-size:.85rem;font-style:italic;font-family:var(--serif);color:var(--ink-soft)}.title-actions{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}.title-actions .btn{font-size:1.05rem;padding:.7rem 1.6rem}.start-error{color:var(--crimson);text-align:center;font-weight:600;margin:12px 0 0}.campaign{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden}.map-cell{position:relative;min-height:0;flex:1;overflow:hidden;background:var(--paper-deep)}.board{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.sidebar{max-height:38vh;overflow-y:auto;border-top:2px solid var(--ink);background:var(--paper-hi);padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}@media(min-width:1024px){.campaign{display:grid;grid-template-columns:minmax(0,1fr) 22.5rem}.sidebar{height:100%;max-height:none;border-top:0;border-left:2px solid var(--ink)}}.land{stroke:none;cursor:pointer}.land-na{fill:var(--land-na)}.land-sa{fill:var(--land-sa)}.land-eu{fill:var(--land-eu)}.land-af{fill:var(--land-af)}.land-as{fill:var(--land-as)}.land-au{fill:var(--land-au)}.land-edge{fill:none;stroke:var(--ink);stroke-width:.9;stroke-linejoin:round;pointer-events:none}.territory{cursor:pointer}.territory:hover .land{filter:brightness(1.08)}.territory.selected .land-edge{stroke:#fff8e6;stroke-width:3}.territory.selected .land{filter:brightness(1.15) saturate(1.1)}.territory.target .land-edge{stroke:var(--crimson);stroke-width:2.4;stroke-dasharray:6 3;animation:march .8s linear infinite}@keyframes march{to{stroke-dashoffset:-18}}.ocean-name{font-family:var(--serif);font-style:italic;fill:var(--ink);opacity:.55;letter-spacing:.3em}.lat-label{font-family:var(--serif);font-style:italic;font-size:11px;fill:var(--ink);opacity:.5}.terr-name{font-family:var(--sans);font-size:8.5px;font-weight:600;fill:var(--ink);paint-order:stroke;stroke:var(--paper-hi);stroke-width:2.4px;stroke-linejoin:round;letter-spacing:.02em}.army{font-family:var(--sans);font-size:11.5px;font-weight:600;fill:#fff}.seal.hot circle:first-of-type{stroke:var(--crimson);stroke-width:2.4}.turn-banner{position:absolute;left:50%;top:14px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--paper-hi);border:2px solid;border-radius:3px;padding:4px 14px 4px 4px;box-shadow:0 4px 14px #3c280a33;font-size:.9rem;max-width:calc(100% - 32px);pointer-events:none}.turn-banner img{width:34px;height:34px;object-fit:cover;object-position:top}.gameover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2f241873;padding:16px}.gameover-card{background:var(--paper-hi);border:3px double var(--ink);box-shadow:0 0 0 5px var(--crimson);padding:24px;max-width:380px;text-align:center}.gameover-card img{width:140px;aspect-ratio:3 / 4;object-fit:cover;border:1px solid var(--ink)}.gameover-card h2{font-family:var(--serif);margin:12px 0 6px;font-size:1.7rem}.me{display:flex;gap:12px;align-items:center}.me-portrait{width:54px;height:64px;object-fit:cover;object-position:top;border:1px solid var(--ink)}.me h2{font-family:var(--serif);margin:0;font-size:1.35rem;line-height:1.1}.turn-line{margin:2px 0 0;font-size:.8rem;color:var(--ink-soft)}.phases{display:flex;list-style:none;margin:0;padding:0;border:1px solid var(--ink)}.phases li{flex:1;text-align:center;padding:.3rem 0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.phases li+li{border-left:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.phases li.on{background:var(--ink);color:var(--paper-hi)}.panel{border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);background:var(--paper);padding:10px 12px}.panel h3{margin:0 0 8px;font-family:var(--serif);font-size:1rem}.status p{margin:0}.status.mine{border-color:var(--crimson);border-left-width:4px}.row{display:flex;align-items:center;gap:10px;margin-top:10px}.row input[type=range]{flex:1;accent-color:var(--crimson)}.label{font-size:.8rem;color:var(--ink-soft);width:3.2rem}.count{min-width:2ch;text-align:right}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.battle-line{margin:0 0 6px;font-weight:600}.dice-rows{display:flex;gap:18px}.dice-rows>div{display:flex;gap:5px}.die{width:30px;height:30px}.die.att rect{fill:var(--crimson)}.die.att circle{fill:#fff6e6}.die.def rect{fill:var(--paper-hi);stroke:var(--ink);stroke-width:.12}.die.def circle{fill:var(--ink)}.battle-result{margin:6px 0 0;font-size:.85rem}.cards{display:flex;flex-wrap:wrap;gap:6px}.card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink);background:var(--paper-hi);border-radius:3px;padding:5px 8px;display:flex;flex-direction:column;text-align:left;cursor:pointer;min-width:5.4rem}.card.picked{background:var(--ink);color:var(--paper-hi)}.card-sym{font-family:var(--serif);font-weight:700;font-size:.9rem}.card-land{font-size:.72rem;opacity:.8}.realms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.realms li{display:grid;grid-template-columns:30px 8px 1fr auto;align-items:center;gap:8px;padding:3px 4px;font-size:.88rem}.realms li.current{background:var(--paper-hi);outline:1px solid var(--ink)}.realms li.fallen{opacity:.45;text-decoration:line-through}.realms img{width:30px;height:30px;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.swatch{width:8px;height:28px}.realm-name,.realm-stats{display:flex;flex-direction:column;line-height:1.2}.realm-stats{text-align:right}.realms small{font-size:.72rem;color:var(--ink-soft)}.log ul{list-style:none;margin:0;padding:0;font-size:.8rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:3px}.log li:first-child{color:var(--ink)}.side-foot{display:flex;justify-content:space-between;gap:8px;margin-top:auto}@media(max-width:720px){.factions{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.faction-name{font-size:.8rem;padding:5px;flex-direction:column;gap:3px;text-align:center}.faction-name img{width:20px;height:20px}.faction-name{font-size:.7rem}.sidebar{font-size:14px}.map-cell{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.board{width:auto;height:100%;aspect-ratio:1400 / 860;max-width:none}.turn-banner{position:fixed;top:8px}}.cinematic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;color:#f6ecd2;overflow:hidden;animation:fade-in .6s ease-out}.cinematic video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cinematic-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 22%,transparent 70%,rgba(0,0,0,.7)),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55))}.cinematic-controls{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;z-index:2}.btn.light{color:#f6ecd2;border-color:#f6ecd28c;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn.light:hover:not(:disabled){background:#0000008c}.eyebrow.light{color:#f6ecd2cc}.intro-title{position:absolute;left:50%;top:9%;transform:translate(-50%);text-align:center;animation:title-rise 2.4s ease-out .4s both}.intro-title h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.8rem,9vw,6.5rem);letter-spacing:.08em;margin:.1em 0 0;color:#f6ecd2;text-shadow:0 2px 30px rgba(0,0,0,.8),0 0 60px rgba(176,138,58,.45)}.intro-progress{position:absolute;left:16px;bottom:30px;width:min(260px,40vw);height:3px;background:#f6ecd233}.intro-progress span{display:block;height:100%;background:var(--brass);transition:width .3s}.victory{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px 72px;opacity:0;transform:translateY(24px);transition:opacity 1.4s ease-out,transform 1.4s ease-out;pointer-events:none}.victory.show{opacity:1;transform:none;pointer-events:auto}.cinematic.revealed .cinematic-shade{background:radial-gradient(ellipse at center,#00000059,#000000bf);transition:background 1.4s}.victory-standard{position:relative;margin-bottom:30px}.victory-portrait{width:clamp(110px,16vw,170px);aspect-ratio:3 / 4;object-fit:cover;border:3px solid #f6ecd2;box-shadow:0 0 0 4px var(--c),0 0 60px #ffd2788c}.victory-emblem{position:absolute;right:-26px;bottom:-18px;width:64px;height:64px;border:2px solid #f6ecd2;box-shadow:0 4px 18px #0009}.victory h1{font-family:var(--serif);font-size:clamp(2.2rem,6vw,4.2rem);margin:.15em 0 .2em;color:#fbe7b0;text-shadow:0 2px 24px rgba(0,0,0,.8),0 0 50px rgba(255,200,90,.5)}.victory-line{margin:0;font-family:var(--serif);font-size:1.1rem;max-width:34rem}.victory-stats{display:flex;gap:28px;list-style:none;padding:0;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.victory-stats strong{display:block;font-family:var(--serif);font-size:1.8rem;letter-spacing:0;text-transform:none;color:#fbe7b0}.victory-fallen{margin:0 0 18px;font-size:.85rem;opacity:.8}@keyframes fade-in{0%{opacity:0}}@keyframes title-rise{0%{opacity:0;transform:translate(-50%,18px);letter-spacing:.3em}}@media(prefers-reduced-motion:reduce){.intro-title,.cinematic,.territory.target .land-edge{animation:none}}