:root{--ink: #061118;--ink-deep: #010203;--table-0: #080d11;--table-1: #17252b;--iron: #101a1f;--iron-2: #17252b;--iron-edge: #24383f;--brass: #c9a54a;--brass-lit: #e8c85a;--brass-dim: #7a6a34;--parchment: #e7eaf0;--parchment-dim: #8598a0;--azure: #4a9fd6;--gules: #d4574a;--ember: #e8853a;--ember-hot: #ff5a2b;--hp: #6fbf5a;--font-display: system-ui, "Segoe UI", Arial, sans-serif;--font-ui: system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--table-0);color:var(--parchment);font-family:var(--font-ui);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}#app{display:flex;height:100%}#board-wrap{flex:1;min-width:0;position:relative;overflow:hidden}#board{width:100%;height:100%;touch-action:none;display:block}#panel{width:300px;flex-shrink:0;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--iron);border-left:1px solid var(--iron-edge);overflow-y:auto}#panel>*{flex-shrink:0}h1{font-family:var(--font-display);font-size:19px;letter-spacing:.02em;margin:0}h3{font-size:13px;margin:0 0 6px;color:var(--parchment-dim);text-transform:uppercase;letter-spacing:.06em}.tag{font-size:11px;font-weight:400;color:var(--parchment-dim);border:1px solid var(--iron-edge);border-radius:4px;padding:1px 6px;vertical-align:middle}.p0{color:var(--azure)}.p1{color:var(--gules)}.gold{color:var(--brass-lit)}#status{font-size:14px}#unit-card{font-size:13px;line-height:1.5;min-height:20px}#unit-card .skill{margin-top:4px;color:var(--parchment-dim)}#actions{display:flex;flex-wrap:wrap;gap:6px}button{background:var(--iron);color:var(--parchment);border:1px solid var(--iron-edge);border-radius:6px;padding:8px 12px;font-size:13px;cursor:pointer}button:hover:not(:disabled){background:var(--iron-2);border-color:var(--ember)}button.active{border-color:var(--ember);color:var(--ember)}button:disabled{opacity:.4;cursor:default}button.ghost{margin-top:auto;background:transparent}#log{font-size:12px;color:var(--parchment-dim);line-height:1.7;max-height:170px;overflow-y:auto;border-top:1px solid var(--iron-edge);padding-top:8px;margin-top:auto}#log div:last-child{color:var(--parchment)}#log .log-dmg{color:#d98b6a}#log .log-kill{color:var(--gules);font-weight:600}#log .log-win{color:var(--hp);font-weight:600}#log .log-skill{color:#d8b9f0}.turn-row{display:flex;align-items:center;justify-content:space-between}.turn-chip{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.03em}.turn-chip.you{color:var(--azure);background:#4a9fd624;border:1px solid rgba(74,159,214,.5)}.turn-chip.enemy{color:var(--gules);background:#d4574a29;border:1px solid rgba(212,87,74,.55);animation:chip-pulse 1.2s ease-in-out infinite}@keyframes chip-pulse{50%{opacity:.55}}.round-label{font-size:12px;color:var(--parchment-dim)}.priority-panel{border:1px solid var(--ink);border-left-width:3px;border-radius:7px;padding:9px 10px;background:#04090c99;box-shadow:inset 0 0 0 1px var(--iron-edge);line-height:1.45}.priority-panel.urgent{border-left-color:var(--gules)}.priority-panel.goal{border-left-color:var(--brass-lit)}.priority-panel.hint{border-left-color:var(--azure)}.priority-title{margin-top:2px;font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--parchment)}.priority-body,.priority-list{margin-top:3px;font-size:12px;color:var(--parchment-dim)}.priority-list{display:flex;flex-direction:column;gap:3px;padding-top:6px;border-top:1px solid var(--iron-edge)}.priority-list b{color:var(--parchment)}.card{background:var(--table-1);border:1px solid var(--ink);border-radius:10px;padding:10px;font-size:13px;box-shadow:inset 0 0 0 1px var(--iron-edge)}.card.hint{color:var(--parchment-dim);line-height:1.5}.unit-detail{display:flex;align-items:flex-start;gap:10px}.portrait{flex-shrink:0;width:64px;height:64px;background:var(--ink-deep);border:1px solid var(--iron-edge);border-radius:8px}.portrait.small{width:44px;height:44px}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.card-name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.01em}.card-sub{font-size:12px;color:var(--parchment-dim)}.bar{height:6px;background:var(--ink);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#4f8f3f,#7fc066);border-radius:3px}.pips{display:flex;align-items:center;gap:4px}.pip{width:9px;height:9px;border-radius:50%;background:var(--iron);border:1px solid var(--iron-edge)}.pip.on{background:var(--brass-lit);border-color:var(--brass);box-shadow:0 0 4px #e6c47880}.pips .card-sub{margin-left:4px}.card-skill{font-size:12px;color:var(--parchment);line-height:1.45;border-top:1px solid var(--iron-edge);padding-top:6px}.forecast-card{margin-top:4px;padding-top:6px;border-top:1px solid var(--iron-edge);font-size:12px;line-height:1.45;color:var(--parchment)}.forecast-card.muted{color:var(--parchment-dim)}.party-strip{display:flex;flex-direction:column;gap:6px;padding:6px}.party-slot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:5px 8px;background:transparent;border:1px solid transparent}.party-slot:hover{background:var(--iron-2);border-color:var(--iron-edge)}.party-name{font-weight:600;font-size:13px}.party-hp{font-size:12px;color:var(--parchment-dim)}#actions button .cost{margin-left:7px;font-size:10px;font-weight:700;color:var(--brass-lit);background:var(--ink);border-radius:4px;padding:1px 5px;vertical-align:1px}.turn-buttons{display:flex;gap:7px}.end-turn{flex:1;padding:11px;font-size:14px;font-weight:700;border-color:#4a9fd666;background:#4a9fd61f}.end-turn:hover:not(:disabled){background:#4a9fd63d;border-color:var(--azure)}.undo-btn{flex:0 0 auto;padding:11px 13px;font-size:14px;font-weight:700;border-color:var(--iron-edge);background:var(--iron)}.undo-btn:hover:not(:disabled){background:var(--iron-2);border-color:var(--ember)}.undo-btn:disabled{opacity:.4}#tooltip{display:none;position:absolute;z-index:5;pointer-events:none;background:#04080bf2;border:1px solid var(--iron-edge);border-radius:7px;padding:8px 10px;font-size:12px;line-height:1.5;max-width:210px;box-shadow:0 6px 18px #00000080}#tooltip .tt-title{font-family:var(--font-display);font-weight:700;font-size:13px}#tooltip .tt-dim{color:var(--parchment-dim)}#tooltip .tt-terrain{color:var(--parchment-dim);border-top:1px solid var(--iron-edge);margin-top:4px;padding-top:4px}#tooltip .tt-forecast{color:var(--parchment);border-top:1px solid var(--iron-edge);margin-top:4px;padding-top:4px}.banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,rgba(4,8,11,.6) 0%,transparent 70%)}.banner span{font-family:var(--font-display);font-size:58px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;animation:banner-pop .55s cubic-bezier(.18,1.6,.4,1) both;text-shadow:0 4px 28px rgba(0,0,0,.7)}.banner.victory span{color:#8fe09a}.banner.defeat span{color:var(--gules)}@keyframes banner-pop{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}.run-stats{font-size:14px}.party .hero-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:13px;margin-bottom:8px}.hero-hp{color:var(--parchment-dim);font-size:12px}.hp-bar{grid-column:1 / -1;height:5px;background:var(--ink);border-radius:3px;overflow:hidden}.hp-fill{height:100%;background:var(--hp)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#010203bd;z-index:10}#overlay.visible{display:flex}.overlay-card{background:var(--iron);border:1px solid var(--ink);border-radius:10px;padding:24px;width:min(380px,90vw);box-shadow:0 10px 40px #00000080,inset 0 0 0 1px var(--iron-edge)}.overlay-card h2{font-family:var(--font-display);margin:0 0 10px;font-size:19px;letter-spacing:.02em}.overlay-card p{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--parchment)}.overlay-buttons{display:flex;flex-direction:column;gap:8px;margin-top:14px}.handoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:var(--table-0)}.handoff-card{background:var(--iron);border:1px solid var(--ink);border-radius:10px;padding:28px 32px;width:min(380px,90vw);text-align:center;box-shadow:0 10px 40px #00000080,inset 0 0 0 1px var(--iron-edge)}.handoff-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}.handoff-card h2{font-family:var(--font-display);margin:0 0 10px;font-size:24px;letter-spacing:.02em}.handoff-card p{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--parchment)}.select-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--table-0)}.select-inner{max-width:760px;margin:0 auto;padding:22px 22px 40px;display:flex;flex-direction:column;gap:20px}.select-head p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--parchment-dim)}.select-screen .sel-count{font-size:12px;color:var(--brass-lit);letter-spacing:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.unit-pick{text-align:left;display:flex;flex-direction:column;gap:7px;padding:11px 12px;background:var(--iron);border:1px solid var(--ink);border-radius:9px;box-shadow:inset 0 0 0 1px var(--iron-edge)}.unit-pick.selected{border-color:var(--ember);background:var(--iron-2);box-shadow:0 0 0 1px var(--ember) inset}.unit-pick.dimmed{opacity:.45}.pick-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pick-name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.01em}.role.cmd{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brass-lit);border:1px solid var(--brass-dim);border-radius:4px;padding:1px 6px}.pick-stats{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--parchment)}.unit-pick .card-skill.dim{color:var(--parchment-dim);border-top-color:var(--iron-edge)}.select-summary{display:flex;flex-direction:column;gap:6px;font-size:13px}.sum-row{display:grid;grid-template-columns:90px 1fr;gap:8px}.sum-row span{color:var(--parchment-dim)}@media(max-width:700px){#app{flex-direction:column}#panel{width:100%;border-left:none;border-top:1px solid var(--iron-edge)}#board-wrap{min-height:55%}}.vet-tag{font-size:10px;font-weight:700;color:var(--brass-lit);vertical-align:middle}.fly-tag{font-size:10px;font-weight:700;color:#9fc1e8;vertical-align:middle}.cd-note{color:#d98b6a;font-weight:700}.cd-ready{color:#86c98f;font-weight:700}.tt-struct{margin-top:2px;color:var(--brass-lit)}#reinforce{display:flex;flex-direction:column;gap:6px}.reinforce-head{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--parchment-dim)}.reinforce-head small{text-transform:none;letter-spacing:0}.reinforce-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.recruit-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;font-size:12px}.recruit-btn .cost{color:var(--brass-lit);font-size:11px;font-weight:700}.recruit-btn .cost.lock{color:var(--parchment-dim);filter:grayscale(1)}.research-btn.done{opacity:.7}.research-btn .cost.done{color:#86c98f}:root{--ink: #183247;--ink-deep: #10283a;--table-0: #d9ece8;--table-1: #ffffff;--iron: #f6faf7;--iron-2: #e7f1ed;--iron-edge: #bfd0ca;--brass: #b87819;--brass-lit: #9b650f;--brass-dim: #c99a50;--parchment: #193247;--parchment-dim: #607482;--azure: #2563c7;--gules: #c83f3b;--ember: #d16b2d;--ember-hot: #d94832;--hp: #32804d}html,body{background:linear-gradient(145deg,#eaf6f1,#c9e2dd)}#panel{width:286px;padding:12px;gap:9px;background:#f7fbf8fa;border-left:1px solid #b7cbc4;box-shadow:-8px 0 24px #22474f1a}.card,.priority-panel,.mode-card{background:#fff;border-color:#bed1ca;box-shadow:0 3px 10px #22474f14}button{background:#fff;border-color:#b9cdc6;color:var(--parchment);border-radius:9px;font-weight:650}button:hover:not(:disabled){background:#edf6f2;border-color:var(--azure)}.priority-panel{border-left-width:4px;box-shadow:none}.bar,#actions button .cost{background:#dce8e3}.turn-buttons{position:sticky;bottom:-1px;z-index:4;padding:9px 0 2px;background:linear-gradient(transparent,#f6faf7 26%)}.end-turn{color:#fff;background:#2563c7;border-color:#1d4f9f}.end-turn:hover:not(:disabled){color:#fff;background:#1d55b2}.undo-btn{background:#fff}.compact-section{border:1px solid var(--iron-edge);border-radius:9px;background:#fff;overflow:hidden}.compact-section summary{cursor:pointer;padding:9px 10px;color:var(--parchment);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}.compact-section .reinforce-grid{padding:0 8px 8px}#log{max-height:100px;margin-top:0}#tooltip{color:var(--parchment);background:#fffffff7;border-color:var(--iron-edge);box-shadow:0 8px 22px #1932472e}.mode-card{padding:16px}.mode-card:hover:not(:disabled){border-color:var(--azure);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.mode-inner{max-width:720px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.mode-card{text-align:left;display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--iron);border:1px solid var(--ink);border-radius:12px;box-shadow:inset 0 0 0 1px var(--iron-edge)}.mode-card:hover:not(:disabled){border-color:var(--ember);background:var(--iron-2)}.mode-name{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--parchment)}.mode-desc{font-size:13px;line-height:1.5;color:var(--parchment-dim)}.mode-go{margin-top:auto;font-size:13px;font-weight:700;color:var(--brass-lit)}.mode-card{padding:16px;background:#fff;border-color:#bed1ca;box-shadow:0 3px 10px #22474f14}.mode-card:hover:not(:disabled){background:#edf6f2;border-color:var(--azure);transform:translateY(-2px)}.unit-portrait{width:80px;height:100px;flex:0 0 80px;align-self:flex-start}.unit-thumbnail{width:36px;height:44px;flex:0 0 36px}.unit-recruit{justify-content:flex-start;text-align:left;gap:5px;padding:6px;min-height:60px}.recruit-label{min-width:0;line-height:1.3}.recruit-label .cost{display:block;margin-top:4px}.skirmish-unit{display:grid;grid-template-columns:80px minmax(0,1fr)}.skirmish-unit .card-skill{grid-column:1 / -1;margin-top:0}.mode-eyebrow{color:#2563c7;font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:12px}.mode-inner .select-head h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin-bottom:10px}#mode-skirmish{grid-column:1 / -1;border:2px solid #2563c7;background:#edf5ff;padding:24px}#mode-skirmish .mode-name{font-size:25px}#mode-skirmish .mode-go{color:#2563c7}#mode-run{background:transparent;box-shadow:none}.turn-advice{border-top:1px solid #d9e4df;padding-top:7px}.turn-advice>summary{cursor:pointer;color:#547068;font-size:12px;padding:5px 0}.turn-advice .priority-panel{margin-top:8px}#attack-forecast:empty{display:none}#attack-forecast.attack-forecast-active{min-height:88px}.unit-detail .card-name{font-size:18px}.unit-detail .card-sub{line-height:1.6}.forecast-card{background:#eaf3ff;color:#244b72;border-color:#adc9e7}.forecast-card b{color:#173c64}#actions>button{min-height:40px;flex:1}:root{--ink: #0d0b08;--ink-deep: #050403;--table-0: #14120e;--table-1: #221f19;--iron: #1b1914;--iron-2: #29251d;--iron-edge: #3d3628;--brass: #c9a35a;--brass-lit: #e4c47a;--brass-dim: #7d6739;--parchment: #ece2c8;--parchment-dim: #a99c80;--azure: #5b9be6;--gules: #e0675a;--ember: #e8953e;--ember-hot: #ff7a3b;--hp: #79c36a;--font-display: "Cinzel", "Trajan Pro", Georgia, serif;--font-ui: "Alegreya Sans", system-ui, -apple-system, "Segoe UI", sans-serif}html,body{background:var(--table-0);color:var(--parchment)}body{font-size:15px}#panel{width:300px;background:linear-gradient(180deg,rgba(255,236,196,.035),transparent 140px),linear-gradient(90deg,#17150f,#1d1a14);border-left:1px solid #4a4130;box-shadow:inset 1px 0 #e4c47a1f,-10px 0 28px #00000073;scrollbar-color:#4a4130 transparent}#panel h1{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--brass-lit);letter-spacing:.04em;text-shadow:0 1px 0 #000}.tag{color:var(--parchment-dim);border-color:var(--iron-edge);font-family:var(--font-ui);letter-spacing:.04em}.card,.priority-panel,.compact-section,.forecast-card{background:linear-gradient(180deg,#ffeec80b,#ffeec804);border:1px solid var(--iron-edge);border-radius:8px;box-shadow:inset 0 1px #ffecc40d,0 2px 8px #00000040;color:var(--parchment)}.card.hint{color:var(--parchment-dim)}.priority-panel{border:1px solid rgba(201,163,90,.42)}.priority-panel.urgent{border-color:#e0675a9e}.priority-title{color:var(--parchment);font-family:var(--font-display);font-size:15px}.priority-body,.priority-list{color:var(--parchment-dim)}.priority-list b,.card b{color:var(--parchment)}.turn-advice{border-top-color:var(--iron-edge)}.turn-advice>summary,.compact-section summary{color:var(--parchment-dim)}.compact-section summary{font-family:var(--font-display);letter-spacing:.06em;color:var(--brass-lit)}.compact-section summary small{color:var(--parchment-dim);font-family:var(--font-ui)}.armies{display:flex;flex-direction:column;gap:5px;margin:4px 0 8px}.army{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 3px;background:#00000038;border:1px solid rgba(91,155,230,.38);border-radius:6px}.army.enemy{border-color:#e0675a61}.army-face{flex:0 0 auto;line-height:0}.army-face .unit-thumbnail{width:30px;height:37px;flex-basis:30px}.army-text{display:flex;flex-direction:column;min-width:0;flex:1}.army-head{display:flex;align-items:baseline;gap:5px;font-size:14px}.army-head b{color:var(--parchment);font-family:var(--font-display);font-size:13px;letter-spacing:.04em}.army-who{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--azure)}.army.enemy .army-who{color:var(--gules)}.army .gold{margin-left:auto;font-family:var(--font-ui);font-weight:800;color:var(--azure);white-space:nowrap}.army.enemy .gold{color:var(--gules)}.army .gold small{color:var(--parchment-dim);font-weight:500;font-size:11px}.army-sub{font-size:11px;line-height:1.3;color:var(--parchment-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-chip.you{background:#5b9be629;color:#a9cdf7;border-color:#5b9be680}.turn-chip.enemy{background:#e0675a29;color:#f2b0a7;border-color:#e0675a80}.round-label{color:var(--parchment-dim);font-family:var(--font-display)}button{font-family:var(--font-ui);background:linear-gradient(180deg,#2e2a21,#221f18);border:1px solid #4d4432;color:var(--parchment);border-radius:7px;box-shadow:inset 0 1px #ffecc412,0 1px 2px #0006}button:hover:not(:disabled){background:linear-gradient(180deg,#3a3428,#2a261e);border-color:var(--brass);color:#fff6df}button.active{background:linear-gradient(180deg,#4a3c1f,#33291a);border-color:var(--brass-lit);color:#fff3d0;box-shadow:0 0 0 1px #e4c47a59,inset 0 1px #ffecc41f}button:disabled{opacity:.45}.recruit-btn .cost,#actions button .cost{color:var(--brass-lit);background:none}.recruit-btn .cost.lock{color:var(--parchment-dim)}.research-btn.done{border-color:#4f6b3c}.turn-buttons{background:linear-gradient(transparent,#1b1914 30%)}.end-turn{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;color:#1d1406;background:linear-gradient(180deg,#ecca7c,#b98d3c);border:1px solid #f3dca0;box-shadow:0 2px 10px #c9a35a40,inset 0 1px #ffffff59}.end-turn:hover:not(:disabled){color:#140d03;background:linear-gradient(180deg,#f6d995,#c99a45);border-color:#fff0c4}.undo-btn{background:linear-gradient(180deg,#2e2a21,#221f18)}.bar{background:#00000073;border:1px solid #000}.bar-fill{background:linear-gradient(180deg,#8fd47d,#4f9a43)}.card-sub{color:var(--parchment-dim)}.card-skill{color:var(--parchment-dim);border-top-color:var(--iron-edge)}.unit-detail .card-name{font-family:var(--font-display);color:var(--parchment)}.forecast-card{color:var(--parchment);border-color:#5c4e2f}.forecast-card b{color:var(--brass-lit)}.forecast-card.muted,#log{color:var(--parchment-dim)}#log div.log-good{color:#9fd68c}#log div.log-bad{color:#f0907f}#log div.log-big{font-weight:700}#log div.log-turn{color:var(--brass-lit);font-family:var(--font-display);font-size:11px;letter-spacing:.05em;border-top:1px solid var(--iron-edge);margin-top:4px;padding-top:2px}#tooltip{color:var(--parchment);background:#181510f5;border:1px solid #5a4d33;box-shadow:0 10px 28px #0000008c}#tooltip .tt-dim,#tooltip .tt-terrain{color:var(--parchment-dim)}#tooltip .tt-forecast b{color:var(--brass-lit)}.banner span{font-family:var(--font-display)}.banner.victory span{color:var(--brass-lit)}#overlay{background:#050403b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-card,.handoff-card{background:linear-gradient(180deg,#25211a,#19160f);border:1px solid #5a4d33;box-shadow:0 18px 50px #0009,inset 0 1px #ffecc414}.overlay-card h2,.handoff-card h2{font-family:var(--font-display);color:var(--brass-lit);font-size:26px;text-align:center}.overlay-card p{color:var(--parchment-dim);text-align:center}.overlay-card p:first-of-type{color:var(--parchment);font-size:16px}.overlay-buttons button:first-child{font-family:var(--font-display);color:#1d1406;background:linear-gradient(180deg,#ecca7c,#b98d3c);border-color:#f3dca0}.handoff{background:radial-gradient(ellipse at center,#221e17,#0c0a07)}.handoff-kicker{color:var(--brass)}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--table-0)}.title-art{position:fixed;top:-3%;right:-3%;bottom:-3%;left:-3%;animation:title-drift 48s ease-in-out infinite alternate;background:linear-gradient(180deg,#0c0a078c,#0c0a0759 30%,#0c0a07eb 72%,#0c0a07),url(/assets/painted/key-art.jpg) center 30% / cover no-repeat}.title-inner{position:relative;max-width:980px;margin:0 auto;padding:clamp(18px,4vh,56px) 20px 40px}.title-head{text-align:center;margin-bottom:18px}.title-head h1{font-family:var(--font-display);font-size:clamp(40px,7vw,72px);font-weight:800;line-height:1.02;margin:8px 0 10px;color:#f5e7c4;letter-spacing:.03em;text-shadow:0 3px 0 #2a1f0c,0 6px 30px rgba(0,0,0,.85)}.title-head p{color:#e2d6b8;font-size:18px;margin:0;text-shadow:0 1px 8px #000}.setup{background:linear-gradient(180deg,#1e1b15e6,#14120ef0);border:1px solid #5a4d33;border-radius:12px;padding:18px 20px 20px;box-shadow:0 20px 60px #0000008c,inset 0 1px #ffecc414;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.setup h2{font-family:var(--font-display);color:var(--brass-lit);font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin:4px 0 10px}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:18px}.map-card,.race-card{text-align:left;display:flex;gap:4px 10px;padding:11px 12px;border-radius:9px}.map-card{flex-direction:column;justify-content:flex-end;min-height:92px;padding:9px 11px;background:linear-gradient(180deg,#14110c1a,#14110c8c 45%,#14110cf0),var(--thumb, none) center 40% / cover no-repeat,#221f18}.map-card:hover:not(:disabled){background:linear-gradient(180deg,#14110c00,#14110c73 45%,#14110ce6),var(--thumb, none) center 40% / cover no-repeat,#2a261e}.map-card .map-name{text-shadow:0 1px 4px #000}.map-card .map-desc{display:none}.map-blurb{min-height:20px;margin:-6px 0 16px;font-size:14px;color:var(--parchment-dim)}.map-name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--parchment)}.map-tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}.map-desc{font-size:13px;line-height:1.35;color:var(--parchment-dim)}.army-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.race-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.race-card{align-items:center;min-height:58px;padding:8px 10px}.race-card .unit-thumbnail{flex:0 0 36px}.race-text{display:flex;flex-direction:column;gap:2px;min-width:0}.race-text b{font-family:var(--font-display);font-size:14px;color:var(--parchment)}.race-text small{font-size:12px;line-height:1.3;color:var(--parchment-dim)}.map-card.chosen{border-color:var(--brass-lit);box-shadow:0 0 0 1px #e4c47a8c,0 4px 16px #00000059}.race-card.chosen,.opponent button.chosen{background:linear-gradient(180deg,#4a3c1f,#2f2617);border-color:var(--brass-lit);box-shadow:0 0 0 1px #e4c47a66,0 4px 16px #00000059}.race-grid[data-team="0"] .race-card.chosen{border-color:var(--azure);box-shadow:0 0 0 1px #5b9be673}.race-grid[data-team="1"] .race-card.chosen{border-color:var(--gules);box-shadow:0 0 0 1px #e0675a73}.start-row{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.opponent{display:flex;gap:8px;flex:1 1 280px}.opponent button{flex:1;min-height:48px;font-weight:700}.levels{display:flex;gap:4px;flex:0 1 230px}.levels button{flex:1;min-height:48px;font-size:13px;padding:0 6px}.levels button.chosen{background:linear-gradient(180deg,#4a3c1f,#2f2617);border-color:var(--brass-lit)}.start-war{flex:1 1 240px;min-height:52px;font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:.06em;color:#1d1406;background:linear-gradient(180deg,#f0d089,#b98d3c);border:1px solid #f7e2ab;box-shadow:0 4px 22px #c9a35a4d,inset 0 1px #fff6}.start-war:hover:not(:disabled){color:#140d03;background:linear-gradient(180deg,#f8dc9f,#c99a45)}.title-links{display:flex;justify-content:center;gap:22px;margin-top:16px;flex-wrap:wrap}.run-link{display:block;margin:0;background:none;border:none;box-shadow:none;color:var(--parchment-dim);text-decoration:underline;text-underline-offset:3px}.run-link small{color:var(--brass-dim)}@media(max-width:700px){.army-row{grid-template-columns:1fr}.title-head h1{font-size:46px}}.overlay-card{width:min(440px,92vw)}.overlay-card.victory{border-color:#8a7240;box-shadow:0 18px 50px #0009,0 0 60px #e4c47a1f}.overlay-card.defeat{border-color:#7a3a30}.overlay-stats{width:100%;border-collapse:collapse;margin:6px 0 4px;font-size:14px}.overlay-stats th,.overlay-stats td{padding:6px 8px;border-bottom:1px solid var(--iron-edge);text-align:right}.overlay-stats thead th{font-family:var(--font-display);font-size:13px;letter-spacing:.06em;border-bottom-color:#5a4d33}.overlay-stats tbody th{text-align:left;font-weight:500;color:var(--parchment-dim)}.overlay-stats td{color:var(--parchment);font-variant-numeric:tabular-nums}.overlay-stats .p0{color:var(--azure)}.overlay-stats .p1{color:var(--gules)}.settings{position:absolute;top:12px;left:12px;z-index:6}.settings-btn{width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:50%;background:#1b1914d1;color:var(--brass-lit);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-btn.muted{color:var(--parchment-dim)}.settings-pop{position:absolute;top:46px;left:0;width:220px;padding:12px;background:linear-gradient(180deg,#25211a,#19160f);border:1px solid #5a4d33;border-radius:9px;box-shadow:0 12px 30px #00000080;display:flex;flex-direction:column;gap:10px}.settings-pop[hidden]{display:none}.settings-title{font-family:var(--font-display);color:var(--brass-lit);letter-spacing:.08em}.settings-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--parchment)}.settings-row input[type=range]{flex:1;accent-color:var(--brass)}.settings-row input[type=checkbox]{accent-color:var(--brass);width:16px;height:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.turn-banner{position:absolute;left:0;right:0;top:38%;z-index:5;pointer-events:none;display:flex;justify-content:center;animation:turn-banner 1.9s ease-out both}.turn-banner span{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,3.4vw,38px);letter-spacing:.12em;text-transform:uppercase;color:#f5e7c4;padding:10px 46px;background:linear-gradient(90deg,transparent,rgba(16,13,9,.86) 18%,rgba(16,13,9,.86) 82%,transparent);border-top:1px solid rgba(228,196,122,.55);border-bottom:1px solid rgba(228,196,122,.55);text-shadow:0 2px 10px #000}.turn-banner.you span{color:#cfe3fb;border-color:#5b9be6b3}.turn-banner.enemy span{color:#f6c4bc;border-color:#e0675ab3}@keyframes turn-banner{0%{opacity:0;transform:translateY(10px) scale(.96)}14%{opacity:1;transform:none}72%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.learn-btn{margin-top:14px;padding:8px 18px;border-radius:999px;background:#14110cc7;border-color:#e4c47a99;color:var(--brass-lit);font-weight:700;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.learn-btn small{color:var(--parchment-dim);font-weight:500}.continue-btn{display:flex;flex-direction:column;align-items:center;gap:2px;margin:14px auto 0;padding:10px 26px;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.05em;color:#1d1406;background:linear-gradient(180deg,#f0d089,#b98d3c);border:1px solid #f7e2ab;box-shadow:0 4px 22px #c9a35a4d}.continue-btn small{font-family:var(--font-ui);font-weight:600;font-size:13px;letter-spacing:0;color:#3a2a10}.continue-btn+.learn-btn{margin-top:10px}.coach{position:absolute;left:0;right:0;margin:0 auto;bottom:12px;z-index:6;width:min(560px,calc(100% - 32px));padding:14px 16px 12px;background:linear-gradient(180deg,#25211af7,#19160ff7);border:1px solid #8a7240;border-radius:10px;box-shadow:0 14px 40px #0000008c,0 0 0 1px #e4c47a26;animation:coach-in .35s ease-out both}.coach-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}.coach h3{font-family:var(--font-display);color:var(--brass-lit);font-size:18px;margin:4px 0 6px;text-transform:none;letter-spacing:.02em}.coach p{margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--parchment)}.coach p b{color:var(--brass-lit)}.coach-row{display:flex;justify-content:space-between;gap:8px}.coach-skip{background:none;border:none;box-shadow:none;color:var(--parchment-dim);text-decoration:underline;padding:6px 2px}.coach-next{min-width:110px;font-weight:700}@keyframes coach-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card-role{font-size:13px;font-style:italic;color:var(--brass);margin:-2px 0 4px;line-height:1.3}@media(max-width:760px){#app{flex-direction:column}#board-wrap{flex:1 1 0;min-height:0}#panel{width:100%;flex:0 0 auto;max-height:42vh;padding:10px 12px 0;border-left:none;border-top:1px solid #4a4130;box-shadow:0 -10px 24px #00000073}#panel h1{font-size:17px}.army-sub{display:none}.turn-buttons{padding-bottom:8px}.turn-buttons button{min-height:44px}.reinforce-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.settings{top:8px;left:8px}.coach{bottom:8px;padding:10px 12px}.coach p{font-size:13px;margin-bottom:8px}.turn-banner{top:30%}.title-inner{padding-top:16px}.map-grid{grid-template-columns:repeat(2,1fr)}.start-row{flex-direction:column}.start-row>.opponent,.start-row>.levels,.start-row>.start-war{flex:0 0 auto}.opponent button,.levels button{min-height:44px}}.war-link{width:100%;margin:4px 0 12px;padding:9px 10px;border-radius:7px;background:#0f0d09;border:1px solid #5a4d33;color:var(--parchment-dim);font:12px/1.3 ui-monospace,Consolas,monospace}.handoff-row{display:flex;gap:8px}.handoff-row button{flex:1;min-height:42px}.link-note{display:block;margin-top:10px;color:var(--parchment-dim);font-size:12px}.codex{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#050403bd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.codex-card{width:min(980px,94vw);max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#25211a,#17140f);border:1px solid #5a4d33;border-radius:12px;box-shadow:0 24px 70px #000000a6}.codex-head{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--iron-edge);flex-wrap:wrap}.codex-head h2{font-family:var(--font-display);color:var(--brass-lit);margin:0;font-size:22px}.codex-tabs{display:flex;gap:6px;flex:1;flex-wrap:wrap}.codex-tabs button{padding:6px 12px;font-weight:700}.codex-tabs button.chosen{background:linear-gradient(180deg,#4a3c1f,#2f2617);border-color:var(--brass-lit)}.codex-close{width:36px;height:36px;padding:0;border-radius:50%}.codex-body{overflow-y:auto;padding:16px 18px 20px}.codex-lede{margin:0 0 14px;color:var(--parchment-dim);line-height:1.45}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.codex-unit{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px;border:1px solid var(--iron-edge);border-radius:9px;background:#ffeec808}.codex-unit h3{margin:2px 0;font-family:var(--font-display);font-size:16px;color:var(--parchment);text-transform:none;letter-spacing:.02em}.codex-cost{float:right;font-family:var(--font-ui);color:var(--brass-lit);font-weight:800}.codex-role{color:var(--brass);font-style:italic;font-size:13px;margin-bottom:4px}.codex-stats{font-size:13px;color:var(--parchment)}.codex-lock{font-size:12px;color:var(--parchment-dim);margin-top:3px}.codex-skill{font-size:13px;color:var(--parchment-dim);margin-top:5px;line-height:1.35}.codex-skill b{color:var(--parchment)}.codex-terrain{width:100%;border-collapse:collapse;font-size:14px}.codex-terrain th,.codex-terrain td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--iron-edge)}.codex-terrain thead th{font-family:var(--font-display);color:var(--brass-lit);font-size:13px}.codex-terrain tbody th{color:var(--parchment)}.codex-terrain td{color:var(--parchment-dim)}.settings-codex{margin-top:2px}.turn-buttons #undo{flex:0 0 44px;padding:0;font-size:18px}.turn-buttons #next-unit{flex:0 0 auto;padding:0 12px;font-weight:700}.seat-0{color:#9cc8fa!important}.seat-1{color:#f4a397!important}.replay-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;background:#181510eb;border:1px solid #5a4d33;border-radius:999px;box-shadow:0 8px 24px #00000073}.replay-label{font-family:var(--font-display);color:var(--brass-lit);letter-spacing:.1em;text-transform:uppercase;font-size:13px}.replay-round{color:var(--parchment);font-size:14px;min-width:120px}.replay-bar button{padding:4px 12px;border-radius:999px;font-weight:700;min-height:30px}.unit-thumbnail{width:46px;height:56px;flex:0 0 46px}.race-card .unit-thumbnail{flex:0 0 46px}.unit-recruit{min-height:66px}@keyframes title-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.06) translate(-1.2%,-.8%)}}.map-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.map-card{min-height:84px}.map-name{font-size:14px}.race-grid{grid-template-columns:repeat(4,1fr);gap:6px}.race-card{flex-direction:column;align-items:center;text-align:center;padding:6px 4px;min-height:0;gap:2px}.race-card .race-text small{display:none}.race-text b{font-size:13px}.race-blurb{margin:6px 0 0;min-height:34px;font-size:13px;line-height:1.3;color:var(--parchment-dim)}.army-row{margin-bottom:10px}.start-row{position:sticky;bottom:0;z-index:2;margin:0 -20px -20px;padding:12px 20px 16px;background:linear-gradient(180deg,#14120e00,#14120ef5 22%);border-radius:0 0 12px 12px}@media(max-width:760px){.race-grid{grid-template-columns:repeat(4,1fr)}.map-grid{grid-template-columns:repeat(2,1fr)}}.recruit-stats{display:block;font-size:11px;font-weight:500;color:var(--parchment-dim);margin-top:2px}.recruit-label .cost{margin-top:2px}#panel{scroll-padding-bottom:72px}@media(max-width:760px){.codex-head{flex-wrap:nowrap;display:grid;grid-template-columns:1fr auto;gap:8px}.codex-tabs{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.codex-tabs button{flex:0 0 auto}.codex-card{max-height:92vh;width:96vw}}#app.hud-float{--hud-gap: 14px;--hud-inset-top: 92px;--hud-inset-right: 40px;--hud-inset-bottom: 150px;--hud-inset-left: 140px;--hud-panel: rgba(20, 17, 12, .86);--hud-panel-solid: #1b1812;--hud-line: rgba(201, 163, 90, .28);--hud-line-soft: rgba(201, 163, 90, .14);--hud-shadow: 0 16px 38px rgba(0, 0, 0, .42), 0 2px 6px rgba(0, 0, 0, .35);--hud-ease: cubic-bezier(.16, 1, .3, 1);display:block;position:relative}#app.hud-float #board-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#app.hud-float #panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:auto;padding:var(--hud-gap) 18px 16px;background:none;border:0;box-shadow:none;overflow:hidden;pointer-events:none;max-height:none;flex:none;display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr) minmax(250px,300px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top" "left . drawer" "unit log end";gap:var(--hud-gap)}#app.hud-float #panel:before{content:"";position:absolute;inset:0 0 auto;height:120px;background:linear-gradient(180deg,rgba(10,8,6,.72),rgba(10,8,6,.34) 55%,transparent);pointer-events:none}#app.hud-float #panel>*{pointer-events:auto;min-width:0;min-height:0;position:relative}#app.hud-float .hud-unit,#app.hud-float .priority-panel,#app.hud-float .turn-advice,#app.hud-float .compact-section,#app.hud-float .hud-top .army{background:var(--hud-panel);border:1px solid var(--hud-line);border-radius:12px;box-shadow:var(--hud-shadow);backdrop-filter:blur(6px) saturate(1.08);-webkit-backdrop-filter:blur(6px) saturate(1.08)}.hud-top{grid-area:top;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:16px;padding-left:46px}.hud-top .army{max-width:360px;padding:6px 12px 6px 6px;gap:10px}.hud-top .army.enemy{justify-self:end}.hud-top .army.you{border-color:#5b9be673}.hud-top .army.enemy{border-color:#e0675a73}.hud-top .army-face .unit-thumbnail{width:34px;height:42px;flex-basis:34px}.hud-top .army-head{font-size:15px;gap:8px}.hud-top .army-head b{font-size:15px}.hud-top .army-who{font-size:11px}.hud-top .army .gold{display:inline-flex;align-items:center;gap:4px;font-size:16px}.hud-top .army .gold .icon{color:var(--brass-lit)}.hud-top .army .gold small{font-size:12px;margin-left:2px}.hud-top .army-sub{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:2px}.hud-top .army-sub .icon{width:13px;height:13px;color:var(--brass)}.hud-title{text-align:center;padding-top:2px}#app.hud-float .hud-title h1{margin:0;font-size:22px;letter-spacing:.06em;color:#f2e2bd;text-shadow:0 2px 10px rgba(0,0,0,.9);white-space:nowrap}#app.hud-float .hud-title .turn-row{justify-content:center;gap:10px;margin-top:6px}#app.hud-float .turn-chip{font-size:13px;padding:3px 12px}#app.hud-float .round-label{font-size:13px;letter-spacing:.08em;text-shadow:0 1px 6px #000}.hud-left{grid-area:left;align-self:start;max-height:100%;overflow-y:auto;scrollbar-width:none}#app.hud-float .priority-panel{padding:12px 14px}#app.hud-float .priority-title{font-size:17px;margin-bottom:4px}#app.hud-float .priority-body{font-size:14px;line-height:1.45}#app.hud-float .priority-list{font-size:13px;line-height:1.45;margin-top:8px;padding-top:8px;border-top:1px solid var(--hud-line-soft)}#app.hud-float .priority-list>div+div{margin-top:6px}#app.hud-float .priority-panel.urgent{border-color:#e0675a99}#app.hud-float .priority-panel.urgent .priority-title{color:#f6c0b6}#app.hud-float .turn-advice{padding:0;border-top:0}#app.hud-float .turn-advice>summary{padding:9px 14px;font-size:13px;cursor:pointer}#app.hud-float .turn-advice[open]>summary{border-bottom:1px solid var(--hud-line-soft)}#app.hud-float .turn-advice .priority-panel{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hud-unit{grid-area:unit;align-self:end;padding:12px;display:flex;flex-direction:column;gap:10px}.hud-unit:has(>#unit-card:empty):has(>#actions:empty){display:none}#app.hud-float .hud-unit .card{background:none;border:0;box-shadow:none;padding:0}#app.hud-float .hud-unit .card.hint{font-size:14px;line-height:1.45}#app.hud-float .unit-detail{gap:12px}#app.hud-float .unit-detail .unit-portrait{width:56px;height:70px;flex-basis:56px}#app.hud-float .unit-detail .card-name{font-size:19px;letter-spacing:.03em}#app.hud-float .card-role{font-size:13px;margin:0 0 6px}#app.hud-float .bar{height:6px;border-radius:3px;margin:2px 0 8px}#app.hud-float .bar-fill{border-radius:3px}.stat-row{display:flex;flex-wrap:wrap;gap:5px}.stat{display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 5px;border-radius:7px;background:#ffecc40f;border:1px solid var(--hud-line-soft);font-size:13px;color:var(--parchment-dim);font-variant-numeric:tabular-nums}.stat b{color:var(--parchment);font-weight:800}.stat .icon{width:14px;height:14px;color:var(--brass)}#app.hud-float .hud-unit .card-sub{font-size:13px;margin-top:6px}#app.hud-float .card-skill{font-size:13px;line-height:1.45;margin-top:10px;padding-top:10px}#app.hud-float #actions{display:flex;gap:6px}#app.hud-float #actions:empty{display:none}#app.hud-float #actions button{flex:1;min-height:40px;font-size:14px;font-weight:700}#app.hud-float #attack-forecast:empty{display:none}.hud-drawer{grid-area:drawer;align-self:start;max-height:100%;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:8px}.hud-drawer>div:empty{display:none}#app.hud-float .compact-section{padding:0}#app.hud-float .compact-section summary{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:14px;cursor:pointer;list-style:none}#app.hud-float .compact-section summary::-webkit-details-marker{display:none}#app.hud-float .compact-section summary:after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.7px solid var(--brass);border-bottom:1.7px solid var(--brass);transform:rotate(45deg) translateY(-2px);transition:transform .22s var(--hud-ease)}#app.hud-float .compact-section[open] summary:after{transform:rotate(225deg) translate(-2px)}#app.hud-float .compact-section summary .icon{color:var(--brass-lit)}#app.hud-float .compact-section[open] summary{border-bottom:1px solid var(--hud-line-soft)}#app.hud-float .compact-section .reinforce-grid{padding:10px;gap:6px;grid-template-columns:1fr 1fr}#app.hud-float .reinforce-head{padding:10px 14px;font-size:13px;color:var(--parchment-dim);background:var(--hud-panel);border:1px solid var(--hud-line);border-radius:12px}.hud-log{grid-area:log;align-self:end;justify-self:center;width:min(560px,100%)}#app.hud-float #log{max-height:104px;margin:0;padding:8px 14px;border:0;font-size:13px;line-height:1.55;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.8);background:radial-gradient(ellipse at center 70%,rgba(10,8,6,.62),transparent 72%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 34%);mask-image:linear-gradient(180deg,transparent,#000 34%);overflow:hidden;scrollbar-width:none}#app.hud-float #log div.log-turn{border-top:0;margin-top:2px;padding-top:0}.hud-end{grid-area:end;align-self:end;justify-self:end;display:flex;gap:8px;align-items:stretch}#app.hud-float .turn-buttons{background:none;padding:0;position:relative;bottom:auto;margin:0}#app.hud-float .turn-buttons button{min-height:52px;border-radius:10px;box-shadow:var(--hud-shadow)}#app.hud-float .turn-buttons #undo{flex:0 0 52px;display:grid;place-items:center}#app.hud-float .turn-buttons #next-unit{display:inline-flex;align-items:center;gap:4px;padding:0 16px;font-size:15px}#app.hud-float .turn-buttons .icon{width:18px;height:18px}#app.hud-float .end-turn{min-width:168px;padding:0 24px;font-size:19px}#app.hud-float .banner{z-index:7}#app.hud-float .coach{top:calc(var(--hud-inset-top) - 4px);bottom:auto}#app.hud-float .replay-bar{top:calc(var(--hud-inset-top) - 6px)}@media(prefers-reduced-motion:no-preference){#app.hud-float .hud-top{animation:hud-in-top .5s var(--hud-ease) both}#app.hud-float .hud-left,#app.hud-float .hud-unit{animation:hud-in-left .5s .06s var(--hud-ease) both}#app.hud-float .hud-drawer{animation:hud-in-right .5s .06s var(--hud-ease) both}#app.hud-float .hud-end,#app.hud-float .hud-log{animation:hud-in-bottom .5s .1s var(--hud-ease) both}#app.hud-float.hud-settled #panel>*{animation:none}}@keyframes hud-in-top{0%{opacity:0;transform:translateY(-10px)}}@keyframes hud-in-left{0%{opacity:0;transform:translate(-14px)}}@keyframes hud-in-right{0%{opacity:0;transform:translate(14px)}}@keyframes hud-in-bottom{0%{opacity:0;transform:translateY(12px)}}::selection{background:#c9a35a61;color:#fff6df}:focus-visible{outline:2px solid var(--brass-lit);outline-offset:2px}button:focus:not(:focus-visible){outline:none}*{scrollbar-color:#5a4d33 transparent}.icon{flex:0 0 auto;display:inline-block;vertical-align:-3px}@media(max-width:760px){#app.hud-float{--hud-gap: 8px;--hud-inset-top: 74px;--hud-inset-right: 6px;--hud-inset-bottom: 250px;--hud-inset-left: 6px}#app.hud-float #panel{border-top:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto auto;grid-template-areas:"top" "." "left" "unit" "drawer" "end"}#app.hud-float #panel:before{height:96px}.hud-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title" "me foe";gap:6px;padding-left:0}.hud-title{grid-area:title;padding-left:44px;padding-right:44px}#app.hud-float .hud-title h1{font-size:16px}#app.hud-float .hud-title .turn-row{margin-top:3px}.hud-top .army.you{grid-area:me}.hud-top .army.enemy{grid-area:foe}.hud-top .army{max-width:none;padding:4px 8px 4px 4px;gap:6px}.hud-top .army-face .unit-thumbnail{width:24px;height:30px;flex-basis:24px}.hud-top .army-head{font-size:13px;gap:5px}.hud-top .army-head b{font-size:13px}.hud-top .army .gold{font-size:14px}.hud-top .army .gold small,.hud-top .army-sub{display:none}.hud-left{max-height:28vh}#app.hud-float .priority-panel{padding:9px 12px}#app.hud-float .priority-title{font-size:15px}#app.hud-float .priority-body{font-size:13px}#app.hud-float .priority-list{display:none}.hud-unit{padding:10px;gap:8px}#app.hud-float .unit-detail .unit-portrait{width:52px;height:66px;flex-basis:52px}#app.hud-float .card-skill{display:none}.hud-drawer{flex-direction:row;max-height:40vh;align-items:flex-start}.hud-drawer>div{flex:1 1 0;min-width:0}#app.hud-float .compact-section summary{padding:10px 12px;min-height:44px}#app.hud-float .compact-section[open]{position:relative}#app.hud-float .compact-section .reinforce-grid{grid-template-columns:1fr;max-height:30vh;overflow-y:auto}.hud-log{display:none}.hud-end{justify-self:stretch}#app.hud-float .end-turn{flex:1;min-width:0}#app.hud-float .turn-buttons button{min-height:48px}#app.hud-float .coach{top:calc(var(--hud-inset-top) + 2px);bottom:auto}#app.hud-float .compact-section summary small{display:none}}.end-confirm{position:absolute;right:18px;bottom:84px;z-index:8;width:min(340px,calc(100% - 36px));padding:14px 16px 12px;background:linear-gradient(180deg,#25211af7,#18150ff7);border:1px solid #8a7240;border-radius:12px;box-shadow:0 16px 40px #0000008c;color:var(--parchment);font-size:14px}.end-confirm p{margin:0 0 10px;line-height:1.45}.end-confirm b{color:var(--brass-lit)}.end-confirm label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--parchment-dim);margin-bottom:12px}.end-confirm input{accent-color:var(--brass);width:16px;height:16px}.end-confirm-row{display:flex;gap:8px}.end-confirm-row button{flex:1;min-height:42px;font-weight:700}.end-confirm-row .end-turn{font-size:15px}@media(prefers-reduced-motion:no-preference){.end-confirm{animation:hud-in-bottom .32s cubic-bezier(.16,1,.3,1) both}}@media(max-width:760px){.end-confirm{bottom:70px;right:8px;width:calc(100% - 16px)}}:root{--slab: linear-gradient(180deg, rgba(31, 27, 21, .94), rgba(20, 17, 13, .96));--slab-line: rgba(201, 163, 90, .3);--slab-line-soft: rgba(201, 163, 90, .14);--slab-shadow: 0 24px 60px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);--ease-out: cubic-bezier(.16, 1, .3, 1)}.title-head h1{margin-bottom:4px}.title-tag{font-family:var(--font-display);font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:var(--brass-lit)!important;margin:0 0 12px!important}.title-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:18px}.title-actions .continue-btn,.title-actions .learn-btn{margin:0}.title-head .title-links{margin-top:18px}.setup{background:var(--slab);border-color:var(--slab-line);border-radius:16px;box-shadow:var(--slab-shadow);padding:20px 22px 22px}.setup h2{font-size:12px;letter-spacing:.2em;color:var(--brass);margin:2px 0 10px}.map-card{border-radius:10px;border-color:var(--slab-line-soft)}.map-card.chosen{border-color:var(--brass-lit)}.race-card{border-radius:10px;border-color:var(--slab-line-soft);background:#ffecc408}.map-blurb,.race-blurb{color:var(--parchment-dim)}.segmented{gap:0!important;padding:3px;border:1px solid var(--slab-line);border-radius:11px;background:#00000047}.segmented button{border:0!important;border-radius:8px!important;background:none!important;box-shadow:none!important;color:var(--parchment-dim);min-height:42px!important;font-weight:700;transition:background-color .2s var(--ease-out),color .2s var(--ease-out)}.segmented button:hover:not(:disabled){color:var(--parchment);background:#ffecc40d!important}.segmented button.chosen{color:#fff3d0;background:linear-gradient(180deg,#4a3c1f,#33291a)!important;box-shadow:inset 0 0 0 1px #e4c47a8c!important}.start-war{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px}.start-war .icon{width:20px;height:20px;stroke-width:2.2}@media(min-width:1000px){.title-art{background:linear-gradient(90deg,#0c0a0726,#0c0a074d 34%,#0c0a07db 60%,#0c0a07 82%),linear-gradient(0deg,rgba(12,10,7,.85),transparent 40%),url(/assets/painted/key-art.jpg) 22% 30% / cover no-repeat}.title-inner{max-width:1320px;min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,560px);gap:56px;align-items:center;padding:32px 48px}.title-head{text-align:left;align-self:end;padding-bottom:28px;margin:0}.title-head h1{font-size:clamp(60px,6.4vw,96px);line-height:.98}.title-head p{font-size:19px;max-width:30ch}.title-actions,.title-head .title-links{justify-content:flex-start}.setup{max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:thin}.setup .army-row{grid-template-columns:1fr;gap:10px;margin-bottom:4px}.setup .map-grid{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.setup .map-card{min-height:62px;padding:7px 9px}.setup .map-blurb{margin:0 0 10px;min-height:0;font-size:13px}.setup .race-card{padding:5px 4px}.setup .race-card .unit-thumbnail{width:30px;height:37px;flex-basis:30px}.setup .race-blurb{min-height:0;margin-top:4px}.setup h2{margin-bottom:8px}.start-row{margin:10px -22px -22px;padding:12px 22px 18px;border-radius:0 0 16px 16px}}.codex{background:#0504039e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.codex-card{width:min(1080px,96vw);height:min(860px,90vh);max-height:none;background:var(--slab);border:1px solid var(--slab-line);border-radius:16px;box-shadow:var(--slab-shadow);overflow:hidden}@media(prefers-reduced-motion:no-preference){.codex-card{animation:sheet-in .38s var(--ease-out) both}#overlay.visible .overlay-card{animation:sheet-in .42s var(--ease-out) both}}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}.codex-head{padding:16px 22px 0;gap:24px;border-bottom:1px solid var(--slab-line-soft);align-items:flex-end}.codex-head h2{font-size:26px;padding-bottom:12px;letter-spacing:.04em}.codex-tabs{gap:2px;align-self:flex-end}.codex-tabs button{background:none;border:0;border-radius:0;box-shadow:none;padding:10px 14px 12px;color:var(--parchment-dim);border-bottom:2px solid transparent;margin-bottom:-1px;font-size:15px}.codex-tabs button:hover:not(:disabled){background:none;color:var(--parchment);border-color:transparent;border-bottom-color:var(--slab-line)}.codex-tabs button.chosen{background:none;color:var(--brass-lit);border-bottom-color:var(--brass-lit)}.codex-close{align-self:center;display:grid;place-items:center;margin-bottom:8px}.codex-close .icon{width:18px;height:18px}.codex-body{padding:20px 26px 28px}.codex-lede{margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--slab-line-soft);max-width:75ch}.codex-lede p{margin:0 0 6px;color:var(--parchment-dim);line-height:1.5;font-size:15px}.codex-lede b{color:var(--parchment)}.codex-commander .icon{color:var(--brass);margin-right:6px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:0 40px}.codex-unit{grid-template-columns:72px 1fr;gap:14px;padding:14px 0;border:0;border-bottom:1px solid var(--slab-line-soft);border-radius:0;background:none}.codex-unit .unit-portrait{width:72px;height:90px}.codex-unit h3{font-size:18px;display:flex;align-items:baseline;gap:8px}.codex-cost{float:none;margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:15px}.codex-cost .icon{color:var(--brass-lit)}.codex-role{font-size:14px;margin-bottom:8px}.codex-stats{margin-bottom:2px}.stat-tag{color:#9fc1e8}.codex-lock{font-size:13px;margin-top:6px}.codex-skill{font-size:14px;line-height:1.5;margin-top:8px}.codex-terrain{font-size:15px}.codex-terrain th,.codex-terrain td{padding:10px;border-bottom-color:var(--slab-line-soft)}.codex-terrain td:nth-child(2),.codex-terrain td:nth-child(3){font-variant-numeric:tabular-nums;color:var(--parchment);white-space:nowrap}#overlay.visible{background:#05040394;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.overlay-card{width:min(560px,92vw);padding:30px 30px 24px;border-radius:16px;background:var(--slab);border:1px solid var(--slab-line);box-shadow:var(--slab-shadow)}.overlay-card h2{font-size:clamp(30px,5vw,42px);letter-spacing:.06em;margin:0 0 8px;line-height:1.05}.overlay-card.victory h2{color:var(--brass-lit);text-shadow:0 0 34px rgba(228,196,122,.3)}.overlay-card.defeat h2{color:#f0a094}.overlay-card p:first-of-type{font-size:17px;margin-bottom:18px}.overlay-stats{font-size:15px;margin:4px 0 6px}.overlay-stats thead th{padding-bottom:10px;font-size:14px}.overlay-stats th,.overlay-stats td{padding:9px 10px;border-bottom-color:var(--slab-line-soft)}.overlay-stats tbody tr:last-child th,.overlay-stats tbody tr:last-child td{border-bottom:0}.overlay-stats td{font-weight:700}.overlay-buttons{flex-direction:row!important;flex-wrap:wrap;gap:8px;margin-top:20px}.overlay-buttons button{flex:1 1 140px;min-height:46px;border-radius:10px;font-weight:700}.overlay-buttons button:first-child{font-size:17px;letter-spacing:.04em}@media(max-width:760px){.title-actions{flex-direction:column}.codex-card{height:94vh;width:96vw;border-radius:14px}.codex-head{padding:12px 14px 0}.codex-head h2{font-size:22px;padding-bottom:0}.codex-tabs button{padding:9px 11px 11px;font-size:14px}.codex-body{padding:14px 16px 20px}.codex-grid{grid-template-columns:1fr}.codex-unit{grid-template-columns:56px 1fr;gap:10px}.codex-unit .unit-portrait{width:56px;height:70px}.codex-terrain td:last-child{display:none}.overlay-card{padding:22px 18px 18px}.overlay-buttons button{flex-basis:100%}}.settings-row select{margin-left:auto;padding:4px 8px;border-radius:7px;border:1px solid var(--slab-line);background:#1b1812;color:var(--parchment);font:inherit;font-size:13px}html.teams-cb{--gules: #eba83a}html.teams-cb .army.enemy{border-color:#e39a1773}html.teams-cb .turn-chip.enemy{background:#e39a1729;color:#f6d395;border-color:#e39a178c}html.teams-cb .turn-banner.enemy span{color:#f8dca6;border-color:#e39a17b3}html.teams-cb .seat-1{color:#f3c46e!important}.record-form{width:min(520px,94vw);max-height:92vh;overflow-y:auto}.record-form>p{text-align:left;font-size:14px!important;margin-bottom:14px!important}.rf-q{display:block;margin:0 0 14px}.rf-label{display:block;font-size:13px;letter-spacing:.04em;color:var(--parchment);font-weight:700;margin-bottom:6px}.rf-label i{font-weight:400;color:var(--parchment-dim)}.rf-seg{display:flex}.rf-seg button{flex:1;min-height:44px!important}.rf-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--parchment-dim);margin-top:4px;padding:0 4px}.record-form textarea,.record-form input[type=text]{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:9px;border:1px solid var(--slab-line);background:#00000047;color:var(--parchment);font:inherit;font-size:15px;resize:vertical}.record-form textarea:focus,.record-form input[type=text]:focus{outline:2px solid var(--brass-lit);outline-offset:1px}.rf-status{min-height:1.4em;color:#a9d39a!important;text-align:left;font-size:13px!important;margin:0!important}.record-form .overlay-buttons button[hidden]{display:none}