@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&display=swap";:root{--hud-top-font: 14px;--hud-status-font: 12px;--bbar-btn-size: 56px;--bbar-label-font: 9px;--circle-btn-size: 56px;--bar-pad-x: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{margin:0;padding:0;background:#2a1e14;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;-webkit-tap-highlight-color:transparent}.hud-stage,#hud-stage,#board,#board-canvas,.hex-tile,[data-unit-id]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;-webkit-user-select:none;user-select:none}body{display:flex;flex-direction:column;align-items:stretch}#hud-root{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;overflow:hidden;position:relative}#hud-root[hidden]{display:none}#hud-stage{flex:1;min-height:0;overflow:hidden;position:relative;background:#2a1810;cursor:grab;touch-action:none}#hud-stage.panning{cursor:grabbing}.hud-top__status{flex:1;font:600 var(--hud-status-font, 12px)/1 Georgia,serif;color:#c4a870;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:none;visibility:hidden}#board-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.tile--captured-red svg{filter:sepia(1) saturate(3) hue-rotate(300deg) brightness(.85) opacity(.55)}.tile--captured-blue svg{filter:sepia(1) saturate(3) hue-rotate(180deg) brightness(.85) opacity(.55)}.tile--flash-move svg{filter:sepia(1) saturate(4) hue-rotate(80deg) brightness(1.1) opacity(.8)}.tile--flash-attack svg{filter:sepia(1) saturate(4) hue-rotate(320deg) brightness(1.1) opacity(.8)}.tile--flash-damage svg{filter:sepia(1) saturate(5) hue-rotate(320deg) brightness(1) opacity(.9)}.tile--flash-capture svg{filter:sepia(1) saturate(4) hue-rotate(30deg) brightness(1.2) opacity(.8)}.capture-badge{position:absolute;display:flex;align-items:center;gap:2px;font-size:11px;font-weight:700;line-height:1;pointer-events:none;z-index:5;background:#1a1008;border-radius:8px;padding:2px 5px 2px 3px;bottom:16%}.capture-badge[hidden]{display:none}.capture-badge--red{color:#ff7070;left:50%;transform:translate(-108%)}.capture-badge--blue{color:#70a8ff;left:50%;transform:translate(8%)}.unit--flash-damage .unit__face{background:#f44336!important}.unit--flash-heal .unit__face{background:#6d8!important}#action-bar{flex-shrink:0;position:relative}#start-menu{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#2a1a0d;background-image:repeating-linear-gradient(92deg,rgba(20,10,4,.45) 0 1px,transparent 1px 5px),repeating-linear-gradient(89deg,rgba(255,225,190,.05) 0 1px,transparent 1px 7px),repeating-linear-gradient(91deg,rgba(20,10,4,.3) 0 2px,transparent 2px 11px),repeating-linear-gradient(90deg,#3c261200 0,#3c261200 40px,#140b0559 60px,#3c261200 90px),radial-gradient(ellipse 95% 75% at 50% 38%,#4a2f16,#160d05 78%);display:flex;align-items:center;justify-content:flex-start;z-index:1100;gap:24px;flex-direction:column;overflow-y:auto;padding:calc(24px + var(--safe-top)) calc(16px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left))}#start-menu>*{margin-block:auto}#start-menu .parchment-panel{min-width:min(320px,100%);max-width:480px}#start-menu #picker-card,#picker-card{min-width:min(640px,100%);max-width:820px;width:90vw;margin:0 auto}.picker-side{margin-bottom:16px}.picker-side__title{font-size:15px;font-weight:700;margin:0 0 8px}.picker-side__title--red{color:#d04040}.picker-side__title--blue{color:#4070d0}.picker-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.picker-slot{display:flex;flex-direction:column;gap:4px;min-width:0}.picker-slot-label{font-size:11px;color:#7a6040;text-align:center}.picker-slot .dropdown{font-size:12px;width:100%;min-width:0}.picker-slot .dropdown__trigger{width:100%;min-width:0}.picker-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.hud-circle-btn--active{background:#5a3a1a!important;box-shadow:0 0 0 2px #c4a870 inset!important}#board.replay-mode,.hud-top.replay-mode{filter:saturate(.2) brightness(.88)}.replay-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#1e140c;border-top:2px solid #3a2a1a;padding:12px 16px;min-height:110px;flex-shrink:0}.replay-bar__label{font:600 13px/1 Georgia,serif;color:#c4a870;white-space:nowrap;flex:1;text-align:center}.replay-bar__nav{display:flex;gap:8px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:flex-start;z-index:2000;overflow-y:auto;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}.modal-overlay>*{margin-block:auto}@media (max-width: 600px){.picker-slots{grid-template-columns:repeat(2,1fr)}.picker-slot-label{font-size:12px}.picker-slot .dropdown{font-size:13px}.picker-side__title{font-size:16px}.picker-actions>*{flex:1 1 auto}.picker-unit-cards{display:grid!important;grid-template-columns:repeat(3,1fr);justify-items:center}.picker-unit-card{flex:0 0 auto!important;width:100%!important;max-width:92px}.picker-unit-card__name{white-space:normal!important}}@media (max-width: 380px){.picker-slots{grid-template-columns:1fr}}.board-parchment{position:relative;display:inline-block;line-height:0}.board-parchment__sheet{display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.board-parchment>.board{position:absolute}.board{position:relative;display:inline-block;line-height:0;isolation:isolate}.board__cell{position:absolute;transform:translate(-50%,-50%)}.board__unit{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.board__unit--ghost{z-index:1}.board__unit--animated{left:0;top:0;transition:transform 1s cubic-bezier(.45,.05,.35,1);will-change:transform}.board__order{position:absolute;pointer-events:none;z-index:1}.board__order--attack{z-index:3}.board .board__option.order-option{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.board-parchment__hud{position:absolute;display:flex;flex-direction:column;gap:18px;z-index:1}.board-parchment__hud-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.board-parchment__hud-buttons{display:flex;flex-direction:column;gap:10px;margin-top:auto}.unit{--size: 96px;--rim-mid: #b88a3a;--rim-edge: #8a5a1c;--icon-color: #2a1a04;position:relative;width:var(--size);height:var(--size);border-radius:50%;flex-shrink:0;background:var(--rim-edge);box-shadow:0 3px 5px #00000073,inset 0 2px 1px #ffffff26,inset 0 -2px 2px #00000073;will-change:transform;transform:translateZ(0)}.unit--ghost{opacity:.45;filter:saturate(.7);box-shadow:inset 0 2px 1px #ffffff26,inset 0 -2px 2px #0000004d}.unit--ghost .unit__hp{display:none}.unit--selected{box-shadow:0 3px 5px #00000073,inset 0 2px 1px #ffffff26,inset 0 -2px 2px #00000073,0 0 0 4px #ffffffd9,0 0 14px 6px #ffffffd9,0 0 28px 12px #ffffff8c,0 0 48px 20px #ffffff40}.unit--red{--rim-mid: #c43a2a;--rim-edge: #8a1f15;--icon-color: #5a1208}.unit--blue{--rim-mid: #3a73c4;--rim-edge: #1d4a8a;--icon-color: #082458}.unit--green{--rim-mid: #4f9a3a;--rim-edge: #2c6320;--icon-color: #0d3208}.unit--purple{--rim-mid: #8a4ec4;--rim-edge: #5a2a8a;--icon-color: #2a0858}.unit__face{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:var(--rim-mid);box-shadow:inset 0 2px 2px #ffffff26,inset 0 -2px 2px #00000073;display:flex;align-items:center;justify-content:center;overflow:hidden}.unit__icon{position:relative;width:67%;height:67%;z-index:1;color:var(--icon-color);filter:drop-shadow(0 1px 0 rgba(255,255,255,.2)) drop-shadow(0 -1px 0 rgba(0,0,0,.55))}.unit__icon svg{width:100%;height:100%;display:block}.unit__stars{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.unit__stars[data-stars="3"] .unit__star:nth-child(1){--angle: 210deg}.unit__stars[data-stars="3"] .unit__star:nth-child(2){--angle: 270deg}.unit__stars[data-stars="3"] .unit__star:nth-child(3){--angle: 330deg}.unit__star{position:absolute;top:50%;left:50%;width:18%;height:18%;margin-top:-9%;margin-left:-9%;transform:rotate(var(--angle)) translateY(-120%) rotate(calc(-1 * var(--angle)));font-size:0;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--icon-color)}.unit__star:before{content:"★";font-size:140%;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.2),0 -1px 0 rgba(0,0,0,.55)}.unit__face:has(.unit__stars) .unit__icon{width:54%;height:54%}.unit__hp{position:absolute;left:50%;bottom:-4px;transform:translate(-50%);z-index:2;min-width:32px;padding:5px 7px 2px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2a1810,#1a0e07);box-shadow:inset 0 1px #ffdca059,inset 0 -1px #0009,0 1px 2px #0009;color:#f1d98a;font:700 21px/1 Cinzel,serif;letter-spacing:.04em;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.8),0 0 4px rgba(180,120,40,.4);white-space:nowrap}.unit__hp--low{color:#f3a06a}.unit__hp--critical{color:#ff7a5c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#2a1810;color:#f1e4c2;font:14px/1.4 Georgia,Times New Roman,serif;overflow:hidden}#hud-root{position:relative;display:flex;flex-direction:column;width:100vw;max-width:100%;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden}.hud-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:max(6px,var(--safe-top, 0px)) max(14px,var(--safe-right, 0px)) 6px max(14px,var(--safe-left, 0px));background:linear-gradient(180deg,#3a2418b3,#1f120ab3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid rgba(26,14,7,.6);font:700 var(--hud-top-font, 14px)/1 "Cinzel",serif;letter-spacing:.04em;color:#f1d98a;text-shadow:0 1px 0 rgba(0,0,0,.6)}.hud-top__turn{font-size:16px;color:#fbe9b0;padding:2px 8px;border-radius:4px;background:#00000040;border:1px solid rgba(241,217,138,.3)}.hud-top__group{display:inline-flex;align-items:center;gap:4px}.hud-top__num{font:700 14px/1 Cinzel,serif;color:#f1d98a}.hud-top__income{display:inline-flex;align-items:center;gap:2px;color:#b6e08a;font:600 12px/1 Cinzel,serif}.hud-top__coin{display:inline-flex!important;vertical-align:middle}.hud-top__sprite{flex-shrink:0}.hud-top__menu{margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#f1d98a;width:36px;height:36px;padding:0;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.hud-top__menu:hover{background:#ffffff14}.hud-top__menu .icon{width:100%;height:100%;display:inline-flex}.hud-top__menu svg{width:100%;height:100%;display:block}.hud-stage{flex:1;background:radial-gradient(ellipse at center,#f7eedb,#d9c89a 90%);min-height:0;display:flex;align-items:center;justify-content:center}.hud-stage__unit{cursor:pointer}.hud-floating-actions{position:absolute;left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;max-width:420px;padding:12px var(--bar-pad-x, 16px);padding-bottom:max(12px,var(--safe-bottom, 0px));box-sizing:border-box;display:flex;justify-content:flex-end;gap:12px;align-items:center;z-index:2;background:#28282873;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top-left-radius:12px;border-top-right-radius:12px;border-top:1px solid rgba(255,255,255,.12);transition:opacity .18s ease,transform .18s ease}.hud-root--selected .hud-floating-actions{opacity:0;transform:translateY(8px);pointer-events:none}.hud-end-turn-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.hud-end-turn-label{color:#f1d98a;font-weight:700;font-size:14px;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none}.hud-circle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:var(--circle-btn-size, 56px);height:var(--circle-btn-size, 56px);border-radius:50%;cursor:pointer;padding:0;background:radial-gradient(ellipse at 50% 30%,#7a5640,#4a3525 80%);color:#f1d98a;box-shadow:inset 0 1px #ffdca033,inset 0 -2px 3px #00000073,0 2px 4px #0006;display:inline-flex;align-items:center;justify-content:center;transition:transform .05s ease,filter .12s ease}.hud-circle-btn:hover{filter:brightness(1.15)}.hud-circle-btn:active{transform:translateY(1px)}.hud-circle-btn--disabled,.hud-circle-btn:disabled{cursor:default;background:radial-gradient(ellipse at 50% 30%,#555049,#322e29 80%);color:#8a8680;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 3px #0006}.hud-circle-btn--disabled .icon svg,.hud-circle-btn:disabled .icon svg{filter:grayscale(1) opacity(.55)}.hud-circle-btn--disabled:hover,.hud-circle-btn:disabled:hover{filter:none}.hud-circle-btn--disabled:active,.hud-circle-btn:disabled:active{transform:none}.hud-circle-btn--end-turn{color:#6cd66a}.hud-circle-btn--end-turn .icon svg{filter:drop-shadow(0 0 4px rgba(108,214,106,.45))}.hud-circle-btn--tech{color:#6aa3ff}.hud-circle-btn--tech .icon svg{filter:drop-shadow(0 0 4px rgba(106,163,255,.45))}.hud-circle-btn--replay{color:#b8bcc4}.hud-circle-btn--replay .icon svg{filter:drop-shadow(0 0 3px rgba(184,188,196,.3))}.hud-circle-btn .icon{width:56%;height:56%;display:inline-flex}.hud-circle-btn svg{width:100%;height:100%;display:block}.hud-bottom-slot{position:absolute;left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;max-width:720px;z-index:3}.hud-bottom-slot:empty{display:none}.hud-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:flex-start;z-index:100;padding:calc(16px + var(--safe-top, 0px)) calc(16px + var(--safe-right, 0px)) calc(16px + var(--safe-bottom, 0px)) calc(16px + var(--safe-left, 0px));overflow-y:auto}.hud-modal-overlay>*{margin-block:auto}@media (max-width: 600px){:root{--hud-top-font: 15px;--hud-status-font: 13px;--bbar-btn-size: 58px;--bbar-label-font: 10px;--circle-btn-size: 56px;--bar-pad-x: 12px}.hud-top{gap:10px}.hud-top__menu{width:44px;height:44px}.hud-bottom-slot{max-width:none}.hud-floating-actions{max-width:none;justify-content:space-around;gap:8px}}@media (orientation: landscape) and (max-height: 480px){:root{--hud-top-font: 13px;--hud-status-font: 12px;--bbar-btn-size: 46px;--bbar-label-font: 9px;--circle-btn-size: 46px}.hud-top{gap:8px;padding-top:max(2px,var(--safe-top, 0px));padding-bottom:2px}.hud-top__menu{width:38px;height:38px}.bottom-bar__top{padding-top:3px;padding-bottom:3px}.bottom-bar__scroller{padding-top:5px;padding-bottom:max(5px,var(--safe-bottom, 0px))}.hud-floating-actions{padding-top:6px;padding-bottom:max(6px,var(--safe-bottom, 0px))}}@media (min-width: 601px) and (max-width: 1024px){:root{--hud-top-font: 15px;--hud-status-font: 13px;--bbar-btn-size: 60px;--bbar-label-font: 10px;--circle-btn-size: 60px}.hud-top__menu{width:44px;height:44px}}.coin{--size: 64px;display:inline-block;width:var(--size);height:calc(var(--size) * 1.4);line-height:0;vertical-align:middle}.coin__svg{display:block;width:100%;height:100%;overflow:visible}.hex-tile{position:relative;display:inline-block;line-height:0}.hex-tile__svg{display:block;overflow:visible}.hex-tile__poly{fill:#dce0b8;stroke:#a48f71;stroke-width:1;stroke-linejoin:round}.hex-tile__poly--filled{fill:#dce0b8}.hex-tile[data-terrain=mountain] .hex-tile__poly--filled{fill:#e8dac3}.hex-tile[data-terrain=forest] .hex-tile__poly--filled{fill:#becd96}.hex-tile[data-terrain=village] .hex-tile__poly--filled{fill:#eedbb5}.hex-tile[data-terrain=city] .hex-tile__poly--filled{fill:#ecd7b1}.hex-tile[data-terrain=water] .hex-tile__poly--filled{fill:#e1dac7}.hex-tile[data-terrain=foundation] .hex-tile__poly--filled{fill:#f0e0b5}.damage-counter{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 8px;border-radius:999px;background:#0000008c;font:700 16px/1 Cinzel,serif;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.6)}.damage-counter[hidden]{display:none}.damage-counter--negative{color:#ff7a5c}.damage-counter--positive{color:#6cd66a}.order{display:inline-block;line-height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));pointer-events:none}.order__svg{display:block;overflow:visible}.order-option{position:relative;display:inline-block;line-height:0;pointer-events:none}.order-option__svg{display:block;overflow:visible}.tooltip{position:absolute;top:0;left:0;z-index:1000;max-width:320px;padding:10px 14px;border-radius:6px;background:#140c06d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#f1e4c2;font:400 13px/1.45 Georgia,Times New Roman,serif;text-shadow:0 1px 0 rgba(0,0,0,.6);box-shadow:0 6px 16px #00000080;pointer-events:none;opacity:0;transform:scale(.96);transition:opacity .12s ease,transform .12s ease}.tooltip--visible{opacity:1;transform:scale(1)}.tooltip__body{display:block}.tooltip__arrow{position:absolute;width:0;height:0;background:transparent;border:6px solid transparent}.tooltip__arrow[data-side=top]{border-top-color:#140c06d1;border-bottom:0}.tooltip__arrow[data-side=bottom]{border-bottom-color:#140c06d1;border-top:0}.tooltip__arrow[data-side=left]{border-left-color:#140c06d1;border-right:0}.tooltip__arrow[data-side=right]{border-right-color:#140c06d1;border-left:0}.damage-calc{display:inline-flex;flex-direction:column;gap:10px;min-width:320px;padding:14px 16px 12px;border-radius:8px;background:#140c06e6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 18px #0000008c;color:#f1e4c2;font-family:Georgia,Times New Roman,serif}.damage-calc__cols{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start}.damage-calc__side{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.damage-calc__seal{flex-shrink:0}.damage-calc__vs{align-self:center;font:700 14px/1 Cinzel,serif;letter-spacing:.1em;text-transform:uppercase;color:#c9a060;text-shadow:0 1px 2px rgba(0,0,0,.7);padding-top:32px}.damage-calc__lines{list-style:none;margin:0;padding:0;width:100%;border-top:1px dashed rgba(241,217,138,.25)}.damage-calc__line{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;font:400 12px/1.3 Georgia,Times New Roman,serif;border-bottom:1px dashed rgba(241,217,138,.14)}.damage-calc__line:last-child{border-bottom:0}.damage-calc__line-key{color:#d8c39a}.damage-calc__value{font:700 13px/1 Cinzel,serif;letter-spacing:.04em;color:#f1e4c2;white-space:nowrap}.damage-calc__value--base,.damage-calc__value--bonus{color:#ff7a5c}.damage-calc__value--penalty{color:#d8c39a}.damage-calc__value--min{color:#f1d98a}.damage-calc__total{display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px;margin-top:2px;border-radius:6px;background:#f1d98a1a;border:1px solid rgba(241,217,138,.2)}.damage-calc__total-label{font:700 13px/1 Cinzel,serif;letter-spacing:.1em;text-transform:uppercase;color:#f1d98a}.damage-calc__total-value{font:700 22px/1 Cinzel,serif;color:#ff7a5c;text-shadow:0 1px 2px rgba(0,0,0,.6)}.btn--wood{--btn-bg-top: #4a2c18;--btn-bg-bot: #2a1808;--btn-border: #1a0e07;--btn-rim-light: rgba(255, 220, 160, .2);--btn-rim-dark: rgba(0, 0, 0, .55);--btn-text: #f1d98a;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .55);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--btn-border);border-radius:6px;padding:10px 18px;cursor:pointer;transition:transform .05s ease,filter .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--btn-text);font:700 13px/1 Cinzel,serif;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,var(--btn-bg-top) 0%,var(--btn-bg-bot) 100%);box-shadow:inset 0 1px 0 var(--btn-rim-light),inset 0 -2px 3px var(--btn-rim-dark),var(--btn-shadow);text-shadow:0 1px 0 rgba(0,0,0,.6)}.btn--wood:hover{filter:brightness(1.15)}.btn--wood:active{transform:translateY(1px)}.btn--wood.btn--secondary{--btn-bg-top: #f4e8d4;--btn-bg-bot: #d9c89a;--btn-border: #5a3420;--btn-rim-light: rgba(255, 248, 232, .65);--btn-rim-dark: rgba(120, 90, 60, .3);--btn-text: #2a1a10;--btn-shadow: 0 2px 4px rgba(60, 40, 20, .35)}.btn--wood.btn--secondary{text-shadow:0 1px 0 rgba(255,248,232,.6)}.btn--wood.btn--destroy{--btn-bg-top: #8a2820;--btn-bg-bot: #4a1612;--btn-border: #2a0a06;--btn-rim-light: rgba(255, 180, 140, .25);--btn-rim-dark: rgba(0, 0, 0, .6);--btn-text: #ffe4d2;--btn-shadow: 0 2px 4px rgba(60, 10, 6, .6)}.btn--wood.btn--disabled,.btn--wood:disabled{--btn-bg-top: #5a4a3a;--btn-bg-bot: #3e3225;--btn-border: #2a2218;--btn-rim-light: rgba(160, 140, 110, .12);--btn-rim-dark: rgba(0, 0, 0, .45);--btn-text: #a89b85;--btn-shadow: 0 1px 2px rgba(0, 0, 0, .35);cursor:not-allowed;filter:saturate(.4) brightness(.85)}.btn--wood.btn--disabled:hover,.btn--wood:disabled:hover{filter:saturate(.4) brightness(.85)}.btn--wood.btn--disabled:active,.btn--wood:disabled:active{transform:none}.btn--wood.btn--stacked{flex-direction:column;gap:3px;width:72px;height:72px;padding:6px 4px}.btn--wood.btn--stacked .btn__label{font-size:9px;letter-spacing:.12em}.btn__icon{display:inline-flex;align-items:center;justify-content:center}.btn--stacked .btn__icon{width:36px;height:36px}.btn__icon svg{display:block;width:100%;height:100%;color:currentColor}.parchment-panel{position:relative;display:inline-block}.parchment-panel__svg{display:block}.parchment-panel__content{padding:28px 32px 24px;text-align:center;color:#2a1a10;font-family:Georgia,Times New Roman,serif}.parchment-panel__content>*{pointer-events:auto}.parchment-panel__title{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:.005em}.parchment-panel__subtitle{margin:0 0 22px;font-size:15px;color:#5a3a22;font-weight:400}.parchment-panel__actions{display:flex;justify-content:center}.parchment-panel__close{position:absolute;top:10px;right:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;width:28px;height:28px;line-height:1;color:#4a2a18;font:700 26px/1 Georgia,Times New Roman,serif;cursor:pointer;border-radius:50%;transition:color .12s ease,background-color .12s ease,transform .05s ease}.parchment-panel__close:hover{color:#2a1408;background-color:#4a2a1814}.parchment-panel__close:active{transform:translateY(1px)}.parchment-panel--dark .parchment-panel__content{color:#f1e3c3}.parchment-panel--dark .parchment-panel__subtitle{color:#c9b48a}.parchment-panel--dark .parchment-panel__close{color:#d8c39a}.parchment-panel--dark .parchment-panel__close:hover{color:#f6e6c0;background-color:#f1e3c31a}.unit-info .parchment-panel__content{padding:22px 28px 24px;text-align:left;min-width:360px;max-width:440px}.unit-info__header{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px;padding-right:24px}.unit-info__seal{flex-shrink:0}.unit-info__title-wrap{flex:1;min-width:0}.unit-info__name{margin:4px 0 6px;font:700 22px/1.1 Cinzel,serif;color:#2a1a10;letter-spacing:.02em}.unit-info__desc{margin:0;font:400 13px/1.45 Georgia,Times New Roman,serif;color:#4a3520}.unit-info__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 18px;margin-bottom:16px;padding:10px 12px;background:#4a2a1814;border-top:1px solid rgba(74,42,24,.18);border-bottom:1px solid rgba(74,42,24,.18)}.unit-info__stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0}.unit-info__stat-key{font:600 11px/1 Cinzel,serif;color:#5a3a22;text-transform:uppercase;letter-spacing:.06em}.unit-info__stat-value{font:700 14px/1 Cinzel,serif;color:#2a1a10}.unit-info__section{margin-top:12px}.unit-info__section-title{margin:0 0 6px;font:700 13px/1 Cinzel,serif;color:#2a1a10;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(74,42,24,.25);padding-bottom:4px}.unit-info__list{list-style:none;margin:0;padding:0}.unit-info__list-item{display:flex;gap:10px;padding:6px 0;align-items:flex-start}.unit-info__list-item+.unit-info__list-item{border-top:1px dashed rgba(74,42,24,.18)}.unit-info__list-icon{flex-shrink:0;width:20px;height:20px;color:#5a3a22;margin-top:2px}.unit-info__list-body{flex:1;min-width:0}.unit-info__list-name{font:700 13px/1.2 Cinzel,serif;color:#2a1a10;letter-spacing:.02em}.unit-info__list-desc{margin-top:2px;font:400 12px/1.4 Georgia,Times New Roman,serif;color:#4a3520}.dropdown{position:relative;display:inline-flex;flex-direction:column;gap:6px}.dropdown__label{font:700 11px/1 Cinzel,serif;letter-spacing:.1em;text-transform:uppercase;color:#f1d98a;text-shadow:0 1px 0 rgba(0,0,0,.6)}.dropdown__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:240px;padding:10px 14px;border-radius:6px;border:1px solid #6a3f23;font:600 14px/1.2 Cinzel,serif;letter-spacing:.04em;color:#2a1a10;text-align:left;background:linear-gradient(180deg,#fbf3df,#f1e4c2);box-shadow:inset 0 1px #fff8e8b3,inset 0 -2px 3px #785a3c40,0 2px 4px #00000059;transition:filter .15s ease}.dropdown__trigger:hover{filter:brightness(1.04)}.dropdown__trigger:active{transform:translateY(1px)}.dropdown__value--placeholder{color:#4a2a1880;font-style:italic}.dropdown__caret{width:8px;height:8px;border-right:2px solid #2a1a10;border-bottom:2px solid #2a1a10;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s ease}.dropdown--open .dropdown__caret{transform:rotate(-135deg) translate(-2px,-2px)}.dropdown__menu{position:absolute;top:calc(100% + 6px);left:0;width:240px;z-index:50;list-style:none;margin:0;padding:4px;border-radius:6px;border:1px solid #6a3f23;background:linear-gradient(180deg,#fbf3df,#f1e4c2);box-shadow:inset 0 1px #fff8e8b3,0 6px 18px #00000073;display:none}.dropdown--open .dropdown__menu{display:block}.dropdown__option{padding:8px 12px;border-radius:4px;cursor:pointer;font:600 13px/1.2 Cinzel,serif;letter-spacing:.04em;color:#2a1a10;transition:background-color .1s ease}.dropdown__option:hover{background-color:#7a4a2a2e}.dropdown__option--selected{background-color:#7a4a2a4d;font-weight:700}.bottom-bar{width:100%;min-width:0;display:flex;flex-direction:column;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.bottom-bar__top{display:flex;align-items:center;gap:12px;padding:6px 14px;background:#28282873;width:100%;min-width:0;box-sizing:border-box}.bottom-bar__seal{flex-shrink:0}.bottom-bar__player{flex:1;min-width:0;font:700 16px/1 Cinzel,serif;color:#f1d98a;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbar-circle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #6a3f23;width:44px;height:44px;border-radius:50%;cursor:pointer;flex-shrink:0;background:radial-gradient(ellipse at 50% 30%,#8a5430,#4a2818 80%);color:#f1d98a;box-shadow:inset 0 1px #ffdca04d,inset 0 -2px 4px #0000008c,0 2px 5px #0009;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .05s ease,filter .12s ease}.bbar-circle-btn:hover{filter:brightness(1.1)}.bbar-circle-btn:active{transform:translateY(1px)}.bbar-circle-btn .icon{width:60%;height:60%;display:flex;align-items:center;justify-content:center}.bbar-circle-btn svg{width:100%;height:100%;display:block}.bottom-bar__actions{position:relative;background:#2a1810;border-top:1px solid #1a0e07;border-bottom:1px solid #1a0e07;box-shadow:inset 0 1px #ffdca00d,inset 0 -1px #00000080;width:100%;min-width:0;box-sizing:border-box}.bottom-bar__actions:before,.bottom-bar__actions:after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:1}.bottom-bar__actions:before{left:0;background:linear-gradient(90deg,#2a1810,#2a181000)}.bottom-bar__actions:after{right:0;background:linear-gradient(270deg,#2a1810,#2a181000)}.bottom-bar__actions[data-overflow-left=true]:before{opacity:1}.bottom-bar__actions[data-overflow-right=true]:after{opacity:1}.bottom-bar__scroller{display:flex;align-items:center;gap:10px;padding:8px max(12px,var(--safe-right, 0px)) max(8px,var(--safe-bottom, 0px)) max(12px,var(--safe-left, 0px));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.bottom-bar__scroller::-webkit-scrollbar{display:none}.bbar-square-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;border:1px solid #3a2010;background:linear-gradient(180deg,#8a5430,#5a3420);color:#f1d98a;cursor:pointer;flex-shrink:0;width:var(--bbar-btn-size, 56px);height:var(--bbar-btn-size, 56px);padding:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffdca04d,inset 0 -2px 2px #00000073,0 1px 2px #00000073;transition:transform .05s ease,filter .12s ease}.bbar-square-btn:hover{filter:brightness(1.1)}.bbar-square-btn:active{transform:translateY(1px)}.bbar-square-btn .icon{position:absolute;top:calc((100% - 14px)/2);left:50%;transform:translate(-50%,-50%);width:24px;height:24px;color:#f1d98a;display:flex;align-items:center;justify-content:center}.bbar-square-btn svg{width:100%;height:100%;display:block}.bbar-square-btn__label{position:absolute;left:0;right:0;bottom:3px;font:600 var(--bbar-label-font, 9px)/1 "Cinzel",serif;letter-spacing:.06em;text-transform:uppercase;color:#f1d98a;text-shadow:0 1px 0 rgba(0,0,0,.6);text-align:center;white-space:nowrap;pointer-events:none}