:root{--game-bg-top:#e8dcc4;--game-bg-bottom:#d4c4a8;--game-vignette:#3c302038;--game-panel-bg:#fffdf8;--game-panel-border:#e8dcc8;--game-text-muted:#7a6f5c;--game-surface-muted:#f5f0e8;--game-surface-muted-2:#faf6ef;--game-font-ui:"Golos Text", system-ui, -apple-system, sans-serif;--game-font-display:"PT Serif", Georgia, "Times New Roman", serif;--game-primary:#8b6914;--game-primary-hover:#735610;--game-primary-glow:#8b691473;--game-primary-soft:#8b69141f;--game-stage-bg:#f0e6d4;--game-battle-mat:#e4d9c8;--game-battle-cell-bg:#f7f2e8;--game-battle-cell-border:#c9baa8;--game-battle-wall-bg:#3d3630;--game-noise-opacity:0}@media (prefers-reduced-motion:reduce){:root{--game-noise-opacity:0}}html,body{min-height:100%;margin:0}body{min-height:100vh;font-family:var(--game-font-ui);background:linear-gradient(160deg, var(--game-bg-top), var(--game-bg-bottom));position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse at center, transparent 40%, var(--game-vignette) 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:var(--game-noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}.game-app-shell{background:var(--game-stage-bg);border:1px solid var(--game-panel-border);border-radius:8px;box-shadow:0 4px 24px #3c30201f}.game-shell{flex-direction:column;gap:8px;width:100%;display:flex}.game-panel{border:1px solid var(--game-panel-border);background:var(--game-panel-bg);border-radius:6px;padding:8px 10px}.game-panel__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.game-panel__title{font-size:14px;font-weight:600;line-height:1.3;font-family:var(--game-font-display);margin:0}.game-columns{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}@media (width<=900px){.game-columns{grid-template-columns:1fr}}.game-scroll-x{max-width:100%;overflow-x:auto}.game-battle-layout{flex-direction:column;gap:8px;width:100%;display:flex}.game-battle-bottom{grid-template-columns:1fr minmax(260px,320px);align-items:start;gap:8px;display:grid}@media (width<=900px){.game-battle-bottom,.game-battle-layout{grid-template-columns:1fr}}.game-character-hub{grid-template-columns:88px minmax(300px,380px) minmax(0,1fr);align-items:start;gap:8px;width:100%;display:grid}@media (width<=900px){.game-character-hub{grid-template-columns:1fr}}.game-battle-field{min-width:0}.game-battle-turn-order{margin-bottom:16px}.game-battle-section-title{font-family:var(--game-font-display);margin-bottom:6px;font-weight:600;display:block}.game-battle-field-scroll{border:1px solid var(--game-panel-border);background:var(--game-battle-mat);border-radius:4px;justify-content:center;align-items:center;max-width:100%;max-height:calc(100vh - 420px);padding:12px;display:flex;overflow:auto}.game-battle-field-scroll--compact{min-height:min(320px,100vh - 420px)}.battle-field-root{width:max-content;position:relative}.game-hub-content{width:100%;max-width:1200px;margin:0 auto}.game-tavern-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;width:100%;display:grid}.game-header{width:100%;margin-bottom:8px}.game-header__inner{align-items:center;width:100%}@media (width>=521px){.game-header__inner{grid-template-columns:1fr auto 1fr;gap:12px;display:grid}.game-header__brand{justify-self:start}.game-header__nav{justify-self:center}.game-header__actions{justify-self:end;min-width:0}}@media (width<=520px){.game-header__inner{grid-template-columns:1fr auto;grid-template-areas:"brand actions""nav nav";gap:4px;display:grid}.game-header__brand{grid-area:brand;min-width:0}.game-header__nav{grid-area:nav;justify-content:center;display:flex}.game-header__actions{grid-area:actions;justify-self:end;min-width:0}}.game-tabs--scroll .ant-tabs-nav-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.game-tabs--scroll .ant-tabs-nav-wrap::-webkit-scrollbar{display:none}.game-header__brand{white-space:nowrap;font-size:16px;font-family:var(--game-font-display);font-weight:700}.game-header__resource-emoji{font-size:16px;line-height:1}.game-mode-section{margin-top:8px}.game-mode-section__title{color:var(--game-text-muted);font-size:12px;font-weight:600;font-family:var(--game-font-display);margin:0 0 8px}.game-mode-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;width:100%;display:grid}.game-mode-tile{aspect-ratio:1;border:1px solid var(--game-panel-border);background:var(--game-panel-bg);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;width:100%;padding:10px;display:flex}.game-mode-tile:hover:not(:disabled){border-color:var(--game-primary)}.game-mode-tile:disabled{opacity:.45;cursor:not-allowed}.game-mode-section--soon .game-mode-tile{background:var(--game-surface-muted-2)}.inv-grid{gap:4px;display:grid}.inv-cell{box-sizing:border-box;background:var(--game-surface-muted);cursor:pointer;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;width:56px;height:56px;padding:2px;display:flex;position:relative}.inv-cell:focus-visible{outline:2px solid var(--game-primary);outline-offset:1px}.inv-cell--empty{background:var(--game-surface-muted-2);cursor:default;border-style:dashed}.inv-cell--empty-ghost{background:var(--game-panel-border);cursor:default;border-style:dashed}.inv-cell--empty-ghost .inv-cell-emoji{opacity:.28}.inv-cell--equipped{border:2px solid #52c41a}.inv-cell--disabled{opacity:.5;cursor:not-allowed}.inv-cell--drag-over{border-color:var(--game-primary);background:#e6f4ff}.inv-cell--invalid{background:#fff1f0;border-color:#ff4d4f}.inv-cell--selected{border:2px solid var(--game-primary);box-shadow:inset 0 0 0 1px var(--game-primary)}.inv-cell--selected:after{content:"✓";color:var(--game-primary);background:#ffffffe6;border-radius:2px;padding:0 2px;font-size:10px;line-height:1;position:absolute;top:2px;left:2px}.inv-cell-emoji{font-size:28px;line-height:1}.inv-cell-hint{text-align:center;color:#00000073;padding:0 2px;font-size:9px;line-height:1.1}.inv-rail-stack{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.inv-badge-level{background:#ffffffe6;border-radius:2px;padding:1px 2px;font-size:9px;line-height:1;position:absolute;top:2px;right:2px}.inv-cell--mod-pending .inv-badge-level{top:auto;bottom:2px;right:2px}.inv-badge-mod-pending{color:#fff;background:var(--game-primary);border-radius:2px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;top:2px;right:2px}.inv-slot-dots{pointer-events:none;justify-content:center;gap:2px;line-height:1;display:flex;position:absolute;bottom:2px;left:0;right:0}.inv-slot-dot{font-size:7px}.inv-slot-dot--pending{color:var(--game-primary)}.inv-slot-dot--empty{color:#00000040}.inv-mod-slot-list{max-width:320px;margin:0;padding-left:16px}.inv-mod-offer-card{cursor:pointer}.inv-badge-context{background:#ffffffe6;border-radius:2px;padding:1px 2px;font-size:9px;line-height:1;position:absolute;bottom:2px;left:2px}.inv-cell--mod-pending .inv-badge-context{bottom:12px}.inv-drop-zone{color:#00000073;border:2px dashed #d9d9d9;border-radius:6px;justify-content:center;align-items:center;min-height:56px;padding:8px 12px;font-size:12px;display:flex}.inv-drop-zone--active{border-color:var(--game-primary);color:var(--game-primary);background:#e6f4ff}.inv-slot-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.inv-slot-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.inv-slot-label{color:#000000a6;font-size:11px}.squad-assembly{flex-direction:row;align-items:flex-start;gap:16px;display:flex}.squad-assembly__active{flex:auto;min-width:0}.squad-assembly__reserve{flex:none;min-width:72px;max-width:120px}.squad-assembly__reserve-cells{flex-direction:column;gap:4px;max-height:236px;display:flex;overflow-y:auto}@keyframes battle-explosion-pulse{0%{transform:scale(1);box-shadow:inset 0 0 #ff4d4fd9}40%{transform:scale(1.06);box-shadow:inset 0 0 12px 4px #ff7875f2}to{transform:scale(1);box-shadow:inset 0 0 #ff4d4f00}}.battle-cell-explosion{animation:.6s ease-out battle-explosion-pulse}.battle-cell-aoe-pending{box-shadow:inset 0 0 0 3px #ff4d4fe6}.unit-token__mini-stats{font-size:9px;line-height:1.1}.unit-token--highlighted{box-shadow:0 0 0 2px var(--game-primary), 0 0 8px var(--game-primary-glow);transition:box-shadow .18s,outline-color .18s}.unit-token--initiative.unit-token--highlighted{background:#f5ecd4;transition:box-shadow .18s,outline-color .18s,transform .18s;transform:scale(1.04);border-color:var(--game-primary)!important}.battle-cell__turn-badge{z-index:1;pointer-events:none;position:absolute;top:2px;right:2px}.battle-cell-unit-highlight{box-shadow:0 0 0 2px var(--game-primary), 0 0 10px var(--game-primary-glow);transition:box-shadow .18s}.battle-log-line{border-radius:4px;margin-bottom:4px;padding:2px 6px;font-size:12px;line-height:1.35}.battle-log--hero{color:#1677ff;background:#e6f4ff}.battle-log--enemy{color:#cf1322;background:#fff1f0}.battle-log--neutral{color:#8c8c8c;background:0 0}@media (prefers-reduced-motion:no-preference){@keyframes guided-move-pulse{0%,to{box-shadow:0 0 0 2px #52c41ae6}50%{box-shadow:0 0 0 4px #52c41a73}}.battle-cell--guided-move{animation:1.2s ease-in-out infinite guided-move-pulse}}.battle-command-strip{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.battle-command-strip__sep{background:var(--game-panel-border);flex-shrink:0;align-self:stretch;width:1px;min-height:32px;margin:0 8px}.battle-anim-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.battle-anim-ghost{z-index:3;font-size:28px;line-height:1;position:absolute;transform:translate(-50%,-50%)}.battle-anim-overlay{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.battle-anim-cell-flash{pointer-events:none;border-radius:4px;width:58px;height:58px;position:absolute;transform:translate(-50%,-50%)}@keyframes battle-anim-move{0%{transform:translate(-50%,-50%)}to{transform:translate(calc(-50% + var(--move-dx,0px)), calc(-50% + var(--move-dy,0px)))}}.battle-anim--move{animation:.28s ease-in-out forwards battle-anim-move}@keyframes battle-anim-teleport-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@keyframes battle-anim-teleport-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.battle-anim--teleport-out{animation:.1s ease-in forwards battle-anim-teleport-out}.battle-anim--teleport-in{opacity:0;animation:.1s ease-out .1s forwards battle-anim-teleport-in}@keyframes battle-anim-lunge{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + var(--lunge-x,0px)), calc(-50% + var(--lunge-y,0px)))}}.battle-anim--strike-lunge{animation:.22s ease-in-out battle-anim-lunge}@keyframes battle-anim-hit-flash{0%{box-shadow:inset 0 0 #ff4d4f00}40%{box-shadow:inset 0 0 12px 4px #ff7875f2}to{box-shadow:inset 0 0 #ff4d4f00}}.battle-anim--hit-flash{animation:.22s ease-out battle-anim-hit-flash}@keyframes battle-anim-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 2px),-50%)}75%{transform:translate(calc(2px - 50%),-50%)}}.battle-anim--shake{animation:.22s ease-in-out battle-anim-shake}@keyframes battle-anim-projectile{0%{transform:translate(-50%,-50%)}to{transform:translate(calc(-50% + var(--proj-dx,0px)), calc(-50% + var(--proj-dy,0px)))}}.battle-anim--projectile{font-size:22px;animation:.26s linear forwards battle-anim-projectile}@keyframes battle-anim-cast-glow{0%,to{box-shadow:0 0 #722ed100}50%{box-shadow:0 0 14px 6px #722ed18c}}.battle-anim--cast-glow{animation:.18s ease-in-out battle-anim-cast-glow}.battle-anim--cast-beam{transform-origin:0;background:linear-gradient(90deg,#722ed1cc,#722ed11a);height:3px;animation:.18s ease-out forwards battle-anim-beam-fade}@keyframes battle-anim-beam-fade{0%{opacity:1}to{opacity:0}}.battle-anim--aoe-burst{animation:.6s ease-out battle-explosion-pulse}@keyframes battle-anim-heal-pulse{0%{box-shadow:0 0 #52c41ab3}50%{box-shadow:0 0 12px 4px #52c41ae6}to{box-shadow:0 0 #52c41a00}}.battle-anim--heal-pulse{animation:.24s ease-out battle-anim-heal-pulse}@keyframes battle-anim-float-rise{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 28px))}}.battle-anim--float-stack{pointer-events:none;z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.battle-anim--float{pointer-events:none;white-space:nowrap;animation:battle-anim-float-rise var(--float-read-ms,1s) ease-out forwards;z-index:3;font-size:18px;font-weight:700;position:absolute}.battle-anim--float--damage{color:#cf1322}.battle-anim--float--heal{color:#389e0d}.battle-anim--float--absorb{color:#8c8c8c;margin-top:2px;margin-left:10px;font-size:14px;font-weight:600}.battle-anim--float--buff{color:#1677ff;font-size:20px}.battle-anim--float--buff--holy{color:#d4b106}.battle-anim--float--debuff{color:#722ed1;font-size:20px}.battle-anim--heal-float{animation:battle-anim-float-rise var(--float-read-ms,1s) ease-out forwards;color:#389e0d;font-size:18px;font-weight:700}@keyframes battle-anim-resurrect{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.battle-anim--resurrect{animation:.45s ease-out forwards battle-anim-resurrect}@keyframes battle-anim-buff-aura{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #faad14cc}50%{transform:translate(-50%,calc(-50% - 4px))scale(1.08);box-shadow:0 0 16px 6px #faad1499}to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #faad1400}}.battle-anim--buff-aura{animation:.26s ease-out battle-anim-buff-aura}.battle-anim--buff-aura--holy{animation-name:battle-anim-buff-aura-holy}@keyframes battle-anim-buff-aura-holy{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #fadb14d9}50%{transform:translate(-50%,calc(-50% - 4px))scale(1.08);box-shadow:0 0 16px 6px #fadb14a6}to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #fadb1400}}@keyframes battle-anim-debuff-aura{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #722ed1bf}50%{transform:translate(-50%,calc(4px - 50%))scale(.94);box-shadow:0 0 14px 5px #722ed18c}to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #722ed100}}.battle-anim--debuff-aura{animation:.26s ease-out battle-anim-debuff-aura}@keyframes battle-anim-death{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.battle-anim--death{animation:.38s ease-in forwards battle-anim-death}.battle-anim--tick-dot{animation:.12s ease-out battle-anim-hit-flash}.battle-anim--tick-regen{animation:.12s ease-out battle-anim-heal-pulse}.unit-token--anim-hidden{visibility:hidden}@media (prefers-reduced-motion:reduce){.battle-anim-layer *{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}.game-mode-tile__icon{font-size:28px;line-height:1}.game-mode-tile__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.game-mode-tile__params{color:#00000073;margin-top:auto;font-size:12px}.game-mode-tile--soon{opacity:.55;cursor:not-allowed}.game-mode-section--inactive .game-mode-section__title{color:#00000073}.game-mode-strip{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-items:stretch;gap:8px;width:100%;display:grid}.game-mode-strip__item{min-width:0;min-height:0;display:flex;overflow:hidden}.game-mode-strip .game-mode-tile{width:100%;height:100%;min-height:216px;aspect-ratio:unset;box-sizing:border-box;flex:auto;overflow:hidden}.game-mode-tile__footer{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;width:100%;margin-top:auto;display:flex}.game-mode-tile__params--in-footer{margin-top:0}.game-mode-tile--tower .game-mode-tile__params{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game-mode-tile__reset{flex-shrink:0;align-self:flex-start;max-width:100%;height:auto;margin-top:4px;padding-inline:0}