@font-face{font-family:Greek Freak;font-display:swap;src:url(../assets/fonts/Greek-Freak.ttf) format("truetype");unicode-range:U+0041-005A,U+0061-007A,U+00C0-024F,U+1E00-1EFF,U+0370-03FF,U+1F00-1FFF}:root{--font-fallback: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Greek Freak", var(--font-fallback);--font-body: var(--font-display);--font-title: var(--font-display);--font-numeric: var(--font-fallback);--ui-btn-blue: url(../assets/generated-ui/button-blue-9slice.png);--ui-btn-red: url(../assets/generated-ui/button-red-9slice.png);--ui-btn-blue-square: url(../assets/game-art/ui/buttons/tinysquarebluebutton.png);--ui-icon-close: url(../assets/game-art/ui/icons/icon-close.png);--ui-paper-regular: url(../assets/generated-ui/paper-regular-9slice.png);--ui-paper-special: url(../assets/generated-ui/paper-special-9slice.png);--ui-paper-regular-center: url(../assets/generated-ui/papers/paper-regular-mm.png);--ui-paper-special-center: url(../assets/generated-ui/papers/paper-special-mm.png);--ui-paper-regular-slice: 44 52 45 52;--ui-paper-special-slice: 44 55 43 55;--ui-banner-parchment: url(../assets/generated-ui/banner-9slice.png);--ui-ribbon-big-blue-left: url(../assets/generated-ui/ribbons/big-blue-swallow-left.png);--ui-ribbon-big-blue-mid: url(../assets/generated-ui/ribbons/big-blue-swallow-mid.png);--ui-ribbon-big-blue-right: url(../assets/generated-ui/ribbons/big-blue-swallow-right.png);--ui-ribbon-small-blue-left: url(../assets/generated-ui/ribbons/small-blue-swallow-left.png);--ui-ribbon-small-blue-mid: url(../assets/generated-ui/ribbons/small-blue-swallow-mid.png);--ui-ribbon-small-blue-right: url(../assets/generated-ui/ribbons/small-blue-swallow-right.png);--ui-ribbon-small-red-left: url(../assets/generated-ui/ribbons/small-red-swallow-left.png);--ui-ribbon-small-red-mid: url(../assets/generated-ui/ribbons/small-red-swallow-mid.png);--ui-ribbon-small-red-right: url(../assets/generated-ui/ribbons/small-red-swallow-right.png);--ui-ribbon-small-yellow-left: url(../assets/generated-ui/ribbons/small-yellow-swallow-left.png);--ui-ribbon-small-yellow-mid: url(../assets/generated-ui/ribbons/small-yellow-swallow-mid.png);--ui-ribbon-small-yellow-right: url(../assets/generated-ui/ribbons/small-yellow-swallow-right.png);--ui-ribbon-big-yellow-left: url(../assets/generated-ui/ribbons/big-yellow-swallow-left.png);--ui-ribbon-big-yellow-mid: url(../assets/generated-ui/ribbons/big-yellow-swallow-mid.png);--ui-ribbon-big-yellow-right: url(../assets/generated-ui/ribbons/big-yellow-swallow-right.png);--ui-scroll-parchment-left: url(../assets/generated-ui/banners/banner-parchment-scroll-left.png);--ui-scroll-parchment-mid: url(../assets/generated-ui/banners/banner-parchment-scroll-mid.png);--ui-scroll-parchment-right: url(../assets/generated-ui/banners/banner-parchment-scroll-right.png);--ui-scroll-parchment-frame: url(../assets/generated-ui/banners/banner-parchment-9slice.png);--ui-scroll-parchment-center: url(../assets/generated-ui/banners/banner-parchment-mm.png);--ui-ribbon-sheet-small: url(../assets/game-art/ui/ribbons/smallribbons.png);--ui-ribbon-sheet-big: url(../assets/game-art/ui/ribbons/bigribbons.png);--ui-wood-frame: url(../assets/generated-ui/woodtable-9slice.png);--ui-wood-center: url(../assets/generated-ui/woodtable-center.png);--ui-wood-tl: url(../assets/generated-ui/wood/wood-frame-tl.png);--ui-wood-tm: url(../assets/generated-ui/wood/wood-frame-tm.png);--ui-wood-tr: url(../assets/generated-ui/wood/wood-frame-tr.png);--ui-wood-ml: url(../assets/generated-ui/wood/wood-frame-ml.png);--ui-wood-mm: url(../assets/generated-ui/wood/wood-frame-mm.png);--ui-wood-mr: url(../assets/generated-ui/wood/wood-frame-mr.png);--ui-wood-bl: url(../assets/generated-ui/wood/wood-frame-bl.png);--ui-wood-bm: url(../assets/generated-ui/wood/wood-frame-bm.png);--ui-wood-br: url(../assets/generated-ui/wood/wood-frame-br.png);--ui-sword-title-left: url(../assets/generated-ui/sword-title-left.png);--ui-sword-title-mid: url(../assets/generated-ui/sword-title-mid.png);--ui-sword-title-right: url(../assets/generated-ui/sword-title-right.png);--ui-bar-big-fill: url(../assets/game-art/ui/bars/bigbar-fill.png);--ui-bar-big-left: url(../assets/generated-ui/bars/bar-big-left.png);--ui-bar-big-mid: url(../assets/generated-ui/bars/bar-big-mid.png);--ui-bar-big-right: url(../assets/generated-ui/bars/bar-big-right.png);--ui-cursor-default: url(../assets/game-art/ui/cursors/cursor.png) 22 17, auto;--ui-cursor-disabled: url(../assets/game-art/ui/cursors/cursor-nothing.png) 32 31, not-allowed;--ui-cursor-pointer: url(../assets/game-art/ui/cursors/cursor-selecting.png) 23 17, pointer;--ui-ink-special-strong: #fff4ba;--ui-ink-special-title: #eefaf7;--ui-ink-special-body: #c8ebe6;--ui-ink-special-muted: #9fd9d2;--ui-ink-regular-strong: #0f3438;--ui-ink-regular-title: #153e42;--ui-ink-regular-body: #1f5f65;--ui-ink-regular-muted: #3a777d;--ui-ink-button: #fffef5;--ui-ink-button-sub: #123b3f;--ui-shadow-ink-dark: 0 2px 0 rgba(8, 32, 36, .62);--ui-shadow-ink-light: 0 1px 0 rgba(255, 252, 214, .42);--ui-generated-button-blue: var(--ui-btn-blue);--ui-generated-button-red: var(--ui-btn-red);--ui-blue-button: var(--ui-btn-blue-square);--ui-generated-paper: var(--ui-paper-regular);--ui-generated-paper-special: var(--ui-paper-special);--ui-generated-banner: var(--ui-banner-parchment);--ui-generated-ribbon-big-blue: var(--ui-ribbon-big-blue-left);--ui-generated-woodtable: var(--ui-wood-frame);--ui-generated-woodtable-center: var(--ui-wood-center);--ui-generated-sword-title-left: var(--ui-sword-title-left);--ui-generated-sword-title-mid: var(--ui-sword-title-mid);--ui-generated-sword-title-right: var(--ui-sword-title-right);color:#f9f3d3;background:#173b3d;font-family:var(--font-body)}:root:lang(ru){--font-display: var(--font-fallback);--font-body: var(--font-fallback)}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:hidden}body{cursor:var(--ui-cursor-default);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.outcome-overlay--ad{cursor:wait;pointer-events:auto}.outcome-panel--ad{min-height:120px;place-content:center}canvas{cursor:var(--ui-cursor-default);display:block;touch-action:none}#hud-root{inset:0;pointer-events:none;position:fixed;z-index:10}.hud{color:#fff9df;cursor:var(--ui-cursor-default);font-family:var(--font-body);font-weight:700;line-height:1;text-shadow:0 2px 0 #24434a,0 0 3px rgba(8,24,28,.55)}.hud__bar{align-items:flex-start;display:flex;gap:clamp(8px,1vw,14px);justify-content:space-between;left:12px;position:absolute;right:12px;top:10px}.ui-paper{isolation:isolate;position:relative}.ui-paper__frame{display:grid;inset:0;pointer-events:none;position:absolute;z-index:0}.ui-paper>:not(.ui-paper__frame){position:relative;z-index:1}.ui-paper__cell{image-rendering:pixelated;min-height:0;min-width:0}.ui-paper__cell--tl{grid-area:1 / 1}.ui-paper__cell--tm{grid-area:1 / 2}.ui-paper__cell--tr{grid-area:1 / 3}.ui-paper__cell--ml{grid-area:2 / 1}.ui-paper__cell--mm{grid-area:2 / 2}.ui-paper__cell--mr{grid-area:2 / 3}.ui-paper__cell--bl{grid-area:3 / 1}.ui-paper__cell--bm{grid-area:3 / 2}.ui-paper__cell--br{grid-area:3 / 3}.ui-paper--regular .ui-paper__cell--tl,.ui-paper--regular .ui-paper__cell--tr,.ui-paper--regular .ui-paper__cell--bl,.ui-paper--regular .ui-paper__cell--br,.ui-paper--special .ui-paper__cell--tl,.ui-paper--special .ui-paper__cell--tr,.ui-paper--special .ui-paper__cell--bl,.ui-paper--special .ui-paper__cell--br{background-position:center;background-repeat:no-repeat;background-size:100% 100%}.ui-paper--regular .ui-paper__cell--tm,.ui-paper--regular .ui-paper__cell--bm,.ui-paper--special .ui-paper__cell--tm,.ui-paper--special .ui-paper__cell--bm{background-repeat:repeat-x;background-size:var(--paper-tile-size, 64px) 100%}.ui-paper--regular .ui-paper__cell--ml,.ui-paper--regular .ui-paper__cell--mr,.ui-paper--special .ui-paper__cell--ml,.ui-paper--special .ui-paper__cell--mr{background-repeat:repeat-y;background-size:100% var(--paper-tile-size, 64px)}.ui-paper--regular .ui-paper__cell--mm,.ui-paper--special .ui-paper__cell--mm{background-repeat:repeat;background-size:var(--paper-tile-size, 64px) var(--paper-tile-size, 64px)}.hud__resource-row,.ui-paper--regular{--paper-tl: url(../assets/generated-ui/papers/paper-regular-tl.png);--paper-tm: url(../assets/generated-ui/papers/paper-regular-tm.png);--paper-tr: url(../assets/generated-ui/papers/paper-regular-tr.png);--paper-ml: url(../assets/generated-ui/papers/paper-regular-ml.png);--paper-mm: url(../assets/generated-ui/papers/paper-regular-mm.png);--paper-mr: url(../assets/generated-ui/papers/paper-regular-mr.png);--paper-bl: url(../assets/generated-ui/papers/paper-regular-bl.png);--paper-bm: url(../assets/generated-ui/papers/paper-regular-bm.png);--paper-br: url(../assets/generated-ui/papers/paper-regular-br.png);filter:drop-shadow(0 5px 0 rgba(17,50,54,.38));image-rendering:pixelated}.ui-paper--regular .ui-paper__frame{grid-template-columns:var(--paper-frame-cols, 52px 1fr 52px);grid-template-rows:var(--paper-frame-rows, 44px 1fr 45px)}.ui-paper--regular .ui-paper__cell--tl{background-image:var(--paper-tl)}.ui-paper--regular .ui-paper__cell--tm{background-image:var(--paper-tm)}.ui-paper--regular .ui-paper__cell--tr{background-image:var(--paper-tr)}.ui-paper--regular .ui-paper__cell--ml{background-image:var(--paper-ml)}.ui-paper--regular .ui-paper__cell--mm{background-image:var(--paper-mm)}.ui-paper--regular .ui-paper__cell--mr{background-image:var(--paper-mr)}.ui-paper--regular .ui-paper__cell--bl{background-image:var(--paper-bl)}.ui-paper--regular .ui-paper__cell--bm{background-image:var(--paper-bm)}.ui-paper--regular .ui-paper__cell--br{background-image:var(--paper-br)}.ui-wood{--wood-left: 84px;--wood-right: 84px;--wood-top: 28px;--wood-bottom: 24px;--wood-tile: 64px;--wood-mid-x: 1;--wood-mid-y: 1;--wood-ink: #fff4ba;--wood-ink-body: #f2d388;box-sizing:border-box;color:var(--wood-ink-body);filter:drop-shadow(0 5px 0 rgba(17,50,54,.42));flex:0 0 auto;height:calc(var(--wood-top) + (var(--wood-mid-y) * var(--wood-tile)) + var(--wood-bottom));image-rendering:pixelated;isolation:isolate;min-height:calc(var(--wood-top) + var(--wood-tile) + var(--wood-bottom));min-width:calc(var(--wood-left) + var(--wood-tile) + var(--wood-right));overflow:hidden;padding:var(--wood-top) var(--wood-right) var(--wood-bottom) var(--wood-left);position:relative;text-shadow:0 2px 0 rgba(24,16,20,.55);width:calc(var(--wood-left) + (var(--wood-mid-x) * var(--wood-tile)) + var(--wood-right))}.ui-wood--compact{--wood-left: 42px;--wood-right: 42px;--wood-top: 14px;--wood-bottom: 12px;--wood-tile: 32px;--wood-mid-x: 8;--wood-mid-y: 5}.ui-wood__frame{display:grid;grid-template-columns:var(--wood-left) calc(var(--wood-mid-x) * var(--wood-tile)) var(--wood-right);grid-template-rows:var(--wood-top) calc(var(--wood-mid-y) * var(--wood-tile)) var(--wood-bottom);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.ui-wood>:not(.ui-wood__frame){position:relative;z-index:1}.ui-wood__cell{background-repeat:no-repeat;image-rendering:pixelated;min-height:0;min-width:0}.ui-wood__cell--tl{grid-area:1 / 1;background-image:var(--ui-wood-tl);background-position:left top;background-size:var(--wood-left) var(--wood-top)}.ui-wood__cell--tm{grid-area:1 / 2;background-image:var(--ui-wood-tm);background-position:left top;background-repeat:repeat-x;background-size:var(--wood-tile) var(--wood-top)}.ui-wood__cell--tr{grid-area:1 / 3;background-image:var(--ui-wood-tr);background-position:right top;background-size:var(--wood-right) var(--wood-top)}.ui-wood__cell--ml{grid-area:2 / 1;background-image:var(--ui-wood-ml);background-position:left top;background-repeat:repeat-y;background-size:var(--wood-left) var(--wood-tile)}.ui-wood__cell--mm{grid-area:2 / 2;background-image:var(--ui-wood-mm);background-position:left top;background-repeat:repeat;background-size:var(--wood-tile) var(--wood-tile)}.ui-wood__cell--mr{grid-area:2 / 3;background-image:var(--ui-wood-mr);background-position:right top;background-repeat:repeat-y;background-size:var(--wood-right) var(--wood-tile)}.ui-wood__cell--bl{grid-area:3 / 1;background-image:var(--ui-wood-bl);background-position:left bottom;background-size:var(--wood-left) var(--wood-bottom)}.ui-wood__cell--bm{grid-area:3 / 2;background-image:var(--ui-wood-bm);background-position:left bottom;background-repeat:repeat-x;background-size:var(--wood-tile) var(--wood-bottom)}.ui-wood__cell--br{grid-area:3 / 3;background-image:var(--ui-wood-br);background-position:right bottom;background-size:var(--wood-right) var(--wood-bottom)}.ui-wood__content{box-sizing:border-box;height:calc(var(--wood-mid-y) * var(--wood-tile));max-height:calc(var(--wood-mid-y) * var(--wood-tile));min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(249,232,160,.65) rgba(9,39,43,.35);scrollbar-width:thin}.hud__resource-row{--paper-frame-cols: 18px 1fr 18px;--paper-frame-rows: 15px 1fr 18px;--paper-tile-size: 22px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:70px;padding:15px 18px 18px;width:min(540px,calc(100vw - 24px))}.hud__pill{align-items:center;display:grid;gap:5px;grid-template-columns:30px minmax(0,1fr);min-width:0;padding:0 2px}.hud__icon{display:block;filter:drop-shadow(0 2px 0 rgba(30,39,42,.45));height:30px;image-rendering:pixelated;width:30px}.hud__stat{display:block;min-width:0}.hud__label{color:#38646c;display:block;font-family:var(--font-body);font-size:9px;letter-spacing:0;margin-bottom:2px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,252,214,.65)}.hud__value{color:#fff9df;display:block;font-family:var(--font-numeric);font-size:clamp(14px,1.4vw,19px);font-variant-numeric:tabular-nums;line-height:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud__panel-content{padding:0 2px}.ui-close{align-items:center;background:transparent;border:0;cursor:var(--ui-cursor-pointer);display:inline-grid;flex:0 0 auto;height:34px;image-rendering:pixelated;justify-items:center;padding:0;place-content:center;pointer-events:auto;width:34px}.ui-close:hover{filter:brightness(1.1)}.ui-close:active{filter:brightness(.92);transform:translateY(1px)}.ui-close__icon{display:block;height:100%;image-rendering:pixelated;pointer-events:none;width:100%}.hud__panel--selection.ui-scroll-banner>.hud__close.ui-close{height:36px;position:absolute;right:10px;top:8px;width:36px;z-index:4}html[data-device=mobile] .ui-close,html[data-device=tablet] .ui-close{height:40px;width:40px}.hud__bottom{bottom:14px;display:flex;gap:12px;left:12px;position:absolute;right:12px}.hud__panel--selection{align-self:flex-start;flex:0 0 auto;height:auto;max-width:min(560px,calc(100vw - 24px));pointer-events:auto;width:min(520px,calc(100vw - 24px))}.hud__panel--selection.ui-scroll-banner--parchment{--scroll-panel-h: 0px;--scroll-left-w: 40px;--scroll-right-w: 40px;--scroll-pad-top: 30px;--scroll-pad-bottom: 40px;color:var(--ui-ink-regular-body);height:auto;min-height:0;overflow:hidden;text-shadow:var(--ui-shadow-ink-light)}.hud__panel--selection.ui-scroll-banner--parchment:before{background:var(--ui-scroll-parchment-center) left top / 64px 64px repeat;background-clip:padding-box;background-origin:padding-box;border-color:transparent;border-image:var(--ui-scroll-parchment-frame) 68 84 111 100 / 28px 48px 36px 48px repeat;border-style:solid;border-width:28px 48px 36px 48px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hud__panel--selection.ui-scroll-banner--parchment .ui-scroll-banner__track{display:none}.hud__panel--selection .hud__panel-content{box-sizing:border-box;height:auto;overflow:hidden;padding:var(--scroll-pad-top) calc(var(--scroll-right-w) + 8px) var(--scroll-pad-bottom) var(--scroll-left-w);position:relative;width:100%;z-index:2}.hud__panel--selection .hud__panel-scroll{max-height:min(36vh,260px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;width:100%}.hud__panel--selection .hud__panel-scroll::-webkit-scrollbar{display:none}html[data-device=desktop] .hud__bottom{align-items:flex-end}html[data-device=desktop] .hud__minimap-wrap{align-self:flex-end;flex:0 0 auto;height:fit-content;max-height:none}html[data-device=desktop] .hud__panel--selection{align-self:flex-end;max-height:min(48vh,380px)}html[data-device=desktop] .hud__panel--selection .hud__panel-content{display:flex;flex-direction:column;max-height:100%;min-height:0}html[data-device=desktop] .hud__panel--selection .hud__panel-scroll{flex:1 1 auto;max-height:min(40vh,300px);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}.hud__panel--selection .ui-btn.ui-btn--hud{width:auto;max-width:100%}.hud__panel--selection .hud__title{color:var(--ui-ink-regular-strong);margin-bottom:4px;text-shadow:var(--ui-shadow-ink-light)}.hud__panel--selection .hud__text,.hud__panel--selection .hud__castle,.hud__panel--selection .hud__progress-label,.hud__panel--selection .hud__confirm-meta,.hud__panel--selection .hud__confirm-title,.hud__panel--selection .hud__structure-hp,.hud__panel--selection .hud__mobile-picker-title{color:var(--ui-ink-regular-body);text-shadow:var(--ui-shadow-ink-light)}.hud__panel--selection .hud__structure-hp{color:var(--ui-ink-regular-muted)}.hud__panel--selection .hud__confirm-warning{color:#8b2e2e}.hud__panel--selection .hud__cost-chip{background:#fffcd659;border-color:#153e4259;color:var(--ui-ink-regular-strong);text-shadow:none}.hud__panel--selection .hud__cost-chip--insufficient{border-color:#b23a3a;color:#8b2e2e}.hud__panel--selection .hud__queue-slot{background:#153e422e;border-color:#153e4266}.hud__panel--selection .hud__queue-slot--active{border-color:#153e42bf}.hud__panel--selection .hud__train-btn{background:#fffcd673;border-color:#153e428c;box-shadow:0 3px #153e4247}.hud__panel--selection .hud__train-btn--active{box-shadow:0 0 0 2px #153e428c,0 3px #153e4247}.hud__panel--selection .hud__inline-confirm{border-top-color:#153e4247}.hud__panel--selection .hud__confirm-icon,.hud__panel--selection .hud__portrait{border-color:#153e428c}.hud__selection-header{align-items:center;display:flex;gap:12px;margin-bottom:6px;width:100%}.hud__selection-header--building{align-items:stretch;display:flex;flex-direction:column;gap:2px;width:100%}.hud__selection-topline{align-items:baseline;display:flex;gap:16px;justify-content:space-between;padding-right:36px;width:100%}.hud__selection-topline .hud__title{flex:1 1 auto;min-width:0}.hud__structure-hp{color:#d4c89a;flex:0 0 auto;font-family:var(--font-display);font-size:12px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:.02em;margin-left:auto;text-align:right;white-space:nowrap}.hud__portrait{border:2px solid #f9e8a0;border-radius:4px;height:56px;image-rendering:pixelated;width:56px}.hud__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hud__action-btn,.ui-btn.ui-btn--hud{background-color:transparent;border-radius:0;color:#fff9df;cursor:var(--ui-cursor-pointer);image-rendering:pixelated;pointer-events:auto;text-shadow:0 1px 0 #173b3d}.hud__action-btn:hover,.ui-btn.ui-btn--hud:hover{filter:brightness(1.08)}.hud__action-btn--disabled{cursor:var(--ui-cursor-disabled);opacity:.45}.hud__action-btn--active{filter:brightness(1.12);outline:2px solid rgba(249,240,166,.75);outline-offset:2px}.hud__actions--train,.hud__actions--build-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.hud__train-option{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:5px;min-width:0;width:72px}.hud__train-option--muted{opacity:.72}.hud__train-option>.ui-btn{min-width:0;width:100%}.hud__train-btn{background:#082024eb;border:2px solid #f9e8a0;border-radius:4px;box-shadow:0 3px #11323673;cursor:var(--ui-cursor-pointer);display:block;height:64px;overflow:hidden;padding:0;pointer-events:auto;position:relative;width:64px}.hud__train-btn:hover{filter:brightness(1.1)}.hud__train-btn--active{box-shadow:0 0 0 2px #f9f0a6d9,0 3px #11323673;filter:brightness(1.12)}.hud__train-btn--disabled,.hud__train-btn:disabled{cursor:var(--ui-cursor-disabled);filter:grayscale(.35) brightness(.7)}.hud__train-btn--unaffordable{filter:saturate(.65) brightness(.82)}.hud__train-btn-avatar{display:block;height:100%;image-rendering:pixelated;object-fit:cover;pointer-events:none;width:100%}.hud__train-btn--building{background:#0c2a2e8c}.hud__train-btn--building .hud__train-btn-avatar{object-fit:contain;padding:2px}.hud__train-option .hud__cost-strip{justify-content:center;gap:3px}.hud__train-option .hud__cost-chip{font-size:10px;gap:2px;padding:1px 4px}.hud__train-option .hud__cost-chip img{height:14px;width:14px}.hud__cost-strip{display:flex;flex-wrap:wrap;gap:6px}.hud__cost-chip{align-items:center;background:#09272b8c;border:1px solid rgba(249,232,160,.45);border-radius:4px;color:#fff9df;display:inline-flex;font-family:var(--font-numeric);font-size:11px;font-variant-numeric:tabular-nums;gap:4px;padding:2px 6px}.hud__cost-chip img{height:16px;image-rendering:pixelated;width:16px}.hud__cost-chip--insufficient{border-color:#ff6b6b;color:#ffb0b0}.hud__progress{margin:4px 0 6px}.hud__progress-label{color:#fff4c8;font-family:var(--font-body);font-size:11px;margin-bottom:4px}.hud__progress-track.ui-bar-big{--bar-h: 16px;margin:0;width:100%}.hud__queue{display:flex;gap:6px;margin:8px 0}.hud__queue-slot{background:#09272ba6;border:1px solid rgba(249,232,160,.35);border-radius:4px;height:40px;overflow:hidden;position:relative;width:40px}.hud__queue-slot--empty{opacity:.35}.hud__queue-slot--active{border-color:#f9e8a0}.hud__queue-portrait{height:100%;image-rendering:pixelated;object-fit:cover;width:100%}.hud__queue-slot-bar{background:#78dc788c;bottom:0;left:0;position:absolute;right:0;transition:height .15s linear}.hud__inline-confirm{border-top:1px solid rgba(249,232,160,.45);display:grid;gap:10px;margin-top:10px;padding-top:10px}.hud__confirm-main{align-items:center;display:flex;gap:10px;min-width:0}.hud__confirm-copy{min-width:0}.hud__confirm-icon{border:2px solid #f9e8a0;border-radius:4px;height:48px;image-rendering:pixelated;width:48px}.hud__confirm-title{color:#fff9df;font-family:var(--font-title);font-size:14px;margin-bottom:4px}.hud__confirm-meta{color:#d4c89a;font-family:var(--font-body);font-size:11px;margin-top:4px;overflow-wrap:anywhere}.hud__confirm-warning{color:#ff8a8a;font-family:var(--font-body);font-size:11px;margin-top:4px}.hud__confirm-actions{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.hud__castle{color:#d4c89a;font-family:var(--font-body);font-size:11px;margin-top:6px}.hud__minimap-wrap{background:#0a282cd9;border:2px solid #f9e8a0;border-radius:4px;flex:0 0 auto;pointer-events:auto}.hud__minimap{cursor:var(--ui-cursor-pointer);display:block;image-rendering:pixelated}.hud__side-menu{display:flex;flex-direction:column;gap:8px;pointer-events:auto;position:fixed;right:8px;top:96px;z-index:16}.hud__minimap-float{display:none}.hud__side-btn{align-items:center;background:#0c2a2ed1;border:2px solid #f9e8a0;border-radius:6px;box-shadow:0 3px #11323673;cursor:var(--ui-cursor-pointer);display:grid;height:48px;image-rendering:pixelated;justify-items:center;padding:4px;place-content:center;position:relative;width:48px}.hud__side-btn:hover{filter:brightness(1.08)}.hud__side-btn--active{background:#244e48f2;outline:2px solid rgba(249,240,166,.7);outline-offset:1px}.hud__side-btn--sound-off{opacity:.72}.hud__side-btn--sound-off:after{background:#f4d76a;content:"";height:3px;left:10px;pointer-events:none;position:absolute;right:10px;rotate:-38deg;top:50%;translate:0 -50%}.hud__side-btn-icon{display:block;height:36px;image-rendering:pixelated;object-fit:contain;pointer-events:none;width:36px}.hud__side-btn-icon--avatar{border-radius:4px;height:40px;object-fit:cover;width:40px}.hud__side-btn--idle-pawn{overflow:visible;padding:2px}.hud__side-btn-badge{align-items:center;background:#c23b3b;border:1px solid #f9e8a0;border-radius:999px;bottom:-5px;color:#fff9df;display:inline-flex;font-family:var(--font-numeric);font-size:11px;font-variant-numeric:tabular-nums;justify-content:center;line-height:1;min-width:18px;padding:2px 5px;pointer-events:none;position:absolute;right:-5px;text-shadow:0 1px 0 rgba(20,40,44,.55)}html[data-device=mobile] .hud__minimap-float,html[data-device=tablet] .hud__minimap-float{background:#0a282ceb;border:2px solid #f9e8a0;border-radius:4px;box-shadow:0 5px #1132366b;display:none;left:8px;pointer-events:auto;position:fixed;top:calc(12px + clamp(64px,12vw,84px));touch-action:none;width:min(200px,calc(100vw - 16px));z-index:15}html[data-device=mobile] .hud__minimap-float--open,html[data-device=tablet] .hud__minimap-float--open{display:block}html[data-device=mobile] .hud__minimap-float[hidden],html[data-device=tablet] .hud__minimap-float[hidden]{display:none!important}html[data-device=mobile] .hud__minimap-float-bar,html[data-device=tablet] .hud__minimap-float-bar{align-items:center;background:#082024e0;border-bottom:1px solid rgba(249,232,160,.45);cursor:grab;display:flex;gap:6px;justify-content:space-between;min-height:28px;padding:2px 4px 2px 8px;touch-action:none;user-select:none}html[data-device=mobile] .hud__minimap-float--dragging .hud__minimap-float-bar,html[data-device=tablet] .hud__minimap-float--dragging .hud__minimap-float-bar{cursor:grabbing}html[data-device=mobile] .hud__minimap-float-title,html[data-device=tablet] .hud__minimap-float-title{color:#fff4ba;font-family:var(--font-body);font-size:11px;letter-spacing:.02em;pointer-events:none;text-transform:uppercase}html[data-device=mobile] .hud__minimap-float-close,html[data-device=tablet] .hud__minimap-float-close{height:26px;width:26px}html[data-device=mobile] .hud__minimap-float .hud__minimap,html[data-device=tablet] .hud__minimap-float .hud__minimap{height:auto;width:100%}.outcome-overlay{align-items:center;background:#081e22bf;display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:100}.outcome-panel,.ui-paper--special{--paper-tl: url(../assets/generated-ui/papers/paper-special-tl.png);--paper-tm: url(../assets/generated-ui/papers/paper-special-tm.png);--paper-tr: url(../assets/generated-ui/papers/paper-special-tr.png);--paper-ml: url(../assets/generated-ui/papers/paper-special-ml.png);--paper-mm: url(../assets/generated-ui/papers/paper-special-mm.png);--paper-mr: url(../assets/generated-ui/papers/paper-special-mr.png);--paper-bl: url(../assets/generated-ui/papers/paper-special-bl.png);--paper-bm: url(../assets/generated-ui/papers/paper-special-bm.png);--paper-br: url(../assets/generated-ui/papers/paper-special-br.png);filter:drop-shadow(0 8px 0 rgba(17,50,54,.5));image-rendering:pixelated}.ui-paper--special .ui-paper__frame{grid-template-columns:var(--paper-frame-cols, 55px 1fr 55px);grid-template-rows:var(--paper-frame-rows, 44px 1fr 43px)}.ui-paper--special .ui-paper__cell--tl{background-image:var(--paper-tl)}.ui-paper--special .ui-paper__cell--tm{background-image:var(--paper-tm)}.ui-paper--special .ui-paper__cell--tr{background-image:var(--paper-tr)}.ui-paper--special .ui-paper__cell--ml{background-image:var(--paper-ml)}.ui-paper--special .ui-paper__cell--mm{background-image:var(--paper-mm)}.ui-paper--special .ui-paper__cell--mr{background-image:var(--paper-mr)}.ui-paper--special .ui-paper__cell--bl{background-image:var(--paper-bl)}.ui-paper--special .ui-paper__cell--bm{background-image:var(--paper-bm)}.ui-paper--special .ui-paper__cell--br{background-image:var(--paper-br)}.outcome-panel{max-width:480px;padding:44px 55px 43px;text-align:center}.outcome-panel__title{color:var(--ui-ink-special-strong);font-family:var(--font-display);font-size:32px;margin:0 0 12px;text-shadow:var(--ui-shadow-ink-dark)}.outcome-panel__text{color:var(--ui-ink-special-body);font-size:14px;margin:0 0 16px;text-shadow:var(--ui-shadow-ink-dark)}.outcome__reward{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:16px}.outcome__reward img{height:40px;image-rendering:pixelated;width:40px}.outcome-panel__buttons{display:flex;gap:10px;justify-content:center}.hud-build-aim{inset:0;pointer-events:none;position:fixed;z-index:11}.hud-build-aim__cross{border:2px solid rgba(249,232,160,.55);border-radius:50%;height:88px;left:50%;position:absolute;top:46%;transform:translate(-50%,-50%);width:88px}.hud-build-aim__cross:before,.hud-build-aim__cross:after{background:#f9e8a0b3;content:"";position:absolute}.hud-build-aim__cross:before{height:2px;left:50%;top:50%;transform:translate(-50%,-50%);width:18px}.hud-build-aim__cross:after{height:18px;left:50%;top:50%;transform:translate(-50%,-50%);width:2px}.hud__confirm-actions--build{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hud__confirm-actions--build .ui-btn.ui-btn--hud{flex:1 1 140px;min-width:0}.hud-settings-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:90}.hud-settings-backdrop{background:#081e229e;border:0;cursor:var(--ui-cursor-pointer);inset:0;padding:0;position:absolute}.hud-settings-panel{max-width:min(420px,calc(100vw - 32px));pointer-events:auto;position:relative;width:min(420px,calc(100vw - 32px));z-index:1}.hud-settings-panel>.hud-settings-close.ui-close{height:36px;position:absolute;right:18px;top:14px;width:36px;z-index:3}.hud-settings-actions{flex-direction:column;margin-top:8px}.hud-settings-actions .ui-btn.ui-btn--hud{min-height:48px;width:100%}.tutorial-overlay{left:50%;max-width:min(420px,calc(100vw - 16px));pointer-events:none;position:fixed;top:96px;transform:translate(-50%);width:min(420px,calc(100vw - 16px));z-index:80}.tutorial-panel{--paper-frame-cols: 22px 1fr 22px;--paper-frame-rows: 18px 1fr 20px;--paper-tile-size: 28px;color:var(--ui-ink-regular-body, #2f575a);padding:18px 20px 20px;pointer-events:auto;text-shadow:var(--ui-shadow-ink-light, 0 1px 0 rgba(255, 252, 214, .55))}.tutorial-panel__body{align-items:start;display:grid;gap:12px;grid-template-columns:52px minmax(0,1fr)}.tutorial-panel__avatar{border-radius:6px;filter:drop-shadow(0 3px 0 rgba(20,42,42,.35));height:52px;image-rendering:pixelated;object-fit:cover;width:52px}.tutorial-panel__content{min-width:0}.tutorial-panel__step{color:var(--ui-ink-regular-muted, rgba(47, 87, 90, .75));font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.tutorial-panel__text{font-size:13px;font-weight:750;line-height:1.35;margin:4px 0 10px}.tutorial-panel__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.tutorial-panel__next.ui-btn.ui-btn--hud{min-height:40px;width:auto}.tutorial-panel__hint{color:var(--ui-ink-regular-strong, #1f5f65);font-family:var(--font-display);font-size:13px;font-weight:900}.tutorial-panel__skip{background:transparent;border:0;color:#2f575ab8;cursor:var(--ui-cursor-pointer);font:800 12px/1 var(--font-body);padding:6px 2px;text-decoration:underline;text-shadow:var(--ui-shadow-ink-light, 0 1px 0 rgba(255, 252, 214, .55))}.tutorial-panel__skip:hover{color:#1f5f65}.tutorial-highlight{border:3px solid #f1c65d;border-radius:8px;box-shadow:0 0 0 3px #142a2a59,0 0 14px #f1c65db3;pointer-events:none;position:fixed;z-index:79;animation:tutorial-pulse 1.1s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 3px #142a2a59,0 0 6px #f1c65d73}50%{box-shadow:0 0 0 3px #142a2a59,0 0 18px #f1c65df2}}html[data-device=mobile] .tutorial-overlay,html[data-device=tablet] .tutorial-overlay{max-width:min(360px,calc(100vw - 12px));top:88px;width:min(360px,calc(100vw - 12px))}html[data-device=mobile] .tutorial-panel,html[data-device=tablet] .tutorial-panel{padding:14px 14px 16px}html[data-device=mobile] .tutorial-panel__body,html[data-device=tablet] .tutorial-panel__body{gap:10px;grid-template-columns:44px minmax(0,1fr)}html[data-device=mobile] .tutorial-panel__avatar,html[data-device=tablet] .tutorial-panel__avatar{height:44px;width:44px}html[data-device=mobile] .tutorial-panel__text,html[data-device=tablet] .tutorial-panel__text{font-size:12px}.loading-screen{align-items:center;background:linear-gradient(180deg,#1a5a62,#173b3d);display:flex;font-family:var(--font-body);inset:0;justify-content:center;position:fixed;z-index:50}.loading-screen__title{color:var(--ui-ink-special-strong);font-family:var(--font-display);font-size:42px;margin:0 0 8px;text-shadow:var(--ui-shadow-ink-dark)}.loading-screen__subtitle{color:var(--ui-ink-special-body);font-size:14px;margin:0 0 24px;text-shadow:var(--ui-shadow-ink-dark)}.loading-screen__bar-wrap,.ui-bar-big{--bar-h: clamp(40px, 7vw, 52px);--bar-left-w: calc(var(--bar-h) * 24 / 64);--bar-right-w: calc(var(--bar-h) * 24 / 64);--bar-tile-w: calc(var(--bar-h) * 64 / 64);--bar-fill-left: calc(var(--bar-h) * 20 / 64);--bar-fill-right: calc(var(--bar-h) * 20 / 64);--bar-fill-top: calc(var(--bar-h) * 16 / 64);--bar-fill-bottom: calc(var(--bar-h) * 18 / 64);height:var(--bar-h);margin:0 auto;position:relative;width:min(420px,92vw)}.ui-bar-big__track{display:grid;grid-template-columns:auto 1fr auto;height:100%;width:100%}.ui-bar-big__cap{background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;height:100%;image-rendering:pixelated}.ui-bar-big__cap--left{background-image:var(--ui-bar-big-left);background-position:left center;width:var(--bar-left-w)}.ui-bar-big__cap--right{background-image:var(--ui-bar-big-right);background-position:right center;width:var(--bar-right-w)}.ui-bar-big__tile{background-image:var(--ui-bar-big-mid);background-repeat:repeat-x;background-size:var(--bar-tile-w) 100%;height:100%;image-rendering:pixelated}.ui-bar-big__fill-wrap{bottom:var(--bar-fill-bottom);left:var(--bar-fill-left);overflow:hidden;position:absolute;right:var(--bar-fill-right);top:var(--bar-fill-top)}.ui-bar-big__fill{background:var(--ui-bar-big-fill) repeat-x left center / auto 100%;height:100%;image-rendering:pixelated;transition:width .12s linear;width:0%}.loading-screen__percent{color:var(--ui-ink-special-title);display:block;font-size:14px;font-weight:800;margin-top:10px;text-align:center;text-shadow:var(--ui-shadow-ink-dark)}.language-screen{font-family:var(--font-body);align-items:center;background:radial-gradient(circle at 50% 42%,#60beb847,#2675752e 30%,#081e22ad),linear-gradient(180deg,#49a9a4,#173b3d);color:#fff9df;cursor:var(--ui-cursor-default);display:flex;inset:0;justify-content:center;padding:clamp(18px,4vw,48px);pointer-events:auto;position:fixed;text-align:center;text-shadow:0 3px 0 #14383d,0 0 8px rgba(10,34,38,.45);z-index:60}.language-screen__panel,.ui-paper--special.ui-paper--panel{max-width:min(660px,100%);padding:44px 55px 43px;width:100%}.language-screen__brand{color:var(--ui-ink-special-strong);font-family:var(--font-display);font-size:clamp(40px,8vw,72px);line-height:.95;margin:0 0 12px;text-shadow:var(--ui-shadow-ink-dark),0 0 10px rgba(8,32,36,.35)}.language-screen__title{color:var(--ui-ink-special-title);font-family:var(--font-display);font-size:clamp(24px,4.8vw,38px);line-height:1;margin:0 0 8px;text-shadow:var(--ui-shadow-ink-dark)}.language-screen__subtitle{color:var(--ui-ink-special-body);font-size:clamp(13px,2.4vw,18px);font-weight:800;line-height:1.35;margin:0 auto 22px;max-width:420px;text-shadow:var(--ui-shadow-ink-dark)}.language-screen__options{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto 20px}.language-option{background:transparent;border-color:transparent;border-style:solid;border-width:13px 18px 16px;border-image:var(--ui-generated-button-blue) 64 fill / 13px 18px 16px stretch;color:var(--ui-ink-button);cursor:var(--ui-cursor-pointer);font-family:var(--font-display);min-height:66px;padding:0 6px 5px;text-shadow:var(--ui-shadow-ink-dark)}.language-option--active{filter:brightness(1.13)}.language-option[data-language=ru],.language-option[data-language=ru] span,.language-option[data-language=ru] small{font-family:var(--font-fallback)}.language-option span,.language-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-option span{font-size:clamp(15px,2.1vw,20px)}.language-option small{color:var(--ui-ink-button-sub);font-size:11px;font-weight:800;margin-top:3px;text-shadow:0 1px 0 rgba(255,252,214,.35)}.language-screen__start{margin:0 auto}.menu-screen,.campaign-screen,.skirmish-screen{color:#fff9df;cursor:var(--ui-cursor-default);font-family:var(--font-body);inset:0;overflow:hidden;pointer-events:auto;position:fixed;text-shadow:0 2px 0 #14383d,0 0 8px rgba(10,34,38,.45);z-index:20}.menu-screen__vignette,.campaign-screen:before,.skirmish-screen:before{background:radial-gradient(circle at 50% 42%,#60beb847,#2675752e 30%,#081e22ad),linear-gradient(180deg,#0a323626,#081c1f7a);inset:0;pointer-events:none;position:absolute}.campaign-screen,.skirmish-screen{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.menu-screen__content{align-items:center;display:flex;flex-direction:column;gap:clamp(22px,4vh,42px);inset:0;justify-content:center;padding:clamp(20px,4vw,56px);position:absolute}.menu-screen__logo-wrap{display:none}.sword-title-block,.ui-sword-title-block{isolation:isolate;position:relative;width:min(620px,92vw)}.sword-title-block--compact,.ui-sword-title-block--compact{width:min(520px,72vw)}.sword-title-block__copy,.ui-sword-title-block__copy{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:0 12px 8px;pointer-events:none;position:absolute;z-index:1}.sword-title,.ui-sword-title{--sword-left-w: calc(var(--sword-h) * 105 / 128);--sword-tile-w: calc(var(--sword-h) * 64 / 128);--sword-right-w: calc(var(--sword-h) * 92 / 128);--sword-h: clamp(80px, 10vw, 108px);display:grid;grid-template-columns:auto 1fr auto;height:var(--sword-h);image-rendering:pixelated;width:100%}.sword-title--compact,.ui-sword-title--compact{--sword-h: clamp(56px, 7vw, 72px)}.sword-title--hero,.ui-sword-title--hero{--sword-h: clamp(80px, 10vw, 108px)}.sword-title__cap,.ui-sword-title__cap{background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;height:var(--sword-h)}.sword-title__cap--left,.ui-sword-title__cap--left{background-image:var(--ui-sword-title-left);background-position:left center;width:var(--sword-left-w)}.sword-title__cap--right,.ui-sword-title__cap--right{background-image:var(--ui-sword-title-right);background-position:right center;width:var(--sword-right-w)}.sword-title__blade,.ui-sword-title__blade{background-image:var(--ui-sword-title-mid);background-position:left center;background-repeat:repeat-x;background-size:var(--sword-tile-w) 100%;height:var(--sword-h);margin:0 -2px;min-width:0}.menu-screen__title,.menu-screen__subtitle,.campaign-screen__title,.campaign-screen__title span{position:relative;z-index:1}.menu-screen__banner{display:none}.menu-screen__title,.campaign-screen__title{color:#fff4ba;font-family:var(--font-display);letter-spacing:0;margin:0;text-shadow:0 4px 0 #0b2d32,0 0 18px rgba(255,222,120,.28)}.menu-screen__title{font-size:clamp(38px,6vw,76px);line-height:.92}.menu-screen__subtitle{color:#d7efe8;font-size:clamp(14px,1.5vw,18px);font-weight:750;margin:-8px 0 0}.menu-screen__buttons{align-items:center;display:flex;flex-direction:column;gap:12px;overflow:visible;width:min(400px,92vw)}html[data-device=mobile] .menu-screen__buttons,html[data-device=tablet] .menu-screen__buttons{gap:14px}.ui-ribbon-btn,.menu-ribbon-btn{--ribbon-cap-left: var(--ui-ribbon-small-blue-left);--ribbon-tile: var(--ui-ribbon-small-blue-mid);--ribbon-cap-right: var(--ui-ribbon-small-blue-right);--ribbon-h: 64px;--ribbon-left-w: calc(var(--ribbon-h) * 62 / 64);--ribbon-tile-w: calc(var(--ribbon-h) * 64 / 64);--ribbon-right-w: calc(var(--ribbon-h) * 62 / 64);background:transparent;border:0;cursor:var(--ui-cursor-pointer);display:block;height:var(--ribbon-h);image-rendering:pixelated;overflow:visible;padding:0;position:relative;width:min(380px,100%)}.ui-ribbon-btn__track,.menu-ribbon-btn__track{display:grid;grid-template-columns:auto 1fr auto;height:var(--ribbon-h);width:100%}.ui-ribbon-btn__cap,.menu-ribbon-btn__cap{background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;height:var(--ribbon-h)}.ui-ribbon-btn__cap--left,.menu-ribbon-btn__cap--left{background-image:var(--ribbon-cap-left);background-position:left top;width:var(--ribbon-left-w)}.ui-ribbon-btn__cap--right,.menu-ribbon-btn__cap--right{background-image:var(--ribbon-cap-right);background-position:right top;width:var(--ribbon-right-w)}.ui-ribbon-btn__tile,.menu-ribbon-btn__tile{background-image:var(--ribbon-tile);background-position:left top;background-repeat:repeat-x;background-size:var(--ribbon-tile-w) 100%;height:var(--ribbon-h);margin:0 -2px;min-width:0}.ui-ribbon-btn__label,.menu-ribbon-btn__label{align-items:center;color:#fff9df;display:flex;font:900 clamp(17px,1.6vw,22px)/1 var(--font-display);inset:0;justify-content:center;padding:0 12px 4px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 3px 0 #173b3d,0 0 6px rgba(8,24,28,.55);z-index:1}.menu-ribbon-btn:hover:not(:disabled){filter:brightness(1.08)}.menu-ribbon-btn:active:not(:disabled){transform:translateY(2px)}.menu-ribbon-btn--disabled{cursor:var(--ui-cursor-disabled);filter:saturate(.65);opacity:.72}.ui-ribbon-btn--red,.menu-ribbon-btn--red{--ribbon-cap-left: var(--ui-ribbon-small-red-left);--ribbon-tile: var(--ui-ribbon-small-red-mid);--ribbon-cap-right: var(--ui-ribbon-small-red-right)}.ui-ribbon-btn--yellow,.menu-ribbon-btn--yellow{--ribbon-cap-left: var(--ui-ribbon-small-yellow-left);--ribbon-tile: var(--ui-ribbon-small-yellow-mid);--ribbon-cap-right: var(--ui-ribbon-small-yellow-right)}.ui-ribbon-panel{filter:drop-shadow(0 6px 0 rgba(17,50,54,.34));image-rendering:pixelated;isolation:isolate;position:relative}.ui-ribbon-panel__track{display:grid;grid-template-columns:auto 1fr auto;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.ui-ribbon-panel>:not(.ui-ribbon-panel__track){position:relative;z-index:1}.ui-ribbon-panel__cap,.ui-ribbon-panel__tile{background-repeat:no-repeat;height:100%;min-height:0;min-width:0}.ui-ribbon-panel__cap--left{background-image:var(--ribbon-cap-left);background-position:left center;background-size:100% 100%;width:var(--ribbon-left-w)}.ui-ribbon-panel__cap--right{background-image:var(--ribbon-cap-right);background-position:right center;background-size:100% 100%;width:var(--ribbon-right-w)}.ui-ribbon-panel__tile{background-image:var(--ribbon-tile);background-position:left center;background-repeat:repeat-x;background-size:var(--ribbon-tile-w) 100%;margin:0 -2px}.ui-ribbon-panel--big-yellow{--ribbon-cap-left: var(--ui-ribbon-big-yellow-left);--ribbon-tile: var(--ui-ribbon-big-yellow-mid);--ribbon-cap-right: var(--ui-ribbon-big-yellow-right);--ribbon-panel-h: clamp(140px, 17vw, 176px);--ribbon-src-h: 64;--ribbon-src-left-w: 87;--ribbon-src-right-w: 88;--ribbon-src-tile-w: 64;--ribbon-left-w: calc(var(--ribbon-panel-h) * var(--ribbon-src-left-w) / var(--ribbon-src-h));--ribbon-right-w: calc(var(--ribbon-panel-h) * var(--ribbon-src-right-w) / var(--ribbon-src-h));--ribbon-tile-w: calc(var(--ribbon-panel-h) * var(--ribbon-src-tile-w) / var(--ribbon-src-h));min-height:var(--ribbon-panel-h)}.ui-scroll-banner{background:transparent;image-rendering:pixelated;isolation:isolate;position:relative}.ui-scroll-banner__track{display:grid;grid-template-columns:auto 1fr auto;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.ui-scroll-banner>:not(.ui-scroll-banner__track){position:relative;z-index:1}.ui-scroll-banner__cap,.ui-scroll-banner__tile{background-repeat:no-repeat;height:100%;min-height:0;min-width:0}.ui-scroll-banner__cap--left{background-image:var(--scroll-cap-left);background-position:left bottom;background-size:100% 100%;width:var(--scroll-left-w)}.ui-scroll-banner__cap--right{background-image:var(--scroll-cap-right);background-position:right bottom;background-size:100% 100%;width:var(--scroll-right-w)}.ui-scroll-banner__tile{background-image:var(--scroll-tile);background-position:left bottom;background-repeat:repeat-x;background-size:var(--scroll-tile-w) 100%;margin:0 -2px}.ui-scroll-banner--parchment{--scroll-cap-left: var(--ui-scroll-parchment-left);--scroll-tile: var(--ui-scroll-parchment-mid);--scroll-cap-right: var(--ui-scroll-parchment-right);--scroll-panel-h: 220px;--scroll-left-w: 50px;--scroll-right-w: 51px;--scroll-tile-w: 16px;--scroll-pad-top: 40px;--scroll-pad-bottom: 42px;filter:drop-shadow(0 6px 0 rgba(17,50,54,.34));min-height:var(--scroll-panel-h)}.menu-btn,.ui-btn{align-items:center;background:transparent;border-color:transparent;border-style:solid;border-width:16px 24px 20px;border-image:var(--ui-btn-blue) 64 fill / 16px 24px 20px stretch;color:var(--ui-ink-button);cursor:var(--ui-cursor-pointer);display:inline-flex;height:66px;justify-content:center;padding:0 26px 6px;position:relative;text-shadow:var(--ui-shadow-ink-dark);width:min(360px,100%)}.menu-btn--small,.ui-btn--sm{border-width:13px 18px 16px;border-image:var(--ui-btn-blue) 64 fill / 13px 18px 16px stretch;height:48px;padding:0 16px 5px;width:150px}.hud__action-btn,.ui-btn.ui-btn--hud{border-color:transparent;border-image:var(--ui-btn-blue) 64 fill / 8px 12px 10px stretch;border-style:solid;border-width:8px 12px 10px;font:700 12px/1 var(--font-display);height:auto;max-width:none;min-height:42px;padding:2px 10px 4px;width:auto}.ui-btn.ui-btn--hud .ui-btn__label{font-size:14px;line-height:1.05;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.menu-btn--disabled,.ui-btn--red{border-image-source:var(--ui-btn-red);cursor:var(--ui-cursor-disabled);filter:saturate(.65);opacity:.72}.menu-btn__bg{display:none}.menu-btn__label,.ui-btn__label{color:#fff9df;display:block;font:900 clamp(16px,1.5vw,20px)/1 var(--font-display);max-width:100%;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;text-shadow:0 3px 0 #173b3d,0 0 6px rgba(8,24,28,.55);white-space:nowrap;z-index:1}.menu-btn__label small{font-size:.82em}.menu-btn:hover:not(:disabled),.mission-card__play:hover{filter:brightness(1.08)}.menu-btn:active:not(:disabled){transform:translateY(2px)}.history-screen{color:#fff9df;cursor:var(--ui-cursor-default);display:flex;flex-direction:column;font-family:var(--font-body);height:100%;inset:0;max-height:100%;overflow:hidden;pointer-events:auto;position:fixed;text-shadow:0 2px 0 #14383d,0 0 8px rgba(10,34,38,.45);z-index:20}.history-screen__header{align-items:center;display:flex;flex:0 0 auto;gap:12px;margin:0 auto;max-width:980px;padding:clamp(14px,2vw,26px) clamp(14px,3vw,42px) 10px;position:relative;z-index:1;width:100%}.history-screen__title-ribbon{cursor:default;flex:1 1 auto;max-width:min(420px,100%);pointer-events:none}.history-screen__icon-btn{align-items:center;background:transparent;border:0;cursor:var(--ui-cursor-pointer);display:inline-grid;flex:0 0 auto;height:56px;image-rendering:pixelated;justify-items:center;padding:0;place-content:center;width:56px}.history-screen__icon-btn:hover{filter:brightness(1.1)}.history-screen__icon-btn:active{transform:translateY(1px)}.history-screen__icon-btn img{display:block;height:48px;image-rendering:pixelated;object-fit:contain;pointer-events:none;width:48px}.history-screen__body{align-content:center;display:grid;flex:1 1 auto;gap:clamp(18px,3vw,28px);margin:0 auto;max-width:980px;min-height:0;overflow:auto;padding:10px clamp(14px,3vw,42px) clamp(24px,4vh,44px);position:relative;width:100%;z-index:1}.history-screen__detail{--scroll-left-w: 48px;--scroll-right-w: 48px;--scroll-pad-top: 34px;--scroll-pad-bottom: 40px;color:var(--ui-ink-regular-body);margin:0 auto;max-width:min(720px,100%);min-height:220px;overflow:hidden;position:relative;text-shadow:var(--ui-shadow-ink-light);width:100%}.history-screen__detail.ui-scroll-banner--parchment:before{background:var(--ui-scroll-parchment-center) left top / 64px 64px repeat;background-clip:padding-box;background-origin:padding-box;border-color:transparent;border-image:var(--ui-scroll-parchment-frame) 68 84 111 100 / 36px 52px 42px 52px repeat;border-style:solid;border-width:36px 52px 42px 52px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.history-screen__detail .ui-scroll-banner__track{display:none}.history-screen__detail-content{box-sizing:border-box;display:grid;gap:12px;justify-items:center;padding:var(--scroll-pad-top) calc(var(--scroll-right-w) + 12px) var(--scroll-pad-bottom) var(--scroll-left-w);position:relative;text-align:center;z-index:2}.history-screen__detail-title{color:var(--ui-ink-regular-strong);font-family:var(--font-display);font-size:clamp(26px,4vw,36px);margin:0;text-shadow:var(--ui-shadow-ink-light)}.history-screen__detail-text{color:var(--ui-ink-regular-body);font-size:clamp(14px,1.8vw,17px);line-height:1.35;margin:0;max-width:36ch}.history-screen__icon-btn--advance{margin-top:4px}html[data-device=mobile] .history-screen__header,html[data-device=tablet] .history-screen__header{gap:10px;padding:16px 14px 8px}html[data-device=mobile] .history-screen__icon-btn,html[data-device=tablet] .history-screen__icon-btn{height:52px;width:52px}html[data-device=mobile] .history-screen__icon-btn img,html[data-device=tablet] .history-screen__icon-btn img{height:44px;width:44px}html[data-device=mobile] .history-screen__detail,html[data-device=tablet] .history-screen__detail{--scroll-left-w: 36px;--scroll-right-w: 36px;--scroll-pad-top: 28px;--scroll-pad-bottom: 34px}.campaign-screen__header{align-items:center;display:grid;flex:0 0 auto;flex-wrap:wrap;gap:12px;grid-template-columns:56px minmax(0,1fr) 56px;isolation:isolate;justify-items:center;margin:0 auto;max-width:1480px;padding:clamp(14px,2vw,26px) clamp(14px,3vw,42px) 10px;position:relative;width:100%;z-index:1}.campaign-screen__header>.campaign-screen__icon-btn{justify-self:start}.campaign-screen__header>.campaign-screen__side-btn{justify-self:end}.campaign-screen__icon-btn{align-items:center;background:transparent;border:0;cursor:var(--ui-cursor-pointer);display:inline-grid;flex:0 0 auto;height:56px;image-rendering:pixelated;justify-items:center;padding:0;place-content:center;width:56px}.campaign-screen__icon-btn:hover{filter:brightness(1.1)}.campaign-screen__icon-btn:active{transform:translateY(1px)}.campaign-screen__icon-btn img{display:block;height:48px;image-rendering:pixelated;object-fit:contain;pointer-events:none;width:48px}.campaign-screen__title-ribbon{cursor:default;justify-self:center;max-width:min(460px,100%);pointer-events:none;width:100%}.skirmish-screen__header{align-items:center;display:flex;flex:0 0 auto;gap:12px;margin:0 auto;max-width:980px;padding:clamp(14px,2vw,26px) clamp(14px,3vw,42px) 10px;position:relative;z-index:1;width:100%}.skirmish-screen__title-ribbon{cursor:default;flex:1 1 auto;max-width:min(420px,100%);pointer-events:none}.skirmish-screen__icon-btn{align-items:center;background:transparent;border:0;cursor:var(--ui-cursor-pointer);display:inline-grid;flex:0 0 auto;height:56px;image-rendering:pixelated;justify-items:center;padding:0;place-content:center;width:56px}.skirmish-screen__icon-btn:hover{filter:brightness(1.1)}.skirmish-screen__icon-btn:active{transform:translateY(1px)}.skirmish-screen__icon-btn img{display:block;height:48px;image-rendering:pixelated;object-fit:contain;pointer-events:none;width:48px}.campaign-screen__body{box-sizing:border-box;display:grid;flex:1 1 auto;gap:clamp(12px,1.5vw,24px);grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:1480px;min-height:0;overflow:hidden;padding:6px clamp(12px,2.5vw,36px) clamp(12px,2.5vh,28px);position:relative;width:100%;z-index:1}.campaign-screen__side-btn{align-items:center;background:#0c2a2ed1;border:2px solid #f9e8a0;border-radius:6px;box-shadow:0 3px #11323673;cursor:var(--ui-cursor-pointer);display:grid;flex:0 0 auto;height:48px;image-rendering:pixelated;justify-items:center;padding:4px;place-content:center;position:relative;width:48px}.campaign-screen__side-btn:hover{filter:brightness(1.08)}.campaign-screen__side-btn--active{background:#244e48f2;outline:2px solid rgba(249,240,166,.7);outline-offset:1px}.campaign-screen__side-btn-icon{display:block;height:36px;image-rendering:pixelated;object-fit:contain;pointer-events:none;width:36px}.campaign-relics-overlay{align-items:center;box-sizing:border-box;display:none;justify-content:center;inset:0;padding:16px;pointer-events:auto;position:fixed;width:100%;z-index:90}.campaign-relics-overlay.campaign-relics-overlay--open{display:flex}.campaign-relics-overlay[hidden]{display:none!important}.campaign-relics-backdrop{background:#081e229e;border:0;cursor:var(--ui-cursor-pointer);inset:0;padding:0;position:absolute}.campaign-relics-overlay .campaign-screen__relics{flex:0 0 auto;margin:0 auto;max-width:min(392px,calc(100vw - 24px));overflow:hidden;pointer-events:auto;position:relative;z-index:1}.campaign-relics-overlay .campaign-screen__relics .ui-wood__content{-ms-overflow-style:none;box-sizing:border-box;scrollbar-width:none;text-align:left;width:100%}.campaign-relics-overlay .campaign-screen__relics .ui-wood__content::-webkit-scrollbar{display:none;height:0;width:0}.campaign-relics-close.ui-close{height:36px;position:absolute;right:10px;top:8px;width:36px;z-index:3}.campaign-screen__missions{display:grid;gap:12px;grid-template-rows:minmax(0,1fr) auto;height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden;padding:4px 4px 8px}.mission-tree{min-height:0;overflow:hidden;position:relative}.mission-tree__canvas{height:100%;min-height:inherit;position:relative;width:100%}.mission-tree__links{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.mission-tree__line{stroke:#0f34385c;stroke-dasharray:2.4 1.8;stroke-linecap:round;stroke-width:.72}.mission-tree__line--available{stroke:#1f5f65bd}.mission-tree__line--completed{stroke:#307d56e6;stroke-dasharray:none}.mission-node{--node-size: clamp(58px, 6vw, 78px);align-items:center;background:transparent;border:0;box-shadow:none;cursor:var(--ui-cursor-pointer);display:grid;height:var(--node-size);justify-items:center;left:var(--node-x);padding:5px;position:absolute;top:var(--node-y);transform:translate(-50%,-50%);width:var(--node-size);z-index:2}.mission-node img{filter:drop-shadow(0 5px 0 rgba(20,42,42,.42));height:calc(var(--node-size) - 8px);image-rendering:pixelated;object-fit:contain;width:100%}.mission-node--locked{cursor:var(--ui-cursor-disabled);filter:saturate(.55);opacity:.58}.mission-node--completed{filter:saturate(1.08)}.mission-node--selected{background:#fff4ba38;box-shadow:0 0 0 4px #f1c65d99,0 6px #5f4a2247;filter:brightness(1.1);z-index:3}.mission-node--boss{background:#db8e762e}.mission-detail{flex:0 0 auto;min-height:0;position:relative}.ui-banner{isolation:isolate;position:relative}.ui-banner__frame{display:flex;flex-direction:column;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.ui-banner>:not(.ui-banner__frame){position:relative;z-index:1}.ui-banner__row{display:grid;min-height:0;min-width:0;width:100%}.ui-banner__cell{image-rendering:pixelated;min-height:0;min-width:0}.ui-banner--kingdom{--banner-tl: url(../assets/generated-ui/banners/banner-kingdom-tl.png);--banner-tm-a: url(../assets/generated-ui/banners/banner-kingdom-tm-a.png);--banner-tm-b: url(../assets/generated-ui/banners/banner-kingdom-tm-b.png);--banner-tr: url(../assets/generated-ui/banners/banner-kingdom-tr.png);--banner-ml: url(../assets/generated-ui/banners/banner-kingdom-ml.png);--banner-mm: url(../assets/generated-ui/banners/banner-kingdom-mm.png);--banner-mr: url(../assets/generated-ui/banners/banner-kingdom-mr.png);--banner-bl: url(../assets/generated-ui/banners/banner-kingdom-bl.png);--banner-bm-a: url(../assets/generated-ui/banners/banner-kingdom-bm-a.png);--banner-bm-b: url(../assets/generated-ui/banners/banner-kingdom-bm-b.png);--banner-br: url(../assets/generated-ui/banners/banner-kingdom-br.png);--banner-edge-w: 60px;--banner-edge-r: 44px;--banner-mid-w: 64px;--banner-zoom: .28125;--banner-src-top-h: 64;--banner-src-bot-h: 98;--banner-top-h: calc(var(--banner-src-top-h) * var(--banner-zoom) * 1px);--banner-bot-h: calc(var(--banner-src-bot-h) * var(--banner-zoom) * 1px);filter:drop-shadow(0 6px 0 rgba(17,50,54,.38));image-rendering:pixelated}.ui-banner--kingdom .ui-banner__row--top{flex-shrink:0;grid-template-columns:var(--banner-edge-w) var(--banner-mid-w) 1fr var(--banner-mid-w) var(--banner-edge-r);height:var(--banner-top-h)}.ui-banner--kingdom .ui-banner__row--mid{flex:1;grid-template-columns:var(--banner-edge-w) 1fr var(--banner-edge-r)}.ui-banner--kingdom .ui-banner__row--bot{flex-shrink:0;grid-template-columns:var(--banner-edge-w) var(--banner-mid-w) 1fr var(--banner-mid-w) var(--banner-edge-r);height:var(--banner-bot-h)}.ui-banner--kingdom .ui-banner__cell--tl,.ui-banner--kingdom .ui-banner__cell--tr,.ui-banner--kingdom .ui-banner__cell--tm-a,.ui-banner--kingdom .ui-banner__cell--tm-b{background-position:center bottom;background-repeat:no-repeat;background-size:100% 100%}.ui-banner--kingdom .ui-banner__cell--tm-fill,.ui-banner--kingdom .ui-banner__cell--bm-fill{background-position:left bottom;background-repeat:repeat-x;background-size:var(--banner-mid-w) 100%}.ui-banner--kingdom .ui-banner__cell--tm-fill{background-image:var(--banner-tm-a)}.ui-banner--kingdom .ui-banner__cell--bm-fill{background-image:var(--banner-bm-a)}.ui-banner--kingdom .ui-banner__cell--ml,.ui-banner--kingdom .ui-banner__cell--mr{background-repeat:repeat-y;background-size:100% var(--banner-mid-w)}.ui-banner--kingdom .ui-banner__cell--mm{background-repeat:repeat;background-size:var(--banner-mid-w) var(--banner-mid-w)}.ui-banner--kingdom .ui-banner__cell--bl,.ui-banner--kingdom .ui-banner__cell--br{background-repeat:no-repeat;overflow:hidden}.ui-banner--kingdom .ui-banner__cell--bl{background-image:var(--banner-bl);background-position:left bottom;background-size:auto var(--banner-bot-h)}.ui-banner--kingdom .ui-banner__cell--br{background-image:var(--banner-br);background-position:right bottom;background-size:auto var(--banner-bot-h)}.ui-banner--kingdom .ui-banner__cell--bm-a,.ui-banner--kingdom .ui-banner__cell--bm-b{background-position:center bottom;background-repeat:no-repeat;background-size:100% 100%}.ui-banner--kingdom .ui-banner__cell--tl{background-image:var(--banner-tl)}.ui-banner--kingdom .ui-banner__cell--tm-a{background-image:var(--banner-tm-a)}.ui-banner--kingdom .ui-banner__cell--tm-b{background-image:var(--banner-tm-b)}.ui-banner--kingdom .ui-banner__cell--tr{background-image:var(--banner-tr)}.ui-banner--kingdom .ui-banner__cell--ml{background-image:var(--banner-ml)}.ui-banner--kingdom .ui-banner__cell--mm{background-image:var(--banner-mm)}.ui-banner--kingdom .ui-banner__cell--mr{background-image:var(--banner-mr)}.ui-banner--kingdom .ui-banner__cell--bm-a{background-image:var(--banner-bm-a)}.ui-banner--kingdom .ui-banner__cell--bm-b{background-image:var(--banner-bm-b)}.mission-card,.ui-scroll-banner.mission-card{cursor:var(--ui-cursor-pointer);overflow:visible;position:relative;z-index:1}.mission-card--detail{display:none}.mission-card--detail.mission-card--selected{display:block}.mission-card.ui-scroll-banner--parchment:before{background:var(--ui-scroll-parchment-center) left top / 64px 64px repeat;background-clip:padding-box;background-origin:padding-box;border-color:transparent;border-image:var(--ui-scroll-parchment-frame) 68 84 111 100 / 46px 57px 64px 68px repeat;border-style:solid;border-width:46px 57px 64px 68px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.mission-card.ui-scroll-banner--parchment .ui-scroll-banner__track{display:none}.mission-card--locked{cursor:var(--ui-cursor-disabled);filter:saturate(.78) drop-shadow(0 6px 0 rgba(17,50,54,.34))}.mission-card--locked:after{background:#1a37371f;border-radius:2px;content:"";inset:var(--scroll-pad-top) var(--scroll-right-w) var(--scroll-pad-bottom) var(--scroll-left-w);pointer-events:none;position:absolute;z-index:3}.mission-card--locked .mission-card__content{opacity:.7}.mission-card--completed .mission-card__name:after{color:#2f7a59;content:" ✓";text-shadow:0 1px 0 rgba(255,252,214,.6)}.mission-card__paper{display:none}.mission-card__content{align-items:center;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:78px minmax(0,1fr) minmax(118px,auto);min-height:calc(var(--scroll-panel-h) - var(--scroll-pad-top) - var(--scroll-pad-bottom));padding:var(--scroll-pad-top) var(--scroll-right-w) var(--scroll-pad-bottom) var(--scroll-left-w);position:relative;z-index:2}.mission-card--boss .mission-card__name{color:#5f2524}.mission-card__avatar{filter:drop-shadow(0 4px 0 rgba(20,42,42,.38));height:78px;image-rendering:pixelated;object-fit:contain;width:78px}.mission-card__info{min-width:0}.mission-card__index{color:var(--ui-ink-regular-muted);font-size:12px;font-weight:900;letter-spacing:0;text-shadow:var(--ui-shadow-ink-light);text-transform:uppercase}.mission-card__name{color:var(--ui-ink-regular-strong);font-size:clamp(20px,2vw,28px);line-height:1;margin:4px 0 8px;text-shadow:var(--ui-shadow-ink-light)}.mission-card__desc,.mission-card__objective{color:var(--ui-ink-regular-body);font-size:clamp(12px,1.1vw,14px);font-weight:750;line-height:1.32;margin:0 0 5px;text-shadow:var(--ui-shadow-ink-light)}.mission-card__stars{margin-top:6px}.mission-card__stars .star{color:#2f575a66;font-size:24px;margin-right:2px;text-shadow:0 1px 0 rgba(255,252,214,.5)}.mission-card__stars .star--filled{color:#f1c65d;text-shadow:0 2px 0 #7f5d23}.mission-card__reward{align-items:center;color:var(--ui-ink-regular-body);display:flex;font-size:12px;font-weight:800;gap:7px;margin-top:8px;text-shadow:0 1px 0 rgba(255,252,214,.55)}.mission-card__reward img{flex:0 0 auto;height:28px;image-rendering:pixelated;object-fit:contain;width:28px}.mission-card__reward em{opacity:.7}.mission-card__play{box-shadow:0 4px #173b3da6;justify-self:end;min-width:120px;width:min(200px,100%)}.mission-card__advance{display:none}.mission-card__lock{align-self:center;color:#2f575ab8;display:grid;font-size:14px;font-weight:900;gap:4px;justify-self:center;padding:10px;text-align:center;text-shadow:0 1px 0 rgba(255,252,214,.55);z-index:4}.mission-card__lock small{color:#1f5f65d1;font-size:10px;line-height:1.15}.campaign-screen__relics.ui-wood{--wood-left: 42px;--wood-right: 42px;--wood-top: 14px;--wood-bottom: 12px;--wood-tile: 32px;--wood-mid-x: 9;--wood-mid-y: 12;filter:drop-shadow(0 7px 0 rgba(17,50,54,.42))}.campaign-screen__relics h3{color:var(--wood-ink, #fff4ba);font-size:22px;line-height:1;margin:0 0 12px;padding-right:28px;text-align:left;white-space:nowrap;width:100%}.campaign-screen__relics .relic-list{display:grid;gap:10px;padding:0;width:100%}.campaign-screen__relics .relic-item{align-items:center;display:grid;gap:12px;grid-template-columns:36px minmax(0,1fr);justify-items:stretch;min-width:0;opacity:.55;width:100%}.relic-item--owned{opacity:1}.campaign-screen__relics .relic-item img{filter:drop-shadow(0 3px 0 rgba(20,42,42,.4));height:36px;image-rendering:pixelated;justify-self:start;object-fit:contain;width:36px}.campaign-screen__relics .relic-item>div{min-width:0;text-align:left;width:100%}.campaign-screen__relics .relic-item strong{color:#ffe9a5;display:block;font-size:15px;line-height:1.15;overflow-wrap:normal;text-align:left;white-space:nowrap;word-break:normal}.campaign-screen__relics .relic-item span{color:#d9c994;display:block;font-size:12px;font-weight:800;line-height:1.2;margin-top:2px;overflow-wrap:normal;text-align:left;white-space:nowrap;word-break:normal}.skirmish-screen__body{align-content:start;box-sizing:border-box;display:grid;flex:1 1 auto;gap:clamp(12px,2vw,22px);margin:0 auto;max-width:980px;min-height:0;overflow:auto;padding:6px clamp(14px,3vw,42px) clamp(14px,3vh,32px);position:relative;width:100%;z-index:1}.skirmish-screen__form{--scroll-left-w: 48px;--scroll-right-w: 48px;--scroll-pad-top: 34px;--scroll-pad-bottom: 40px;color:var(--ui-ink-regular-body);margin:0 auto;max-width:min(720px,100%);overflow:hidden;position:relative;text-shadow:var(--ui-shadow-ink-light);width:100%}.skirmish-screen__form.ui-scroll-banner--parchment:before{background:var(--ui-scroll-parchment-center) left top / 64px 64px repeat;background-clip:padding-box;background-origin:padding-box;border-color:transparent;border-image:var(--ui-scroll-parchment-frame) 68 84 111 100 / 36px 52px 42px 52px repeat;border-style:solid;border-width:36px 52px 42px 52px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.skirmish-screen__form .ui-scroll-banner__track{display:none}.skirmish-screen__form-content{box-sizing:border-box;display:grid;gap:4px;padding:var(--scroll-pad-top) calc(var(--scroll-right-w) + 12px) var(--scroll-pad-bottom) var(--scroll-left-w);position:relative;z-index:2}.skirmish-field{display:block;margin-bottom:14px}.skirmish-field span{color:var(--ui-ink-regular-muted);display:block;font-size:12px;font-weight:900;letter-spacing:0;margin-bottom:7px;text-shadow:var(--ui-shadow-ink-light);text-transform:uppercase}.skirmish-field select{appearance:none;background-color:#fff4ba;background-image:linear-gradient(45deg,transparent 50%,var(--ui-ink-regular-body) 50%),linear-gradient(135deg,var(--ui-ink-regular-body) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:6px 6px;border:3px solid var(--ui-ink-regular-body);border-radius:5px;color:var(--ui-ink-regular-strong);cursor:var(--ui-cursor-pointer);display:block;font:800 20px/1 var(--font-display);min-height:58px;padding:12px 46px 13px 16px;text-shadow:none;width:100%}.skirmish-screen__start{margin:18px auto 0;width:min(360px,100%)}html[data-device=mobile] .skirmish-screen__header,html[data-device=tablet] .skirmish-screen__header{gap:10px;padding:16px 14px 8px}html[data-device=mobile] .skirmish-screen__icon-btn,html[data-device=tablet] .skirmish-screen__icon-btn{height:52px;width:52px}html[data-device=mobile] .skirmish-screen__icon-btn img,html[data-device=tablet] .skirmish-screen__icon-btn img{height:44px;width:44px}html[data-device=mobile] .skirmish-screen__form,html[data-device=tablet] .skirmish-screen__form{--scroll-left-w: 36px;--scroll-right-w: 36px;--scroll-pad-top: 28px;--scroll-pad-bottom: 34px}@media(max-width:980px){.hud__bottom{flex-direction:column}.hud__minimap-wrap{align-self:flex-end}}@media(max-width:640px){.language-screen__options{grid-template-columns:1fr}.language-option{min-height:58px}.campaign-screen__header{gap:8px;grid-template-columns:48px minmax(0,1fr) 48px;padding:12px 8px 6px}.campaign-screen__icon-btn{height:48px;width:48px}.campaign-screen__icon-btn img{height:40px;width:40px}.campaign-screen__title-ribbon{max-width:none}.campaign-screen__side-btn{height:44px;width:44px}.campaign-screen__side-btn-icon{height:32px;width:32px}.sword-title-block--compact{width:min(100%,100%)}.campaign-screen__body{gap:10px;padding:2px 10px 20px;width:100%}.campaign-screen__missions{gap:8px;grid-template-rows:minmax(200px,34vh) auto;max-height:none;overflow:visible;padding:0;width:100%}.mission-detail,.mission-card--detail.mission-card--selected{width:100%}.mission-tree{height:min(34vh,240px);min-height:200px;overflow:hidden}.mission-tree__canvas{height:100%;min-width:0;width:100%}.mission-node{--node-size: clamp(34px, 9.2vw, 42px);padding:2px}.mission-node img{filter:drop-shadow(0 3px 0 rgba(20,42,42,.4));height:calc(var(--node-size) - 4px)}.mission-node--selected{box-shadow:0 0 0 2px #f1c65db3,0 3px #5f4a2247}.mission-detail{min-height:0}.mission-card.ui-scroll-banner--parchment{--scroll-panel-h: 210px;--scroll-left-w: 34px;--scroll-right-w: 34px;--scroll-tile-w: 16px;--scroll-pad-top: 32px;--scroll-pad-bottom: 34px}.mission-card.ui-scroll-banner--parchment:before{border-image:var(--ui-scroll-parchment-frame) 68 84 111 100 / 34px 40px 42px 40px repeat;border-width:34px 40px 42px 40px}.mission-card__content{align-items:start;gap:6px 10px;grid-template-columns:minmax(0,1fr) 56px;grid-template-rows:auto auto}.mission-card__avatar{grid-column:2;grid-row:1;height:56px;justify-self:end;width:56px}.mission-card__info{grid-column:1;grid-row:1 / span 2;min-width:0}.mission-card__name{font-size:clamp(18px,5.2vw,24px);margin:2px 0 6px}.mission-card__desc,.mission-card__objective{font-size:12px;line-height:1.28}.mission-card__play{display:none}.mission-card__advance{align-items:center;align-self:end;background:transparent;border:0;cursor:var(--ui-cursor-pointer);display:inline-grid;grid-column:2;grid-row:2;height:48px;image-rendering:pixelated;justify-items:center;justify-self:end;padding:0;place-content:center;width:48px}.mission-card__advance:hover{filter:brightness(1.1)}.mission-card__advance:active{transform:translateY(1px)}.mission-card__advance img{display:block;height:42px;image-rendering:pixelated;object-fit:contain;pointer-events:none;width:42px}.mission-card__lock{grid-column:1 / -1;grid-row:3;justify-self:center;text-align:center}.campaign-relics-overlay{padding:12px}.campaign-relics-overlay .campaign-screen__relics{max-width:min(392px,calc(100vw - 20px))}.campaign-screen__relics h3{font-size:20px;margin-bottom:10px;padding-right:26px}.campaign-screen__relics .relic-item strong{font-size:14px}.skirmish-screen__body{align-items:flex-start;min-height:auto;padding:12px 14px 32px}}html[data-device=mobile] .campaign-screen,html[data-device=tablet] .campaign-screen,html[data-device=mobile] .skirmish-screen,html[data-device=tablet] .skirmish-screen,html[data-device=mobile] .history-screen,html[data-device=tablet] .history-screen{overflow-x:hidden;overflow-y:auto}@media(max-height:720px)and (min-width:641px){.history-screen__header,.campaign-screen__header,.skirmish-screen__header{padding:8px clamp(12px,2vw,28px) 4px}.history-screen__icon-btn,.campaign-screen__icon-btn,.skirmish-screen__icon-btn{height:44px;width:44px}.history-screen__icon-btn img,.campaign-screen__icon-btn img,.skirmish-screen__icon-btn img{height:38px;width:38px}.campaign-screen__side-btn{height:40px;width:40px}.campaign-screen__side-btn-icon{height:28px;width:28px}.history-screen__body{gap:10px;padding:4px clamp(12px,2vw,28px) 12px}.history-screen__detail{--scroll-left-w: 36px;--scroll-right-w: 36px;--scroll-pad-top: 24px;--scroll-pad-bottom: 28px;min-height:0}.history-screen__detail.ui-scroll-banner--parchment:before{border-image:var(--ui-scroll-parchment-frame) 68 84 111 100 / 28px 40px 32px 40px repeat;border-width:28px 40px 32px 40px}.history-screen__detail-title{font-size:clamp(22px,3.2vw,30px)}.history-screen__detail-text{font-size:13px;max-width:42ch}.campaign-screen__body{gap:8px;padding:2px clamp(10px,2vw,24px) 10px}.campaign-screen__missions{gap:8px;padding:0}.mission-node{--node-size: clamp(44px, 5vw, 58px);padding:3px}.mission-card.ui-scroll-banner--parchment{--scroll-panel-h: 168px;--scroll-left-w: 36px;--scroll-right-w: 36px;--scroll-tile-w: 16px;--scroll-pad-top: 28px;--scroll-pad-bottom: 30px;min-height:var(--scroll-panel-h)}.mission-card.ui-scroll-banner--parchment:before{border-image:var(--ui-scroll-parchment-frame) 68 84 111 100 / 30px 40px 36px 40px repeat;border-width:30px 40px 36px 40px}.mission-card__content{gap:8px 10px;grid-template-columns:58px minmax(0,1fr) minmax(96px,auto);min-height:0}.mission-card__avatar{height:58px;width:58px}.mission-card__name{font-size:clamp(18px,2.4vw,24px);margin:0 0 4px}.mission-card__desc,.mission-card__objective{font-size:12px;line-height:1.25}.mission-card__play.ui-btn.ui-btn--hud{height:48px;min-width:96px;padding:0 14px 4px}.skirmish-screen__body{gap:8px;padding:2px clamp(12px,2vw,28px) 10px}.skirmish-screen__form{--scroll-left-w: 36px;--scroll-right-w: 36px;--scroll-pad-top: 22px;--scroll-pad-bottom: 24px}.skirmish-screen__form.ui-scroll-banner--parchment:before{border-image:var(--ui-scroll-parchment-frame) 68 84 111 100 / 26px 40px 30px 40px repeat;border-width:26px 40px 30px 40px}.skirmish-screen__form-content{gap:0;padding:var(--scroll-pad-top) calc(var(--scroll-right-w) + 10px) var(--scroll-pad-bottom) var(--scroll-left-w)}.skirmish-field{margin-bottom:8px}.skirmish-field span{font-size:11px;margin-bottom:4px}.skirmish-field select{font-size:16px;min-height:42px;padding:8px 40px 8px 12px}.skirmish-screen__start{margin:10px auto 0}.skirmish-screen__start.ui-btn{height:52px}}.hud__title{color:#fff4ba;font-family:var(--font-display);font-size:18px;margin-bottom:8px}.hud__text{color:#f7e6bf;font-family:var(--font-body);font-size:12px;font-weight:650;line-height:1.3;max-width:100%}@media(max-width:1080px){.hud__resource-row{width:min(540px,calc(100vw - 24px))}}@media(max-width:720px){.hud__bar{gap:5px;left:8px;right:8px;top:8px}.hud__resource-row{gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 12px 12px;width:min(520px,calc(100vw - 16px))}.hud__pill{grid-template-columns:26px minmax(0,1fr)}.hud__icon{height:26px;width:26px}.hud__label{font-size:8px}.hud__value{font-size:14px}.hud__map-select{min-width:100px}.hud__select{font-size:12px;min-width:94px}.hud__title{font-size:15px;margin-bottom:5px}.hud__text{font-size:11px}}@media(max-width:460px){.hud__resource-row{gap:1px;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 9px 10px;width:calc(100vw - 16px)}.hud__bottom{bottom:8px;left:8px;right:8px}.hud__panel,.hud__minimap-wrap{display:none}}html[data-device=mobile] .hud__panel,html[data-device=tablet] .hud__panel{display:block;max-width:calc(100vw - 16px)}html[data-device=mobile] .hud__panel--selection,html[data-device=tablet] .hud__panel--selection{max-width:calc(100vw - 16px);width:calc(100vw - 16px)}html[data-device=mobile] .hud__panel--selection.ui-scroll-banner--parchment,html[data-device=tablet] .hud__panel--selection.ui-scroll-banner--parchment{--scroll-left-w: 34px;--scroll-right-w: 34px;--scroll-pad-top: 28px;--scroll-pad-bottom: 38px}html[data-device=mobile] .hud__panel--selection .hud__panel-content,html[data-device=tablet] .hud__panel--selection .hud__panel-content{padding:var(--scroll-pad-top) calc(var(--scroll-right-w) + 6px) var(--scroll-pad-bottom) var(--scroll-left-w)}html[data-device=mobile] .hud__panel--selection .hud__panel-scroll,html[data-device=tablet] .hud__panel--selection .hud__panel-scroll{max-height:min(34vh,240px);touch-action:pan-y}html[data-device=mobile] .hud__panel--selection .hud__progress-track.ui-bar-big,html[data-device=tablet] .hud__panel--selection .hud__progress-track.ui-bar-big{--bar-h: 14px}html[data-device=mobile] .hud__panel--selection.ui-scroll-banner>.hud__close.ui-close,html[data-device=tablet] .hud__panel--selection.ui-scroll-banner>.hud__close.ui-close{height:40px;right:8px;top:6px;width:40px}html[data-device=mobile] .hud__panel-scroll,html[data-device=tablet] .hud__panel-scroll{touch-action:pan-y}html[data-device=mobile] .hud__selection-header,html[data-device=tablet] .hud__selection-header{gap:8px;margin-bottom:4px}html[data-device=mobile] .hud__selection-topline,html[data-device=tablet] .hud__selection-topline{gap:16px;padding-right:38px}html[data-device=mobile] .hud__structure-hp,html[data-device=tablet] .hud__structure-hp{font-size:11px}html[data-device=mobile] .hud__portrait,html[data-device=tablet] .hud__portrait{height:44px;width:44px}html[data-device=mobile] .hud__title,html[data-device=tablet] .hud__title{font-size:15px;margin-bottom:2px}html[data-device=mobile] .hud__castle,html[data-device=tablet] .hud__castle{font-size:11px;margin-top:6px}html[data-device=mobile] .hud__bottom,html[data-device=tablet] .hud__bottom{bottom:8px;left:8px;right:8px}html[data-device=mobile] .hud__minimap-wrap,html[data-device=tablet] .hud__minimap-wrap{display:none!important}html[data-device=mobile] .hud__actions--mobile-main,html[data-device=tablet] .hud__actions--mobile-main{display:grid;grid-template-columns:minmax(0,1fr)}.hud__mobile-picker{border-top:1px solid rgba(249,232,160,.45);margin-top:9px;padding-top:8px}.hud__mobile-picker-title{color:#fff4ba;font-size:11px;margin-bottom:6px;text-transform:uppercase}html[data-device=mobile] .hud__actions--mobile-picker,html[data-device=tablet] .hud__actions--mobile-picker{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:2px;touch-action:auto}html[data-device=mobile] .ui-btn.ui-btn--hud,html[data-device=tablet] .ui-btn.ui-btn--hud{min-height:48px;width:auto}html[data-device=mobile] .hud__actions--build-grid .ui-btn.ui-btn--hud,html[data-device=tablet] .hud__actions--build-grid .ui-btn.ui-btn--hud,html[data-device=mobile] .hud__actions--mobile-picker .ui-btn.ui-btn--hud,html[data-device=tablet] .hud__actions--mobile-picker .ui-btn.ui-btn--hud{width:100%}html[data-device=mobile] .hud__actions--train,html[data-device=tablet] .hud__actions--train{gap:8px;justify-content:flex-start}html[data-device=mobile] .hud__train-option,html[data-device=tablet] .hud__train-option{width:64px}html[data-device=mobile] .hud__train-btn,html[data-device=tablet] .hud__train-btn{height:56px;width:56px}@media(max-width:560px){html[data-device=mobile] .hud__panel,html[data-device=tablet] .hud__panel{max-width:calc(100vw - 16px)}html[data-device=mobile] .hud__panel--selection,html[data-device=tablet] .hud__panel--selection{max-width:calc(100vw - 16px);width:calc(100vw - 16px)}html[data-device=mobile] .hud__minimap-wrap,html[data-device=tablet] .hud__minimap-wrap{display:none}}