html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#100c08;color:#2a1e10;font-family:Georgia,Times New Roman,serif;--parch: #e8d9b0;--parch-deep: #d4c190;--parch-edge: #b59a5e;--ink: #2a1e10;--ink-soft: #4a3520;--ink-faint: #7a5d35;--gold: #b88a2a;--gold-bright: #e6b441;--gold-deep: #6f4f10;--burgundy: #7a1f1f;--burgundy-dark: #4a0f0f;--wood: #2a1c10;--wood-dark: #1a1108}#app{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,26vw,400px);grid-template-rows:minmax(0,1fr) clamp(120px,19vh,195px)}#game-root{position:relative;grid-column:1;grid-row:1;min-width:0;min-height:0;background:#0d1117}#hud{position:relative;z-index:1;grid-column:2;grid-row:1 / 3}#card-bar{position:relative;z-index:2;grid-column:1;grid-row:2;min-width:0;min-height:0;display:block;padding:0 18px;overflow:visible;border-top:1px solid #000;background:linear-gradient(180deg,#2a1b10fa,#130b06);box-shadow:0 -1px #6b4a20}#card-bar h2{display:none}#card-bar #hand-panel{height:100%}#province-popup{position:absolute;right:10px;bottom:10px;z-index:14;width:clamp(320px,27vw,430px);max-height:min(52vh,calc(100% - 20px));box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;border:1px solid #6b4a20;background:linear-gradient(180deg,#f0e2bc,#dec89a);box-shadow:0 0 0 1px var(--parch) inset,0 0 0 2px var(--gold-deep) inset,0 10px 26px #00000052}#province-popup[hidden]{display:none}#province-popup-close{position:absolute;top:8px;right:8px;width:22px;height:22px;border:1px solid #5c1b17;background:var(--burgundy);color:#f5e6c0;font-size:15px;line-height:1;cursor:pointer;z-index:1}#province-popup-close:hover{border-color:var(--gold-bright)}#province-build:empty{display:none}#province-build{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:stretch}#province-popup #province-section{flex:0 0 auto;overflow:auto}#province-popup #province-build-section{flex:1 1 auto;min-height:0;overflow:auto}#province-popup h2{margin:0 28px 8px 0;color:var(--burgundy);font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.18em;border-bottom:2px solid var(--gold);padding-bottom:4px}#province-popup .context-head{margin-top:2px}#province-popup #build-subtitle{color:var(--ink-faint);font-size:10px;line-height:1.3;margin-bottom:6px}#game-root canvas{image-rendering:pixelated}#map-mode-toolbar{position:absolute;left:14px;bottom:14px;z-index:12;display:flex;gap:4px;padding:5px;background:linear-gradient(180deg,#2a1c10f0,#181009f0);border:1px solid #6b4a20;box-shadow:0 2px #120a04,0 6px 18px #00000061}.map-mode-btn{width:38px;height:30px;border:1px solid #8b6a30;background:radial-gradient(ellipse at 50% 22%,#efe1bc,#d9c792 72%,#b59a5e);color:#4a0f0f;font-family:Georgia,Times New Roman,serif;font-size:10px;font-weight:800;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 0 1px #4a3220 inset}.map-mode-btn:hover{border-color:var(--gold-bright);color:#200908}.map-mode-btn.active{background:linear-gradient(180deg,var(--burgundy) 0%,#5e1414 100%);color:#f5e6c0;border-color:var(--gold-bright)}#hud{border-top:1px solid #000;background:repeating-linear-gradient(180deg,transparent 0 11px,rgba(0,0,0,.16) 11px 12px,transparent 12px 32px),linear-gradient(180deg,var(--wood) 0%,var(--wood-dark) 54%,#24180d 100%);box-shadow:0 -10px 26px #0000008c inset,0 -1px #6b4a20;padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0}#hud header{display:block;margin:-14px -13px 2px;padding:14px 18px 16px;background:linear-gradient(180deg,var(--burgundy) 0%,#5e1414 62%,var(--burgundy-dark) 100%);border-bottom:1px solid #2a0808;box-shadow:0 2px #2a0808,0 3px 0 var(--gold-deep);color:#f5e6c0}#hud header h1{margin:0;font-size:19px;letter-spacing:.08em;text-transform:uppercase;color:#f5e6c0;text-shadow:0 1px 0 #2a0808}#turn-label{display:block;margin-top:2px;color:#d6b06e;font-size:12px;letter-spacing:.12em;text-transform:uppercase}#hud section{position:relative;padding:9px 10px 11px;background:radial-gradient(ellipse at 50% 20%,#efe1bc 0%,var(--parch) 58%,var(--parch-deep) 100%);border:1px solid #8b6a30;box-shadow:0 0 0 1px #4a3220 inset,0 0 0 3px var(--parch-edge) inset,0 0 16px #00000047 inset,0 4px 10px #00000059}#hud h2{margin:0 0 8px;color:var(--burgundy);font-size:11px;text-transform:uppercase;letter-spacing:.18em;border-bottom:2px solid var(--gold);padding-bottom:4px}#phase-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}#phase-info{display:flex;flex-direction:column;gap:3px;min-width:0}#phase-label{margin:0;font-size:13px;font-weight:600;color:var(--ink-soft)}#phase-hint{margin:0;color:var(--ink-faint);font-size:10px;line-height:1.35}.vision-status{margin:2px 0 0;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:#43658b24;border:1px solid rgba(67,101,139,.22);color:#35506d;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}#phase-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}#end-phase-btn{cursor:pointer;background:linear-gradient(180deg,#8a2424,#6a1818,#4a0f0f);border:1px solid #2a0808;color:#f5e6c0;font-size:11px;padding:5px 10px;border-radius:2px;white-space:nowrap;box-shadow:0 1px #c0824a inset,0 2px #2a0808}#end-phase-btn:hover{background:linear-gradient(180deg,#a02828,#7a1c1c,#5a1414)}#tutorial-help-btn{cursor:pointer;background:linear-gradient(180deg,#e8ddbe,#d4c190 56%,#b59a5e);border:1px solid #7a5d35;color:#4a3520;font-size:11px;padding:5px 10px;border-radius:2px;white-space:nowrap;box-shadow:0 1px #f6edd6 inset,0 2px #4a3220}#tutorial-help-btn:hover{background:linear-gradient(180deg,#f3e8c9,#ddca98 56%,#c3a86a)}#resources-panel{display:flex;gap:14px;flex-wrap:wrap}.resource-item{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--burgundy);font-weight:600}.resource-icon,.terrain-icon{display:inline-block;image-rendering:pixelated;flex:0 0 auto}.resource-icon{width:18px;height:18px}.resource-value{min-width:1.5ch}.resource-delta{font-size:10px;font-weight:600;margin-left:2px}.resource-delta-pos{color:#5ecc5e}.resource-delta-neg{color:#e8664a}#context-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.build-hint{grid-column:1 / -1;margin:0 0 2px;font-size:11px;color:var(--burgundy);opacity:.85}.build-option{display:flex;flex-direction:column;gap:1px;min-height:58px;padding:6px 7px;text-align:left;background:#efe2c4;border:1px solid #b9a06a;border-radius:2px;cursor:pointer;font-size:10px;line-height:1.22;color:#2a2018}.build-option:hover:not(:disabled){background:#f7edd6;border-color:#8a6d3b}.build-option:disabled{opacity:.45;cursor:not-allowed}.build-option .build-name{font-weight:700;font-size:12px;line-height:1.08}.build-option .build-cost{color:#6b4a2a}.build-option .build-yield{color:#3a6b30}.build-resource{display:inline-flex;align-items:center;gap:2px;margin-right:3px;white-space:nowrap}.build-resource-icon{width:11px;height:11px;image-rendering:pixelated}.build-option .build-reason{color:#a23a2a;font-style:italic;font-size:10px;line-height:1.15}#province-debug{font-size:12px;line-height:1.35;color:var(--ink, #2a2018)}.prov-empty{margin:4px 0;font-style:italic;color:var(--ink-faint)}.prov-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin:0 26px 8px 0;padding-bottom:6px;border-bottom:2px solid rgba(184,138,42,.72)}.prov-head-main{display:flex;flex-direction:column;gap:4px;min-width:0}.prov-id{font-weight:700;font-size:15px;line-height:1.1}.prov-terrain{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b4a2a}.prov-terrain .terrain-icon{width:16px;height:16px}.prov-owner{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:10px;margin-bottom:0;align-self:flex-start}.prov-owner.you{background:#2f6b3a;color:#eafbe8}.prov-owner.enemy{background:#8a3326;color:#ffe9e4}.prov-owner.neutral{background:#5a5044;color:#efe7d8}.prov-chips{display:flex;flex-wrap:wrap;gap:5px}.prov-section{display:grid;gap:6px;padding-top:8px;border-top:1px solid rgba(111,79,16,.14)}.prov-section:first-of-type{padding-top:0;border-top:0}.prov-section-title{color:var(--burgundy);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.prov-chip{display:inline-flex;align-items:center;gap:3px;min-height:18px;background:#ffffff57;border:1px solid rgba(111,79,16,.18);border-radius:2px;padding:1px 7px;font-size:12px;font-weight:600;white-space:nowrap}.prov-chip .resource-icon{width:14px;height:14px}.prov-chip-value{min-width:1ch}.prov-chip.vision-reveal{background:#3566981f;border-color:#35669847;color:#264b75}.prov-chip.vision-stealth{background:#5d497a1f;border-color:#5d497a47;color:#56416f}.prov-chip.vision-pulse{background:#84681c1f;border-color:#84681c4d;color:#84681c}.prov-row{display:flex;gap:8px;margin-bottom:7px;line-height:1.35}.prov-row-label{color:#8a3a20;min-width:74px;font-weight:700}.prov-row-val{flex:1}.prov-building-row{align-items:center;margin-bottom:0}.prov-building-track{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:20px}.prov-text{color:#5b4630;line-height:1.35}.prov-unit-list{display:flex;flex-wrap:wrap;gap:4px}.prov-building-slot{position:relative;width:20px;height:18px;flex:0 0 auto;--building-outline: #4a3520;--building-roof: #9c6b35;--building-body: #cda66a;--building-accent: #f3e2b3;filter:drop-shadow(0 1px 0 rgba(0,0,0,.14))}.prov-building-slot:before,.prov-building-slot:after{content:"";position:absolute;left:0;right:0}.prov-building-slot:before{top:0;height:8px;background:var(--building-roof);clip-path:polygon(50% 0%,100% 100%,0 100%);box-shadow:0 0 0 1px var(--building-outline) inset}.prov-building-slot:after{bottom:0;height:11px;background:linear-gradient(180deg,var(--building-accent) 0 25%,transparent 25% 100%),var(--building-body);box-shadow:0 0 0 1px var(--building-outline) inset}.prov-building-slot.empty{opacity:.36;filter:grayscale(.35) drop-shadow(0 1px 0 rgba(0,0,0,.08))}.prov-building-slot.empty:before{background:#aaa18c}.prov-building-slot.empty:after{background:linear-gradient(180deg,rgba(255,255,255,.12) 0 25%,transparent 25% 100%),#c7bba0}.prov-unit{display:inline-flex;align-items:center;gap:4px;margin:0 4px 4px 0;padding:2px 7px;border-radius:999px;border:1px solid currentColor;background:#ffffff52;font-size:10px;line-height:1.25;font-weight:700;letter-spacing:.01em}.prov-unit.you{color:#2f6b3a;background:#2f6b3a1a;border-color:#2f6b3a47}.prov-unit.enemy{color:#a23a2a;background:#a23a2a1a;border-color:#a23a2a47}.prov-siege{display:grid;gap:4px}.prov-siege-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8d3a2f}.prov-siege-head strong{color:#5c1b17}.prov-siege-meter{height:7px;border:1px solid rgba(106,73,38,.36);background:linear-gradient(180deg,#d1bf97,#c8b185);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff73}.prov-siege-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f3cf64,#f07f53)}.prov-siege-note{font-size:11px;font-style:italic;color:#7a5b40}#province-section,#context-section{display:flex;flex-direction:column;min-width:0;min-height:0}#province-section{overflow:visible}#context-section{overflow:hidden}.context-head{display:flex;flex-direction:column;gap:2px}#context-heading{margin:0}#context-subtitle{font-size:10px;line-height:1.3;color:var(--ink-faint);letter-spacing:.02em}#context-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-height:0;align-content:start;overflow:auto;padding-right:4px}#province-debug{flex:1;min-height:0;overflow:auto;display:grid;gap:8px}#context-panel .unit-empty{grid-column:1 / -1;margin:0;padding:8px 2px;font-style:italic;color:var(--ink-faint)}#hand-panel{display:flex;justify-content:center;align-items:flex-end;gap:0;flex:1;min-height:100%;padding:0 18px;overflow:visible;position:relative;transform:translate(-4vw)}#hand-panel .hand-empty{grid-column:1 / -1;margin:0;align-self:center;text-align:center;color:#d9c28a;font-style:italic;letter-spacing:.02em}#hand-panel .card{width:clamp(172px,15.5vw,224px);min-height:276px;margin-left:-48px;transform:translateY(calc(92px + var(--card-depth, 16px))) rotate(var(--card-tilt, 0deg));transform-origin:center bottom;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;z-index:calc(20 + var(--card-order, 0))}.card.kind-unit{--card-accent-color: #78b4e8}.card.kind-trap{--card-accent-color: #e87878}.card.kind-fortification{--card-accent-color: #8ce878}.card.kind-ambush{--card-accent-color: #f06a6a}.card.kind-skill{--card-accent-color: #e8c878}.card.reward-category-relic{--card-accent-color: #7452cc}.card.reward-category-card{--card-accent-color: #b56f3f}.card.reward-category-building{--card-accent-color: #4d7f95}.card.reward-category-boon{--card-accent-color: #4f7d38}#hand-panel .card:first-child{margin-left:0}#hand-panel .card:hover,#hand-panel .card:focus-visible,#hand-panel .card.active{transform:translateY(-34px) rotate(0) scale(1.035);z-index:80}#hand-panel .card:not(:hover):not(.active){filter:saturate(.95)}.card{cursor:pointer;min-height:160px;border:1px solid var(--card-accent-color, var(--ink-soft));background:linear-gradient(180deg,#f0e2bc,#dec89a);padding:11px 11px 12px;font-size:13px;line-height:1.2;text-align:left;color:var(--ink);border-radius:2px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--parch) inset,0 0 0 2px var(--gold-deep) inset,0 2px #0000002e}.card:hover,.card.active{border-color:var(--card-accent-color, var(--gold-bright));background:linear-gradient(180deg,#f7eac8,#e6cf9e)}.card.active{box-shadow:0 0 0 1px #f0d66b40}.card-kind,.card-stats{display:none}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;padding-right:72px;min-height:24px}.card-name{display:block;color:var(--ink);font-weight:700;font-size:17px;line-height:1.05;padding-right:0;text-shadow:0 1px 0 rgba(255,255,255,.24)}.card-rules{flex:1 1 auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align:center;align-items:center;justify-content:center;color:#5b4630;font-size:12.5px;line-height:1.3;padding:6px 2px 4px;margin-top:2px;text-wrap:balance}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:6px;min-height:30px}.card-stat{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(40,30,16,.18);border-radius:2px;box-shadow:none;font-size:16px;font-weight:800;letter-spacing:0}.card-stat-value{line-height:1}.card-stat-health{background:#c96b70;color:#fff8f5}.card-stat-attack{background:#e4c866;color:#2c2110}.card-cost{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;gap:1px;min-height:14px;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.card-cost-coins{display:inline-flex;align-items:center;gap:1px}.card-cost-coin{width:11px;height:11px;display:block;image-rendering:pixelated;filter:none}.card-star{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:14px;height:14px;flex:0 0 14px;color:#d5ae3f;font-size:13px;line-height:1;text-shadow:none;transform:translateY(-1px)}.unit-command{cursor:pointer;border:1px solid var(--unit-command-accent, #6b4a20);background:linear-gradient(180deg,#2a1f12,#1a1108);padding:7px 8px 6px;font-size:10px;text-align:left;color:#e8d9b0;border-radius:2px;display:flex;flex-direction:column;gap:4px;position:relative}.unit-command-row{display:flex;align-items:stretch;gap:4px;min-width:0}.unit-command-row .unit-command{flex:1 1 auto;min-width:0}.unit-command:hover,.unit-command.active{border-color:var(--unit-command-accent, var(--gold-bright));background:#302314}.unit-command.active{box-shadow:0 0 0 1px #f0d66b40}.unit-command strong{display:block;color:#f5e6c0;margin:0;font-size:11px;line-height:1.05;padding-right:34px}.unit-command-count{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:0 5px;border-radius:999px;font-size:10px;line-height:1.35;font-weight:800;color:#5a3f12;background:#ffffff6b;border:1px solid rgba(111,79,16,.28);box-shadow:0 1px #ffffff47 inset}.unit-command>span:not(.unit-command-count){color:#c9b67a;font-size:10px}.unit-command .unit-command-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:11px;font-size:9px}.unit-command .unit-command-location{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-command .unit-command-flags{display:inline-flex;gap:3px;flex:0 0 auto}.unit-command .unit-command-flag{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:0 4px;border-radius:999px;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.unit-command .unit-command-flag.stealth{background:#3d234c57;border-color:#b891d67a;color:#f0dfff}.unit-command .unit-command-flag.reveal{background:#1f3d5457;border-color:#a5d2ec7a;color:#eff9ff}.unit-command-promote{cursor:pointer;flex:0 0 70px;border:1px solid rgba(132,104,28,.48);background:linear-gradient(180deg,#efdcae,#c8a96c);color:#4a2f17;font-family:inherit;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:2px;box-shadow:0 0 0 1px #ffffff29 inset,0 1px #ffffff29}.unit-command-promote:hover,.unit-command-promote.active{border-color:var(--gold-bright);background:linear-gradient(180deg,#f7e8be,#d9bc79)}.dice-tray{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 20%,#573a1280,#0b0e18eb),#080a12b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dice-panel{width:min(620px,calc(100vw - 28px));padding:20px 22px;display:flex;flex-direction:column;align-items:stretch;gap:14px;border:1px solid #8d6a2c;background:linear-gradient(180deg,#22170ef5,#0e121cf5);color:#ece3d3;box-shadow:0 0 0 1px #ffffff0f inset,0 18px 42px #0000008c}.dice-center{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 10px}.dice-headline{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;text-transform:uppercase;letter-spacing:.12em;color:#f7e7bf}.dice-headline-title{font-size:16px;font-weight:800}.dice-headline-score{font-size:34px;font-weight:900;line-height:1;color:#ffe08a;text-shadow:0 2px 0 #2a1608,0 0 16px rgba(255,196,64,.24)}.dice-headline-note{font-size:11px;color:#d3dbe6;letter-spacing:.04em}.dice-throw-btn{cursor:pointer;border:1px solid #f0c469;border-radius:999px;padding:9px 18px;background:linear-gradient(180deg,#f1d38f,#c87d20 60%,#7c3f0b);color:#2a1406;font-size:13px;font-weight:800;box-shadow:0 2px #5a3311,0 0 0 1px #00000029 inset}.dice-throw-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.dice-throw-btn:disabled{cursor:not-allowed;opacity:.72}.dice-helper{margin:0;max-width:20ch;text-align:center;font-size:11px;color:#c4cfdf}.dice-side{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:8px 10px 10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:linear-gradient(180deg,#ffffff05,#0000001a)}.dice-side-label{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#dde3eb}.dice-side-player{border-color:#f0c4694d;box-shadow:0 0 0 1px #0000002e inset,0 10px 22px #00000042}.dice-side-player.dice-side-attacker{background:linear-gradient(180deg,#3f240ff5,#1c120afa)}.dice-side-player.dice-side-defender{background:linear-gradient(180deg,#142a42f5,#0d1622fa);border-color:#8cc7ff52}.dice-side-opponent{opacity:.92}.dice-side-attacker .dice-side-label{color:#f7c178}.dice-side-defender .dice-side-label{color:#8cc7ff}.dice-side-enemy .dice-side-label{color:#d6dee8}.dice-side-player .dice-side-label{color:#fff0c2}.dice-side-player.dice-side-defender .dice-side-label{color:#cbe6ff}.dice-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:80px;align-items:center}.dice-side-player .dice-row{justify-content:center}.dice-bonus-row{display:flex;justify-content:center;margin-top:6px;gap:4px}.dice-bonus-chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:700;background:#f0c4692e;border:1px solid rgba(240,196,105,.35);color:#f7c178;line-height:1}.dice-bonus-chip-inline{display:inline;font-size:10px;font-weight:600;color:#f7c178;margin-left:2px}.dice-die{width:72px;height:72px;perspective:800px}.dice-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d}.dice-face{position:absolute;inset:0;display:block;overflow:hidden;padding:0;border:1px solid #7d6842;backface-visibility:hidden;background:linear-gradient(180deg,#f7f1df,#d7c79a);box-shadow:inset 0 0 0 1px #ffffff38}.dice-die.dice-attacker .dice-face{background:linear-gradient(180deg,#fff0d6,#ddb869)}.dice-die.dice-defender .dice-face{background:linear-gradient(180deg,#e6f0ff,#8baedb)}.dice-face-art{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:.58}.dice-face-front{transform:translateZ(36px)}.dice-face-back{transform:rotateY(180deg) translateZ(36px)}.dice-face-right{transform:rotateY(90deg) translateZ(36px)}.dice-face-left{transform:rotateY(-90deg) translateZ(36px)}.dice-face-top{transform:rotateX(90deg) translateZ(36px)}.dice-face-bottom{transform:rotateX(-90deg) translateZ(36px)}.dice-high-die{display:grid;place-items:center;perspective:800px}.dice-high-face{position:relative;width:100%;height:100%;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.22),transparent 48%),linear-gradient(180deg,#ffffff1f,#0000001f),linear-gradient(180deg,#f7e6bc,#b98a35);box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px #00000038;overflow:hidden;display:grid;place-items:center;transform-origin:center center}.dice-high-face.dice-high-rolling{animation:diceHighJitter .22s linear infinite}.dice-high-face.dice-high-rolling:before{content:"";position:absolute;inset:-18% -24%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 46%,transparent 60%);opacity:.75;animation:diceHighSheen .45s linear infinite;pointer-events:none}.dice-die.dice-attacker .dice-high-face{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.22),transparent 48%),linear-gradient(180deg,#ffffff1f,#0000001f),linear-gradient(180deg,#ffe5b7,#d09a35)}.dice-die.dice-defender .dice-high-face{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.24),transparent 48%),linear-gradient(180deg,#ffffff1f,#0000001f),linear-gradient(180deg,#d7ebff,#7faed7)}.dice-high-face:after{content:"";position:absolute;inset:8px;border-radius:8px;border:1px solid rgba(45,25,10,.14);pointer-events:none}.dice-high-tier{position:absolute;top:6px;left:6px;padding:1px 6px;border-radius:999px;background:#23190eb8;color:#f7eed3;font-size:.58rem;letter-spacing:.08em;font-weight:800;text-transform:uppercase;pointer-events:none}.dice-high-value{position:relative;z-index:1;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#2e1d10;text-shadow:0 1px 0 rgba(255,250,240,.88),0 0 8px rgba(255,255,255,.28);pointer-events:none}@keyframes diceHighJitter{0%,to{transform:translateY(0) rotate(-1deg) scale(1)}25%{transform:translateY(-1px) rotate(1deg) scale(1.02)}50%{transform:translateY(1px) rotate(-.5deg) scale(.99)}75%{transform:translateY(-1px) rotate(.8deg) scale(1.01)}}@keyframes diceHighSheen{0%{transform:translate(-18%)}to{transform:translate(18%)}}.dice-tray.dice-result .dice-headline-score{color:#fff0a4}.dice-tray.dice-result-attackerWon .dice-headline-score{color:#ffe06d}.dice-tray.dice-result-defenderHeld .dice-headline-score{color:#9be0ff}.dice-tray.dice-result-siegeProgress .dice-headline-score{color:#ffd089}.dice-tray.dice-rolling .dice-headline-score{animation:dicePulse .9s ease-in-out infinite}@keyframes dicePulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.dice-stats{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:4px}.dice-pairings{background:#00000038;border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.dice-pairings-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.09em;color:#d4d9e2;margin-bottom:4px}.dice-pairing{display:flex;align-items:center;gap:7px;font-size:.82rem;padding:2px 0;color:#e8dfcc}.dice-pairing-sep{color:#c2c9d3;font-size:.72rem}.dice-pairing-result{margin-left:auto;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em}.dice-pairing-atk-wins .dice-pairing-atk{color:#f7b87a;font-weight:700}.dice-pairing-atk-wins .dice-pairing-result{background:#dc641e38;color:#f7b87a;border:1px solid rgba(220,100,30,.3)}.dice-pairing-def-wins .dice-pairing-def{color:#80c8ff;font-weight:700}.dice-pairing-def-wins .dice-pairing-result{background:#3c8cff2e;color:#80c8ff;border:1px solid rgba(60,140,255,.28)}.dice-casualties{display:flex;flex-direction:column;gap:3px;font-size:.78rem;padding:4px 2px;color:#eadfcb}.dice-casualty-atk{color:#ffbe8c}.dice-casualty-def{color:#a5d6ff}.dice-siege-bar{padding:2px 0 0}.dice-siege-label{font-size:.74rem;color:#e7d9ab;margin-bottom:5px;text-transform:uppercase;letter-spacing:.07em}.dice-siege-track{height:7px;background:#ffffff14;border-radius:4px;overflow:hidden}.dice-siege-fill{height:100%;background:linear-gradient(to right,#7a4a1e,#e8b84a);border-radius:4px;transition:width .6s ease-out}.dice-unit-health{display:flex;flex-direction:column;gap:8px;padding:4px 2px 0}.dice-unit-health-group{display:flex;flex-direction:column;gap:3px}.dice-unit-health-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;opacity:.92;color:#e8ddd0}.dice-unit-health-atk .dice-unit-health-title{color:#ffbe8c}.dice-unit-health-def .dice-unit-health-title{color:#a5d6ff}.dice-unit-health-row{display:grid;grid-template-columns:5.5rem 1fr 3.5rem;align-items:center;gap:5px;font-size:.76rem}.dice-unit-health-row.dice-unit-dead{opacity:.45}.dice-unit-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:#f1e8d6}.dice-unit-hp-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.dice-unit-hp-fill{height:100%;border-radius:3px;transition:width .4s ease-out}.dice-unit-hp-label{text-align:right;font-variant-numeric:tabular-nums;color:#e5dccb;white-space:nowrap}.dice-unit-dead .dice-unit-hp-label{color:#ffb7a0}.dice-continue-btn{margin-top:10px;padding:9px 30px;background:linear-gradient(180deg,#3a5f26,#243d18);border:1px solid #6a9944;border-radius:999px;color:#d4edb8;font-family:inherit;font-size:.88rem;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:0 2px #1a2a0e,0 0 0 1px #00000029 inset;transition:filter .12s,transform .1s}.dice-continue-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}#action-status{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.5;min-height:2.5em}#action-status.is-error{color:#ffb0b0;text-shadow:0 0 10px rgba(255,96,96,.22)}.ui-invalid{animation:actionNudge .16s ease-out}@keyframes actionNudge{0%{transform:translate(0)}20%{transform:translate(-2px)}45%{transform:translate(2px)}70%{transform:translate(-1px)}to{transform:translate(0)}}#action-status.mode-deploy{color:#78d878}#action-status.mode-defense{color:#78a8f8}#action-status.mode-attack{color:#f87878}#action-status.mode-move{color:#c8f}.draft-gold-row{font-size:12px;color:#c3ccda;margin-bottom:6px}.draft-gold-row strong{color:#f2e090}.draft-over-budget{color:#f87878!important}.draft-queue-bar{display:flex;align-items:center;gap:6px;font-size:11px;color:#78d878;margin-bottom:6px;flex-wrap:wrap}.draft-clear-btn{cursor:pointer;background:none;border:1px solid #445a7c;color:#7a8898;font-size:10px;padding:2px 7px;border-radius:3px;margin-left:auto}.draft-clear-btn:hover{border-color:#f07878;color:#f07878}.draft-section-label{margin:6px 0 4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7a8898}.draft-help{margin:0 0 6px;font-size:11px;line-height:1.35;color:#d3c18d;opacity:.9}.draft-hand-full{color:#f0d7a0}.draft-market,.draft-upgrades{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:4px}.checkpoint-market{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.draft-card{min-height:68px}.checkpoint-reward-card{min-height:124px}.checkpoint-reward-card .card-name{font-size:13px}.checkpoint-reward-card .reward-description{font-size:11px}.draft-unaffordable{opacity:.45;cursor:not-allowed}.draft-queued-badge{display:inline-block;background:#78d878;color:#101a10;border-radius:3px;font-size:9px;padding:0 3px;margin-left:3px;vertical-align:middle;font-weight:700}.reward-description{margin-top:auto;color:#5f4b29;font-size:10px;line-height:1.35}#checkpoint-draft-overlay{position:fixed;inset:0;z-index:103;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto;box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#36261085,#080a12ed);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:checkpointFade .16s ease-out both}.checkpoint-card{width:min(900px,100%);max-width:900px;gap:14px;color:#f4ecd8;font-family:Georgia,Times New Roman,serif;animation:checkpointCardIn .18s ease-out both}.checkpoint-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.checkpoint-kicker{margin-bottom:2px}.checkpoint-title{margin:0}.checkpoint-round-pill{flex:0 0 auto;align-self:flex-start;padding:8px 12px;border:1px solid rgba(122,93,53,.42);border-radius:999px;background:linear-gradient(180deg,#f8edd6fa,#dfcb9bfa);color:#4a2f17;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.checkpoint-note{margin:0;font-size:13px;color:#d8c9ab;line-height:1.5}.checkpoint-summary{padding:10px 12px;background:linear-gradient(180deg,#f5edd9f5,#e4d4adf5);border:1px solid rgba(122,93,53,.22);border-radius:6px;color:#4a2f17;font-size:13px;line-height:1.5;box-shadow:inset 0 0 0 1px #ffffff47,0 1px #ffffff26}.checkpoint-summary strong{color:#2f6b3a}.checkpoint-actions{justify-content:space-between;align-items:center}.checkpoint-actions .lobby-btn{min-width:120px}.checkpoint-clear-btn{background:linear-gradient(180deg,#efe2c4,#d4c190 56%,#b59a5e);border-color:#7a5d35;color:#4a3520}.checkpoint-clear-btn:hover:not(:disabled){background:linear-gradient(180deg,#f3e8c9,#ddca98 56%,#c3a86a)}.checkpoint-confirm-btn{box-shadow:0 1px #f6edd6 inset,0 2px #23421f}.checkpoint-empty{min-width:min(420px,100%)}@keyframes checkpointFade{0%{opacity:0}to{opacity:1}}@keyframes checkpointCardIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}#lobby-overlay{position:fixed;inset:0;background:#0a0e16eb;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lobby-card{background:#171d27;border:1px solid #303848;border-radius:8px;padding:32px 28px;min-width:320px;max-width:480px;width:100%;display:flex;flex-direction:column;gap:14px}.lobby-card-wide{max-width:560px}.lobby-title{margin:0;font-size:22px;color:#f0d66b;font-weight:700}.lobby-subtitle{margin:0;font-size:13px;color:#7a8898}.lobby-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.lobby-you{font-size:12px;color:#7a8898}.lobby-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#a0aabb}.lobby-input{background:#1c2434;border:1px solid #354050;color:#f2ead8;font-size:13px;padding:7px 10px;border-radius:4px;outline:none;font-family:inherit}.lobby-input:focus{border-color:#f0d66b}.lobby-select{background:#1c2434;border:1px solid #354050;color:#f2ead8;font-size:13px;padding:7px 10px;border-radius:4px;outline:none;font-family:inherit;flex:1}.lobby-inline{display:flex;gap:8px;align-items:center}.lobby-seed-input{flex:1;min-width:180px}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap}.lobby-btn{cursor:pointer;background:#293650;border:1px solid #445a7c;color:#a8c0e8;font-size:13px;padding:8px 18px;border-radius:4px;font-family:inherit;white-space:nowrap}.lobby-btn:hover{background:#354870;border-color:#6888b4;color:#d0e4ff}.lobby-btn-primary{background:#2a4a28;border-color:#4a7a48;color:#88d888}.lobby-btn-primary:hover{background:#3a6038;border-color:#68a868;color:#a8f0a8}.ui-pulse{animation:uiPulse .18s ease-out}.lobby-btn-sm{font-size:11px;padding:5px 12px}.lobby-error{margin:0;font-size:12px;color:#f87878;background:#f8787814;border:1px solid rgba(248,120,120,.25);border-radius:4px;padding:6px 10px}.lobby-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.lobby-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding:6px 8px;background:#1c2434;border-radius:4px}.lobby-empty{margin:0;font-size:12px;color:#7a8898;text-align:center;padding:12px 0}.lobby-create-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lobby-player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.lobby-player-item{font-size:13px;padding:6px 10px;background:#1c2434;border-radius:4px;color:#c3ccda}.lobby-player-you{border:1px solid #445a7c;color:#a8c0e8}.lobby-waiting-msg{margin:0;font-size:12px;color:#7a8898;text-align:center}#tutorial-overlay{position:fixed;inset:0;background:#0a0e16e6;display:flex;align-items:center;justify-content:center;z-index:101;padding:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tutorial-card{width:min(720px,100%);gap:14px}.tutorial-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tutorial-kicker{margin-bottom:2px}.tutorial-title{margin:0}.tutorial-step-count{align-self:flex-start;font-size:11px;font-weight:700;color:#6b4a20;background:#ffffff59;border:1px solid rgba(107,74,32,.2);border-radius:999px;padding:4px 8px}.tutorial-note{margin:0;font-size:12px;color:#6b5d49}.tutorial-stepper{display:flex;flex-wrap:wrap;gap:6px}.tutorial-step-pill{min-width:0;text-transform:uppercase;letter-spacing:.06em;border-color:#7a5d3566;background:linear-gradient(180deg,#f5ecd3f5,#d7c596f5);color:#5a3311}.tutorial-step-pill.active{background:linear-gradient(180deg,#7a1f1f,#5e1414);border-color:#f0c469;color:#f5e6c0}.tutorial-body{background:#ffffff47;border:1px solid rgba(122,93,53,.28);border-radius:6px;padding:14px 14px 12px;box-shadow:inset 0 0 0 1px #ffffff38}.tutorial-phase{margin:0 0 4px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#7a1f1f;font-weight:700}.tutorial-step-title{margin:0 0 6px;color:#4a3520;font-size:18px}.tutorial-step-copy{margin:0 0 10px;font-size:13px;color:#3e2d1a;line-height:1.45}.tutorial-bullets{margin:0;padding-left:18px;display:grid;gap:5px;color:#4a3520;font-size:12px;line-height:1.4}.tutorial-actions{justify-content:space-between;align-items:center}.tutorial-actions .lobby-btn{min-width:84px}.victory-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#0a0c14b3,#06080eeb);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:victoryFade .36s ease-out both}@keyframes victoryFade{0%{opacity:0}to{opacity:1}}.victory-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 40px;min-width:340px;text-align:center;border:1px solid #8d6a2c;border-radius:6px;background:linear-gradient(180deg,#22170ef7,#0e121cf7);box-shadow:0 18px 50px #0009,0 0 0 1px #ffffff0d inset}.victory-title{margin:0;font-size:40px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.victory-win .victory-title{color:#ffe06d;text-shadow:0 2px 0 #2a1608,0 0 22px rgba(255,196,64,.4)}.victory-loss .victory-title{color:#ff7a6b;text-shadow:0 2px 0 #2a0a08,0 0 22px rgba(255,80,60,.35)}.victory-sub{margin:0;max-width:32ch;font-size:13px;line-height:1.5;color:#c2cad8}.victory-btn{margin-top:6px;cursor:pointer;border:1px solid #f0c469;border-radius:999px;padding:10px 24px;background:linear-gradient(180deg,#f1d38f,#c87d20 60%,#7c3f0b);color:#2a1406;font-size:14px;font-weight:800;box-shadow:0 2px #5a3311,0 0 0 1px #00000029 inset}.victory-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}#turn-summary-overlay{position:fixed;inset:0;z-index:102;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto;box-sizing:border-box;background:radial-gradient(circle at 50% 28%,#2b1e0c9e,#080a12eb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:turnSummaryFade .16s ease-out both}.turn-summary-card{width:min(720px,100%);max-width:680px;gap:12px;color:#f4ecd8;font-family:Georgia,Times New Roman,serif;animation:turnSummaryCardIn .18s ease-out both}.turn-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.turn-summary-kicker{margin-bottom:2px}.turn-summary-title{margin:0}.turn-summary-note{margin:0;font-size:12px;color:#d8c9ab;line-height:1.45}.turn-summary-next{flex:0 0 auto;align-self:flex-start;padding:7px 11px;border:1px solid rgba(122,93,53,.42);border-radius:999px;background:linear-gradient(180deg,#f8edd6fa,#dfcb9bfa);color:#4a2f17;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.turn-summary-sections{display:grid;gap:8px}.turn-summary-section{padding:8px 10px;background:linear-gradient(180deg,#f5edd9fa,#e6d5adfa);border:1px solid rgba(122,93,53,.22);border-left-width:4px;border-left-color:var(--section-accent, #b59a5e);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff47,0 1px #ffffff26}.turn-summary-section-development{--section-accent: #4f7d38}.turn-summary-section-deploymentDefense{--section-accent: #4d7f95}.turn-summary-section-attack{--section-accent: #a23a2a}.turn-summary-section-resolution{--section-accent: #7452cc}.turn-summary-section-checkpoint{--section-accent: #c87d20}.turn-summary-section-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:4px}.turn-summary-section-badges{display:inline-flex;align-items:center;gap:6px}.turn-summary-section-title{color:#422810;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.turn-summary-section-badge{flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5a3311;background:#fff7e4e0;border:1px solid rgba(122,93,53,.22);border-radius:999px;padding:2px 7px}.turn-summary-section-count{flex:0 0 auto;min-width:20px;text-align:center;font-size:9px;font-weight:800;letter-spacing:.05em;color:#4a2f17;background:#fff7e4b8;border:1px solid rgba(122,93,53,.18);border-radius:999px;padding:2px 5px}.turn-summary-lines{display:grid;gap:4px}.turn-summary-line{display:grid;grid-template-columns:minmax(70px,.8fr) minmax(0,2.2fr);gap:8px;align-items:start;border-top:1px dashed rgba(122,93,53,.18);padding-top:4px;font-size:12px;line-height:1.35}.turn-summary-line:first-child{border-top:0;padding-top:0}.turn-summary-line-label{min-width:0;color:#3e2510;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.turn-summary-line-detail{flex:1;text-align:left;color:#2f1d0d;line-height:1.35}.turn-summary-tone-good .turn-summary-line-label{color:#2f6b3a}.turn-summary-tone-bad .turn-summary-line-label{color:#a23a2a}.turn-summary-actions{justify-content:flex-end}@keyframes turnSummaryFade{0%{opacity:0}to{opacity:1}}@keyframes turnSummaryCardIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes uiPulse{0%{filter:brightness(1)}40%{filter:brightness(1.12)}to{filter:brightness(1)}}@media(max-width:860px){#app{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) clamp(120px,18vh,180px) minmax(220px,40vh)}#game-root{grid-column:1;grid-row:1}#card-bar{grid-column:1;grid-row:2}#hud{grid-column:1;grid-row:3;border-top:1px solid #303848;overflow:auto}#province-popup{width:clamp(220px,70vw,320px)}#hand-panel{justify-content:flex-start;overflow-x:auto;padding-bottom:0;transform:none}#hand-panel .card{min-width:134px;transform:translateY(calc(86px + var(--card-depth, 16px))) rotate(var(--card-tilt, 0deg))}#hand-panel .card:hover,#hand-panel .card:focus-visible,#hand-panel .card.active{transform:translateY(18px) rotate(0) scale(1.035)}#context-panel{max-height:260px}#tutorial-overlay{padding:12px}.tutorial-card{gap:12px}.tutorial-header{flex-direction:column}.tutorial-actions{justify-content:stretch}.tutorial-actions .lobby-btn{flex:1 1 120px}#checkpoint-draft-overlay{padding:12px}.checkpoint-card{gap:12px;padding:24px 18px}.checkpoint-header{flex-direction:column}.checkpoint-market{grid-template-columns:1fr}.checkpoint-actions{justify-content:stretch}.checkpoint-actions .lobby-btn{flex:1 1 120px}#turn-summary-overlay{padding:12px}.turn-summary-card{gap:10px;padding:24px 18px}.turn-summary-header{flex-direction:column}.turn-summary-next{align-self:flex-start}.turn-summary-line{flex-direction:column;display:flex;gap:2px}.turn-summary-line-detail{text-align:left}.turn-summary-actions{justify-content:stretch}.turn-summary-actions .lobby-btn{flex:1 1 120px}}#map-legend{position:absolute;right:14px;top:14px;z-index:12;font-family:Georgia,Times New Roman,serif;color:#f2e4c2}#map-legend-toggle{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #6b4a20;background:linear-gradient(180deg,#2a1c10f0,#181009f0);color:#f2e4c2;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:0 2px #120a04,0 6px 18px #00000061}#map-legend-toggle:hover{border-color:var(--gold-bright)}#map-legend-toggle .legend-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--burgundy);color:#f5e6c0;font-size:11px;font-weight:800}#map-legend:not(.collapsed) .legend-toggle-text:after{content:" ▾"}#map-legend.collapsed .legend-toggle-text:after{content:" ▸"}#map-legend-body{margin-top:6px;width:230px;max-height:60vh;overflow-y:auto;padding:10px 12px 12px;border:1px solid #6b4a20;background:linear-gradient(180deg,#2a1c10f7,#140d07f7);box-shadow:0 2px #120a04,0 8px 22px #00000073}#map-legend-body h3{margin:8px 0 4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright)}#map-legend-body h3:first-child{margin-top:0}#map-legend-body ul{list-style:none;margin:0;padding:0}#map-legend-body li{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;padding:1px 0}.legend-swatch{flex:0 0 auto;width:16px;height:12px;border:1px solid rgba(0,0,0,.5);border-radius:2px}.legend-swatch.dashed{background:transparent;border:2px dashed #b5732f}.legend-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:3px;background:#00000052;font-size:11px;font-weight:800}.legend-chip.flag-s{background:#2a3550;color:#9fd8ff}.legend-chip.flag-r{background:#4a3a16;color:#ffd96b}.legend-meter{flex:0 0 auto;position:relative;width:16px;height:8px;border:1px solid rgba(0,0,0,.5);border-radius:2px;background:#0006;overflow:hidden}.legend-meter>span{position:absolute;inset:0 40% 0 0;background:var(--burgundy)}.reward-rarity-badge{display:inline-block;align-self:flex-start;padding:.1rem .45rem;border-radius:.6rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.reward-rarity-badge-common{background:#94a3b82e;color:#b7c2d0;border:1px solid rgba(148,163,184,.4)}.reward-rarity-badge-uncommon{background:#4ade8024;color:#7fe3a3;border:1px solid rgba(74,222,128,.45)}.reward-rarity-badge-rare{background:#c084fc29;color:#d3a8ff;border:1px solid rgba(192,132,252,.5)}.checkpoint-reward-card.reward-rarity-rare{box-shadow:0 0 10px #c084fc40}.draft-queue-item{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .25rem .1rem .5rem;border-radius:.6rem;background:#94a3b81f;border:1px solid rgba(148,163,184,.3);font-size:.7rem}.draft-queue-remove{border:none;background:transparent;color:#e08a8a;font-size:.85rem;line-height:1;cursor:pointer;padding:0 .2rem}.draft-queue-remove:hover{color:#ff6b6b}.dice-odds{margin:.35rem 0 0;font-size:.74rem;color:#cdd6e0;opacity:.9;text-align:center}.prov-income{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.prov-income-suffix{font-size:11px;color:#8a7a58;font-style:italic}.prov-stats{display:flex;gap:6px;flex-wrap:wrap}.prov-stat{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:4px 8px 3px;background:#ffffff57;border:1px solid rgba(111,79,16,.18);border-radius:3px}.prov-stat-num{font-size:15px;font-weight:800;color:#4a3010;line-height:1.1}.prov-stat-of{font-size:11px;font-weight:700;color:#8a7a58}.prov-stat-label{font-size:10px;letter-spacing:.04em;color:#7a6646;text-transform:uppercase}.prov-building-img{width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.18))}.prov-building-empty{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px dashed rgba(111,79,16,.45);border-radius:3px;color:#6f4f108c;font-weight:800;font-size:13px;background:#ffffff2e}.draft-section-label--upgrade{color:#5cb85c}.draft-section-label--done{color:#898}.card-upgrade-deltas{display:block;font-size:10px;color:#5cb85c;margin:1px 0 3px;line-height:1.3}.card--upgraded-done{opacity:.6;pointer-events:none;cursor:default}.card-drag-ghost{position:fixed;z-index:9999;pointer-events:none;padding:4px 8px;border-radius:4px;background:#141820eb;border:1px solid #8a7a4a;color:#e8d8a0;font-size:12px;font-weight:600;box-shadow:0 4px 16px #00000080;transform:scale(.7);transform-origin:top left;white-space:nowrap}.card.dragging{opacity:.4;box-shadow:0 2px 8px #0006}#action-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:100;padding:6px 16px;border-radius:6px;background:#10141cf0;border:1px solid rgba(180,160,100,.35);color:#c8c0a8;font-size:12px;font-weight:500;pointer-events:none;transition:opacity .35s ease;max-width:70vw;text-align:center;box-shadow:0 2px 12px #00000073}#action-toast.is-error{border-color:#dc503c99;color:#f0a090}.checkpoint-reward-card.active{border-color:#d4a843;box-shadow:0 0 0 2px #d4a84373;transform:scale(1.03)}.draft-section-label--trade{color:#d4a843}.trade-set-btn{display:block;width:100%;padding:6px 10px;border:1px solid rgba(212,168,67,.35);border-radius:5px;background:#d4a84314;color:#d4a843;font-size:11px;font-weight:600;cursor:pointer;text-align:center;margin-bottom:6px}.trade-set-btn:hover{background:#d4a8432e}.event-kicker{color:#c8a040}.event-desc{margin:4px 0 8px;line-height:1.4}.event-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.event-option-btn{padding:8px 12px;border:1px solid rgba(180,160,100,.3);border-radius:5px;background:#1e232dcc;color:#c8c0a8;font-size:12px;cursor:pointer;text-align:left}.event-option-btn:hover{background:#3c372d80}.event-option-btn.active{border-color:#c8a040;background:#c8a04026;color:#e8d8a0}.capital-note{color:#d4a843;font-size:10px;font-style:italic;margin-top:2px}#event-overlay{position:fixed;inset:0;z-index:104;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto;box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#221c368c,#080a12ed);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:checkpointFade .16s ease-out both}.build-upgrade-hint{margin-top:8px;font-weight:600;opacity:.85}.build-option.build-upgrade{border-color:#d4af378c;background:linear-gradient(180deg,#d4af371a,#d4af3708)}.build-option.build-upgrade:not(:disabled):hover{border-color:#d4af37e6}