:root{--bg-deep: #0d1220;--bg-panel: #171f33;--bg-panel-alt: #1e2942;--border: #2c3958;--accent-gold: #f2c94c;--accent-gold-light: #ffe9a8;--accent-gold-dark: #b9861f;--accent-wood: #a9744a;--accent-red: #e05a5a;--accent-green: #4caf7d;--text-main: #eef1fb;--text-dim: #9aa4c4;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--tile-bg: linear-gradient(160deg, #f6ecd2, #d9c290);--tile-border: #8a6a2e;--stone-panel: linear-gradient(165deg, #232e49 0%, #171f33 55%, #131a2c 100%);--stone-panel-raised: linear-gradient(165deg, #2a3654 0%, #1c2540 60%, #171f33 100%);--stone-border: #3a4770;--stone-border-light: #4d5c8a;--metal-trim: linear-gradient(180deg, var(--accent-gold-light), var(--accent-gold) 55%, var(--accent-gold-dark));--metal-trim-dim: linear-gradient(180deg, #8a723a, #5c4a22);--parchment: linear-gradient(180deg, #fffbf2 0%, #f7eeda 55%, #efe0bd 100%);--parchment-ink: #4a3620;--parchment-border: #c9a24e;--elevation-1: 0 2px 6px rgba(0, 0, 0, .35);--elevation-2: 0 4px 14px rgba(0, 0, 0, .45);--elevation-3: 0 10px 30px rgba(0, 0, 0, .55);--font-display: "Cinzel", "Palatino Linotype", Georgia, serif;--font-ui: "Rajdhani", "Segoe UI", Roboto, system-ui, sans-serif;--status-success: var(--accent-green);--status-success-ink: #06301c;--status-danger: var(--accent-red);--status-danger-ink: #3a0a0a;--status-info: #4a90e2;--status-info-ink: #0a2540;--status-premium: var(--accent-gold);--status-premium-ink: var(--accent-gold-dark);--status-disabled: var(--text-dim);--z-building-popover: 20;--z-feature-modal: 45;--z-modal: 50;--z-build-menu: 51;--z-battle-result: 60}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#05070d;color:var(--text-main);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2,h3,.stat-card-title,.commander-name{font-family:var(--font-display);letter-spacing:.02em}button{font-family:inherit;cursor:pointer}.icon-medallion{display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 32% 28%,#384870,var(--bg-panel-alt) 75%);border:2px solid var(--accent-gold-dark);box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -3px 5px #00000059,0 2px 4px #0006;color:var(--accent-gold-light)}.icon-medallion svg,.icon-medallion img{width:60%;height:60%;object-fit:contain;display:block}.icon-medallion--resource{background:var(--tile-bg);border-color:var(--tile-border);box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #0003}.icon-medallion--sm{border-width:1.5px}#phone{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center}#app{position:relative;width:100vw;height:100dvh;background:var(--bg-deep);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 60px #0009;container-type:size;container-name:app;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);--hud-edge: clamp(6px, 1.6cqw, 10px);--hud-top: calc(3px + env(safe-area-inset-top)) ;--hud-portrait-h: clamp(62px, 19.2cqh, 96px);--hud-gap: clamp(6px, 1.6cqh, 10px);--hud-icon-btn-size: clamp(30px, 8cqh, 38px);--nav-icon-base: clamp(50px, 15cqh, 78px);--nav-icon-big: calc(var(--nav-icon-base) * 1.7);--nav-icon-group: calc(var(--nav-icon-base) * 1.271);--nav-icon-group-big: calc(var(--nav-icon-base) * 1.757);--bottomnav-bottom: clamp(8px, 2.2cqh, 12px)}@media (min-width: 700px) and (orientation: landscape){html.no-touch #app{width:min(100vw,calc(100dvh * 20 / 9));height:min(100dvh,45vw);border-radius:24px;border:8px solid #11151f}}#rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg-deep);color:var(--text-main);text-align:center;padding:24px}#rotate-overlay p{max-width:min(240px,70vw);font-size:clamp(12px,3.6vw,15px);color:var(--text-dim)}.rotate-badge{width:clamp(52px,16vw,80px);height:clamp(52px,16vw,80px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--stone-panel-raised);border:1px solid var(--stone-border);box-shadow:var(--elevation-2);color:var(--accent-gold-light);animation:rotate-hint 1.8s ease-in-out infinite}.rotate-badge svg{width:46%;height:46%}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (orientation: portrait){#rotate-overlay{display:flex}}#topbar{display:none;flex:0 0 auto;flex-direction:row;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(180deg,#1c2745,var(--bg-panel) 55%,var(--bg-deep));border-bottom:1px solid var(--accent-gold-dark);box-shadow:var(--elevation-2);position:relative;z-index:5}#topbar:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,201,76,.5),transparent)}.hud-player{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:4px 10px 4px 4px;background:var(--stone-panel-raised);border:1px solid var(--stone-border);border-radius:999px;box-shadow:var(--elevation-1)}.hud-avatar-frame{position:relative;width:40px;height:40px;flex:0 0 auto;padding:0;border:none;background:none;cursor:pointer}.hud-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:clamp(16.4px,4cqh,23.6px);background:radial-gradient(circle at 35% 30%,#2a3760,var(--bg-panel-alt));border:2px solid var(--accent-gold);border-radius:50%;box-shadow:0 0 0 2px #f2c94c40,0 2px 6px #0006}.hud-avatar-portrait-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:50%}.hud-level-chip{position:absolute;right:-3px;bottom:-3px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffe38a,var(--accent-gold));color:#3a2a06;font-size:clamp(8.2px,2cqh,11.8px);font-weight:700;border:1.5px solid var(--bg-deep);border-radius:999px;box-shadow:0 1px 2px #0006}.hud-player-info{display:flex;flex-direction:column;gap:2px;min-width:0}.commander-name{font-size:clamp(9.84px,2.4cqh,14.16px);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22cqw;letter-spacing:.02em}.xp-bar{width:60px;height:4px;border-radius:999px;background:var(--bg-deep);overflow:hidden;margin-top:2px}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),#7be0a8)}.hud-xp-row .xp-bar{width:76px}.power-badge{flex:0 0 auto;display:flex;align-items:center;gap:3px;background:var(--bg-deep);border:1px solid var(--border);border-radius:999px;padding:3px 8px 3px 6px;color:var(--accent-gold);font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:700}.power-badge svg,.power-badge img{width:13px;height:13px}.hud-resources{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;overflow:hidden}.hud-res-pill{display:flex;align-items:center;gap:4px;position:relative;min-width:0}.hud-res-pill.collectible .hud-res-icon{animation:pulse-glow 1.4s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6)) drop-shadow(0 0 0 rgba(76,175,125,.6))}50%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6)) drop-shadow(0 0 5px rgba(76,175,125,.9))}}.hud-res-icon{width:34px;height:34px;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.hud-res-icon svg,.hud-res-icon img{width:100%;height:100%;display:block;object-fit:contain}.hud-res-value{font-size:clamp(10.66px,2.6cqh,15.34px);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.4)}.hud-res-pending{font-size:clamp(8.2px,2cqh,11.8px);color:var(--accent-green);font-weight:700}.hud-icon-btn{flex:0 0 auto;margin-left:auto;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:50%;color:var(--text-dim);box-shadow:var(--elevation-1)}.hud-icon-btn svg{width:16px;height:16px}.hud-icon-btn:active{transform:scale(.92)}#screen{flex:1 1 auto;position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow-y:auto}.screen.active{display:block}#screen-base{display:none}#screen-base.active{display:block}#phaser-container{width:100%;height:100%;overflow:hidden}#phaser-container canvas{display:block;touch-action:none}#screen-map{background:var(--bg-deep)}#phaser-container-map{width:100%;height:100%;overflow:hidden}#phaser-container-map canvas{display:block;touch-action:none}#world-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;padding:calc(var(--hud-top) + var(--hud-portrait-h) * 1.14 + clamp(39px,10.5cqh,52px) + clamp(30px,8.2cqh,40px) + clamp(4px,1cqh,6px) * 3 + max(clamp(32px,9cqh,54px),clamp(36px,12.6cqh,80px)) + 4px) 10px 10px;pointer-events:none}#world-map-overlay .army-body{flex:1 1 auto;min-height:0;overflow-y:auto;pointer-events:none;padding-bottom:calc(var(--bottomnav-bottom) + var(--nav-icon-base) + 10px)}#world-map-overlay .army-summary-bar,#world-map-overlay .target-detail-panel{pointer-events:auto;position:relative;z-index:47}#phaser-container-campaign{width:100%;height:100%;overflow:hidden}#phaser-container-campaign canvas{display:block;touch-action:none}#campaign-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}body.ui-mode-campaign #top-hud-row,body.ui-mode-campaign #side-icons,body.ui-mode-campaign #build-fab,body.ui-mode-campaign #bottomnav,body.ui-mode-campaign #fullscreen-btn,body.ui-mode-campaign #audio-toggle-btn{display:none}.campaign-home-btn{position:absolute;left:calc(var(--hud-edge) + env(safe-area-inset-left));bottom:calc(var(--bottomnav-bottom) + env(safe-area-inset-bottom));width:var(--nav-icon-big);height:var(--nav-icon-big);padding:0;background:none;border:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));pointer-events:auto;transition:transform .1s ease}.campaign-home-btn:active{transform:scale(.93)}.campaign-home-btn svg,.campaign-home-btn img{width:100%;height:100%;display:block}.campaign-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:4px solid rgba(255,232,190,.25);border-top-color:#f4c430;animation:loading-spin .8s linear infinite;pointer-events:none}.world-map-toolbar{display:flex;gap:8px;align-self:flex-start;pointer-events:auto}.world-map-tool-btn{width:var(--hud-icon-btn-size);height:var(--hud-icon-btn-size);padding:clamp(5px,1.6cqh,8px);background:#0a0f1999;border:1px solid var(--stone-border-light);border-radius:50%;color:var(--text-dim);box-shadow:var(--elevation-1)}.world-map-tool-btn:active{transform:scale(.92)}.world-map-tool-btn svg{width:100%;height:100%}.locked-feature{display:flex;align-items:center;justify-content:center;padding:16px}.locked-feature-card{width:min(90%,360px);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 20px;background:var(--stone-panel-raised);border:1px solid var(--stone-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-2)}.locked-feature-badge{width:clamp(42px,12cqh,58px);height:clamp(42px,12cqh,58px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--metal-trim-dim);border:1px solid var(--accent-gold-dark);color:#1a1206;margin-bottom:4px}.locked-feature-badge svg{width:28px;height:28px}.locked-feature-badge:has(img){width:92px;height:92px;background:none;border:none;margin-bottom:0}.locked-feature-badge img{width:100%;height:100%;object-fit:contain}.locked-feature-badge.wide{width:clamp(160px,42cqw,240px);height:auto;aspect-ratio:240 / 92}.locked-feature-card h2{margin:0;color:var(--text-main);font-size:clamp(14.76px,3.6cqh,21.24px)}.locked-feature-card p{margin:0;color:var(--text-dim);font-size:clamp(10.66px,2.6cqh,15.34px);line-height:1.5}.locked-feature-tag{margin-top:8px;padding:4px 12px;font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-gold-light);border:1px solid var(--accent-gold-dark);border-radius:999px;background:#f2c94c14}#bottomnav{position:absolute;left:calc(var(--hud-edge) + env(safe-area-inset-left));right:calc(var(--bottomnav-bottom) + env(safe-area-inset-right));bottom:calc(var(--bottomnav-bottom) + env(safe-area-inset-bottom));z-index:46;display:flex;flex-direction:row;align-items:flex-end;pointer-events:none;transition:opacity .15s ease}#app:has(#feature-modal-root.open,#modal-root.open,#buildmenu-root.open,#battle-result-root.open) #bottomnav,#app.has-overlay-open #bottomnav{opacity:0;pointer-events:none}#bottomnav .nav-btn{pointer-events:auto}#app:has(#feature-modal-root.open,#modal-root.open,#buildmenu-root.open,#battle-result-root.open) #bottomnav .nav-btn,#app.has-overlay-open #bottomnav .nav-btn{pointer-events:none}.nav-feature-group{display:flex;flex-direction:row;align-items:flex-end;gap:4px;margin-left:auto}.nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;transition:transform .1s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.nav-btn:active{transform:scale(.93)}.nav-icon{width:var(--nav-icon-base);height:var(--nav-icon-base)}.nav-icon svg{width:100%;height:100%;display:block;color:var(--text-dim)}.nav-icon img{width:100%;height:100%;display:block;object-fit:contain}.nav-btn.big .nav-icon{width:var(--nav-icon-big);height:var(--nav-icon-big)}.nav-feature-group .nav-icon{width:var(--nav-icon-group);height:var(--nav-icon-group)}.nav-feature-group .nav-btn.big .nav-icon{width:var(--nav-icon-group-big);height:var(--nav-icon-group-big)}@media (max-width: 740px){.nav-feature-group{gap:0}}#build-fab{position:absolute;left:calc(var(--hud-edge) + env(safe-area-inset-left));bottom:calc(var(--bottomnav-bottom) + var(--nav-icon-big) - 3px + env(safe-area-inset-bottom));z-index:6;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:0}#build-fab[hidden]{display:none}#build-fab:active .quick-action-icon{transform:scale(.94)}.quick-action-icon{width:clamp(38px,11cqh,54px);height:clamp(38px,11cqh,54px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #f2c94c2e,0 4px 14px #00000080;animation:build-fab-pulse 2.4s ease-in-out infinite}.quick-action-icon img{width:100%;height:100%;display:block;object-fit:contain}.quick-action-label{font-family:var(--font-ui);font-size:clamp(9px,2.3cqh,12px);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent-gold-light);background:#0a0f19c7;padding:1px 7px;border-radius:999px;border:1px solid var(--stone-border-light);white-space:nowrap}#side-icons{position:absolute;top:calc(var(--hud-top) + var(--hud-portrait-h) + var(--hud-portrait-h) * .04);left:calc(var(--hud-edge) + env(safe-area-inset-left));z-index:6;display:flex;flex-direction:column;gap:clamp(4px,1cqh,6px);pointer-events:none}#side-icons .side-icon-btn{pointer-events:auto}#top-hud-row{position:absolute;top:var(--hud-top);left:calc(var(--hud-edge) + env(safe-area-inset-left));right:calc(var(--hud-edge) + env(safe-area-inset-right));z-index:6;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}#top-portrait,#top-shop{pointer-events:auto}#top-hud-right{display:flex;align-items:center;gap:10px}#top-portrait{position:relative;height:var(--hud-portrait-h);width:0;cursor:pointer;contain:layout;font-family:var(--font-ui)}#top-portrait>*,#top-portrait .tp-banner>*{position:absolute;pointer-events:none}#top-portrait img{display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}#top-portrait .tp-banner{z-index:1}#top-portrait .tp-banner-art{top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-style:solid;border-color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}#top-portrait-name{display:flex;align-items:center;justify-content:center;font-weight:800;line-height:1.2;color:#fff6dc;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.75);white-space:nowrap;overflow:hidden;transform-origin:center}#top-portrait #top-portrait-avatar-mask{z-index:2;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#35507f,#1a2a4c 75%)}#top-portrait-avatar-mask #top-portrait-avatar,#top-portrait .tp-head img{position:absolute;max-width:none}#top-portrait .tp-head{z-index:4;overflow:hidden}#top-portrait .tp-frame{z-index:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}#top-portrait .tp-xp{box-sizing:border-box;overflow:hidden;background:linear-gradient(180deg,#05080f,#0d1424);box-shadow:inset 0 1px 2px #000000d9,0 0 0 1px #ffe09629}#top-portrait .tp-xp-fill{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(180deg,#8be26a,#43b13a 55%,#2c8a2c);box-shadow:inset 0 1px #ffffff59}#top-portrait .tp-xp-fill[hidden]{display:none}#top-portrait .tp-xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);white-space:nowrap;transform-origin:center}#top-portrait-power{z-index:4;display:flex;align-items:center;gap:4px;overflow:hidden}#top-portrait-power svg,#top-portrait-power img{width:var(--tp-icon, 14px);height:var(--tp-icon, 14px);flex:0 0 auto;display:block}#top-portrait-power span{font-weight:800;line-height:1;color:var(--accent-gold-light);text-shadow:0 0 4px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9);white-space:nowrap;transform-origin:left center}#top-shop{position:relative;height:clamp(32px,9.2cqh,46px);width:auto;background:none;border:none;padding:0}#top-shop img{height:100%;width:auto;display:block}#top-shop-count{position:absolute;left:42%;right:11%;top:30%;height:25%;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:700;font-size:clamp(8px,2cqh,10px);color:var(--accent-gold-light);text-shadow:0 1px 2px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#top-resources{display:flex;align-items:center;gap:6px}#top-resources .hud-res-pill{background:#0a0f198c;border:1px solid var(--stone-border-light);border-radius:999px;padding:3px 8px 3px 3px;box-shadow:var(--elevation-1)}#top-resources .hud-res-icon{width:clamp(15px,4.2cqh,21px);height:clamp(15px,4.2cqh,21px)}#top-resources .hud-res-value{font-size:clamp(9px,2.2cqh,11px)}#fullscreen-btn{position:absolute;top:calc(var(--hud-top) + var(--hud-portrait-h) + var(--hud-gap));right:calc(var(--hud-edge) + env(safe-area-inset-right));z-index:6;width:var(--hud-icon-btn-size);height:var(--hud-icon-btn-size);padding:clamp(5px,1.6cqh,8px);background:#0a0f1999;border:1px solid var(--stone-border-light);border-radius:50%;color:var(--text-dim);box-shadow:var(--elevation-1)}#fullscreen-btn:active{transform:scale(.92)}#fullscreen-btn svg{width:100%;height:100%}#audio-toggle-btn{position:absolute;top:calc(var(--hud-top) + var(--hud-portrait-h) + var(--hud-gap) + var(--hud-icon-btn-size) + var(--hud-gap));right:calc(var(--hud-edge) + env(safe-area-inset-right));z-index:6;width:var(--hud-icon-btn-size);height:var(--hud-icon-btn-size);padding:clamp(5px,1.6cqh,8px);background:#0a0f1999;border:1px solid var(--stone-border-light);border-radius:50%;color:var(--text-dim);box-shadow:var(--elevation-1)}#audio-toggle-btn:active{transform:scale(.92)}#audio-toggle-btn svg{width:100%;height:100%}#audio-toggle-btn.muted{color:var(--accent-red)}#auth-audio-toggle-btn{display:none;position:fixed;top:12px;right:12px;z-index:501;width:38px;height:38px;padding:8px;background:#0a0f198c;border:1.5px solid rgba(242,201,76,.4);border-radius:50%;color:var(--accent-gold-light);box-shadow:var(--elevation-1)}#auth-root.visible~#auth-audio-toggle-btn{display:flex;align-items:center;justify-content:center}#auth-audio-toggle-btn:active{transform:scale(.92)}#auth-audio-toggle-btn svg{width:100%;height:100%}#auth-audio-toggle-btn.muted{color:var(--text-dim);border-color:var(--stone-border-light)}.side-icon-row{display:flex;flex-direction:row;gap:6px}.side-icon-btn{position:relative;background:none;border:none;padding:0;width:clamp(30px,8.2cqh,40px);height:clamp(30px,8.2cqh,40px);transition:transform .1s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.nav-notification-badge{position:absolute;top:-2px;right:-3px;width:13px;height:13px;display:block;background:radial-gradient(circle at 38% 32%,#ff5a4d,#f01d1d 55%,#d11212);border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #8c0606bf,0 1px 2px #00000073;z-index:2;pointer-events:none}.side-icon-btn:active{transform:scale(.92)}.side-icon-btn.big{margin-left:calc(var(--hud-portrait-h) * -.14);width:clamp(97px,26cqh,130px);height:clamp(39px,10.5cqh,52px);aspect-ratio:92 / 46}.side-icon-btn img{width:100%;height:100%;display:block;object-fit:contain}.side-icon-btn[data-feature=messages] img{transform:scale(.84)}.side-icon-btn[data-feature=leaderboard] img{transform:scale(1.08)}.side-icon-btn[data-feature=quests] img{transform:scale(1.05)}.side-icon-btn[data-feature=support] img{transform:scale(1)}.side-vip-level{position:absolute;left:37%;width:51%;top:30%;height:41%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:clamp(9px,2.7cqh,13px);line-height:1;color:#ffe9a8;text-shadow:0 1px 0 #3a1a5c,0 0 3px rgba(0,0,0,.8);pointer-events:none}.side-vip-badge-num{position:absolute;left:16%;width:22%;top:31%;height:24%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:clamp(10px,3.2cqh,17px);line-height:1;color:#fff;text-shadow:0 1px 0 #3a1a5c,0 0 4px rgba(0,0,0,.9);pointer-events:none}.side-vip-badge-num[data-len="2"]{font-size:clamp(8px,2.5cqh,13px);letter-spacing:-.02em}.quest-tracker{--qt-icon: clamp(32px, 9cqh, 54px);display:flex;flex-direction:row;align-items:flex-start;gap:3px;font-family:var(--font-ui)}.quest-tracker .quest-tracker-icon,.quest-tracker .quest-tracker-panel,.quest-tracker .quest-tracker-tab{pointer-events:auto}.quest-tracker-icon{position:relative;flex:0 0 auto;width:var(--qt-icon);height:var(--qt-icon);padding:0;background:none;border:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));transition:transform .1s ease}.quest-tracker-icon:active{transform:scale(.93)}.quest-tracker-icon img{width:100%;height:100%;display:block;object-fit:contain}.quest-tracker-icon .nav-notification-badge{top:-1px;right:-2px}.quest-tracker-panel{flex:0 1 auto;box-sizing:border-box;width:clamp(124px,34cqh,250px);margin-top:calc(var(--qt-icon) * .05);padding:clamp(1px,.4cqh,4px) clamp(4px,1.1cqh,8px);display:flex;flex-direction:column;border-radius:6px;background:#0a0e1a9e;border:1px solid rgba(255,255,255,.14);text-align:left;cursor:pointer;min-width:0;overflow:hidden}.quest-tracker-panel[hidden]{display:none}.quest-tracker-list{display:flex;flex-direction:column;gap:clamp(2px,.5cqh,4px);min-width:0}.quest-tracker-item{min-width:0;line-height:1.1}.quest-tracker-item+.quest-tracker-item{padding-top:clamp(2px,.5cqh,4px);border-top:1px solid rgba(255,255,255,.12)}.quest-tracker-title,.quest-tracker-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.7)}.quest-tracker-title{font-size:clamp(9px,2.45cqh,14px);font-weight:700;color:#f4ecd2}.quest-tracker-desc{font-size:clamp(9px,2.15cqh,12px);color:#c9cfdb}.quest-tracker-item.ready .quest-tracker-title{color:#a8e063}.quest-tracker-item.ready .quest-tracker-desc{color:#ffe08a}.quest-tracker-tab{flex:0 0 auto;width:clamp(14px,3.6cqh,22px);height:clamp(22px,6.2cqh,34px);margin-top:calc(var(--qt-icon) * .08);padding:0;display:flex;align-items:center;justify-content:center;color:#f4ecd2;background:#0a0e1a9e;border:1px solid rgba(255,255,255,.14);border-radius:6px}.quest-tracker-tab svg{width:70%;height:70%;display:block;transition:transform .15s ease}@container app (max-height: 400px){.quest-tracker-item:nth-child(n+2) .quest-tracker-desc{display:none}}.quest-tracker[data-collapsed="1"] .quest-tracker-panel{display:none}.quest-tracker[data-collapsed="1"] .quest-tracker-tab svg{transform:rotate(180deg)}.quest-tracker[data-empty="1"] .quest-tracker-tab{display:none}@keyframes build-fab-pulse{0%,to{box-shadow:0 0 0 4px #f2c94c2e,0 4px 14px #00000080}50%{box-shadow:0 0 0 8px #f2c94c0d,0 4px 14px #00000080}}#buildmenu-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:var(--z-build-menu);display:flex}#buildmenu-root.open{pointer-events:auto;opacity:1}.modal-card.build-shop{position:relative;width:100%;height:100%;max-height:none;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,#263457,#16213d 55%,#0c1224);border-radius:0;border:none;box-shadow:none;animation:none;padding:16px 18px}.build-shop-art-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.build-shop-art-slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/backgrounds/build-shop-bg.jpg) center 42% / cover no-repeat;filter:brightness(.85)}.build-shop-art-slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0f1e40,#0a0f1e73 55%,#080c18b3)}.build-shop-header{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 46px 12px 0;margin-bottom:12px;border-bottom:1px solid var(--stone-border)}.build-shop-title{flex:0 0 auto;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:clamp(15.58px,3.8cqh,22.42px);font-weight:700;color:var(--accent-gold-light);text-shadow:0 1px 3px rgba(0,0,0,.45);padding-right:12px;border-right:1px solid var(--stone-border)}.build-shop-title-icon{width:26px;height:26px;padding:4px;color:#3a2a06;background:radial-gradient(circle at 35% 30%,var(--accent-gold-light),var(--accent-gold-dark));border:1px solid var(--accent-gold-dark);border-radius:50%;box-shadow:inset 0 1px #fff9}.build-shop-title-icon svg{width:100%;height:100%;display:block}.build-tabs{flex:1 1 auto;display:flex;gap:8px;min-width:0}.build-tab{flex:0 0 auto;padding:8px 16px;background:#ffffff08;border:1.5px solid rgba(242,201,76,.35);border-radius:999px;color:var(--accent-gold-light);opacity:.75;font-family:var(--font-ui);font-weight:700;font-size:clamp(10.25px,2.5cqh,14.75px);letter-spacing:.02em}.build-tab.active{background:linear-gradient(180deg,var(--accent-gold-light),var(--accent-gold) 60%,var(--accent-gold-dark));border-color:var(--accent-gold-dark);color:#3a2a06;opacity:1;box-shadow:inset 0 1px #ffffff8c,0 3px 6px #00000059}.build-sort-row{flex:0 0 auto;display:flex;align-items:center;gap:6px}.build-sort-btn{flex:0 0 auto;padding:5px 11px;background:transparent;border:1px solid rgba(77,92,138,.6);border-radius:999px;color:var(--text-dim);font-family:var(--font-ui);font-weight:600;font-size:clamp(8.61px,2.1cqh,12.39px);letter-spacing:.02em}.build-sort-btn.active{background:#f2c94c24;border-color:var(--accent-gold);color:var(--accent-gold-light)}.shop-tile-row{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;flex-wrap:nowrap;align-items:center;gap:14px;margin:-8px -10px;padding:8px 10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-left:10px;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),rgba(0,0,0,.3));mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000004d);scroll-timeline:--shop-row x}.shop-tile-row:after{content:"";flex:0 0 24px;align-self:stretch}.modal-card.build-shop{timeline-scope:--shop-row}.modal-card.build-shop:after{content:"";position:absolute;z-index:2;right:6px;top:calc(50% - 14px);width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23f2c94c' stroke='%237a5512' stroke-width='1.5'/%3E%3Cpath d='M10 7l5 5-5 5' fill='none' stroke='%233b2606' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));pointer-events:none;opacity:0}@supports (animation-timeline: scroll()){.modal-card.build-shop:after{animation:scroll-more-hint linear both;animation-timeline:--shop-row}}@keyframes scroll-more-hint{0%,88%{opacity:1}to{opacity:0}}.shop-tile{position:relative;flex:0 0 auto;min-width:0;height:58cqh;aspect-ratio:.86;display:flex;flex-direction:column;background:linear-gradient(165deg,#2f3d63,#1c2846 65%,#141d38);border:1.5px solid rgba(201,162,78,.4);border-radius:var(--radius-lg);padding:9px;scroll-snap-align:start;box-shadow:inset 0 1px #ffffff14,0 10px 24px #0006;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.shop-tile:hover,.shop-tile:focus-within{border-color:var(--accent-gold);transform:translateY(-3px);box-shadow:inset 0 1px #ffffff1f,0 0 0 2.5px #f2c94c73,0 16px 32px #00000080}.shop-tile-title{flex:0 0 auto;margin-bottom:6px;font-size:clamp(11.48px,2.8cqh,16.52px);font-weight:700;color:var(--text-main);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-tile-art{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 1px 1px #fff9,inset 0 -3px 6px #00000040}.shop-tile-art img{max-width:88%;max-height:88%;object-fit:contain}.shop-tile-meta{flex:0 0 auto;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:clamp(8.2px,2cqh,11.8px);font-weight:600;color:var(--text-dim);letter-spacing:.01em}.shop-tile-meta-time{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;white-space:nowrap}.shop-tile-meta-time svg{flex:0 0 auto;width:11px;height:11px;opacity:.8}.shop-tile-meta-count{flex:0 0 auto;color:var(--accent-gold-light);opacity:.85}.shop-tile-cost{flex:0 0 auto;height:15px;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;overflow:hidden}.shop-tile-cost .shop-tile-price-chip{flex:0 0 auto;min-width:0;justify-content:flex-start;padding:0;gap:2px;font-size:clamp(8.61px,2.1cqh,12.39px);font-weight:800;background:none;border:none;color:var(--accent-gold-light);box-shadow:none}.shop-tile-cost .shop-tile-price-chip.insufficient{color:var(--accent-red)}.shop-tile-requirement{font-size:clamp(9.5px,1.8cqh,10.5px);font-weight:700;color:var(--accent-red);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shop-tile.requirement-locked .shop-tile-art{filter:grayscale(.5);opacity:.6}.shop-tile-cost .shop-tile-price-chip svg,.shop-tile-cost .shop-tile-price-chip img{flex:0 0 auto;width:12px;height:12px;padding:0;background:none;border:none;box-shadow:none;border-radius:0}.shop-tile-build-btn{flex:0 0 auto;height:30px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:10px;background:linear-gradient(180deg,#3f68ac,#2a4a80 55%,#1a2f52);border:1.5px solid var(--accent-gold-dark);color:var(--accent-gold-light);box-shadow:inset 0 1px #ffffff40,0 3px 8px #0006}.shop-tile-build-btn:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.55}.shop-tile-build-btn.built{background:linear-gradient(180deg,#2a3654,#171f33);border-color:#c9a24e66;opacity:1;filter:none;box-shadow:inset 0 1px #ffffff0f}@keyframes quest-nav-highlight-pulse{0%,to{box-shadow:0 0 #f2c94ce6;transform:scale(1)}50%{box-shadow:0 0 0 8px #f2c94c00;transform:scale(1.05)}}.quest-nav-highlight{animation:quest-nav-highlight-pulse .6s ease-in-out 4;position:relative;z-index:2}.shop-tile-build-btn-icon{flex:0 0 auto;width:16px;height:16px;display:block}.shop-tile-build-btn-icon svg{width:100%;height:100%;display:block}.shop-tile-build-btn-label{flex:0 0 auto;font-family:var(--font-ui);font-weight:800;font-size:clamp(9.84px,2.4cqh,14.16px);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.build-shop-wallet{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px;padding-top:10px;border-top:1px solid var(--stone-border)}.build-shop-wallet-item{display:flex;align-items:center;gap:5px;font-family:var(--font-ui);font-weight:700;font-size:clamp(10.66px,2.6cqh,15.34px);color:var(--accent-gold-light)}.build-shop-wallet-item svg,.build-shop-wallet-item img{width:20px;height:20px}#modal-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:16px}#modal-root.open{pointer-events:auto;opacity:1}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.modal-card{position:relative;width:min(100%,420px);max-height:92cqh;overflow-y:auto;background:var(--stone-panel-raised);border-radius:var(--radius-lg);border:2px solid var(--accent-gold-dark);padding:20px 18px 18px;animation:pop-in .16s ease;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #f2c94c26,var(--elevation-3)}.modal-card:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,201,76,.6),transparent)}@keyframes pop-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;z-index:5;background:var(--stone-panel);border:1px solid var(--stone-border-light);border-radius:50%;color:var(--text-dim);padding:7px;box-shadow:var(--elevation-1)}.modal-close:active{transform:scale(.92)}.modal-close svg{width:100%;height:100%}.modal-icon{max-width:220px;max-height:74px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(242,201,76,.12),transparent 70%);border-radius:var(--radius-md);padding:6px}.modal-icon img{max-width:100%;max-height:74px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.modal-card h2{text-align:center;margin:0 0 10px;padding-bottom:10px;font-size:clamp(15.58px,3.8cqh,22.42px);color:var(--accent-gold-light);text-shadow:0 1px 3px rgba(0,0,0,.4);border-bottom:1px solid var(--stone-border)}.modal-level{color:var(--accent-gold);font-size:clamp(10.66px,2.6cqh,15.34px)}.building-banner{margin:-20px -18px 14px;padding:12px 44px 12px 18px;background:linear-gradient(180deg,#2f4d8f,#1c2f5c 60%,#142147);border-bottom:2px solid var(--accent-gold-dark);border-radius:16px 16px 0 0;display:flex;align-items:baseline;justify-content:center;gap:8px;box-shadow:inset 0 1px #ffffff1f}.building-banner-name{font-family:var(--font-display, inherit);font-size:clamp(13.94px,3.4cqh,20.06px);font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-banner-level{font-size:clamp(9.84px,2.4cqh,14.16px);font-weight:700;color:var(--accent-gold-light);text-shadow:0 1px 2px rgba(0,0,0,.5);flex:0 0 auto}.modal-desc{text-align:center;color:var(--text-dim);font-size:clamp(9.84px,2.4cqh,14.16px);margin:0 0 14px}#building-popover-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-building-popover)}.building-ring-halo{position:absolute;left:-9999px;top:-9999px;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at center,#ffffff8c,#ffffff52 40%,#ffffff1a 65%,#fff0 82%);animation:pop-in .14s ease}.panel-icon-btn{position:absolute;left:-9999px;top:-9999px;pointer-events:auto;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 28%,#263454,var(--bg-deep) 75%);border:2px solid var(--accent-gold);color:var(--accent-gold-light);box-shadow:inset 0 1px #ffffff24,0 0 8px #f2c94c38,0 3px 6px #0006;transition:transform .08s ease;animation:pop-in .14s ease}.panel-icon-btn svg{width:22px;height:22px}.panel-icon-btn .hud-res-icon,.panel-icon-btn img{max-width:26px;max-height:26px;width:auto;height:auto;object-fit:contain}.panel-icon-btn:active{transform:scale(.92)}.panel-icon-btn.icon-danger{border-color:var(--accent-red);color:#ffb3b3;box-shadow:inset 0 1px #ffffff24,0 0 8px #e05a5a47,0 3px 6px #0006}.panel-icon-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;background:var(--accent-green);color:#06301c;font-size:clamp(9.5px,1.8cqh,10.62px);font-weight:700;border:1.5px solid var(--bg-deep);border-radius:999px;white-space:nowrap;z-index:2}.popover-status{text-align:center;font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:700;color:var(--accent-gold-light);margin:0}.popover-status.max{color:var(--accent-green)}.popover-status.locked{color:var(--accent-red)}.production-rate-row{display:flex;align-items:center;gap:8px;padding:2px 4px}.production-rate-row .hud-res-icon{width:26px;height:26px;flex:0 0 auto}.production-rate-value{font-size:clamp(11.48px,2.8cqh,16.52px);font-weight:700;color:var(--accent-gold-light)}.production-storage-row{display:flex;align-items:center;justify-content:space-between;padding:2px 4px;font-size:clamp(9.84px,2.4cqh,14.16px);color:var(--text-dim)}.production-storage-bar{height:5px;border-radius:999px;background:var(--bg-deep);overflow:hidden;margin:4px 4px 6px}.production-storage-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold-dark),var(--accent-gold))}.production-pending-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding:6px 4px 0;border-top:1px dashed var(--stone-border);font-size:clamp(9.84px,2.4cqh,14.16px);color:var(--accent-green);font-weight:700}.btn-collect-mini{flex:0 0 auto;padding:6px 12px;font-size:clamp(9.84px,2.4cqh,14.16px)}.modal-card.collect-panel{width:min(100%,440px);padding:8px 6px 4px;background:none;border-style:solid;border-color:transparent;border-width:38px 18px 15px 18px;border-image:url(/assets/ui/panel-parchment.webp) 84 40 33 40 fill / 38px 18px 15px 18px stretch;border-radius:0;box-shadow:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5));overflow:visible;box-sizing:border-box}.modal-card.collect-panel:before{display:none}.modal-card.collect-panel .building-banner{position:absolute;top:-38px;left:-18px;right:-18px;height:34px;margin:0;padding:0 46px;background:none;border:0;border-radius:0;box-shadow:none;align-items:center}.modal-card.collect-panel .building-banner-name{color:#fff3d0;font-size:clamp(13px,3.2cqh,18px)}.modal-card.collect-panel .modal-close{top:-35px;right:8px;width:26px;height:26px;padding:5px;background:#fff3d01f;border-color:#ffdc8c8c;color:#ffe9b0;box-shadow:none}.modal-card.collect-panel .stat-card{background:transparent;border:0;box-shadow:none;color:#33291a;margin-bottom:4px;padding:8px 10px 6px}.modal-card.collect-panel .stat-card-title,.modal-card.collect-panel .production-rate-value{color:#7a5a15}.modal-card.collect-panel .production-storage-row{color:#83795f}.modal-card.collect-panel .production-storage-bar{background:#7a5a152e}.modal-card.collect-panel .production-pending-row{border-top-color:#7a5a1559;color:#2f7d3a}.modal-actions{display:flex;gap:8px;margin-bottom:12px}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,var(--bg-panel-alt),var(--bg-deep));border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);padding:10px 8px;font-size:clamp(10.66px,2.6cqh,15.34px);font-weight:700}.btn-action svg{width:16px;height:16px}.btn-action.active{background:linear-gradient(180deg,var(--accent-gold-light),var(--accent-gold) 65%,var(--accent-gold-dark));border-color:var(--accent-gold-dark);color:#3a2a06;box-shadow:inset 0 1px #ffffff80}.stat-card{background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:var(--radius-md);padding:12px;margin-bottom:12px;color:var(--text-main);box-shadow:var(--elevation-1);animation:pop-in .16s ease}.stat-card-title{text-align:center;font-weight:700;font-size:clamp(10.66px,2.6cqh,15.34px);margin-bottom:8px;color:var(--accent-gold-light)}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px;border-bottom:1px solid var(--stone-border);font-size:clamp(9.84px,2.4cqh,14.16px)}.stat-row:last-of-type{border-bottom:none}.stat-label{color:var(--text-dim);flex:1}.stat-label svg,.stat-label img{width:14px;height:14px;vertical-align:-2px}.stat-value{font-weight:700}.stat-value svg,.stat-value img{width:14px;height:14px;vertical-align:-2px}.stat-delta{color:var(--accent-green);font-weight:700}.stat-card .upgrade-costs{margin-top:10px}.stat-card .upgrade-time{color:var(--text-dim)}.upgrade-costs{display:flex;justify-content:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.cost-chip{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#263257,var(--bg-panel-alt));border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:clamp(9.84px,2.4cqh,14.16px);font-weight:600}.cost-chip svg,.cost-chip img{width:18px;height:18px;box-sizing:border-box;padding:2px;background:var(--tile-bg);border:1.5px solid var(--tile-border);border-radius:50%;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 2px #0003;object-fit:contain}.cost-chip.insufficient{color:var(--accent-red);border-color:var(--accent-red)}.upgrade-time{text-align:center;color:var(--text-dim);font-size:clamp(9.84px,2.4cqh,14.16px);margin-bottom:12px}.upgrade-progress{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#263257,var(--bg-panel-alt));border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;font-size:clamp(10.66px,2.6cqh,15.34px);color:var(--accent-gold)}.upgrade-progress.max{color:var(--accent-green)}.upgrade-progress.locked{color:var(--accent-red);font-size:clamp(9.84px,2.4cqh,14.16px)}.upgrade-progress.locked svg{width:15px;height:15px;flex:0 0 auto}.upgrade-clock{width:18px;height:18px;display:inline-flex}.upgrade-clock svg,.upgrade-clock img{width:100%;height:100%}.modal-card.upgrade-full{width:min(72cqw,960px);height:min(82cqh,620px);min-height:280px;display:flex;flex-direction:column;background:var(--stone-panel-raised);border:2px solid var(--accent-gold-dark);border-radius:14px;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #f2c94c26,var(--elevation-3);color:var(--text-main);font-family:Rajdhani,Inter,system-ui,sans-serif}.upgrade-full-header{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:8px 40px;background:var(--stone-panel);border-bottom:1px solid var(--stone-border)}.upgrade-full-header h2{margin:0;font-size:clamp(13.94px,3.4cqh,20.06px);font-weight:700;text-align:center;color:var(--accent-gold-light);text-shadow:0 1px 3px rgba(0,0,0,.4);letter-spacing:.2px}.modal-close-x{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:26px;height:26px;padding:6px;background:var(--stone-panel);border:1px solid var(--stone-border-light);border-radius:50%;color:var(--text-dim);box-shadow:var(--elevation-1)}#feature-modal-back{left:10px;right:auto}.modal-close-x svg{width:100%;height:100%}.modal-close-x:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.modal-close-x:active{transform:translateY(-50%) scale(.94)}#feature-modal-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:var(--z-feature-modal);display:flex;align-items:center;justify-content:center;padding:16px;background:#05070d}#feature-modal-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/backgrounds/build-shop-bg.jpg) center 42% / cover no-repeat;filter:brightness(.85)}#feature-modal-root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0f1e40,#0a0f1e73 55%,#080c18b3)}#feature-modal-root.open{pointer-events:auto;opacity:1}.feature-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 14px 16px}.feature-pane{display:none}.feature-pane.active{display:block;height:100%}.upgrade-full-body{flex:1;min-height:0;display:flex;gap:10px;padding:10px}.upgrade-full-left{position:relative;flex:0 0 41%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:8px 8px 10px;background:radial-gradient(ellipse at 50% 15%,rgba(255,255,255,.15),transparent 55%),linear-gradient(160deg,#7bb063,#3c6b31 55%,#274d20);border:1px solid #325b29;border-radius:10px;box-shadow:inset 0 3px 8px #00000026;overflow:hidden}.upgrade-full-rank{position:absolute;top:8px;left:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#f3d98a,#a9762e 70%);border:2px solid #fff;border-radius:50%;color:#2b2013;box-shadow:0 3px 6px #0006}.upgrade-full-rank svg{width:14px;height:14px}.upgrade-full-left img{flex:1;min-height:0;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}.upgrade-full-level{flex:0 0 auto;font-size:clamp(14.76px,3.6cqh,21.24px);font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 0 4px rgba(0,0,0,.4),0 2px 0 rgba(0,0,0,.45),0 4px 6px rgba(0,0,0,.4)}.upgrade-full-right{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:6px;overflow-y:auto}.upgrade-card{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:6px;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:10px;padding:8px 14px;box-shadow:var(--elevation-1)}.upgrade-card-title{font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-gold)}.upgrade-full-desc{margin:0;font-size:clamp(10.66px,2.6cqh,15.34px);line-height:1.3;color:var(--text-dim);font-weight:600}.upgrade-full-stats .stat-row{display:flex;align-items:center;gap:10px}.upgrade-full-stats .stat-row-icon{width:26px;height:26px;flex:0 0 auto}.upgrade-full-stats .stat-row-icon svg,.upgrade-full-stats .stat-row-icon img{width:100%;height:100%}.upgrade-full-stats .stat-label{flex:1;min-width:0;font-size:clamp(11.48px,2.8cqh,16.52px);font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-full-stats .stat-old{font-size:clamp(10.66px,2.6cqh,15.34px);font-weight:700;color:var(--text-dim)}.upgrade-full-stats .stat-arrow{font-size:clamp(11.48px,2.8cqh,16.52px);font-weight:700;color:var(--accent-gold)}.upgrade-full-stats .stat-new{font-size:clamp(11.48px,2.8cqh,16.52px);font-weight:800;color:#fff;background:linear-gradient(180deg,#6dc862,#479c3c);border-radius:999px;padding:3px 11px;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:inset 0 1px #ffffff4d}.cost-boxes{display:flex;gap:8px;width:100%}.cost-box{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:8px;padding:7px 10px;box-shadow:var(--elevation-1)}.cost-box-icon{width:22px;height:22px;flex:0 0 auto;box-sizing:border-box;padding:2px;background:var(--tile-bg);border:1.5px solid var(--tile-border);border-radius:50%;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 2px #0003}.cost-box-icon svg,.cost-box-icon img{width:100%;height:100%;object-fit:contain}.cost-box-value{font-size:clamp(12.3px,3cqh,17.7px);font-weight:700;color:var(--text-main)}.cost-box.insufficient .cost-box-value{color:var(--accent-red)}.upgrade-full-buttons{flex:0 0 auto;display:flex;gap:8px;width:100%}.btn-complete-now,.btn-upgrade-modern{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:10px;border:1px solid;font-size:clamp(11.48px,2.8cqh,16.52px);font-weight:700;letter-spacing:.1px;color:#fff;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #0003}.btn-complete-now{background:linear-gradient(180deg,#6bdbdb,#279494);border-color:#1f7d7d}.btn-complete-now svg{width:15px;height:15px}.btn-complete-now:active{transform:translateY(1px);box-shadow:0 1px 2px #00000026}.btn-upgrade-modern{background:linear-gradient(180deg,#97d968,#4a9a2b);border-color:#3d7a22}.btn-upgrade-modern svg{width:15px;height:15px}.btn-upgrade-modern:active{transform:translateY(1px);box-shadow:0 1px 2px #00000026}.btn-demolish-confirm{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:10px;border:1px solid #a83636;font-size:clamp(11.48px,2.8cqh,16.52px);font-weight:700;letter-spacing:.1px;color:#fff;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.35);background:linear-gradient(180deg,#ec8080,var(--accent-red) 65%,#a83636);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #0003}.btn-demolish-confirm svg,.btn-demolish-confirm img{width:15px;height:15px}.btn-demolish-confirm:active{transform:translateY(1px);box-shadow:0 1px 2px #00000026}.btn-demolish-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.btn-secondary{display:block;width:100%;border-radius:var(--radius-md);padding:12px;font-size:clamp(11.48px,2.8cqh,16.52px);font-weight:700;text-shadow:0 1px 1px rgba(255,255,255,.25)}.btn-primary svg,.btn-secondary svg,.btn-primary img,.btn-secondary img{width:16px;height:16px;vertical-align:-3px}.btn-primary{background:linear-gradient(180deg,var(--accent-gold-light),var(--accent-gold) 60%,var(--accent-gold-dark));border:1px solid var(--accent-gold-dark);color:#3a2a06;box-shadow:inset 0 1px #ffffff8c,0 3px 6px #00000059}.btn-primary:active{transform:translateY(1px);box-shadow:inset 0 1px #fff6}.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.3)}.btn-primary:disabled:active,.btn-secondary:disabled:active{transform:none}.btn-secondary{background:linear-gradient(180deg,#7fe0ac,var(--accent-green) 65%,#2f7a53);border:1px solid #2f7a53;color:#06301c;width:auto;padding:10px 14px;box-shadow:inset 0 1px #fff6,0 3px 6px #00000059}.btn-secondary:active{transform:translateY(1px)}.modal-divider{border:none;border-top:1px solid var(--border);margin:16px 0}.modal-card h3{margin:0 0 10px;font-size:clamp(11.48px,2.8cqh,16.52px)}.unit-row{display:flex;align-items:center;gap:8px}.unit-icon{width:36px;height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 32% 28%,#384870,var(--bg-panel-alt) 75%);border:2px solid var(--accent-gold-dark);box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -3px 5px #00000059,0 2px 4px #0006}.unit-icon svg,.unit-icon img{width:62%;height:62%;object-fit:contain}.unit-art{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.unit-icon .unit-art img,.unit-icon .unit-art svg{width:62%;height:62%}.unit-tier-badge{position:absolute;right:-4px;bottom:-5px;min-width:14px;padding:0 3px;border-radius:7px;background:var(--accent-gold-dark);color:#fff;font-size:9px;font-weight:700;line-height:14px;font-style:normal;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.6);box-shadow:0 1px 2px #00000080;pointer-events:none}.battle-unit-icon .unit-art,.cost-chip .unit-art{width:auto;height:auto}.unit-row.is-locked .unit-icon,.unit-row.is-locked .unit-name{opacity:.55}.unit-row.is-locked .unit-train-reason{color:var(--text-dim)}.army-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px}.army-chip{display:flex;align-items:center;gap:8px}.army-chip .unit-icon{width:30px;height:30px}.army-chip-name{font-weight:600}.army-chip b{color:var(--accent-gold);font-variant-numeric:tabular-nums}.modal-card.no-pop,html .modal-card.no-pop{animation:none}.army-card+.stat-card{margin-top:8px}.unit-info{flex:1;min-width:0}.unit-name{font-size:clamp(10.66px,2.6cqh,15.34px)}.unit-name small{color:var(--text-dim)}.unit-cost{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.unit-cost .cost-chip{padding:2px 6px;font-size:clamp(8.2px,2cqh,11.8px)}.unit-cost svg,.unit-cost img{width:12px;height:12px;object-fit:contain}.recruit-ready-unlock{color:var(--accent-gold);font-weight:700}#train-qty{width:48px;background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);padding:8px 4px;text-align:center}.unit-row input[data-train-qty]{width:64px;flex:0 0 auto;background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);padding:8px 4px;text-align:center;font-size:16px}.stat-card>.unit-row+.unit-row{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.unit-train-reason{color:var(--accent-red);font-size:clamp(8.2px,2cqh,11.8px);line-height:1.25;margin-top:2px}.train-queue{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.queue-row{display:flex;align-items:center;gap:6px;background:var(--bg-panel-alt);border-radius:var(--radius-sm);padding:6px 10px;font-size:clamp(9.84px,2.4cqh,14.16px)}.queue-row svg,.queue-row img{width:16px;height:16px}.queue-empty{color:var(--text-dim);font-size:clamp(9.84px,2.4cqh,14.16px);text-align:center;margin-top:12px}#toast-root{position:absolute;left:50%;bottom:calc(var(--bottomnav-bottom) + var(--nav-icon-base) + 10px);transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:100;pointer-events:none;width:min(90cqw,380px)}.toast{position:relative;background:linear-gradient(180deg,#fdf3d3,#f0dba4);border:2px solid #b8861f;box-shadow:0 0 0 1px #6b4a12,inset 0 1px #ffffffd9,inset 0 -2px #b8861f40,0 5px 12px #00000073;color:#33291a;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.7);padding:10px 26px;border-radius:14px;font-size:clamp(11px,2.7cqh,15.5px);text-align:center;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.toast:before,.toast:after{content:"";position:absolute;top:50%;width:8px;height:8px;background:linear-gradient(135deg,#f7dc8a,#b8861f);border:1px solid #6b4a12;transform:translateY(-50%) rotate(45deg)}.toast:before{left:8px}.toast:after{right:8px}.toast.visible{opacity:1;transform:translateY(0)}.toast-error{background:linear-gradient(180deg,#fbe2d6,#efbba5);border-color:#a3322b;color:#5a1b14}#placement-bar-root{position:absolute;left:50%;bottom:90px;transform:translate(-50%);z-index:100;display:none;align-items:center;gap:18px}#placement-bar-root.visible{display:flex}.placement-bar-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff73,0 3px 8px #00000073}.placement-bar-btn svg{width:24px;height:24px}.placement-bar-btn:active{transform:translateY(1px)}.placement-bar-cancel{background:linear-gradient(180deg,#f08a8a,var(--accent-red) 65%,#a63c3c);border:2px solid #a63c3c;color:#3a0d0d}.placement-bar-confirm{background:linear-gradient(180deg,#7fe0ac,var(--accent-green) 65%,#2f7a53);border:2px solid #2f7a53;color:#06301c}.placement-bar-confirm:disabled{opacity:.4;filter:grayscale(.4)}.placement-bar-confirm:disabled:active{transform:none}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;background:#0d1220 url(/assets/branding/loading-bg.jpg) center 38% / cover no-repeat}#loading-screen.hidden{display:none}#loading-bar{box-sizing:border-box;width:min(72vw,460px);height:18px;padding:3px;overflow:hidden;border-radius:999px;background:#060a14c7;border:2px solid rgba(244,196,48,.9);box-shadow:0 3px 14px #000000a6,inset 0 2px 5px #000000b3}#loading-bar-fill{width:0;height:100%;border-radius:999px;background:linear-gradient(180deg,#ffe89a,#f4c430 55%,#b8860b);box-shadow:0 0 10px #f4c430bf;transition:width .1s linear}#loading-bar.indeterminate #loading-bar-fill{width:38%;transition:none;animation:loading-slide 1.1s ease-in-out infinite alternate}@keyframes loading-slide{0%{transform:translate(0)}to{transform:translate(163%)}}#loading-percent{margin-top:12px;max-width:80vw;text-align:center;font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.04em;color:#ffe9b5;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)}#auth-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:none;background:#0d1220 url(/assets/branding/login-bg.jpg) center 42% / cover no-repeat}#auth-root.visible{display:block}.auth-card{position:absolute;top:45%;left:50%;transform:translate(-50%);width:min(80vw,320px);max-height:58vh;overflow-y:auto;text-align:center;background:linear-gradient(180deg,#253252f0,#0d1220f7 65%);border:1.5px solid var(--accent-gold-dark);border-radius:var(--radius-lg);padding:12px 16px 10px;box-shadow:0 0 0 1px #f2c94c2e,0 18px 40px #0000008c}.auth-provider-list{display:flex;flex-direction:column;gap:6px}.auth-provider-btn{display:flex;align-items:center;gap:7px;width:100%;padding:3px 8px 3px 3px;border-radius:999px;border:none;background:linear-gradient(180deg,#1c2438,#11172a);opacity:.55;cursor:not-allowed}.auth-provider-btn--primary{opacity:1;cursor:pointer;background:linear-gradient(180deg,#30437c,#1a2544)}.auth-provider-btn--primary:active{transform:scale(.98)}.auth-provider-icon{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-provider-icon svg{width:70%;height:70%}.auth-provider-icon--google{background:#fff}.auth-provider-icon--apple{background:#000}.auth-provider-icon--facebook{background:#1877f2}.auth-provider-icon--platform{background:linear-gradient(180deg,var(--accent-gold-light),var(--accent-gold) 70%,var(--accent-gold-dark))}.auth-provider-label{flex:1 1 auto;text-align:left;font-size:clamp(9.43px,2.3vw,13.57px);font-weight:700;color:var(--text-main)}.auth-provider-btn--primary .auth-provider-label{color:var(--accent-gold-light)}.auth-provider-soon{flex:0 0 auto;font-size:clamp(7px,1.6vw,9.44px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:#ffffff0f;border-radius:999px;padding:2px 6px}.auth-modal-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.auth-modal-wrap .modal-card{pointer-events:auto}.auth-modal-card{width:min(100%,340px)}.auth-subtitle{font-family:var(--font-display);font-size:clamp(11.48px,2.8vw,16.52px);font-weight:700;color:var(--accent-gold-light);text-align:center;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid rgba(242,201,76,.25)}.auth-field{display:flex;flex-direction:column;gap:3px;text-align:left;margin-bottom:8px}.auth-field span{font-size:clamp(9.02px,2.2vw,12.98px);color:var(--text-dim)}.auth-field input{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-size:16px;padding:8px 10px;min-height:38px}.auth-field input:focus{outline:none;border-color:var(--accent-gold)}.auth-error{color:#ffd7d7;background:#e05a5a26;border:1px solid var(--accent-red);border-radius:var(--radius-sm);font-size:clamp(9.84px,2.4vw,14.16px);padding:6px 10px;margin:4px 0 8px}.auth-submit{width:100%;min-height:38px;border-radius:var(--radius-md);border:1px solid var(--accent-gold-dark);background:linear-gradient(180deg,var(--accent-gold-light),var(--accent-gold) 70%,var(--accent-gold-dark));color:#241a03;font-weight:700;font-size:clamp(10.66px,2.6vw,15.34px);cursor:pointer;margin-top:2px}.auth-submit:disabled{opacity:.6;cursor:default}.auth-switch{margin-top:8px;font-size:clamp(9.02px,2.2vw,12.98px);color:var(--text-dim)}.auth-switch button{background:none;border:none;color:var(--accent-gold);font-weight:600;font-size:clamp(9.84px,2.4vw,14.16px);cursor:pointer;padding:0 0 0 4px}#feature-modal-root.theme-commanders{--rc-panel: linear-gradient(165deg, #fffdf7 0%, #f7efdc 60%, #f0e6cc 100%);--rc-border: #ded0ac;--rc-border-strong: #c9a24e;--rc-gold: #a97c1c;--rc-gold-deep: #7a5a15;--rc-ink: #33291a;--rc-ink-dim: #83795f;--rc-cream: #faf3df}#feature-modal-root.theme-commanders .modal-card.upgrade-full{width:97cqw;height:95cqh;position:relative;z-index:1;background:linear-gradient(170deg,#fffdf8,#f8f1e0 55%,#f1e7cd);border:none;color:var(--rc-ink);box-shadow:0 20px 50px #46320a38}html.no-touch #feature-modal-root.theme-commanders .modal-card.upgrade-full{width:min(97cqw,1440px);height:min(95cqh,940px)}#feature-modal-root.theme-commanders .upgrade-full-header{background:transparent;border-bottom:1px solid rgba(169,124,28,.25)}#feature-modal-root.theme-commanders .upgrade-full-header h2{color:var(--rc-gold-deep);text-shadow:none}#feature-modal-root.theme-commanders .modal-close-x{background:#7a5a1514;border:1px solid rgba(169,124,28,.3);color:var(--rc-gold-deep)}.army-subnav{display:flex;gap:6px;flex:0 0 auto}.army-subtab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:var(--radius-md);padding:9px 6px;color:var(--text-dim);font-size:clamp(9.84px,2.4cqh,14.16px);font-weight:600;box-shadow:var(--elevation-1)}.army-subtab svg,.army-subtab img{width:15px;height:15px}.army-subtab.active{background:linear-gradient(180deg,var(--bg-panel-alt),var(--bg-panel));border-color:var(--accent-gold-dark);color:var(--accent-gold-light)}.army-body{display:flex;flex-direction:column;gap:12px}.army-summary-bar{display:flex;align-items:center;gap:6px;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:var(--radius-md);padding:10px 14px;font-size:clamp(10.66px,2.6cqh,15.34px);color:var(--text-dim);box-shadow:var(--elevation-1)}.army-summary-bar svg,.army-summary-bar img{width:16px;height:16px;color:var(--accent-gold)}.army-summary-bar strong{color:var(--text-main)}.army-unit-list{display:flex;flex-direction:column;gap:8px}.army-unit-row{display:flex;align-items:center;gap:10px;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--elevation-1)}.army-unit-row.locked{opacity:.75;box-shadow:none}#screen-research.active{display:flex;flex-direction:column;height:100%;min-height:0;gap:8px;position:relative}#screen-research{--rt-gold: #b8861f;--rt-gold-light: #f3d57a;--rt-gold-deep: #7a5a15;--rt-line: #d9bd78;--rt-ink: #33291a;--rt-ink-dim: #83795f}.rt-tabs{flex:0 0 auto;display:flex;justify-content:center;gap:10px;padding:2px 4px 0}.rt-tab{flex:0 0 auto;min-width:120px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;background:none;border:0 solid transparent;border-width:0 42px;border-image:url(/assets/ui/research/tab-idle.webp) 0 110 0 110 fill / 0 42px 0 42px stretch;color:var(--rt-gold-deep);transition:transform .12s ease,filter .12s ease}.rt-tab svg,.rt-tab img{width:28px;height:28px}.rt-tab.active{border-image-source:url(/assets/ui/research/tab-active.webp);color:#f6dc86;transform:translateY(-1px);filter:drop-shadow(0 3px 5px rgba(60,35,5,.45))}.rt-summary{flex:0 0 auto}.rt-summary-bar{display:flex;align-items:center;gap:8px;min-height:46px;box-sizing:border-box;padding:0 2px;background:none;border:0 solid transparent;border-width:0 44px;border-image:url(/assets/ui/research/summary-ribbon.webp) 0 105 0 105 fill / 0 44px 0 44px stretch;font-size:clamp(10.2px,2.5cqh,14.5px);color:var(--rt-ink-dim)}.rt-summary-bar.idle{opacity:.85}.rt-summary-bar>svg:first-child,.rt-summary-bar>img:first-child{flex:0 0 auto;width:26px;height:26px;padding:5px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffe9a0,#d99c2e);box-shadow:inset 0 0 0 2px #ffffff80;color:#5a3d06}.rt-summary-bar strong{color:var(--rt-ink)}.rt-summary-bar button{flex:0 0 auto;width:28px;height:28px;padding:4px;background:linear-gradient(180deg,#fff6d8,#f0dba0);border:1.5px solid var(--rt-gold);border-radius:50%;box-shadow:inset 0 1px #fff,0 1px 3px #5a3e0c4d;color:var(--rt-gold-deep)}.rt-summary-bar button svg,.rt-summary-bar button img{width:16px;height:16px}.rt-map{flex:1 1 auto;min-height:0;overflow:auto;border-radius:16px;border:2px solid var(--rt-line);box-shadow:inset 0 0 26px #7a5a1538;background:radial-gradient(ellipse 70% 80% at 50% 40%,rgba(255,255,255,.55),transparent 72%),repeating-linear-gradient(35deg,rgba(122,90,21,.04) 0 2px,transparent 2px 9px),linear-gradient(180deg,#f8efd6,#efe0b8);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.rt-map-canvas{display:inline-flex;flex-direction:column;gap:26px;padding:22px 26px;min-width:100%;width:max-content}.rt-branch{display:flex;flex-direction:column;gap:8px}.rt-branch-label{align-self:stretch;display:flex;align-items:center;gap:8px;font-size:clamp(9px,2.1cqh,11.5px);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--rt-gold-deep)}.rt-branch-label:before{content:"";flex:0 0 auto;width:7px;height:7px;transform:rotate(45deg);background:var(--rt-gold);box-shadow:0 0 0 2px #fff9}.rt-branch-label:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,rgba(122,90,21,.45),transparent)}.rt-path{display:flex;align-items:flex-start}.rt-connector{position:relative;flex:0 0 34px;width:34px;height:6px;margin-top:29px;border-radius:3px;background:repeating-linear-gradient(90deg,#cdb98a 0 6px,transparent 6px 10px)}.rt-connector.active{background:linear-gradient(180deg,var(--rt-gold-light),var(--rt-gold));box-shadow:0 0 6px #f3d57acc,inset 0 1px #ffffffb3}.rt-connector.active:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);background:radial-gradient(circle at 35% 30%,#fff1b8,#b8861f);border:1px solid var(--rt-gold-deep)}.rt-node-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:72px}.rt-node{width:64px;height:64px;min-width:44px;min-height:44px;position:relative;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none}.rt-node-medallion{position:relative;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.rt-node-medallion:before{content:"";position:absolute;top:-9.5%;right:-9.5%;bottom:-9.5%;left:-9.5%;background:url(/assets/ui/research/node-available.webp) center / 100% 100% no-repeat;pointer-events:none}.rt-node-icon{position:relative;width:60%;height:60%;display:flex;align-items:center;justify-content:center}.rt-node-icon svg,.rt-node-icon img{width:100%;height:100%}.rt-node-icon .rt-node-art{filter:drop-shadow(0 2px 2px rgba(60,40,10,.35))}.rt-node-icon .rt-node-stat{position:absolute;left:-22%;bottom:-18%;width:46%;height:46%;filter:drop-shadow(0 1px 2px rgba(40,25,5,.6))}.rt-node-level{font-size:10.5px;font-weight:800;color:#5a3d06;background:linear-gradient(180deg,#fffaf0,#f0e2bd);border:1.5px solid var(--rt-line);border-radius:999px;padding:0 9px;line-height:1.5;box-shadow:inset 0 1px #fff,0 1px 3px #5a3e0c40}.rt-node-badge{position:absolute;right:-7px;bottom:-7px;width:27px;height:27px;background:url(/assets/ui/research/badge-available.webp) center / contain no-repeat;filter:drop-shadow(0 1px 2px rgba(60,45,20,.45));pointer-events:none}.rt-node.state-locked .rt-node-medallion:before,.rt-node-medallion.state-locked:before{background-image:url(/assets/ui/research/node-locked.webp)}.rt-node.state-locked .rt-node-icon{filter:grayscale(.85) opacity(.7)}.rt-node.state-researching .rt-node-medallion:before,.rt-node-medallion.state-researching:before,.rt-node.state-max .rt-node-medallion:before,.rt-node-medallion.state-max:before{background-image:url(/assets/ui/research/node-researching.webp)}.rt-node.state-researching .rt-node-medallion:before{animation:rt-pulse 1.8s ease-in-out infinite}.rt-node.state-locked .rt-node-badge{background-image:url(/assets/ui/research/badge-locked.webp)}.rt-node.state-researching .rt-node-badge{background-image:url(/assets/ui/research/badge-researching.webp)}.rt-node.state-completed .rt-node-badge{background-image:url(/assets/ui/research/badge-completed.webp)}.rt-node.state-max .rt-node-badge{background-image:url(/assets/ui/research/badge-max.webp)}.rt-node.selected .rt-node-medallion:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:3px solid #fffaf0;box-shadow:0 0 0 2px var(--rt-gold),0 0 8px 2px #f3d57acc;pointer-events:none}@keyframes rt-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.1)}}@media (prefers-reduced-motion: reduce){.rt-node.state-researching .rt-node-medallion:before{animation:none}}.rt-detail{position:absolute;left:0;right:0;bottom:0;z-index:3;pointer-events:none}.rt-detail.open{pointer-events:auto}.rt-detail-sheet{max-height:56%;overflow-y:auto;box-sizing:border-box;border:20px solid transparent;border-image:url(/assets/ui/research/detail-panel.webp) 92 92 92 92 fill / 20px 20px 20px 20px stretch;padding:0 18px 0 4px;filter:drop-shadow(0 -4px 12px rgba(90,62,12,.3));display:flex;flex-direction:column;gap:8px;position:relative}.rt-detail-close{position:absolute;top:0;right:2px;width:26px;height:26px;padding:6px;background:#efe2bf;border:1px solid var(--rt-line);border-radius:50%;color:var(--rt-gold-deep)}.rt-detail-header{display:flex;align-items:center;gap:10px}.rt-detail-header .rt-node-medallion{width:46px;height:46px;flex:0 0 auto;position:relative;animation:none}.rt-detail-title .unit-name{font-weight:700;color:var(--rt-ink)}.rt-detail-title .unit-name small{color:var(--rt-ink-dim)}.rt-detail-description{margin:0;color:#6f6446;font-size:clamp(10px,2.3cqh,13px);line-height:1.4}.rt-detail-locked{display:flex;align-items:center;gap:8px;color:#c9762f;background:#fbeee0;border-radius:12px;padding:9px 12px;font-size:clamp(10px,2.3cqh,13px)}.rt-detail-locked svg{width:16px;height:16px;flex:0 0 auto}.rt-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.rt-detail-actions .unit-cost{flex:1 1 auto;min-width:0}.rt-detail-actions .btn-secondary,.rt-detail-actions .upgrade-progress{align-self:center;flex:0 0 auto}.rt-detail-speedup{position:absolute;left:10px;right:10px;bottom:calc(100% + 4px);max-height:60%;overflow-y:auto;z-index:4}.rt-detail-speedup:empty,.rt-detail-speedup .speedup-panel:empty{display:none}.rt-detail-speedup .speedup-panel{margin-top:0;box-shadow:0 4px 14px #3c280859}.rt-summary-bar .speedup-toggle-btn,.rt-detail-sheet .speedup-toggle-btn{width:auto;height:30px;padding:0 12px;margin-left:auto;border-radius:999px;border:1.5px solid var(--rt-gold);background:linear-gradient(180deg,#fff6d8,#f0dba0);color:var(--rt-gold-deep);gap:6px}.rt-detail-sheet .speedup-toggle-btn{margin-left:0}.rt-summary-bar .speedup-toggle-btn span,.rt-detail-sheet .speedup-toggle-btn span{display:inline;font-size:clamp(11px,2.6cqh,14px);white-space:nowrap}.rt-summary-bar .speedup-toggle-btn svg,.rt-detail-sheet .speedup-toggle-btn svg{width:16px;height:16px}.rt-detail-sheet .upgrade-progress{align-self:flex-start;min-width:150px;padding:8px 18px;background:linear-gradient(180deg,#fffaf0,#f0e2bd);border:1.5px solid var(--rt-gold);border-radius:999px;box-shadow:inset 0 1px #fff,0 1px 3px #5a3e0c38;color:var(--rt-gold-deep);font-weight:700}.rt-detail-sheet .upgrade-progress.max{color:#2f7a3c}.rt-detail-sheet .btn-secondary{align-self:flex-start;min-width:150px;height:40px;padding:0;background:none;border:0 solid transparent;border-width:0 40px;border-image:url(/assets/ui/research/btn-research.webp) 0 110 0 110 fill / 0 40px 0 40px stretch;color:#3a2606;font-weight:800;text-shadow:0 1px 0 rgba(255,244,196,.7);box-shadow:none}.rt-detail-sheet .btn-secondary:disabled{filter:grayscale(.7) brightness(.9)}.rt-detail-sheet .cost-chip{background:linear-gradient(180deg,#fffaf0,#f0e2bd);border:1.5px solid var(--rt-line);color:var(--rt-ink);box-shadow:inset 0 1px #fff}.rt-detail-sheet .cost-chip.insufficient{color:#b03a2e;border-color:#c9762f}.rt-detail-sheet .unit-cost{align-items:center;color:var(--rt-ink)}.train-form{display:flex;gap:6px;flex:0 0 auto}.train-qty{width:48px;background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);padding:8px 4px;text-align:center}.btn-small{padding:6px 10px;font-size:clamp(9.02px,2.2cqh,12.98px)}.cmdr-collection-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 4px;font-family:var(--font-display);color:var(--rc-ink)}.cmdr-collection-info{display:flex;align-items:center;gap:8px;font-size:clamp(9.84px,2.4cqh,14.16px);letter-spacing:.05em;text-transform:uppercase;color:var(--rc-ink)}.cmdr-collection-icon{width:22px;height:22px;flex:0 0 auto;color:var(--rc-ink)}.cmdr-collection-icon img{width:100%;height:100%;object-fit:contain}.cmdr-collection-info strong{font-size:clamp(12.3px,3cqh,17.7px);letter-spacing:.02em;color:var(--rc-gold-deep)}.cmdr-dropdown-row{display:flex;align-items:center;gap:8px;flex:0 0 auto}.cmdr-sort{position:relative;flex:0 0 auto}.cmdr-sort-btn{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--rc-panel);border:1px solid var(--rc-border-strong);border-radius:var(--radius-sm);color:var(--rc-ink);font-family:var(--font-ui);font-size:clamp(9.84px,2.4cqh,14.16px);font-weight:700}.cmdr-sort-btn svg{width:10px;height:10px;color:var(--rc-ink-dim);transition:transform .15s ease}.cmdr-sort.open .cmdr-sort-btn svg{transform:rotate(180deg)}.cmdr-sort-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:100%;background:var(--rc-panel);border:1px solid var(--rc-border-strong);border-radius:var(--radius-sm);box-shadow:0 8px 20px #3c5a9647;overflow:hidden;z-index:5;display:none}.cmdr-sort.open .cmdr-sort-menu{display:block}.cmdr-sort-option{display:block;width:100%;padding:8px 14px;background:transparent;border:none;color:var(--rc-ink);font-family:var(--font-ui);font-size:clamp(9.84px,2.4cqh,14.16px);font-weight:600;text-align:left;white-space:nowrap}.cmdr-sort-option:hover,.cmdr-sort-option.active{background:linear-gradient(180deg,#fff6dd,#ecd28f 90%);color:var(--rc-gold-deep)}.cmdr-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}.cmdr-card{--rarity-color: #6f8fc2;--rarity-glow: rgba(111, 143, 194, .4);position:relative;aspect-ratio:340 / 453;background-image:url(/assets/commanders/card_rare.webp);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent;filter:drop-shadow(0 4px 7px rgba(20,30,60,.28))}.cmdr-card.rarity-epic{--rarity-color: #9a63d1;--rarity-glow: rgba(154, 99, 209, .4);aspect-ratio:340 / 454;background-image:url(/assets/commanders/card_epic.webp)}.cmdr-card.rarity-legendary{--rarity-color: #c9a13a;--rarity-glow: rgba(201, 161, 58, .5);aspect-ratio:340 / 453;background-image:url(/assets/commanders/card_legendary.webp)}.cmdr-card.rarity-unique{--rarity-color: #d64545;--rarity-glow: rgba(214, 69, 69, .65);aspect-ratio:340 / 485;background-image:url(/assets/commanders/card_unique.webp);animation:cmdr-unique-shine 2.8s ease-in-out infinite}@keyframes cmdr-unique-shine{0%,to{filter:drop-shadow(0 4px 7px rgba(20,30,60,.28)) drop-shadow(0 0 5px var(--rarity-glow))}50%{filter:drop-shadow(0 4px 7px rgba(20,30,60,.28)) drop-shadow(0 0 12px var(--rarity-glow))}}.cmdr-card.locked{animation:none}.cmdr-empty-hint{display:flex;align-items:center;gap:10px;margin:0 0 clamp(6px,1.6cqh,10px);padding:6px 8px 6px 12px;border-radius:10px;border:1px solid #d9c38f;background:#fff6dc;color:#5a4326;font-size:clamp(11px,2.8cqh,14px);font-weight:700;line-height:1.25}.cmdr-empty-hint span{flex:1 1 auto;min-width:0}.cmdr-empty-hint-btn{flex:0 0 auto;height:clamp(28px,7cqh,34px);padding:0 clamp(12px,3cqh,18px);border:0;border-radius:8px;background:linear-gradient(#ffcf5a,#e59a1c);color:#4a2a00;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 2px #b06e10}.cmdr-card-portrait-frame{position:absolute;top:11%;left:7%;right:7%;bottom:23%;display:flex;align-items:center;justify-content:center}.cmdr-card-portrait{font-size:clamp(32.8px,8cqh,47.2px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.cmdr-card-portrait.locked-portrait{font-size:clamp(21.32px,5.2cqh,30.68px);color:#ffffffeb;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.cmdr-card-portrait svg{width:32px;height:32px}.cmdr-card-portrait:has(.cmdr-portrait-img){width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cmdr-card-portrait .cmdr-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.cmdr-card-portrait.locked-portrait.has-art{position:relative;color:#ffffffeb}.cmdr-card-portrait.locked-portrait.has-art .cmdr-portrait-img{filter:grayscale(.85) brightness(.5) drop-shadow(0 2px 3px rgba(0,0,0,.25))}.cmdr-card-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.cmdr-card-level{position:absolute;top:6px;right:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.6);font-size:clamp(10.66px,2.6cqh,15.34px);font-weight:900;white-space:nowrap}.cmdr-card-class{position:absolute;top:19.3%;left:16.5%;transform:translate(-50%,-50%);width:25.5%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;z-index:3}.cmdr-card.rarity-epic .cmdr-card-class,.cmdr-card.rarity-legendary .cmdr-card-class{top:17.6%}.cmdr-card.rarity-unique .cmdr-card-class{top:18%}.cmdr-card-class svg,.cmdr-card-class img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.cmdr-card-plate{position:absolute;left:6%;right:6%;top:76%;bottom:3%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cmdr-card-name{font-family:var(--font-display);font-size:clamp(10px,2.4cqh,14px);font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65),0 0 6px rgba(0,0,0,.5);line-height:1.2;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cmdr-card-stars{margin-top:4px;font-size:clamp(9.02px,2.2cqh,12.98px);color:#f2c94c;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cmdr-card-locked-label{margin-top:4px;font-size:clamp(7.38px,1.8cqh,10.62px);font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.06em}.cmdr-card-fragment-progress{margin-top:4px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.cmdr-card-fragment-bar{width:80%;height:5px;border-radius:999px;background:#ffffff2e;overflow:hidden}.cmdr-card-fragment-fill{height:100%;background:var(--accent-gold);border-radius:999px}.cmdr-card-fragment-text{font-size:clamp(7.38px,1.8cqh,10.62px);font-weight:700;color:#ffffffbf;letter-spacing:.02em}.cmdr-card-unlock-btn{margin-top:4px;padding:3px 12px;border:none;border-radius:999px;background:var(--accent-gold);color:#241a05;font-weight:800;font-size:clamp(9.5px,1.9cqh,11.34px);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.cmdr-card-unlock-btn:active{filter:brightness(.92)}#feature-modal-root.theme-commanders.cmdr-detail-open .upgrade-full-header{display:none}#feature-modal-root.theme-commanders.cmdr-detail-open .feature-modal-body{padding:0;overflow:hidden;display:flex}#feature-modal-root.theme-commanders.cmdr-detail-open #screen-commanders.active{flex:1 1 auto;display:flex;min-height:0}#commanders-body.cmdr-body-hero{flex:1 1 auto;display:flex;min-height:0;gap:0}.cmdr-hero{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow:hidden;--rarity-color: #6f8fc2}.cmdr-hero.rarity-epic{--rarity-color: #9a63d1}.cmdr-hero.rarity-legendary{--rarity-color: #c9a13a}.cmdr-hero.rarity-unique{--rarity-color: #d64545}.cmdr-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/branding/login-bg-hero.jpg);background-size:cover;background-position:55% 35%;filter:brightness(.68) saturate(1.05);z-index:0}.cmdr-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 70% at 42% 60%,var(--rarity-color) 0%,transparent 68%),linear-gradient(180deg,#0f0c0680,#0f0c062e 30%,#0a080499);opacity:.9;z-index:1}.cmdr-hero-topbar{position:relative;z-index:5;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.cmdr-hero-back{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#14100a66;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#f6ecd4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmdr-hero-back svg{width:14px;height:14px;transform:rotate(90deg)}.cmdr-hero-resources{flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}.cmdr-hero-res-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#14100a73;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#f6ecd4;font-size:clamp(9.84px,2.4cqh,14.16px);font-weight:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmdr-hero-res-chip svg,.cmdr-hero-res-chip img{width:16px;height:16px}.cmdr-hero-body{position:relative;flex:1 1 auto;min-height:0;display:flex}.cmdr-hero-nav{position:relative;z-index:3;flex:0 0 96px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 8px 10px}.cmdr-hero-nav-btn{display:flex;align-items:center;gap:6px;padding:7px 8px;background:#14100a66;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#f3e9d2;font-size:clamp(8.2px,2cqh,11.8px);font-weight:700;text-transform:uppercase;letter-spacing:.03em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmdr-hero-nav-btn svg,.cmdr-hero-nav-btn img{width:14px;height:14px;flex:0 0 auto}.cmdr-hero-nav-btn.active{background:linear-gradient(180deg,#ffe9ae,#d9ac3f 55%,#a97c1c);border-color:#fff3cf;color:#4a3308;box-shadow:0 3px 10px #00000059,inset 0 1px #ffffff80}.cmdr-hero-character{position:relative;z-index:2;flex:1 1 auto;min-width:0;display:flex;align-items:stretch;justify-content:center}.cmdr-hero-power-display{position:absolute;z-index:3;bottom:10px;left:50%;transform:translate(-50%)}#screen-commanders .power-badge.cmdr-hero-power-display{gap:8px;background:#0a080466;border:none;border-radius:999px;padding:6px 18px 6px 12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:clamp(16.4px,4cqh,23.6px);color:var(--accent-gold-light);text-shadow:0 0 6px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.6)}#screen-commanders .power-badge.cmdr-hero-power-display img,#screen-commanders .power-badge.cmdr-hero-power-display svg{width:44px;height:44px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.cmdr-hero-portrait-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;height:min(84cqh,660px);width:min(70cqh,44cqw,520px)}.cmdr-hero-portrait-wrap.has-image{height:100%;align-items:flex-start;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 22%,black 78%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 12%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 22%,black 78%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 12%,black 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.cmdr-hero-portrait-glow{position:absolute;bottom:8%;left:50%;transform:translate(-50%);width:min(58cqh,460px);height:min(58cqh,460px);border-radius:50%;background:radial-gradient(circle,var(--rarity-color) 0%,transparent 70%);opacity:.5;filter:blur(6px);z-index:0}.cmdr-hero-portrait-ground{position:absolute;bottom:4%;left:50%;transform:translate(-50%);width:40%;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55) 0%,transparent 75%);filter:blur(2px);z-index:0}.cmdr-hero-portrait-figure{position:relative;z-index:1;font-size:clamp(150px,34cqh,340px);line-height:1;filter:drop-shadow(0 22px 30px rgba(0,0,0,.6)) drop-shadow(0 0 34px var(--rarity-color))}.cmdr-hero-portrait-img{position:relative;z-index:1;height:128%;width:auto;max-width:none;object-fit:contain;object-position:center top;filter:drop-shadow(0 22px 30px rgba(0,0,0,.6)) drop-shadow(0 0 34px var(--rarity-color))}.cmdr-hero-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#14100a66;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#f3e9d2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmdr-hero-nav-arrow.prev{left:6px}.cmdr-hero-nav-arrow.next{right:6px}.cmdr-hero-nav-arrow.prev svg{width:13px;height:13px;transform:rotate(90deg)}.cmdr-hero-nav-arrow.next svg{width:13px;height:13px;transform:rotate(-90deg)}.cmdr-hero-panel{position:relative;z-index:3;flex:0 0 min(320px,32cqw);min-width:240px;margin:0 14px 14px 0;padding:8px 10px 5px;display:flex;flex-direction:column;gap:5px;background:linear-gradient(165deg,#fffdf8,#f8f1e0 55%,#f1e7cd);border:1px solid #ddc98f;border-radius:14px;box-shadow:0 16px 36px #0f0a0366;color:var(--rc-ink);overflow-y:auto}.cmdr-hero-panel-top{display:flex;align-items:center;justify-content:space-between}.cmdr-hero-rarity-chip{padding:3px 10px;border-radius:999px;font-family:var(--font-display);font-size:clamp(8.2px,2cqh,11.8px);font-weight:800;letter-spacing:.1em;color:#fff;background:linear-gradient(180deg,var(--rarity-color) 0%,color-mix(in srgb,var(--rarity-color) 55%,#000) 100%);text-shadow:0 1px 2px rgba(0,0,0,.4)}.cmdr-hero-panel-type{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--rc-cream);border:1.5px solid var(--rc-border-strong);border-radius:50%}.cmdr-hero-panel-type svg,.cmdr-hero-panel-type img{width:11px;height:11px}.cmdr-hero-panel-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cmdr-hero-panel-name{font-family:var(--font-display);font-size:clamp(12.3px,3cqh,17.7px);font-weight:700;color:var(--rc-ink)}.cmdr-hero-panel-nation{font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:600;color:var(--rc-ink-muted, #8a7a5c);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.cmdr-hero-panel-stars{font-size:clamp(9.02px,2.2cqh,12.98px);color:#d9ac3f;letter-spacing:2px}.cmdr-hero-level-row{display:flex;align-items:center;gap:6px;font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--rc-gold-deep)}.cmdr-hero-banked-chip{display:inline-flex;align-items:center;gap:3px;font-size:clamp(8.2px,2cqh,11.8px);font-weight:700;text-transform:none;color:var(--rc-ink-dim)}.cmdr-hero-banked-chip svg{width:10px;height:10px}.cmdr-hero-xp-row{position:relative;display:flex;align-items:center;gap:6px}.cmdr-hero-xp-row .cmdr-xpbooks-open-btn{margin-left:0}.cmdr-hero-xp-bar{position:relative;flex:1 1 auto;min-width:0;height:17px;border-radius:999px;background:linear-gradient(180deg,#6b4a12,#3d2a08);border:1px solid var(--rc-border-strong);overflow:hidden}.cmdr-hero-xp-fill{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background:linear-gradient(90deg,#7be0a8,#3fae6c)}.cmdr-hero-xp-label{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding:0 8px;font-size:clamp(7.38px,1.8cqh,10.62px);font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes xp-level-up-pulse{0%{box-shadow:0 0 #f2c94ce6}70%{box-shadow:0 0 0 7px #f2c94c00}to{box-shadow:0 0 #f2c94c00}}.cmdr-hero-xp-bar.level-up-flash{animation:xp-level-up-pulse .3s ease-out}.cmdr-hero-xp-bar.level-up-flash .cmdr-hero-xp-fill{background:linear-gradient(90deg,#ffe9ae,#d9ac3f)}.cmdr-hero-xp-bar.level-up-flash .cmdr-hero-xp-label{color:#4a3308;text-shadow:none;justify-content:center;letter-spacing:.04em}.cmdr-hero-xp-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}@keyframes xp-flash-sweep{0%{opacity:.85}to{opacity:0}}.cmdr-hero-xp-flash.flash-active{animation:xp-flash-sweep .35s ease-out}@keyframes level-label-pulse{0%{transform:scale(1)}45%{transform:scale(1.25);color:#ffe9ae}to{transform:scale(1)}}.cmdr-hero-level-label.level-pulse{display:inline-block;animation:level-label-pulse .32s ease-out}.cmdr-hero-xp-float{position:absolute;top:0;right:4px;bottom:0;display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;z-index:2}.cmdr-hero-xp-float img,.cmdr-hero-xp-float svg{width:12px;height:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.cmdr-hero-xp-float span{font-size:clamp(8.2px,2cqh,11.8px);font-weight:900;color:#7be0a8;text-shadow:0 1px 2px rgba(0,0,0,.75);white-space:nowrap}@keyframes xp-float-pop{0%{opacity:0;transform:translate(4px) scale(.7)}20%{opacity:1;transform:translate(0) scale(1.05)}70%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(0) scale(.95)}}.cmdr-hero-xp-float.show{animation:xp-float-pop .9s ease-out}.cmdr-hero-panel-body{margin-top:2px;padding-top:6px;border-top:1px solid rgba(169,124,28,.25);display:flex;flex-direction:column;gap:5px}.cmdr-hero-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.cmdr-hero-stat{display:flex;align-items:center;gap:5px;padding:4px 6px;background:var(--rc-panel);border:1px solid var(--rc-border);border-radius:var(--radius-sm)}.cmdr-hero-stat-icon{flex:0 0 auto;width:15px;height:15px;display:flex;align-items:center;justify-content:center;color:var(--rc-gold-deep)}.cmdr-hero-stat-icon svg,.cmdr-hero-stat-icon img{width:13px;height:13px}.cmdr-hero-stat-text{display:flex;flex-direction:column;min-width:0}.cmdr-hero-stat-label{font-size:clamp(7px,1.6cqh,9.44px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--rc-ink-dim)}.cmdr-hero-stat-value{font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:800;color:var(--rc-ink)}.cmdr-army-bonus{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:4px 6px;background:var(--rc-panel);border:1px solid var(--rc-border);border-radius:var(--radius-sm)}.cmdr-army-bonus-label{display:inline-flex;align-items:center;gap:3px;font-size:clamp(7px,1.6cqh,9.44px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--rc-ink-dim)}.cmdr-army-bonus-label svg{width:11px;height:11px;color:var(--rc-gold-deep)}.cmdr-army-bonus-value{font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:800;color:var(--rc-ink)}.cmdr-army-bonus-detail,.cmdr-army-bonus-next{font-size:clamp(7px,1.7cqh,9.8px);color:var(--rc-ink-dim)}.cmdr-army-bonus-next{margin-left:auto;font-weight:700;color:#2f6f1a}.cmdr-xpbooks-open-btn{position:relative;flex:0 0 auto;margin-left:auto;width:17px;height:17px;display:flex;align-items:center;justify-content:center;background:var(--rc-panel);border:1.5px solid var(--rc-border-strong);border-radius:50%;color:var(--rc-gold-deep);font-size:clamp(9.84px,2.4cqh,14.16px);font-weight:800;line-height:1;padding:0}.cmdr-xpbooks-open-btn:active{transform:scale(.92)}.cmdr-xpbooks-open-btn.has-levelup:after{content:"";position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:#e0432f;border:1px solid #fffdf7}.cmdr-hero-section-title{display:flex;align-items:center;gap:6px;font-size:clamp(7.38px,1.8cqh,10.62px);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--rc-gold-deep)}.cmdr-hero-section-title:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,var(--rc-border-strong),transparent)}.cmdr-hero-section-title small{font-weight:600;text-transform:none;letter-spacing:normal;color:var(--rc-ink-dim)}.cmdr-hero-skills-row{display:flex;gap:5px;flex-wrap:wrap}.cmdr-hero-section-close{flex:0 0 auto;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:var(--rc-ink-dim)}.cmdr-hero-section-close svg{width:10px;height:10px}.xpbooks-inline-hint{margin:0;font-size:clamp(7px,1.6cqh,9.44px);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--rc-ink-dim)}.xpbooks-inline-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.xpbooks-inline-item{display:flex;flex-direction:row;align-items:center;gap:4px;padding:3px 4px;background:var(--rc-panel);border:1.5px solid var(--rc-border-strong);border-radius:var(--radius-sm);color:var(--rc-ink);text-align:left}.xpbooks-inline-item:disabled{opacity:.6}.xpbooks-inline-item.maxed{border-color:var(--rc-border)}.xpbooks-inline-icon{width:22px;height:22px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.xpbooks-inline-icon svg,.xpbooks-inline-icon img{width:100%;height:100%;object-fit:contain}.xpbooks-inline-text{display:flex;flex-direction:column;min-width:0;gap:1px}.xpbooks-inline-value{font-size:clamp(5.74px,1.4cqh,8.26px);font-weight:700;line-height:1.2;color:var(--rc-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.xpbooks-inline-meta{display:flex;align-items:baseline;gap:3px;min-width:0}.xpbooks-inline-xpvalue{flex:0 0 auto;font-size:clamp(7px,1.6cqh,9.44px);font-weight:800;color:#3fae6c}.xpbooks-inline-qty{min-width:0;font-size:clamp(5.74px,1.4cqh,8.26px);font-weight:700;color:var(--rc-gold-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdr-hero-skill-tile{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--rc-panel);border:1.5px solid var(--rc-border-strong);border-radius:var(--radius-sm);color:var(--rc-ink)}.cmdr-hero-skill-tile:disabled{opacity:.6}.cmdr-hero-skill-tile.maxed{border-color:var(--rc-border)}.cmdr-hero-skill-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.cmdr-hero-skill-icon svg,.cmdr-hero-skill-icon img{width:14px;height:14px}.cmdr-hero-skill-level{font-size:clamp(5.74px,1.4cqh,8.26px);font-weight:800;color:var(--rc-gold-deep)}.cmdr-hero-kit-skills-row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.cmdr-hero-kit-skill-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;background:var(--rc-panel);border:1.5px solid var(--rc-border-strong);border-radius:var(--radius-sm)}.cmdr-hero-kit-skill-tile.active{border-color:var(--rc-gold-deep);box-shadow:0 0 0 1px var(--rc-gold-deep) inset}.cmdr-hero-kit-skill-icon{width:34px;height:34px;object-fit:cover;border-radius:6px}.cmdr-hero-kit-skill-name{font-size:clamp(7px,1.7cqh,10.03px);font-weight:700;line-height:1.15;color:var(--rc-ink);text-align:center}.cmdr-hero-kit-skill-info{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:5;display:flex;gap:6px;padding:7px;background:linear-gradient(165deg,#fffdf8,#f8f1e0 55%,#f1e7cd);border:1.5px solid var(--rc-border-strong);border-radius:var(--radius-sm);box-shadow:0 10px 24px #0f0a0359}.cmdr-hero-kit-skill-info:after{content:"";position:absolute;top:100%;left:20px;width:8px;height:8px;background:#f1e7cd;border-right:1.5px solid var(--rc-border-strong);border-bottom:1.5px solid var(--rc-border-strong);transform:translateY(-50%) rotate(45deg)}.cmdr-hero-kit-skill-info-close{position:absolute;top:4px;right:4px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:var(--rc-ink-dim)}.cmdr-hero-kit-skill-info-close svg{width:9px;height:9px}.cmdr-hero-kit-skill-info-icon{flex:0 0 auto;width:40px;height:40px;object-fit:cover;border-radius:7px}.cmdr-hero-kit-skill-info-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:12px}.cmdr-hero-kit-skill-info-title-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.cmdr-hero-kit-skill-info-name{font-family:var(--font-display);font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:800;color:var(--rc-ink)}.cmdr-hero-kit-skill-info-kind{padding:1px 5px;border-radius:999px;font-size:clamp(4.92px,1.2cqh,7.08px);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--rc-ink-dim)}.cmdr-hero-kit-skill-info-kind.active{background:var(--rc-gold-deep)}.cmdr-hero-kit-skill-info-desc{margin:0;font-size:clamp(7px,1.7cqh,10.03px);line-height:1.4;color:var(--rc-ink-dim)}.cmdr-hero-combat-skill-chips{display:flex;flex-direction:column;gap:2px;margin-top:3px}.cmdr-hero-combat-skill-chip{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cmdr-hero-combat-skill-chip-trigger,.cmdr-hero-combat-skill-chip-effect{padding:1px 5px;border-radius:999px;font-size:clamp(5.33px,1.3cqh,7.67px);font-weight:800;letter-spacing:.02em;white-space:nowrap}.cmdr-hero-combat-skill-chip-trigger{color:var(--rc-ink-dim);background:var(--rc-panel);border:1px solid var(--rc-border-strong)}.cmdr-hero-combat-skill-chip-effect{color:#fff;background:var(--rc-gold-deep)}.cmdr-hero-starup{text-align:center}.cmdr-hero-star-rows{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}.cmdr-hero-star-group{font-size:clamp(10.66px,2.6cqh,15.34px);line-height:1;letter-spacing:2px}.cmdr-hero-star-group .filled{color:#f2c94c}.cmdr-hero-star-group .empty{color:#33291a47}.cmdr-hero-star-sep{font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:800;color:var(--rc-gold-deep)}.cmdr-hero-starup-stats{display:flex;flex-direction:column;gap:1px;margin-bottom:2px}.cmdr-hero-starup-stat{display:flex;align-items:center;gap:4px;font-size:clamp(7.38px,1.8cqh,10.62px);line-height:1.15;color:var(--rc-ink)}.cmdr-hero-starup-stat svg,.cmdr-hero-starup-stat img{width:10px;height:10px;flex:0 0 auto}.cmdr-hero-starup-stat-label{flex:0 0 auto;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--rc-ink-dim)}.cmdr-hero-starup-stat-values{flex:1 1 auto;display:flex;align-items:baseline;justify-content:flex-end;gap:3px;font-weight:700}.cmdr-hero-starup-stat-values .current{color:var(--rc-ink-dim)}.cmdr-hero-starup-stat-values .arrow{color:var(--rc-gold-deep)}.cmdr-hero-starup-stat-values .next{color:#3fae6c}.cmdr-hero-starup .upgrade-costs{margin-bottom:4px}.cmdr-hero-starup .cost-chip{padding:2px 8px;font-size:clamp(8.2px,2cqh,11.8px)}.cmdr-hero-starup .cost-chip svg,.cmdr-hero-starup .cost-chip img{width:13px;height:13px}.cmdr-hero-starup .btn-primary{padding:6px;font-size:clamp(9.84px,2.4cqh,14.16px)}.cmdr-hero-gear-row{display:flex;gap:10px;justify-content:center;margin-bottom:4px}.cmdr-hero-gear-slot{width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--rc-cream);border:1.5px dashed var(--rc-border);border-radius:var(--radius-sm);color:var(--rc-ink-dim)}.cmdr-hero-gear-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.cmdr-hero-gear-icon svg{width:20px;height:20px}.cmdr-hero-gear-label{font-size:clamp(8.2px,2cqh,11.8px);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.formation-list{display:flex;flex-direction:column;gap:10px}.formation-card{background:var(--rc-panel);border:1px solid var(--rc-border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px;color:var(--rc-ink);box-shadow:0 2px 6px #3c5a961f}.formation-card.locked{opacity:.7}.formation-title{display:flex;align-items:center;gap:8px;font-size:clamp(10.66px,2.6cqh,15.34px);font-weight:600}.formation-commander{font-size:clamp(9.84px,2.4cqh,14.16px);color:var(--rc-ink-dim)}.formation-commander svg{width:12px;height:12px;color:var(--rc-gold)}.formation-units{display:flex;flex-wrap:wrap;gap:4px}.assign-form{display:flex;flex-direction:column;gap:8px}#feature-modal-root.theme-commanders .assign-qty{width:56px;background:#fff;border:1px solid var(--rc-border);border-radius:var(--radius-sm);color:var(--rc-ink);padding:8px 4px;text-align:center;flex:0 0 auto}#feature-modal-root.theme-commanders .stat-card{background:var(--rc-panel);border-color:var(--rc-border);color:var(--rc-ink)}#feature-modal-root.theme-commanders .stat-card .upgrade-time,#feature-modal-root.theme-commanders .stat-label{color:var(--rc-ink-dim)}#feature-modal-root.theme-commanders .cost-chip{background:var(--rc-panel);border-color:var(--rc-border);color:var(--rc-ink)}#feature-modal-root.theme-commanders .power-badge{background:var(--rc-cream);border-color:var(--rc-border-strong);color:var(--rc-gold-deep)}#feature-modal-root.theme-commanders .army-subtab{background:var(--rc-panel);border-color:var(--rc-border);color:var(--rc-ink-dim)}#feature-modal-root.theme-commanders .army-subtab.active{background:var(--rc-cream);border-color:var(--rc-border-strong);color:var(--rc-gold-deep)}#feature-modal-root.theme-commanders .army-summary-bar{background:var(--rc-panel);border-color:var(--rc-border);color:var(--rc-ink-dim)}#feature-modal-root.theme-commanders .army-summary-bar strong{color:var(--rc-ink)}#feature-modal-root.theme-commanders .army-unit-row,#feature-modal-root.theme-commanders .march-row,#feature-modal-root.theme-commanders .commander-slot-card{background:var(--rc-panel);border-color:var(--rc-border);color:var(--rc-ink)}#feature-modal-root.theme-commanders .unit-icon{background:radial-gradient(circle at 32% 28%,#fff,#eef3fb 75%);border-color:var(--rc-border-strong)}#feature-modal-root.theme-commanders .unit-name small{color:var(--rc-ink-dim)}#feature-modal-root.theme-commanders .queue-row{background:var(--rc-panel);border:1px solid var(--rc-border);color:var(--rc-ink)}#feature-modal-root.theme-commanders .queue-empty,#feature-modal-root.theme-commanders .modal-desc,#feature-modal-root.theme-commanders .target-distance,#feature-modal-root.theme-commanders .battle-units-breakdown,#feature-modal-root.theme-commanders .battle-timestamp,#feature-modal-root.theme-commanders .march-status-badge.completed,#feature-modal-root.theme-commanders .commander-slot-capacity,#feature-modal-root.theme-commanders .locked-feature-card p{color:var(--rc-ink-dim)}#feature-modal-root.theme-commanders .btn-secondary{background:linear-gradient(180deg,#fff6dd,#d9ac3f 90%);border-color:var(--rc-border-strong);color:#4a3308}#feature-modal-root.theme-commanders .upgrade-progress{background:var(--rc-panel);border-color:var(--rc-border-strong);color:var(--rc-gold-deep)}#feature-modal-root.theme-commanders .upgrade-progress.locked{background:var(--rc-cream);border-color:var(--rc-border);color:#a4463f}#feature-modal-root.theme-commanders .march-select-row select,#feature-modal-root.theme-commanders .commander-slot-select{background:#fff;border:1px solid var(--rc-border);color:var(--rc-ink)}#feature-modal-root.theme-commanders .target-icon{background:var(--rc-panel);border-color:var(--rc-border);color:var(--rc-gold-deep)}#feature-modal-root.theme-commanders .target-detail-panel{background:var(--rc-panel)}#feature-modal-root.theme-commanders .battle-card{background:var(--rc-panel);border-color:var(--rc-border)}#feature-modal-root.theme-commanders .battle-card.victory{background:linear-gradient(165deg,rgba(76,175,125,.14),var(--rc-cream) 45%)}#feature-modal-root.theme-commanders .battle-card.defeat{background:linear-gradient(165deg,rgba(224,90,90,.14),var(--rc-cream) 45%)}#feature-modal-root.theme-commanders .locked-feature-card{background:var(--rc-panel);border-color:var(--rc-border)}#feature-modal-root.theme-commanders .locked-feature-card h2{color:var(--rc-ink)}#feature-modal-root.theme-commanders .locked-feature-tag,#feature-modal-root.theme-commanders .stat-card-title,#feature-modal-root.theme-commanders .target-own-badge,#feature-modal-root.theme-commanders .recruit-ready-unlock{color:var(--rc-gold-deep)}#feature-modal-root.theme-chat{background:#05070d;--rc-panel: linear-gradient(165deg, #fffdf7 0%, #f7efdc 60%, #f0e6cc 100%);--rc-border: #ded0ac;--rc-border-strong: #c9a24e;--rc-gold: #a97c1c;--rc-gold-deep: #7a5a15;--rc-ink: #33291a;--rc-ink-dim: #83795f;--rc-cream: #faf3df}#feature-modal-root.theme-chat .modal-card.upgrade-full{position:relative;z-index:1;width:min(64cqw,820px);height:min(78cqh,540px);background:var(--rc-panel);border:2px solid var(--rc-border-strong);color:var(--rc-ink);box-shadow:0 24px 60px #00000073,0 0 0 1px #c9a24e4d,inset 0 1px #fff6}#feature-modal-root.theme-chat .upgrade-full-header{background:transparent;border-bottom:1px solid rgba(169,124,28,.25)}#feature-modal-root.theme-chat .upgrade-full-header h2{color:var(--rc-gold-deep);text-shadow:none}#feature-modal-root.theme-chat .modal-close-x{background:#7a5a1514;border:1px solid rgba(169,124,28,.3);color:var(--rc-gold-deep)}#feature-modal-root.theme-chat .feature-modal-body{overflow:hidden;display:flex;flex-direction:column;padding-bottom:10px}@media (max-height: 480px){#feature-modal-root.theme-chat .modal-card.upgrade-full{height:86cqh}}#feature-modal-root.theme-chat #screen-chat.feature-pane.active,.chat-screen-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#feature-modal-root.theme-inventory{background:#15120d;--rc-panel: linear-gradient(165deg, #fffdf7 0%, #f7efdc 60%, #f0e6cc 100%);--rc-border: #ded0ac;--rc-border-strong: #c9a24e;--rc-gold: #a97c1c;--rc-gold-deep: #7a5a15;--rc-ink: #33291a;--rc-ink-dim: #83795f;--rc-cream: #faf3df}#feature-modal-root.theme-inventory:before,#feature-modal-root.theme-inventory:after{display:none}#feature-modal-root.theme-inventory .modal-card.upgrade-full{position:relative;z-index:1;--inv-bar: clamp(32px, 8.4cqh, 42px);width:min(98cqw,1700px);height:min(96cqh,960px);box-sizing:border-box;background:#f6efdc;border:3px solid #b08a4a;border-radius:12px;overflow:hidden;color:var(--rc-ink);box-shadow:0 16px 40px #0000008c}#feature-modal-root.theme-inventory .upgrade-full-header{flex:0 0 var(--inv-bar);height:var(--inv-bar);box-sizing:border-box;justify-content:flex-start;padding:0 clamp(12px,3cqh,18px);background:linear-gradient(180deg,#70502a,#553a1d);border:0;box-shadow:none}#feature-modal-root.theme-inventory .upgrade-full-header h2{color:#fff;font-size:clamp(14px,3.8cqh,18px);font-weight:800;letter-spacing:.3px;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.45)}#feature-modal-root.theme-inventory .upgrade-full-header h2:after{display:none}#screen-alliance .army-unit-row .unit-cost{align-items:center;font-size:clamp(11px,2.8cqh,14px);font-weight:700}#screen-alliance .army-unit-row .unit-cost svg{width:13px;height:13px}#feature-modal-root.theme-inventory #feature-modal-back:not([hidden])+h2{padding-left:clamp(22px,6cqh,30px)}#feature-modal-root.theme-inventory #feature-modal-close{right:clamp(8px,2cqh,14px);width:clamp(22px,5.8cqh,30px);height:clamp(22px,5.8cqh,30px);padding:0;background:url(/assets/ui/inventory/close.webp) center / contain no-repeat;border:0;box-shadow:none}#feature-modal-root.theme-inventory #feature-modal-close svg{display:none}#feature-modal-root.theme-inventory .feature-modal-body{overflow:hidden;display:flex;flex-direction:column;padding:0}#feature-modal-root.theme-inventory #screen-inventory.feature-pane.active,#feature-modal-root.theme-inventory #screen-rubyshop.feature-pane.active,#feature-modal-root.theme-inventory #screen-shop.feature-pane.active,#feature-modal-root.theme-inventory #screen-alliance.feature-pane.active{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#feature-modal-root.theme-research .modal-card.upgrade-full{position:relative;z-index:1;width:min(94cqw,1200px);height:min(90cqh,720px);box-sizing:border-box;background:none;border-style:solid;border-color:transparent;border-width:50px 24px 20px 24px;border-image:url(/assets/ui/panel-parchment.webp) 84 40 33 40 fill / 50px 24px 20px 24px stretch;border-radius:0;overflow:visible;color:#33291a;box-shadow:none;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}#feature-modal-root.theme-research .upgrade-full-header{position:absolute;top:-47px;left:-24px;right:-24px;height:40px;padding:0 64px;background:none;border:0;box-shadow:none}#feature-modal-root.theme-research .upgrade-full-header h2{margin:0;padding:0;border:0;color:#fff3d0;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.6)}#feature-modal-root.theme-research .modal-close-x{right:34px;background:#fff3d01f;border:1px solid rgba(255,220,140,.55);color:#ffe9b0;box-shadow:none}#feature-modal-root.theme-research #feature-modal-back{left:34px;right:auto}#feature-modal-root.theme-research .feature-modal-body{overflow:hidden;display:flex;flex-direction:column;padding:10px 12px 12px}#feature-modal-root.theme-research #screen-research.feature-pane.active,.inv-screen-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.game-panel-row{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;min-height:0;gap:10px}.inv-screen-body .game-panel-row{gap:16px;padding:4px 2px 2px}.game-rail{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;width:clamp(58px,9cqw,92px);overflow-y:auto}.game-rail-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:8px 3px;border-radius:var(--radius-md);background:var(--rc-panel);border:1px solid var(--rc-border);color:var(--rc-ink-dim);font-size:9px;font-weight:700;line-height:1.15;text-align:center;box-shadow:0 1px 2px #00000014}.game-rail-tab svg,.game-rail-tab img{width:18px;height:18px;flex:0 0 auto}.game-rail-tab.active{background:linear-gradient(150deg,var(--rc-cream),var(--rc-panel));border-color:var(--rc-border-strong);color:var(--rc-gold-deep);box-shadow:0 2px 6px #0000002e,inset 0 0 0 1px #c9a24e66}.game-panel-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}.inv-grid{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:2px 2px 4px}.inv-screen-body{--tile: clamp(72px, 17.5cqh, 124px);flex:1 1 auto;min-height:0;gap:0}.inv-screen-body .game-panel-row{gap:clamp(10px,2.4cqh,16px);padding:clamp(8px,2cqh,14px)}.inv-tile{position:relative;width:100%;aspect-ratio:1;flex:0 0 auto;padding:0;border:0;background:url(/assets/ui/inventory/tile-rare.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 2px 2px rgba(60,38,8,.35));cursor:pointer;transition:transform .12s}.inv-tile.rarity-common{background-image:url(/assets/ui/inventory/tile-common.webp)}.inv-tile.rarity-rare{background-image:url(/assets/ui/inventory/tile-rare.webp)}.inv-tile.rarity-epic{background-image:url(/assets/ui/inventory/tile-epic.webp)}.inv-tile.rarity-legendary{background-image:url(/assets/ui/inventory/tile-legendary.webp)}.inv-tile.rarity-mythic{background-image:url(/assets/ui/inventory/tile-mythic.webp)}.inv-tile.empty .inv-tile-art{opacity:.7}.inv-tile.selected{transform:scale(1.1);z-index:2;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff0b8) drop-shadow(0 0 10px #ffa22e) drop-shadow(0 3px 4px rgba(60,38,8,.45))}.inv-tile-art{position:absolute;top:11%;right:11%;bottom:11%;left:11%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12%}.inv-tile-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(40,25,5,.4))}.inv-tile-art img.portrait,.inv-hero img.portrait{object-fit:cover;object-position:50% 15%;filter:none}.inv-tile-glyph{font-size:clamp(28px,7cqh,48px);line-height:1}.inv-tile-qty{position:absolute;right:12%;bottom:9%;font-size:clamp(13px,3.8cqh,18px);font-weight:800;line-height:1;color:#fff;text-shadow:-1px -1px 0 #3a2a10,1px -1px 0 #3a2a10,-1px 1px 0 #3a2a10,1px 1px 0 #3a2a10}.inv-screen-body .game-rail{flex:0 0 auto;width:clamp(106px,13.5cqw,150px);box-sizing:border-box;gap:clamp(5px,1.3cqh,8px);padding:0;overflow:visible}.inv-screen-body .game-rail-tab{--h: clamp(32px, 8.6cqh, 42px);flex-direction:row;justify-content:flex-start;gap:clamp(4px,1cqh,6px);height:var(--h);min-height:var(--h);box-sizing:border-box;padding:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--h) * .44) 0 calc(var(--h) * .25);border-image:url(/assets/ui/inventory/tab-idle.webp) 0 70 0 40 fill / 0 calc(var(--h) * .44) 0 calc(var(--h) * .25) stretch;border-radius:0;background:none;box-shadow:none;color:#6b4a22;font-size:clamp(10px,2.6cqh,13px);font-weight:800;line-height:1.1;text-align:left}.inv-screen-body .game-rail-tab svg{width:clamp(15px,4cqh,19px);height:clamp(15px,4cqh,19px);color:#a9792c}.inv-screen-body .game-rail-tab>span{min-width:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.inv-screen-body .game-rail-tab.active{border-image-source:url(/assets/ui/inventory/tab-active.webp);color:#fff;text-shadow:0 1px 2px rgba(140,60,5,.7)}.inv-screen-body .game-rail-tab.active svg{color:#fff}.inv-screen-body .game-panel-main{box-sizing:border-box;min-width:0;background:#82622d12;border-radius:14px}.inv-screen-body .inv-grid{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));align-content:start;gap:clamp(6px,1.6cqh,10px);padding:clamp(8px,2cqh,14px)}.inv-detail{flex:0 0 auto;width:clamp(200px,30cqw,390px);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:clamp(6px,1.6cqh,10px);text-align:center;overflow-y:auto;padding:0}.inv-detail-empty{justify-content:center;align-items:center}.inv-hero{--ra: #3f86d6;--rt: rgba(63, 134, 214, .2);position:relative;flex:0 1 50%;margin-top:auto;min-height:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--ra);border-radius:16px;background:radial-gradient(ellipse 75% 65% at 50% 42%,#fff 0%,var(--rt) 100%);box-shadow:0 4px 10px #3c260838}.inv-detail:not(:has(.inv-buy)) .inv-hero{flex-basis:60%;margin-top:0}.inv-hero.rarity-common{--ra: #6cb53c;--rt: rgba(108, 181, 60, .22)}.inv-hero.rarity-rare{--ra: #3f86d6;--rt: rgba(63, 134, 214, .22)}.inv-hero.rarity-epic{--ra: #8a55d0;--rt: rgba(138, 85, 208, .22)}.inv-hero.rarity-legendary{--ra: #e8962c;--rt: rgba(232, 150, 44, .26)}.inv-hero.rarity-mythic{--ra: #d4504a;--rt: rgba(212, 80, 74, .22)}.inv-hero img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(40,25,5,.4))}.inv-hero img.portrait{width:100%;height:100%}.inv-hero .inv-tile-glyph{font-size:clamp(56px,16cqh,110px)}.inv-detail-name{flex:0 0 auto;font-size:clamp(17px,5cqh,26px);font-weight:800;line-height:1.12;color:#5a4220;text-wrap:balance;overflow-wrap:anywhere}.inv-detail-name.rarity-common{color:#4f8f24}.inv-detail-name.rarity-rare{color:#2f6fc0}.inv-detail-name.rarity-epic{color:#7a45c4}.inv-detail-name.rarity-legendary{color:#c27312}.inv-detail-name.rarity-mythic{color:#c2453c}.inv-detail-meta{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;align-self:center;margin-bottom:auto;gap:clamp(10px,2.6cqh,18px);padding:clamp(5px,1.2cqh,9px) clamp(14px,3.4cqh,24px);border-radius:999px;background:#82622d1f;font-size:clamp(12px,3.5cqh,17px);font-weight:700;color:#6b5733}.inv-detail-qty,.inv-detail-sub{display:flex;align-items:center;gap:5px}.inv-detail-reason{flex:0 0 auto;align-self:center;margin-top:clamp(4px,1cqh,8px);font-size:clamp(11px,3cqh,14px);font-weight:700;color:#b2402f;text-align:center}.inv-detail-sub svg{width:clamp(14px,3.8cqh,19px);height:clamp(14px,3.8cqh,19px);color:#a9792c;flex:0 0 auto}.inv-buy{--h: clamp(42px, 11.6cqh, 58px);flex:0 0 auto;margin-top:auto;height:var(--h);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 calc(var(--h) * .3) calc(var(--h) * .08);border-style:solid;border-color:transparent;border-width:0 calc(var(--h) * .5);border-image:url(/assets/ui/inventory/btn-green.webp) 0 80 0 80 fill / 0 calc(var(--h) * .5) 0 calc(var(--h) * .5) stretch;border-radius:0;background:none;box-shadow:none;color:#fff;font-size:clamp(16px,4.4cqh,24px);font-weight:800;text-shadow:-1px -1px 0 #1d5a14,1px -1px 0 #1d5a14,-1px 1px 0 #1d5a14,1px 1px 0 #1d5a14}.inv-buy svg,.inv-buy img{width:clamp(18px,4.8cqh,26px);height:clamp(18px,4.8cqh,26px)}.chat-panel-head{flex:0 0 auto;display:flex;flex-direction:column;gap:1px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--rc-border)}.chat-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rc-gold-deep)}.chat-channel-title{margin:0;font-size:clamp(15px,3.4cqh,20px);font-weight:700;color:var(--rc-ink)}.chat-log{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.chat-screen-body .chat-log{flex:1 1 auto;min-height:0;max-height:none}.chat-message-row{display:flex;gap:8px;align-items:flex-start;padding:5px 2px}.chat-avatar{width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fdf6e3;border:2px solid var(--rc-border-strong);box-shadow:inset 0 1px 1px #ffffff40,0 1px 2px #0000004d}.chat-message-body{flex:1 1 auto;min-width:0}.chat-message-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.chat-player-name{font-weight:700;font-size:12px;color:var(--rc-gold-deep)}.chat-message-time{margin-left:auto;flex:0 0 auto;font-size:10px;color:var(--rc-ink-dim)}.chat-message-actions{display:flex;gap:4px;flex:0 0 auto}.chat-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--rc-ink-dim);opacity:.6;cursor:pointer}.chat-action-btn:hover,.chat-action-btn:active{opacity:1;color:var(--accent-red)}.chat-action-btn svg{width:14px;height:14px}.chat-message-bubble{background:var(--rc-cream);border:1px solid var(--rc-border);border-radius:10px 10px 10px 3px;padding:6px 10px;color:var(--rc-ink);font-size:13px;line-height:1.4;overflow-wrap:anywhere;box-shadow:0 1px 2px #0000000d}.chat-empty-state{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 10px;color:var(--rc-ink-dim);text-align:center}.chat-empty-state svg{width:34px;height:34px;color:var(--rc-border-strong)}.chat-empty-state p{margin:0;font-size:13px}.chat-composer{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--rc-border)}.chat-input{flex:1 1 auto;min-width:0;background:#fff;border:1px solid var(--rc-border);border-radius:var(--radius-sm);color:var(--rc-ink);padding:9px 10px}.chat-char-count{flex:0 0 auto;font-size:10px;color:var(--rc-ink-dim);white-space:nowrap}.chat-send-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;padding:8px 16px}.support-panel{display:flex;flex-direction:column;gap:14px}.support-intro{color:var(--text-dim);font-size:clamp(10.66px,2.6cqh,14px);margin:0}.support-email-row,.support-links-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:var(--radius-md);padding:10px 14px;font-size:clamp(10.66px,2.6cqh,14px)}.support-email-row span{color:var(--text-dim)}.support-email-row a,.support-links-row a{color:var(--accent-gold-light);font-weight:600}.support-links-row{gap:16px}.support-form{display:flex;flex-direction:column;gap:4px;margin-top:4px}.support-form-heading{margin:0 0 4px;font-size:clamp(12px,2.8cqh,16px);color:var(--text-main)}.support-field{display:flex;flex-direction:column;gap:3px;text-align:left;margin-bottom:10px}.support-field span{font-size:clamp(9.02px,2.2vw,12.98px);color:var(--text-dim)}.support-field input,.support-field textarea{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-family:inherit;font-size:16px;padding:8px 10px}.support-field input{min-height:38px}.support-field textarea{resize:vertical;min-height:100px}.support-field input:focus,.support-field textarea:focus{outline:none;border-color:var(--accent-gold)}.support-submit-btn{align-self:flex-start}.support-submit-btn:disabled{opacity:.6;cursor:default}.support-success{background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:var(--radius-md);padding:16px;text-align:center;display:flex;flex-direction:column;gap:12px}.support-success p{margin:0;color:var(--text-main)}#feature-modal-root.theme-commanders .support-intro,#feature-modal-root.theme-commanders .support-field span,#feature-modal-root.theme-commanders .support-email-row span{color:var(--rc-ink-dim)}#feature-modal-root.theme-commanders .support-form-heading,#feature-modal-root.theme-commanders .support-success p{color:var(--rc-ink)}#feature-modal-root.theme-commanders .support-email-row,#feature-modal-root.theme-commanders .support-links-row,#feature-modal-root.theme-commanders .support-success{background:var(--rc-panel);border:1px solid var(--rc-border)}#feature-modal-root.theme-commanders .support-email-row a,#feature-modal-root.theme-commanders .support-links-row a{color:var(--rc-gold-deep)}#feature-modal-root.theme-commanders .support-field input,#feature-modal-root.theme-commanders .support-field textarea{background:#fffdf7;border:1px solid var(--rc-border-strong);color:var(--rc-ink)}#feature-modal-root.theme-commanders .support-field input::placeholder,#feature-modal-root.theme-commanders .support-field textarea::placeholder{color:var(--rc-ink-dim)}.target-icon{width:32px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent-gold-light)}.target-icon svg,.target-icon img{width:20px;height:20px}.target-icon-player_castle{border-color:var(--accent-gold-dark);background:#f2c94c1f}.target-distance{color:var(--text-dim)}.target-own-badge{font-size:clamp(8.2px,2cqh,11.8px);color:var(--accent-gold);border:1px solid var(--accent-gold-dark);border-radius:999px;padding:1px 8px;flex:0 0 auto;margin-left:6px}.target-detail-panel{background:var(--bg-panel-alt);border-radius:var(--radius-md);padding:10px 12px;margin:-4px 0 8px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--elevation-2)}.target-detail-header{position:relative;display:flex;align-items:center;gap:8px;padding-right:30px}.target-defenders{display:flex;flex-wrap:wrap;gap:4px}.march-row{display:flex;align-items:center;gap:10px;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--elevation-1)}.commander-slot-card{display:flex;flex-direction:column;gap:6px;background:var(--stone-panel);border:1px solid var(--stone-border);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px}.commander-slot-capacity{font-size:12px;color:var(--text-muted)}.commander-slot-over-capacity{border-color:var(--status-danger)}.commander-slot-over-capacity .commander-slot-capacity{color:var(--status-danger);font-weight:600}.march-status-badge{font-size:clamp(8.2px,2cqh,11.8px);text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:999px;flex:0 0 auto}.march-recall-btn{flex:0 0 auto;margin-left:6px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(#d65a4a,#a53a2e);color:#fff;font:600 clamp(8.5px,2.2cqh,12px) Rajdhani,Inter,sans-serif;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.march-recall-btn:disabled{opacity:.5}.march-report-btn{flex:0 0 auto;margin-left:6px;padding:3px 10px;border-radius:999px;border:1px solid #c9a24e;background:linear-gradient(#f6dc8a,#d9a93f);color:#4a2d07;font:700 clamp(8.5px,2.2cqh,12px) Rajdhani,Inter,sans-serif;text-transform:uppercase;cursor:pointer}.march-status-badge.completed.victory,.march-status-badge.completed.gathered{color:#2c7a4b}.march-status-badge.completed.defeat{color:#b1352a}.march-status-badge.marching{background:#4a90d933;color:#7ab3ec}.march-status-badge.returning{background:#4caf7d33;color:var(--accent-green)}.march-status-badge.completed{background:#9aa4c426;color:var(--text-dim)}#screen-marches .march-status-badge.marching{color:#2a64a8}#screen-marches .march-status-badge.returning{color:#2c7a4b}#screen-marches .march-status-badge.completed{font-size:clamp(10px,2.6cqh,13px);font-weight:800;padding:3px 10px}#screen-marches .march-status-badge.completed.victory,#screen-marches .march-status-badge.completed.gathered{background:linear-gradient(#4fb36e,#2c7a4b);color:#fff}#screen-marches .march-status-badge.completed.defeat{background:linear-gradient(#d65a4a,#a53a2e);color:#fff}.battle-card{background:var(--stone-panel);border:1px solid var(--stone-border);border-left:4px solid var(--text-dim);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--elevation-1)}.battle-card.victory{border-left-color:var(--accent-green);background:linear-gradient(165deg,rgba(76,175,125,.1),var(--stone-panel) 45%)}.battle-card.defeat{border-left-color:var(--accent-red);background:linear-gradient(165deg,rgba(224,90,90,.1),var(--stone-panel) 45%)}.battle-card-head{display:flex;align-items:center;justify-content:space-between;font-size:clamp(10.66px,2.6cqh,15.34px);font-weight:600}.battle-result-label{font-size:clamp(9.84px,2.4cqh,14.16px);font-weight:700;text-transform:uppercase}.battle-result-label.victory{color:var(--accent-green)}.battle-result-label.defeat{color:var(--accent-red)}.battle-units-breakdown{display:flex;flex-direction:column;gap:4px;font-size:clamp(9.02px,2.2cqh,12.98px);color:var(--text-dim)}.battle-unit-line{display:inline-flex;align-items:center;gap:4px}.battle-unit-icon{width:14px;height:14px;flex:0 0 auto;display:inline-flex}.battle-unit-icon svg,.battle-unit-icon img{width:100%;height:100%}.battle-rewards{display:flex;gap:6px;flex-wrap:wrap}.battle-timestamp{font-size:clamp(9.02px,2.2cqh,12.98px);color:var(--text-dim)}#battle-result-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-battle-result);display:flex;align-items:center;justify-content:center;pointer-events:none;padding:16px}#battle-result-root.open{pointer-events:auto}#battle-result-root .modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.modal-card.upgrade-full.battle-report-card{width:min(92cqw,1200px);height:min(85cqh,760px);min-height:300px;container-type:size;position:relative;--text-main: #2b1d12;--text-dim: #5a4530;--br-gold-ink: #8a6216;background:url(/assets/battle-report/panel-bg-parchment.jpg) center / cover no-repeat;border:3px solid var(--parchment-border);border-radius:10px;box-shadow:inset 0 1px #fff9,0 0 0 1px #00000073,0 12px 32px #00000073}.battle-report-card .upgrade-full-header.battle-report-banner{position:relative;padding:clamp(6px,1.4cqh,16px) clamp(36px,6cqw,64px);background:#4a362014;border-bottom:1px solid var(--parchment-border)}.battle-report-card .upgrade-full-header.battle-report-banner h2{position:relative;font-family:var(--font-ui);font-weight:800;font-size:clamp(14px,4cqh,26px);letter-spacing:.06em;text-transform:uppercase;color:var(--br-gold-ink);text-shadow:0 1px 0 rgba(255,255,255,.65),0 -1px 0 rgba(43,29,18,.35)}.battle-report-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:clamp(3px,1.4cqh,16px) clamp(10px,2.4cqw,30px) clamp(4px,1.4cqh,18px);display:flex;flex-direction:column;gap:clamp(1px,.5cqh,12px)}.battle-report-state{padding:clamp(8px,1.6cqh,18px) clamp(12px,3cqw,36px);text-align:center;color:var(--text-dim);font-size:clamp(11px,1.7cqw,17px);text-shadow:0 1px 0 rgba(255,255,255,.55)}.battle-report-subhead{flex:0 0 auto;font-family:var(--font-ui);font-size:clamp(10.5px,3cqh,18px);font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--br-gold-ink);text-shadow:0 1px 0 rgba(255,255,255,.65),0 -1px 0 rgba(43,29,18,.3);margin-bottom:clamp(3px,.6cqh,8px)}.battle-report-vs{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,1.2cqw,18px)}.battle-report-side{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:clamp(6px,1.2cqw,18px);text-align:left}.battle-report-side.is-defender{flex-direction:row-reverse;text-align:right}.battle-report-side-text{display:flex;flex-direction:column;gap:clamp(1px,.3cqh,4px);min-width:0}.battle-report-avatar-frame{position:relative;width:clamp(85px,18cqh,200px);flex:0 0 auto}.battle-report-side:not(.is-defender) .battle-report-avatar-frame{aspect-ratio:1336 / 983}.battle-report-side.is-defender .battle-report-avatar-frame{aspect-ratio:1430 / 1001}.battle-report-frame-art{display:block;width:100%;height:auto}.battle-report-avatar-emoji{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);line-height:1;font-size:clamp(18px,4.8cqh,46px)}.battle-report-avatar-fallback{color:var(--text-dim)}.battle-report-avatar-fallback svg{width:100%;height:100%}.battle-report-side:not(.is-defender) .battle-report-avatar-emoji{left:57.2%;top:47.4%;width:46.9%;height:57.9%}.battle-report-side.is-defender .battle-report-avatar-emoji{left:43.6%;top:46.7%;width:44.8%;height:55.7%}.battle-report-side-name{font-weight:700;font-size:clamp(16px,4.4cqh,32px);color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.battle-report-side-power{display:inline-flex;align-items:center;gap:clamp(3px,.5cqw,8px);font-size:clamp(12px,3.4cqh,24px);font-weight:700;color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55);font-variant-numeric:tabular-nums}.battle-report-side-power img{width:clamp(14px,2.2cqw,28px);height:clamp(14px,2.2cqw,28px);flex:0 0 auto}.battle-report-side.is-defender .battle-report-side-power{flex-direction:row-reverse}.battle-report-side-commanders{font-size:clamp(10px,2.4cqh,14px);color:var(--text-muted);margin-top:2px}.battle-report-vs-mid{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(1px,.4cqh,6px);padding:0 clamp(4px,.8cqw,14px)}.battle-report-vs-emblem{width:clamp(44px,11cqh,96px);height:auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.battle-report-result-art{width:clamp(76px,17.5cqh,160px);height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}.battle-report-duration{font-size:clamp(9.5px,2.2cqh,18px);font-weight:700;color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55);font-variant-numeric:tabular-nums}.battle-report-hp{flex:0 0 auto;background:#ffffffa6;border:1px solid rgba(74,54,32,.12);border-radius:var(--radius-md);padding:clamp(1px,.7cqh,10px) clamp(9px,1.6cqw,22px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1.2cqw,22px)}.battle-report-hp-group{display:flex;flex-direction:column;gap:clamp(1px,.4cqh,6px);min-width:0}.battle-report-hp-group-label{font-size:clamp(10px,2.8cqh,20px);font-weight:700;color:var(--br-gold-ink);letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.65),0 -1px 0 rgba(43,29,18,.3)}.battle-report-hp-line{display:flex;align-items:center;gap:clamp(6px,1cqw,14px)}.battle-report-hp-line-label{flex:0 0 clamp(46px,6.5cqw,82px);font-size:clamp(8.5px,1.3cqw,15px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.hp-bar{display:flex;align-items:center;flex:1;min-width:0;gap:clamp(6px,1cqw,14px)}.hp-bar-track{position:relative;flex:1;height:clamp(8px,3cqh,22px);border-radius:999px;background:#4a362038;border:1px solid var(--parchment-border);box-shadow:inset 0 1px 3px #0000004d;overflow:hidden}.hp-bar-fill{height:100%;border-radius:999px;transition:width .2s linear;background:linear-gradient(180deg,#6f9de0,#2c4f8f);width:0%}.hp-bar-fill.defender{background:linear-gradient(180deg,#d1525c,#7c1c28)}.hp-bar-pct{flex:0 0 clamp(28px,4cqw,50px);text-align:right;font-size:clamp(10px,2.8cqh,20px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55)}.battle-report-controls{flex:0 0 auto;display:flex;align-items:center;gap:clamp(8px,1.4cqw,22px)}.battle-report-img-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;flex:0 0 auto;transition:transform .1s ease}.battle-report-img-btn:active{transform:scale(.92)}.battle-report-img-btn img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.battle-report-btn-restart{width:clamp(19px,5.8cqh,48px);height:clamp(19px,5.8cqh,48px)}.battle-report-btn-playpause{width:clamp(25px,7.5cqh,62px);height:clamp(25px,7.5cqh,62px)}.battle-report-btn-close{position:absolute;top:50%;right:clamp(6px,1.6cqw,18px);transform:translateY(-50%);width:clamp(22px,5cqh,40px);height:clamp(22px,5cqh,40px)}.battle-report-speed{display:flex;margin-left:auto;gap:clamp(3px,.6cqw,10px)}.battle-report-speed button{width:clamp(38px,5.6cqw,78px);height:clamp(19px,5.5cqh,46px);background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;border:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));transition:transform .1s ease}.battle-report-speed button:active{transform:scale(.94)}.battle-report-speed button[data-battle-report-speed="1"]{background-image:url(/assets/battle-report/speed-1x-inactive.webp)}.battle-report-speed button[data-battle-report-speed="1"].active{background-image:url(/assets/battle-report/speed-1x-active.webp)}.battle-report-speed button[data-battle-report-speed="2"]{background-image:url(/assets/battle-report/speed-2x-inactive.webp)}.battle-report-speed button[data-battle-report-speed="2"].active{background-image:url(/assets/battle-report/speed-2x-active.webp)}.battle-report-speed button[data-battle-report-speed="4"]{background-image:url(/assets/battle-report/speed-4x-inactive.webp)}.battle-report-speed button[data-battle-report-speed="4"].active{background-image:url(/assets/battle-report/speed-4x-active.webp)}.battle-report-scrubber-row{flex:0 0 auto;display:flex;align-items:center;gap:clamp(8px,1.4cqw,20px);font-size:clamp(10px,2.8cqh,20px);font-weight:700;color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55);font-variant-numeric:tabular-nums}.battle-report-time{flex:0 0 auto}.battle-report-scrubber-track{position:relative;flex:1;height:clamp(12px,3.6cqh,26px);display:flex;align-items:center}.battle-report-scrubber-track:before{content:"";position:absolute;top:50%;left:0;right:0;height:clamp(4px,1cqh,7px);transform:translateY(-50%);border-radius:999px;background:#4a362038;border:1px solid var(--parchment-border);box-shadow:inset 0 1px 3px #0000004d}.battle-report-scrubber-fill{position:absolute;top:50%;left:0;height:clamp(4px,1cqh,7px);transform:translateY(-50%);border-radius:999px;background:linear-gradient(180deg,#ffdb7a,var(--accent-gold));pointer-events:none;width:0%}.battle-report-scrubber-track input[type=range]{position:relative;z-index:2;width:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.battle-report-scrubber-track input[type=range]::-webkit-slider-runnable-track{background:transparent;height:clamp(12px,3.6cqh,26px)}.battle-report-scrubber-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(14px,3.8cqh,30px);height:clamp(14px,3.8cqh,30px);border-radius:50%;margin-top:calc(clamp(14px,3.8cqh,30px) / -2.8);background:radial-gradient(circle at 35% 30%,#bfe0ff,#3a6fc4 55%,#1c3f7a);border:1.5px solid #b8862f;box-shadow:inset 0 1px 2px #fff9,0 1px 4px #00000080}.battle-report-scrubber-track input[type=range]::-moz-range-track{background:transparent;height:4px}.battle-report-scrubber-track input[type=range]::-moz-range-thumb{width:clamp(14px,3.8cqh,30px);height:clamp(14px,3.8cqh,30px);border:1.5px solid #7a5a1a;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--accent-gold) 70%);box-shadow:0 1px 4px #00000080}.battle-report-events-section{flex:1 0 auto;min-height:clamp(90px,30cqh,240px);display:flex;flex-direction:column;background:#ffffffa6;border:1px solid rgba(74,54,32,.12);border-radius:var(--radius-md);padding:clamp(2px,.5cqh,8px) clamp(5px,1cqw,14px)}.battle-report-events-section .battle-report-subhead{margin-bottom:clamp(1px,.3cqh,4px)}.battle-report-event-list{position:relative;flex:1;min-height:0;overflow-y:auto;border-radius:var(--radius-sm)}.battle-report-event-list:before{content:"";position:absolute;left:clamp(13px,2cqw,26px);top:14px;bottom:14px;width:2px;background:#4a362038}.battle-report-event-row{position:relative;display:flex;align-items:center;gap:clamp(8px,1.3cqw,18px);font-size:clamp(10.5px,3cqh,20px);padding:clamp(1px,.4cqh,6px) clamp(5px,.9cqw,12px);border-radius:5px}.battle-report-event-row.is-new-tick{margin-top:clamp(7px,1.2cqh,16px)}.battle-report-event-row.is-new-tick:first-child{margin-top:0}.battle-report-event-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(18px,5.5cqh,44px);height:clamp(18px,5.5cqh,44px)}.battle-report-event-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.battle-report-event-time{flex:0 0 clamp(30px,4.4cqw,56px);color:var(--text-main);font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(10px,2.8cqh,20px);text-shadow:0 1px 0 rgba(255,255,255,.55)}.battle-report-event-text{color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55);line-height:1.35;opacity:.92}.battle-report-final{flex:0 0 auto;background:#ffffffa6;border:1px solid rgba(74,54,32,.12);border-radius:var(--radius-md);padding:clamp(1px,.5cqh,8px) clamp(9px,1.6cqw,22px) clamp(2px,.6cqh,10px)}.battle-report-final .battle-report-subhead{margin-bottom:clamp(1px,.3cqh,4px)}.battle-report-losses{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1cqw,16px)}.battle-report-losses-col{min-width:0}.battle-report-losses-tab{display:block;height:clamp(19px,5cqh,44px);width:auto;margin-bottom:clamp(1px,.5cqh,6px);filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.battle-report-final .battle-units-breakdown{font-size:clamp(8.5px,2.2cqh,18px);line-height:1.1}.battle-report-final .battle-unit-line{display:flex;align-items:center;gap:clamp(3px,.5cqw,8px);padding:0;color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55)}.battle-report-final .battle-unit-icon{position:relative;width:clamp(9px,2.3cqh,20px);height:clamp(9px,2.3cqh,20px)}.battle-report-final .battle-unit-icon.is-fractured:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,transparent 42%,#7c1c28 46%,#7c1c28 54%,transparent 58%),linear-gradient(-45deg,transparent 42%,#7c1c28 46%,#7c1c28 54%,transparent 58%);opacity:.95}.battle-report-final .battle-rewards{margin-top:clamp(2px,.4cqh,6px);min-height:clamp(10px,1.6cqw,20px);gap:clamp(8px,1.4cqw,20px)}.battle-report-final .battle-rewards .cost-chip{background:none;border:none;padding:0;border-radius:0;gap:clamp(3px,.6cqw,8px);font-size:clamp(10px,2.8cqh,20px);font-weight:700;color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55)}.battle-report-final .battle-rewards .cost-chip svg,.battle-report-final .battle-rewards .cost-chip img{width:clamp(14px,3.2cqh,26px);height:clamp(14px,3.2cqh,26px)}.battle-report-final .queue-empty{margin-top:0;font-size:clamp(10px,2.8cqh,20px);text-align:left;color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55)}#feature-modal-root.theme-profile{background:#05070d}#feature-modal-root.theme-profile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/profile/hall-bg.jpg) center 38% / cover no-repeat;filter:blur(3px) brightness(.55) saturate(.9);transform:scale(1.04)}#feature-modal-root.theme-profile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#05070ded,#05070dd1 40%,#05070d8c 68%,#05070d4d)}#feature-modal-root.theme-profile .modal-card.upgrade-full{width:min(92cqw,1180px,88cqh * 1844 / 853);height:min(88cqh,680px,92cqw * 853 / 1844);position:relative;z-index:1;background:url(/assets/profile/hall-bg.jpg) center / cover no-repeat;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #f2c94c2e,0 0 52px #f2c94c14,var(--elevation-3)}#feature-modal-root.theme-profile .upgrade-full-header{background:transparent;border-bottom:none;padding:2.6cqh 40px}#feature-modal-root.theme-profile .upgrade-full-header h2{margin:0;padding-bottom:0;border-bottom:none;text-shadow:0 1px 3px rgba(0,0,0,.6)}#feature-modal-root.theme-profile .feature-modal-body{overflow:hidden;display:flex;flex-direction:column}#feature-modal-root.theme-profile #screen-profile.feature-pane.active{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.profile-screen{display:flex;flex-direction:row;align-items:stretch;gap:clamp(4px,1cqw,10px);flex:1 1 auto;height:100%;min-height:0}.profile-sidenav{flex:0 0 auto;width:clamp(96px,18cqw,148px);display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1.4cqh,10px);padding:0}.profile-navtab{position:relative;display:flex;align-items:center;gap:8px;padding:clamp(7px,1.6cqh,11px) 10px;background:var(--tile-bg);border:1.5px solid var(--tile-border);border-radius:var(--radius-sm);text-align:left;color:#4a3620;box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff59;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,color .15s ease,background .15s ease}.profile-navtab-icon,.profile-navtab-label{position:relative;z-index:1}.profile-navtab-icon{flex:0 0 auto;width:clamp(14px,3.2cqh,18px);height:clamp(14px,3.2cqh,18px);display:flex}.profile-navtab-icon svg,.profile-navtab-icon img{width:100%;height:100%}.profile-navtab-label{flex:1 1 auto;min-width:0;font-size:clamp(8.2px,2cqh,11.8px);font-weight:700;line-height:1.12;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.profile-navtab.active{background:linear-gradient(160deg,#2d4d8a,#1c3363 60%,#142549);border-color:var(--accent-gold);color:var(--accent-gold-light);transform:translate(6px) scale(1.03);box-shadow:0 4px 10px #00000080,0 0 0 1px #f2c94c4d,0 0 14px #f2c94c4d,inset 0 1px #ffffff26}.profile-content{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;padding:clamp(10px,2cqh,18px) clamp(12px,2.2cqw,22px);overflow-y:auto;color:var(--parchment-ink)}.profile-content-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.4cqh,10px)}.profile-content-ornament{position:relative;flex:0 0 auto;height:clamp(14px,3cqh,22px);margin-top:clamp(4px,1cqh,10px)}.profile-content-ornament:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(30%,120px);height:1px;background:linear-gradient(90deg,transparent,rgba(169,124,28,.55) 50%,transparent)}.profile-content-ornament:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:6px;background:linear-gradient(135deg,#c9a24e,#8a6a1f);box-shadow:0 0 4px #a97c1c66}.profile-content-heading{margin:0;font-size:clamp(13px,3cqh,16px);font-weight:700;color:#7a5a15;text-shadow:none}.profile-content-subheading{margin:-2px 0 0;font-size:clamp(9.02px,2.2cqh,12.98px);color:#83795f}.profile-content-lede{margin:0;font-size:clamp(9.43px,2.3cqh,13.57px);line-height:1.5;color:#6b6148;max-width:46ch}.profile-overview{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,3.4cqh,30px)}.profile-overview-top{display:flex;align-items:center;gap:clamp(12px,2.6cqw,28px)}.profile-avatar-frame{width:clamp(56px,18cqh,136px);height:clamp(56px,18cqh,136px)}.profile-avatar-frame .hud-avatar{font-size:clamp(26px,8.4cqh,62px);background:radial-gradient(circle at 35% 30%,#33417a,#1c2540 72%);box-shadow:0 0 0 3px #f2c94c59,0 0 26px #f2c94c38,inset 0 1px 1px #ffffff1f,0 4px 14px #0006}.profile-avatar-frame .hud-level-chip{min-width:20px;height:20px;font-size:clamp(9.43px,2.3cqh,13.57px)}.profile-identity-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(6px,1.6cqh,12px)}.profile-username{font-size:clamp(16px,5cqh,28px);font-weight:700;letter-spacing:.01em;color:var(--parchment-ink);text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta-row{display:flex;flex-wrap:wrap;gap:5px}.profile-meta-chip{display:inline-flex;align-items:center;padding:clamp(2px,.6cqh,5px) clamp(8px,1.4cqw,12px);background:#0a0f1c8c;border:1px solid var(--stone-border);border-radius:999px;font-size:clamp(10.5px,2.2cqh,13px);font-weight:600;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46cqw}.profile-meta-chip.profile-alliance{color:var(--accent-gold-light);border-color:#c9a24e66}.profile-power-stat{flex:0 0 auto;display:flex;align-items:center;gap:clamp(6px,1.2cqw,10px);margin-top:clamp(2px,.6cqh,6px)}.profile-power-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:clamp(22px,4.4cqh,32px);height:clamp(22px,4.4cqh,32px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3320,#241f12);border:1px solid rgba(201,162,78,.45)}.profile-power-icon svg,.profile-power-icon img{width:60%;height:60%;color:var(--accent-gold-light)}.profile-power-label{font-size:clamp(10px,2cqh,12px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#83795f}.profile-power-value{font-size:clamp(14px,4.2cqh,24px);font-weight:800;color:#a97c1c;text-shadow:none;white-space:nowrap}.profile-overview-xp{display:flex;align-items:center;gap:clamp(10px,2cqw,16px);padding-top:clamp(10px,2.2cqh,20px);border-top:1px solid var(--parchment-border)}.profile-xp-bar .xp-bar-fill{background:linear-gradient(90deg,#6f84c9,var(--accent-gold-light))}.profile-xp-level{flex:0 0 auto;min-width:clamp(22px,4.4cqh,30px);height:clamp(22px,4.4cqh,30px);display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffe38a,var(--accent-gold));color:#3a2a06;font-size:clamp(11.5px,2.4cqh,14px);font-weight:800;border-radius:999px;box-shadow:0 1px 2px #0006}.profile-xp-bar{flex:1 1 auto;width:auto;height:clamp(9px,1.8cqh,14px);border-radius:999px;box-shadow:inset 0 1px 3px #00000080}.profile-xp-label{flex:0 0 auto;font-size:clamp(11px,2.2cqh,13px);font-weight:600;color:#83795f}.profile-menu-icon{flex:0 0 auto;width:clamp(26px,6cqh,40px);height:clamp(26px,6cqh,40px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#2f3c66,#1a2340);border:1px solid rgba(201,162,78,.4);border-radius:50%;box-shadow:inset 0 1px #ffffff14}.profile-menu-icon svg{width:55%;height:55%;color:var(--accent-gold-light)}.profile-menu-icon.danger{border-color:#e0554f80}.profile-menu-icon.danger svg{color:var(--accent-red)}.profile-menu-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.profile-menu-title{font-size:clamp(10.66px,2.6cqh,15.34px);font-weight:700;color:var(--text-main)}.profile-menu-subtitle{font-size:clamp(8.61px,2.1cqh,12.39px);color:var(--text-dim)}.profile-subview-body{display:flex;flex-direction:column;gap:clamp(8px,1.6cqh,14px);width:100%;max-width:480px;margin-top:clamp(4px,1.6cqh,14px)}.profile-list-btn{display:flex;align-items:center;gap:12px;padding:clamp(5px,1.4cqh,12px) 12px;background:linear-gradient(165deg,#333f68,#202a4c);border:1px solid var(--stone-border);border-radius:var(--radius-md);color:var(--text-main);font-size:clamp(10.66px,2.6cqh,15.34px);font-weight:700;box-shadow:var(--elevation-1)}.profile-list-btn.danger{color:var(--accent-red)}.profile-section-label{padding:0 2px;font-size:clamp(8.61px,2.1cqh,12.39px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a97c1c;opacity:.85}.profile-section-divider{margin:-4px 0 0;border:none;border-top:1px solid rgba(169,124,28,.28)}.profile-setting-row{display:flex;align-items:center;gap:12px;padding:clamp(5px,1.4cqh,12px) 12px;background:linear-gradient(165deg,#333f68,#202a4c);border:1px solid var(--stone-border);border-radius:var(--radius-md);box-shadow:var(--elevation-1)}.profile-blocked-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(5px,1.4cqh,12px) 12px;background:linear-gradient(165deg,#333f68,#202a4c);border:1px solid var(--stone-border);border-radius:var(--radius-md);box-shadow:var(--elevation-1)}.profile-blocked-name{font-weight:600;color:#fdf6e3;font-size:13px}.profile-toggle{position:relative;flex:0 0 auto;width:42px;height:24px;padding:0;background:#0a0f1c99;border:1px solid var(--stone-border);border-radius:999px;box-shadow:inset 0 1px 3px #00000080}.profile-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:transform .15s ease,background .15s ease}.profile-toggle.on{background:linear-gradient(180deg,var(--accent-gold-light),var(--accent-gold-dark));border-color:var(--accent-gold-dark);box-shadow:inset 0 1px 2px #0003}.profile-toggle.on:after{transform:translate(18px);background:#3a2a06}.profile-appearance-use-btn{padding:5px 18px;background:linear-gradient(180deg,var(--accent-gold-light),var(--accent-gold-dark));border:1px solid #a97c1c;border-radius:999px;color:#3a2a06;font-size:clamp(9.02px,2.2cqh,12.98px);font-weight:800;box-shadow:0 2px 5px #0000004d}.profile-appearance-use-btn:active{transform:scale(.96)}#feature-modal-root.theme-profile .modal-card.upgrade-full{--pf-w: min(92cqw, 1180px, 88cqh * 1844 / 853)}#feature-modal-root.theme-profile .upgrade-full-header{box-sizing:border-box;height:calc(var(--pf-w) * .097);padding-top:0;padding-bottom:0}#feature-modal-root.theme-profile .upgrade-full-header h2{font-size:calc(var(--pf-w) * .0225)}#feature-modal-root.theme-profile .profile-screen{margin-left:calc(var(--pf-w) * .118)}#feature-modal-root.theme-profile .profile-sidenav{width:calc(var(--pf-w) * .168);margin-bottom:calc(var(--pf-w) * .072);gap:calc(var(--pf-w) * .0095)}#feature-modal-root.theme-profile .profile-navtab{gap:calc(var(--pf-w) * .0075);padding:calc(var(--pf-w) * .0095) calc(var(--pf-w) * .011);border-radius:calc(var(--pf-w) * .011)}#feature-modal-root.theme-profile .profile-navtab-label{font-size:calc(var(--pf-w) * .0135)}#feature-modal-root.theme-profile .profile-navtab-icon{width:calc(var(--pf-w) * .0175);height:calc(var(--pf-w) * .0175)}#feature-modal-root.theme-profile .profile-content{margin-right:calc(var(--pf-w) * .078);margin-bottom:calc(var(--pf-w) * .072);padding-right:calc(var(--pf-w) * .012);scrollbar-width:none}#feature-modal-root.theme-profile .profile-content::-webkit-scrollbar{display:none}#feature-modal-root.theme-profile .profile-subview-body{max-width:none}#feature-modal-root.theme-profile .profile-overview-xp,#feature-modal-root.theme-profile .profile-xp-bar{min-width:0}.profile-menu-icon img{width:72%;height:72%;object-fit:contain}.profile-content .army-unit-row .unit-name{font-weight:700;color:#fdf6e3}.profile-content .army-unit-row .unit-cost{color:var(--accent-gold-light)}.profile-content .army-unit-row.title-locked .unit-name,.profile-content .army-unit-row.title-locked .unit-cost{opacity:.6}.profile-content .army-summary-bar{color:var(--text-main)}.profile-content .army-unit-list{gap:clamp(5px,1.2cqh,8px)}.profile-content .army-unit-row,.profile-content .army-summary-bar{padding:clamp(5px,1.3cqh,10px) 12px}#feature-modal-root.theme-profile .profile-content-ornament{display:none}.profile-content .army-unit-row .unit-cost{margin-top:1px;font-size:clamp(9px,2.1cqh,12px)}#feature-modal-root.theme-profile .profile-xp-bar{background:#3a2a0633;border:1px solid rgba(169,124,28,.5);box-shadow:inset 0 1px 2px #3a2a0659}#feature-modal-root.theme-profile .profile-subview-body{gap:calc(var(--pf-w) * .006);margin-top:calc(var(--pf-w) * .004)}#feature-modal-root.theme-profile .profile-list-btn,#feature-modal-root.theme-profile .profile-setting-row{padding:calc(var(--pf-w) * .005) 12px}#feature-modal-root.theme-profile .profile-menu-icon{width:min(40px,calc(var(--pf-w) * .038));height:min(40px,calc(var(--pf-w) * .038))}#feature-modal-root.theme-profile .profile-section-label{font-size:min(12.39px,calc(var(--pf-w) * .0122))}#feature-modal-root.theme-profile .profile-content-lede{font-size:min(13.57px,calc(var(--pf-w) * .0128))}button.profile-meta-chip.profile-id{cursor:pointer;font-family:inherit;overflow:visible}button.profile-meta-chip.profile-id:active{transform:scale(.96)}.profile-copy-glyph{margin-left:4px;opacity:.75}a.profile-list-btn{text-decoration:none}.profile-list-btn .profile-menu-text{flex:1 1 auto}.profile-notif-row,.profile-volume-row{padding-top:calc(var(--pf-w, 700px) * .004);padding-bottom:calc(var(--pf-w, 700px) * .004)}.profile-volume-row .profile-menu-text{flex:0 0 auto}.profile-slider{flex:1 1 auto;min-width:0;accent-color:var(--accent-gold);height:22px}.profile-volume-value{flex:0 0 auto;min-width:3.2ch;text-align:right;font-size:min(13px,calc(var(--pf-w, 700px) * .0145));font-weight:700;color:var(--accent-gold-light)}.profile-settings-hint{margin:0;padding:0 2px;font-size:min(12px,calc(var(--pf-w, 700px) * .012));color:#83795f}.profile-password-form{display:flex;flex-direction:column;gap:calc(var(--pf-w, 700px) * .006);padding:calc(var(--pf-w, 700px) * .008) 2px;align-items:stretch}.profile-password-form input{width:100%;box-sizing:border-box;padding:calc(var(--pf-w, 700px) * .008) 10px;background:#fffaebbf;border:1px solid rgba(169,124,28,.55);border-radius:var(--radius-sm);color:#3a2a06;font-size:min(14px,calc(var(--pf-w, 700px) * .016))}.profile-password-form input::placeholder{color:#9a8a62}.profile-password-form .profile-appearance-use-btn{align-self:flex-end}.profile-lang-current{display:flex;align-items:center;gap:calc(var(--pf-w, 700px) * .012);width:100%;padding:calc(var(--pf-w, 700px) * .012) calc(var(--pf-w, 700px) * .02);background:var(--tile-bg);border:1.5px solid var(--tile-border);border-radius:12px;color:#4a3620;font-size:min(15px,calc(var(--pf-w, 700px) * .018));font-weight:700;text-align:start}.profile-lang-current svg{width:1.3em;height:1.3em;flex:none}.profile-lang-current span:first-of-type{flex:1}.profile-lang-current-arrow{font-size:1.5em;line-height:1;opacity:.6}#auth-lang-btn{display:none;position:fixed;top:12px;right:60px;z-index:501;height:38px;max-width:46vw;padding:0 14px 0 10px;align-items:center;gap:7px;background:#0a0f198c;border:1.5px solid rgba(242,201,76,.4);border-radius:999px;color:var(--accent-gold-light);box-shadow:var(--elevation-1);font-size:14px;font-weight:700;white-space:nowrap}#auth-lang-btn svg{width:20px;height:20px;flex:none}#auth-lang-btn span{overflow:hidden;text-overflow:ellipsis}#auth-root.visible~#auth-lang-btn{display:flex}#auth-lang-btn:active{transform:scale(.96)}.lang-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:#03060cb8}.lang-picker-panel{display:flex;flex-direction:column;width:min(760px,100%);max-height:100%;background:linear-gradient(180deg,#1c2f5c,#101c3a);border:2px solid var(--accent-gold);border-radius:16px;box-shadow:0 10px 40px #0009;overflow:hidden}.lang-picker-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(242,201,76,.3)}.lang-picker-title{display:flex;align-items:center;gap:8px;color:var(--accent-gold-light);font-weight:800;white-space:nowrap}.lang-picker-title svg{width:20px;height:20px}.lang-picker-search{flex:1;min-width:0;height:36px;padding:0 12px;background:#ffffff14;border:1.5px solid rgba(242,201,76,.35);border-radius:999px;color:#fff;font-size:15px}.lang-picker-close{flex:none;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1.5px solid rgba(242,201,76,.35);color:#fff;font-size:22px;line-height:1}.lang-picker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:10px 12px 12px;overflow-y:auto;overscroll-behavior:contain}.lang-picker-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:8px 12px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.16);border-radius:12px;color:#f2ecdc;text-align:start}.lang-picker-item.active{background:linear-gradient(160deg,#2d4d8a,#1c3363 60%,#142549);border-color:var(--accent-gold);box-shadow:0 0 10px #f2c94c4d}.lang-picker-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700}.lang-picker-en{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;opacity:.65}#feature-modal-root.theme-quests .modal-card.upgrade-full{position:relative;z-index:1;width:min(96cqw,1180px);height:min(92cqh,700px);box-sizing:border-box;background:none;border-style:solid;border-color:transparent;border-width:50px 24px 20px 24px;border-image:url(/assets/ui/panel-parchment.webp) 84 40 33 40 fill / 50px 24px 20px 24px stretch;border-radius:0;overflow:visible;color:#33291a;box-shadow:none;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}#feature-modal-root.theme-quests .feature-modal-body{overflow:hidden;display:flex;flex-direction:column}#feature-modal-root.theme-quests #screen-quests.feature-pane.active{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#feature-modal-root.theme-quests .upgrade-full-header{position:absolute;top:-47px;left:-24px;right:-24px;height:40px;padding:0 64px;background:none;border:0;box-shadow:none}#feature-modal-root.theme-quests .upgrade-full-header h2{margin:0;padding:0;border:0;color:#fff3d0;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.6)}#feature-modal-root.theme-quests .modal-close-x{right:34px;background:#fff3d01f;border:1px solid rgba(255,220,140,.55);color:#ffe9b0;box-shadow:none}.qk{--qk-cream: #fffaf0;--qk-cream-deep: #f0e2bd;--qk-line: #d9bd78;--qk-gold: #b8861f;--qk-gold-hi: #f3d57a;--qk-gold-deep: #7a5a15;--qk-ink: #33291a;--qk-ink-dim: #83795f;--qk-pill: linear-gradient(180deg, #fffaf0, #f0e2bd);display:flex;flex-direction:row;align-items:stretch;gap:clamp(5px,1.2cqw,10px);flex:1 1 auto;height:100%;min-height:0;padding:clamp(5px,1.2cqh,10px);font-family:Rajdhani,Segoe UI,sans-serif}.qk [data-line=daily]{--qk-hue: #e0a21d;--qk-hue-deep: #9a6a0c}.qk [data-line=building]{--qk-hue: #e9891b;--qk-hue-deep: #9a5509}.qk [data-line=research]{--qk-hue: #d9a21d;--qk-hue-deep: #8d6209}.qk [data-line=offense]{--qk-hue: #d52b2b;--qk-hue-deep: #8f1a1c}.qk [data-line=alliance]{--qk-hue: #c22b45;--qk-hue-deep: #7f1428}.qk [data-line=commanders]{--qk-hue: #8a3fd0;--qk-hue-deep: #54197f}.qk-emblem{--d: clamp(26px, 8.4cqh, 40px);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--d);height:var(--d);border-radius:50%;color:#fff9e6;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--qk-hue, #e0a21d) 55%,#fff) 0%,var(--qk-hue, #e0a21d) 45%,var(--qk-hue-deep, #9a6a0c) 100%);border:2px solid var(--qk-gold-hi);box-shadow:0 0 0 1.5px var(--qk-gold-deep),inset 0 -3px 5px #00000040,inset 0 2px 3px #ffffff73}.qk-emblem svg{width:56%;height:56%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.qk-emblem.has-art{background:none;border:0;box-shadow:none}.qk-emblem.has-art img{width:100%;height:100%;object-fit:contain}.qk-emblem.big{--d: clamp(46px, 18cqh, 84px)}.qk-rail{flex:0 0 auto;width:clamp(98px,17cqw,150px);display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(3px,.7cqh,6px);overflow-y:auto;min-height:0;padding-right:2px}.qk-tab{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:clamp(5px,1.1cqw,9px);padding:clamp(2px,.5cqh,4px) clamp(6px,1.2cqw,10px) clamp(2px,.5cqh,4px) clamp(3px,.6cqw,6px);font-family:inherit;text-align:left;color:var(--qk-ink);background:var(--qk-pill);border:1.5px solid var(--qk-line);border-radius:999px;box-shadow:inset 0 1px #fff;-webkit-tap-highlight-color:transparent}.qk-tab .qk-emblem{--d: clamp(22px, 6.4cqh, 30px)}.qk-tab-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,3.1cqh,15px);font-weight:800}.qk-tab-count{flex:0 0 auto;min-width:1.5em;padding:0 .4em;text-align:center;font-size:clamp(10px,2.7cqh,13px);font-weight:800;line-height:1.5;color:#fff;background:linear-gradient(180deg,#ee4a3a,#b3261b);border:1.5px solid #fff3d6;border-radius:999px;box-shadow:0 1px 2px #00000059}.qk-tab.active{border-color:var(--qk-gold);background:linear-gradient(180deg,#ffe9a6,#f3c960);box-shadow:0 0 0 1.5px var(--qk-gold-deep),inset 0 1px #fff8d8}.qk-tab:active{transform:scale(.98)}.qk-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:clamp(3px,.8cqh,6px);padding:clamp(4px,1cqh,9px) clamp(8px,1.5cqw,14px);background:none;border:0;box-shadow:none}.qk-head{flex:0 0 auto;display:flex;align-items:center;gap:8px}.qk-head-text{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px}.qk-heading{margin:0;font-size:clamp(13px,3.8cqh,19px);font-weight:800;color:var(--qk-gold-deep);letter-spacing:.5px;text-transform:uppercase}.qk-sub{font-size:clamp(10px,2.8cqh,13px);font-weight:700;color:var(--qk-ink-dim)}.qk-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(3px,.8cqh,6px);padding-right:2px}.qk-section{margin:0;font-size:clamp(10px,2.7cqh,13px);font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--qk-ink-dim)}.qk-steps{display:flex;flex-direction:column;gap:clamp(4px,1cqh,7px)}.qk-goal{flex:0 0 auto;display:flex;align-items:center;gap:clamp(8px,1.8cqw,16px);padding:clamp(8px,2cqh,14px) clamp(10px,2cqw,18px);background:linear-gradient(180deg,#fffdf6,#f6e8c2);border:2px solid var(--qk-gold);border-radius:14px;box-shadow:inset 0 1px #fff,0 0 0 1px var(--qk-gold-hi),0 2px 5px #50320040}.qk-goal.ready{background:linear-gradient(180deg,#fff8d6,#ffe08a);box-shadow:inset 0 1px #fff,0 0 0 1px var(--qk-gold-hi),0 0 12px #ffc828a6}.qk-goal-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:clamp(2px,.6cqh,5px)}.qk-kicker{display:inline-block;vertical-align:.12em;font-size:clamp(9px,2.4cqh,12px);font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--qk-hue-deep, var(--qk-gold-deep))}.qk-goal-title{margin:0;font-size:clamp(12px,3.5cqh,17px);font-weight:800;line-height:1.1;color:var(--qk-ink)}.qk-goal-action{flex:0 0 auto;display:flex;align-items:center}.qk-step{display:flex;align-items:center;gap:clamp(6px,1.4cqw,12px);padding:clamp(5px,1.2cqh,9px) clamp(8px,1.6cqw,14px);background:var(--qk-pill);border:1.5px solid var(--qk-line);border-radius:12px;box-shadow:inset 0 1px #fff}.qk-step.ready{background:linear-gradient(180deg,#fff8d6,#ffe08a);border-color:var(--qk-gold);box-shadow:inset 0 1px #fff,0 0 8px #ffc82880}.qk-step-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:clamp(22px,6.8cqh,32px);height:clamp(22px,6.8cqh,32px);color:#fff9e6;border-radius:50%;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--qk-hue, #e0a21d) 55%,#fff),var(--qk-hue, #e0a21d) 50%,var(--qk-hue-deep, #9a6a0c));border:1.5px solid var(--qk-gold-hi)}.qk-step-icon svg{width:58%;height:58%}.qk-step-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:clamp(1px,.4cqh,4px)}.qk-step-title{font-size:clamp(11px,3cqh,15px);font-weight:800;line-height:1.1;color:var(--qk-ink)}.qk-step-action{flex:0 0 auto;display:flex;align-items:center}.qk-rewards{display:flex;flex-wrap:wrap;gap:4px;font-size:clamp(9px,2.5cqh,12px);flex:0 0 auto}.qk-rewards .cost-chip{display:inline-flex;align-items:center;gap:.3em;padding:.05em .6em .05em .3em;font-weight:800;color:var(--qk-ink);background:var(--qk-pill);border:1.5px solid var(--qk-line);border-radius:999px}.qk-rewards .cost-chip svg{width:1.15em;height:1.15em}.qk-progress{display:flex;align-items:center;gap:6px}.qk-progress-bar{flex:1 1 auto;height:clamp(6px,1.7cqh,9px);overflow:hidden;background:#e6d6a8;border:1px solid var(--qk-line);border-radius:999px;box-shadow:inset 0 1px 2px #0003}.qk-progress-bar>span{display:block;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--qk-hue, #e0a21d) 60%,#fff),var(--qk-hue, #e0a21d));border-radius:999px}.qk-progress-text{flex:0 0 auto;font-size:clamp(9px,2.5cqh,12px);font-weight:800;color:var(--qk-ink-dim)}.qk-status{display:inline-flex;align-items:center;gap:.3em;font-size:clamp(10px,2.7cqh,13px);font-weight:700;color:var(--qk-ink-dim)}.qk-status svg{width:1.1em;height:1.1em}.qk-goal.has-plate{--h: clamp(64px, 16cqh, 96px);position:relative;height:var(--h);box-sizing:border-box;padding:0 calc(var(--h) * .32) 0 calc(var(--h) * .92);background:none;border:0;border-radius:0;box-shadow:none}.qk-goal.has-plate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-style:solid;border-color:transparent;border-width:0 calc(var(--h) * 90 / 300) 0 calc(var(--h) * 262 / 300);border-image:url(/assets/ui/quests/quest_goal_plate.webp) 0 90 0 262 fill / 0 calc(var(--h) * 90 / 300) 0 calc(var(--h) * 262 / 300) stretch}.qk-goal.has-plate.ready:before{filter:drop-shadow(0 0 7px rgba(255,196,40,.8)) saturate(1.15)}.qk-goal.has-plate .qk-emblem.big{position:absolute;--d: calc(var(--h) * .52);left:calc(var(--h) * 152 / 300);top:50%;transform:translate(-50%,-50%)}.qk-step.has-plate{--h: clamp(50px, 13cqh, 64px);position:relative;height:var(--h);box-sizing:border-box;padding:0 calc(var(--h) * .36) 0 calc(var(--h) * 1);background:none;border:0;border-radius:0;box-shadow:none}.qk-step.has-plate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-style:solid;border-color:transparent;border-width:0 calc(var(--h) * 70 / 216) 0 calc(var(--h) * 195 / 216);border-image:url(/assets/ui/quests/quest_step_plate.webp) 0 70 0 195 fill / 0 calc(var(--h) * 70 / 216) 0 calc(var(--h) * 195 / 216) stretch}.qk-step.has-plate.ready{padding-left:calc(var(--h) * 1.02)}.qk-step.has-plate.ready:before{border-width:0 calc(var(--h) * 120 / 233) 0 calc(var(--h) * 120 / 233);border-image:url(/assets/ui/quests/quest_step_plate_ready.webp) 0 120 0 120 fill / 0 calc(var(--h) * 120 / 233) 0 calc(var(--h) * 120 / 233) stretch;filter:drop-shadow(0 0 6px rgba(255,196,40,.75))}.qk-step.has-plate .qk-emblem.step{position:absolute;--d: calc(var(--h) * .56);left:calc(var(--h) * 107 / 216);top:50%;transform:translate(-50%,-50%)}.qk-step.has-plate.ready .qk-emblem.step{left:calc(var(--h) * .5);--d: calc(var(--h) * .62)}.qk-step.has-plate .qk-step-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qk-goal.has-plate>*:not(.qk-emblem),.qk-step.has-plate>*:not(.qk-emblem){position:relative;z-index:1}.qk-goal.has-plate .qk-emblem,.qk-step.has-plate .qk-emblem{z-index:1}.qk-step.has-plate .qk-step-body,.qk-goal.has-plate .qk-goal-body{gap:0;justify-content:center;align-self:stretch;padding:calc(var(--h) * .1) 0}.qk-meta{display:flex;align-items:center;gap:8px;min-width:0}.qk-meta .qk-progress{flex:1 1 auto;min-width:56px}.qk-kicker{margin-right:.4em;font-size:.72em}.qk-go-arrow{width:1.5em;height:1.5em;margin-right:.35em;vertical-align:-.35em}.qk-more{align-self:center;flex:0 0 auto;padding:.2em 1.2em;font-family:inherit;font-size:clamp(10px,2.9cqh,14px);font-weight:800;color:var(--qk-gold-deep);background:var(--qk-pill);border:1.5px solid var(--qk-line);border-radius:999px;box-shadow:inset 0 1px #fff}.qk-btn{--h: clamp(24px, 7cqh, 34px);--qk-bt: calc(var(--h) * 20 / 88);--qk-bs: calc(var(--h) * 44 / 88);box-sizing:border-box;min-height:var(--h);min-width:4.5em;padding:0;font-family:inherit;font-size:clamp(11px,3.2cqh,16px);font-weight:800;line-height:1.1;text-align:center;white-space:nowrap;background:none;border-style:solid;border-color:transparent;border-width:var(--qk-bt) var(--qk-bs);border-image:url(/assets/ui/kit/btn-green.webp) 20 44 fill / var(--qk-bt) var(--qk-bs) stretch;border-radius:0;box-shadow:none;color:#fff;text-shadow:-1px -1px 0 #0d4a1c,1px -1px 0 #0d4a1c,-1px 1px 0 #0d4a1c,1px 1px 0 #0d4a1c,0 1px 2px rgba(0,40,10,.5);-webkit-tap-highlight-color:transparent}.qk-btn.gold{border-image-source:url(/assets/ui/kit/btn-gold.webp);color:#3b2606;text-shadow:0 1px 0 rgba(255,244,190,.7)}.qk-btn:disabled{border-image-source:url(/assets/ui/kit/btn-grey.webp);color:#3a3d42;text-shadow:0 1px 0 rgba(255,255,255,.6)}.qk-btn:not(:disabled):active{filter:brightness(.94);transform:translateY(1px)}.quest-card-optional{display:inline-block;font-size:clamp(9.5px,1.5cqh,10px);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#8a6a2e;background:#f3e3bc;border:1px solid var(--tile-border);border-radius:4px;padding:1px 5px;vertical-align:middle}.quest-empty-state{flex:1 1 auto;display:flex;align-items:center;justify-content:center;color:#83795f;font-size:clamp(9px,2cqh,12px);font-style:italic;text-align:center}.shop-live-notice{font-size:10.5px;color:var(--rc-ink-dim, #83795f);font-style:italic;margin:0 0 4px}.shop-pack-grid{display:flex;flex-wrap:wrap;gap:8px}.shop-pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:92px;flex:0 0 auto;padding:10px 6px 8px;background:var(--rc-panel);border:1px solid var(--rc-border);border-radius:var(--radius-md);box-shadow:0 1px 2px #00000014;text-align:center}.shop-pack-bonus{position:absolute;top:-6px;right:-6px;background:var(--accent-gold-dark, #a8792e);color:#fff;font-size:9px;font-weight:700;border-radius:999px;padding:2px 6px}.shop-pack-icon svg,.shop-pack-icon img{width:28px;height:28px}.shop-pack-total{font-size:12px;font-weight:700}.shop-subscription-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--rc-panel);border:1px solid var(--rc-border);border-radius:var(--radius-md);padding:10px 12px}.shop-subscription-card.active{border-color:var(--accent-gold-dark, #a8792e)}.shop-subscription-name{font-size:12px;font-weight:700}.shop-subscription-sub{font-size:10px;color:var(--rc-ink-dim, #83795f)}#feature-modal-root.theme-recruit{padding:0;background:#0a0f1e}#feature-modal-root.theme-recruit:before,#feature-modal-root.theme-recruit:after{display:none}#feature-modal-root.theme-recruit .modal-backdrop{display:none}#feature-modal-root.theme-recruit .modal-card.upgrade-full{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:none;max-height:none;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none}#feature-modal-root.theme-recruit .upgrade-full-header{display:none}#feature-modal-root.theme-recruit .feature-modal-body{padding:0;overflow:hidden;flex:1 1 auto}#feature-modal-root.theme-recruit #screen-recruit.feature-pane.active{display:block;height:100%}.rc-scene{position:relative;width:100%;height:100%;overflow:hidden;font-family:var(--font-ui);color:#fff7dc;user-select:none;-webkit-user-select:none}.rc-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rc-bg, none) center 56% / cover no-repeat}.rc-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 55%,#060a1800 45%,#060a1880),linear-gradient(180deg,#060a1880,#060a1800 24%,#060a1800,#060a189e)}.rc-scene[data-banner=standard]{--rc-bg: url(/assets/backgrounds/recruit_common.webp)}.rc-scene[data-banner=elite]{--rc-bg: url(/assets/backgrounds/recruit_premium_b.webp)}.rc-main,.rc-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.rc-main>*{position:absolute}.rc-layer{pointer-events:none}.rc-layer>*{pointer-events:auto}.rc-r-rare{--rc: #4aa3ff;--rc-glow: rgba(74, 163, 255, .5);color:#74b8ff}.rc-r-epic{--rc: #b565ff;--rc-glow: rgba(181, 101, 255, .55);color:#c58bff}.rc-r-legendary{--rc: #ffb62e;--rc-glow: rgba(255, 182, 46, .6);color:#ffc857}.rc-r-mythic{--rc: #ff5a4d;--rc-glow: rgba(255, 90, 77, .6);color:#ff8378}.rc-top{top:0;left:0;right:0;height:clamp(44px,12cqh,58px);display:flex;align-items:center;gap:10px;padding:0 12px;background:linear-gradient(180deg,#080c1cb8,#080c1c00)}.rc-back{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:2px solid #d9b45a;background:radial-gradient(circle at 35% 30%,#4d6fd0,#1c2f66);color:#ffe9a8;box-shadow:0 2px 6px #00000080}.rc-back svg{width:22px;height:22px}.rc-scene .rc-top .rc-title{margin:0;padding:0;border:0;font-family:var(--font-display);font-size:clamp(20px,5.4cqh,30px);font-weight:700;letter-spacing:.04em;color:#ffe9a8;text-shadow:0 2px 4px #000,0 0 10px rgba(0,0,0,.6)}.rc-currency{margin-left:auto;display:flex;gap:8px}.rc-chip{display:flex;align-items:center;gap:6px;height:30px;padding:0 5px;border-radius:16px;background:#0a1026cc;border:1px solid rgba(217,180,90,.75);box-shadow:0 2px 6px #0006}.rc-chip-icon{display:grid;place-items:center}.rc-chip-icon img,.rc-chip-icon svg{width:22px;height:22px;object-fit:contain}.rc-chip-value{min-width:26px;padding-right:2px;text-align:center;font-weight:700;font-size:15px}.rc-chip-plus{width:22px;height:22px;border:0;border-radius:50%;background:linear-gradient(#ffd766,#e39b1e);color:#3a2500;font-weight:800;font-size:16px;line-height:1}.rc-tabs{left:8px;top:clamp(50px,14cqh,68px);width:clamp(126px,21cqw,190px);display:flex;flex-direction:column;gap:6px}.rc-tab{position:relative;padding:0;border:0;background:none;filter:brightness(.62) saturate(.85);transform-origin:left center;transition:filter .15s ease,transform .15s ease}.rc-tab img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.rc-tab.active{filter:none;transform:scale(1.06)}.rc-tab .rc-dot{top:2px;right:2px}.rc-dot{position:absolute;top:-5px;right:-4px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a80,#d61f1f);border:2px solid #fff3;box-shadow:0 0 6px #ff3c3ccc}.rc-icon-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;color:#ffe9a8;font-weight:800;font-size:clamp(11px,2.8cqh,13px);text-shadow:0 1px 3px #000,0 0 6px #000}.rc-icon-btn img{width:clamp(34px,9cqh,46px);height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.rc-odds-btn{left:clamp(30px,5cqw,44px);top:clamp(178px,52cqh,260px)}.rc-help{width:34px;height:34px;padding:0;border:0;background:none}.rc-help img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.rc-records{right:10px;top:clamp(50px,14cqh,68px);width:clamp(150px,25cqw,240px);max-height:44cqh;display:flex;flex-direction:column;border-radius:10px;border:1px solid rgba(217,180,90,.45);background:#080c1cb8;box-shadow:0 2px 8px #00000073;overflow:hidden}.rc-records-title{padding:6px 8px;text-align:center;font-weight:800;font-size:clamp(13px,3.2cqh,16px);color:#ffe9a8;background:#00000059}.rc-records-list{padding:4px 8px 8px;overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}.rc-record{margin:6px 0;font-size:clamp(11px,2.8cqh,13px);line-height:1.25;color:#d8d2bd}.rc-record b{color:#fff}.rc-record-empty{color:#a9a48f;font-style:italic}.rc-pity{left:50%;transform:translate(-50%);bottom:clamp(62px,20cqh,92px);width:max-content;max-width:min(64cqw,560px);text-align:center;font-weight:700;font-size:clamp(13px,3.5cqh,19px);line-height:1.2;text-shadow:0 2px 3px #000,0 0 10px #000}.rc-pity b{color:#9dff5a}.rc-actions{left:50%;transform:translate(-50%);bottom:8px;display:flex;align-items:flex-start;gap:clamp(10px,3cqw,22px)}.rc-action{display:flex;flex-direction:column;align-items:center}.rc-btn{position:relative;min-width:clamp(96px,17cqw,150px);height:clamp(34px,9cqh,44px);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border-radius:10px;border:2px solid;font-family:var(--font-ui);font-weight:800;font-size:clamp(15px,3.8cqh,20px);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:0 3px #00000059,0 4px 10px #00000073;transition:transform .08s ease,filter .15s ease}.rc-btn:active:not(:disabled){transform:translateY(2px)}.rc-btn-free{background:linear-gradient(180deg,#9ddc55,#5aa62a);border-color:#3c7a1a}.rc-btn-gold{background:linear-gradient(180deg,#ffbe4a,#e8891b);border-color:#a55d0a}.rc-btn.is-short{filter:saturate(.85) brightness(.95)}.rc-btn.is-short .rc-btn-main,.rc-chip-value.is-short{color:#ff3b30;text-shadow:0 0 2px #3a0500,1px 0 0 #3a0500,-1px 0 0 #3a0500,0 1px 0 #3a0500,0 -1px 0 #3a0500}.rc-chip-value.is-short{text-shadow:0 0 6px rgba(255,59,48,.55)}.rc-btn:disabled{filter:grayscale(.85) brightness(.8);cursor:default}.rc-btn-icon img,.rc-btn-icon svg{width:24px;height:24px;object-fit:contain;display:block}.rc-btn .rc-dot{top:-7px;right:-6px}.rc-btn-label{margin-top:3px;font-size:clamp(11px,2.8cqh,13px);font-weight:700;text-shadow:0 1px 3px #000,0 0 6px #000}.rc-skip{right:12px;bottom:12px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:clamp(12px,3cqh,15px);text-shadow:0 1px 3px #000}.rc-skip input{position:absolute;opacity:0;width:0;height:0}.rc-skip-box{position:relative;width:24px;height:24px;border-radius:6px;border:2px solid #d9b45a;background:#080c1cbf}.rc-skip input:checked+.rc-skip-box:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffd766;font-weight:900;font-size:18px}@keyframes rc-fade{0%{opacity:0}to{opacity:1}}@keyframes rc-card-in{0%{opacity:0;transform:translateY(28px) scale(.55) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes rc-pulse{0%,to{box-shadow:0 0 10px var(--rc-glow)}50%{box-shadow:0 0 26px 4px var(--rc-glow)}}.rc-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px;background:radial-gradient(circle at 50% 45%,#263a82e6,#040610fa 78%);animation:rc-fade .25s both}.rc-reveal-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:96%}.rc-reveal.is-multi .rc-reveal-grid{display:grid;grid-template-columns:repeat(5,auto);gap:8px 10px}.rc-card{--w: min(34cqh, 26cqw);position:relative;width:var(--w);aspect-ratio:3 / 4.3;display:flex;flex-direction:column;overflow:hidden;border-radius:calc(var(--w) * .07);border:3px solid var(--rc);background:linear-gradient(180deg,#161e42f5,#080c1efa);box-shadow:0 0 calc(var(--w) * .1) var(--rc-glow);font-size:calc(var(--w) * .085);opacity:0;animation:rc-card-in .5s cubic-bezier(.2,.9,.3,1.15) calc(var(--i) * .15s + .12s) both}.rc-reveal.is-multi .rc-card{--w: min(15cqw, 19.5cqh)}.rc-card.rc-r-legendary,.rc-card.rc-r-mythic{animation:rc-card-in .5s cubic-bezier(.2,.9,.3,1.15) calc(var(--i) * .15s + .12s) both,rc-pulse 1.6s ease-in-out calc(var(--i) * .15s + .7s) infinite}.rc-card-art{position:relative;flex:1 1 auto;min-height:0;background:radial-gradient(circle at 50% 30%,var(--rc-glow),transparent 72%),#0d1330}.rc-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.rc-card-fallback{display:grid;place-items:center;height:100%}.rc-card-fallback svg{width:40%;height:40%}.rc-card-rarity{position:absolute;top:5%;left:5%;padding:.1em .5em;border-radius:.4em;background:var(--rc);color:#0a0f1e;font-weight:800;font-size:.85em}.rc-card-name{padding:.3em .2em 0;text-align:center;font-weight:800;font-size:1.1em;line-height:1.1;color:#fff;text-shadow:0 1px 2px #000}.rc-card-frag{padding:.15em .2em .4em;text-align:center;font-weight:700;color:#ffe9a8}.rc-card-frag span{margin-left:.4em;color:#b8c4ff}.rc-card-badges{position:absolute;left:4%;right:4%;bottom:4%;display:flex;flex-direction:column;align-items:center;gap:.25em}.rc-card-ready,.rc-card-tag{padding:.1em .5em;border-radius:.4em;font-weight:800;font-size:.78em;line-height:1.2;white-space:nowrap}.rc-card-ready{background:#59c23a;color:#0c2a05}.rc-card-tag{background:#0a0e22c7;color:#fff3c4;border:1px solid var(--rc);text-shadow:0 0 6px var(--rc)}.rc-continue{padding:8px 26px;border-radius:10px;border:2px solid #a55d0a;background:linear-gradient(180deg,#ffbe4a,#e8891b);color:#fff;font-family:var(--font-ui);font-weight:800;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:0 3px #00000059;opacity:0;animation:rc-fade .3s calc(var(--n, 1) * .15s + .45s) both}.rc-reveal.is-skipped .rc-card,.rc-reveal.is-skipped .rc-continue{animation:none;opacity:1}.rc-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;background:#040610b8;animation:rc-fade .15s both}.rc-panel{width:min(92%,400px);max-height:92%;overflow-y:auto;padding:14px 16px 16px;border-radius:14px;border:2px solid #d9b45a;background:linear-gradient(180deg,#1e2d63,#0e1636);box-shadow:0 10px 30px #0009}.rc-panel-title{margin-bottom:10px;text-align:center;font-family:var(--font-display);font-size:18px;color:#ffe9a8}.rc-odds-row{display:grid;grid-template-columns:96px 1fr 46px;align-items:center;gap:8px;margin:6px 0;font-weight:700}.rc-odds-bar{height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.rc-odds-bar i{display:block;height:100%;border-radius:4px;background:var(--rc)}.rc-odds-pct{text-align:right;color:#fff}.rc-panel-note{margin-top:10px;font-size:13px;line-height:1.3;color:#cfd6f5;text-align:center}.rc-panel-note-big{font-size:16px;color:#fff}.rc-panel-actions{display:flex;gap:10px;justify-content:center}.rc-panel-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px auto 0;padding:8px 22px;border-radius:10px;border:2px solid #a55d0a;background:linear-gradient(180deg,#ffbe4a,#e8891b);color:#fff;font-family:var(--font-ui);font-weight:800;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.55)}.rc-panel-btn svg,.rc-panel-btn img{width:20px;height:20px}.rc-panel-actions .rc-panel-btn{margin:14px 0 0}.rc-panel-btn-ghost{background:#ffffff14;border-color:#ffffff4d}html[data-rtl] body,html[data-rtl] button,html[data-rtl] input,html[data-rtl] textarea{unicode-bidi:plaintext}html[data-rtl] .rc-panel-note,html[data-rtl] .profile-content-lede,html[data-rtl] .profile-settings-hint,html[data-rtl] .support-intro,html[data-rtl] p{text-align:start}.stronghold-card{display:flex;flex-direction:column;gap:10px;width:min(440px,92vw);max-height:94vh;overflow-y:auto}.stronghold-status{padding:8px 12px;border-radius:10px;text-align:center;font-weight:700;border:1.5px solid var(--stone-border-light);background:#ffffff0f}.stronghold-status.active{color:#9be59b;border-color:#78dc7899;background:#3c8c3c2e}.stronghold-status.cooldown{color:var(--text-dim)}.stronghold-status.ready{color:var(--accent-gold-light)}.stronghold-activate{width:100%}.stronghold-activate:disabled,.stronghold-pay:disabled{opacity:.5}.stronghold-levels{display:flex;flex-direction:column;gap:4px}.stronghold-level-row{display:flex;justify-content:space-between;padding:5px 10px;border-radius:8px;font-size:13px;background:#ffffff0d}.stronghold-level-row.current{background:#f2c94c2e;color:var(--accent-gold-light);font-weight:700}.stronghold-upgrade-title{font-size:13px;opacity:.85;margin-bottom:6px}.stronghold-pay-row{display:flex;align-items:center;gap:8px}.stronghold-pay{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.stronghold-pay.insufficient{color:#ff8a8a}.stronghold-or{font-size:12px;opacity:.7}.battle-protected-note{margin:6px 0;padding:6px 10px;border-radius:8px;font-size:12px;text-align:center;font-weight:700;line-height:1.3;color:#5a3a0a;background:#e2b23c3d;border:1px solid rgba(170,120,30,.45)}#connection-banner{position:fixed;top:env(safe-area-inset-top,0);left:50%;transform:translate(-50%);z-index:9999;padding:4px 14px;border-radius:0 0 10px 10px;background:#96281eeb;color:#fff;font-size:12px;font-weight:700;pointer-events:none}#connection-banner[hidden]{display:none}#app-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#0a0c18f5;color:#f3e7c3;text-align:center;font-size:18px;font-weight:700}#app-gate p{margin:0;max-width:28em}.app-gate-button{padding:10px 28px;border-radius:10px;background:linear-gradient(#f1c95a,#c8902a);color:#3a2508;text-decoration:none;font-weight:800}.ally-shell{display:flex;gap:clamp(8px,2cqh,16px);align-items:flex-start}.ally-rail{flex:0 0 clamp(112px,28cqh,160px);display:flex;flex-direction:column;gap:clamp(2px,.8cqh,6px)}.ally-ribbon{position:relative;width:100%;aspect-ratio:388 / 128;padding:0 10% 0 20%;border:0;cursor:pointer;background:url(/assets/ui/alliance/ribbon-idle.webp) center / 100% 100% no-repeat;font-weight:800;font-size:clamp(10px,2.7cqh,15px);color:#5a4326;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));-webkit-tap-highlight-color:transparent}.ally-ribbon.active{background-image:url(/assets/ui/alliance/ribbon-active.webp);color:#fff;text-shadow:0 1px 2px rgba(110,40,0,.7)}.ally-ribbon span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ally-ribbon-badge{position:absolute;top:2px;right:8%;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#e0302a;border:1.5px solid #fff;color:#fff;font-style:normal;font-size:10px;line-height:14px;text-align:center}.ally-main{flex:1 1 auto;min-width:0}.crest{position:relative;display:inline-block;width:36px;vertical-align:middle;line-height:0}.crest.small{width:32px}.crest.large{width:clamp(120px,28cqh,190px)}.crest img{display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.crest:not(.with-banner) .crest-shield{width:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.crest:not(.with-banner) .crest-emblem{position:absolute;left:50%;top:47%;width:50%;transform:translate(-50%,-50%)}.crest.with-banner .crest-banner{width:100%;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.crest.with-banner .crest-shield{position:absolute;left:50%;top:19%;width:54%;transform:translate(-50%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.crest.with-banner .crest-emblem{position:absolute;left:50%;top:41.5%;width:27%;transform:translate(-50%,-50%)}.ally-list-crest{display:inline-flex;align-items:center;justify-content:center}.ally-home{display:flex;gap:clamp(10px,2.4cqh,20px);align-items:flex-start}.ally-flag{position:relative;flex:0 0 clamp(150px,36cqh,250px);width:clamp(150px,36cqh,250px)}.ally-flag .crest.flag{width:100%}.ally-flag-text{position:absolute;left:12%;right:12%;top:63%;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;pointer-events:none}.ally-name{max-width:100%;font-weight:900;font-size:clamp(13px,3.4cqh,19px);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 3px #000,0 1px 3px rgba(0,0,0,.9)}.ally-name small{font-size:.75em;opacity:.9}.ally-level{padding:0 10px;border-radius:999px;font-weight:800;font-size:clamp(10px,2.6cqh,14px);color:#fff;background:#00000073;border:1px solid #e2c578}.ally-right{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:clamp(4px,1cqh,8px)}.ally-info-plate{display:flex;flex-direction:column;gap:4px;padding:clamp(6px,1.6cqh,10px) clamp(10px,2.4cqh,16px);border:12px solid transparent;border-image:url(/assets/ui/alliance/panel.webp) 36 fill / 12px stretch}.ally-xp{position:relative;width:100%;max-width:460px;aspect-ratio:900 / 111;background:url(/assets/ui/alliance/bar-empty.webp) center / 100% 100% no-repeat}.ally-xp-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/ui/alliance/bar-green.webp) center / 100% 100% no-repeat;clip-path:inset(0 calc(100% - var(--p)) 0 0)}.ally-xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(8px,2cqh,12px);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85)}.ally-facts{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:clamp(10px,2.5cqh,14px);color:#83795f}.ally-facts b{color:#33291a}.ally-power{display:inline-flex;align-items:center;gap:4px}.ally-power svg,.ally-power img{width:14px;height:14px}.ally-announce-title{font-weight:800;font-size:clamp(12px,3.1cqh,17px);color:#4b3f28}.ally-announce{min-height:clamp(36px,11cqh,70px);padding:8px 12px;border-radius:8px;background:#ece6d8;border:1px solid #d8cdb2;color:#5a4326;font-size:clamp(11px,2.8cqh,15px);overflow-wrap:anywhere;overflow:auto}.ally-announce-empty{opacity:.6}.ally-medals{display:flex;flex-wrap:wrap;gap:clamp(8px,2cqh,16px);margin-top:2px}.ally-medal{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.ally-medal:active .ally-medal-disc{transform:scale(.94)}.ally-medal-disc{position:relative;width:clamp(56px,16cqh,92px);aspect-ratio:157 / 169;display:flex;align-items:center;justify-content:center;background:var(--medal, url(/assets/ui/alliance/medal-blue.webp)) center / 100% 100% no-repeat;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3));transition:transform .08s}.ally-medal-disc img{width:66%;height:66%;object-fit:contain}.ally-medal-label{min-width:70px;padding:1px 10px;border-radius:6px;background:#e6dfcd;color:#7a6f55;font-weight:800;font-size:clamp(10px,2.6cqh,14px);text-align:center;white-space:nowrap}.ally-tile-badge{position:absolute;top:0;right:0;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#e0302a;border:2px solid #fff;color:#fff;font-weight:800;font-size:11px;line-height:16px;text-align:center}.ally-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(160px,42cqh,280px),1fr));gap:clamp(8px,2cqh,14px)}.ally-setting{display:flex;align-items:center;gap:10px;padding:2px 16px 2px 6px;border:12px solid transparent;border-image:url(/assets/ui/alliance/row.webp) 30 fill / 12px stretch;background-color:transparent;cursor:pointer;text-align:right}.ally-setting .ally-medal-disc{flex:0 0 auto;width:clamp(44px,12cqh,70px);margin:-8px 0}.ally-setting-label{flex:1 1 auto;font-weight:800;font-size:clamp(13px,3.4cqh,18px);color:#7a6f55}.ally-setting.danger .ally-setting-label{color:#b3322c}.ally-footer{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;font-size:clamp(10px,2.5cqh,13px);color:#83795f}.ally-footer-note svg,.ally-footer-note img{width:14px;height:14px;vertical-align:-2px}.ally-leader-strip{display:flex;align-items:center;gap:12px;padding:6px 18px;margin-bottom:6px;border-radius:10px;border:2px solid #c98a1c;border-bottom-width:4px;background:linear-gradient(180deg,#ffeab0,#f4c860 60%,#e8aa34);box-shadow:0 2px 4px #00000040,inset 0 1px #ffffffb3;cursor:pointer}.ally-leader-role{font-weight:800;font-size:clamp(11px,2.8cqh,15px);color:#5a3d0c}.ally-avatar{flex:0 0 auto;width:clamp(36px,9cqh,52px);aspect-ratio:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;box-sizing:border-box;border-radius:50%;background:radial-gradient(circle at 50% 35%,#b690f0,#6a3fc4);border:3px solid #e2c578;color:#fff;font-weight:900;font-size:clamp(10px,2.6cqh,14px);text-shadow:0 1px 2px rgba(0,0,0,.7)}.ally-avatar.big{width:clamp(46px,12cqh,70px)}.ally-member-name{font-weight:800;font-size:clamp(12px,3.1cqh,17px);color:#33291a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ally-member-power{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:clamp(10px,2.6cqh,14px);color:#b83a12}.ally-member-power svg,.ally-member-power img{width:14px;height:14px}.ally-member-info{min-width:0}.ally-group-head{display:flex;justify-content:space-between;align-items:center;margin:6px 0 4px;padding:3px 18px;border:10px solid transparent;border-image:url(/assets/ui/alliance/strip.webp) 34 fill / 10px stretch;color:#f1e6c4;font-weight:800;font-size:clamp(11px,2.9cqh,15px)}.ally-member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,38cqh,240px),1fr));gap:4px 8px}.ally-member{display:flex;align-items:center;gap:10px;padding:0 12px;border:12px solid transparent;border-image:url(/assets/ui/alliance/row.webp) 30 fill / 12px stretch;cursor:pointer}.crest-editor{display:flex;gap:clamp(10px,2.4cqh,18px);align-items:flex-start;margin:8px 0}.crest-editor-preview{flex:0 0 auto}.crest-editor-controls{flex:1 1 auto;min-width:0}.crest-editor-label{margin:4px 0 2px;font-weight:800;font-size:clamp(10px,2.6cqh,14px);color:#5a4326}.crest-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(34px,8cqh,46px),1fr));gap:4px}.crest-choice{padding:3px;border-radius:8px;background:#ece6d8;border:2px solid transparent;cursor:pointer;line-height:0}.crest-choice.active{border-color:#e2a21c;background:#fff3cc}.crest-choice img{width:100%;height:clamp(30px,7cqh,40px);object-fit:contain}.crest-swatches{display:flex;flex-wrap:wrap;gap:5px}.crest-swatch{width:clamp(20px,5cqh,28px);aspect-ratio:1;border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 0 0 1px #9a8f73,0 1px 3px #0000004d;cursor:pointer;padding:0}.crest-swatch.active{box-shadow:0 0 0 3px #e2a21c,0 1px 3px #0000004d}#feature-modal-root.theme-inventory #screen-alliance.feature-pane.active{overflow-y:auto;padding:clamp(8px,2cqh,14px);box-sizing:border-box}#feature-modal-root.theme-inventory #feature-modal-back{color:#fff;background:transparent;border:0;box-shadow:none}.crest-editor+.modal-actions{justify-content:flex-end}.crest-editor+.modal-actions .btn-primary{width:auto;min-width:180px}#feature-modal-root.theme-inventory #screen-alliance.feature-pane.active{display:flex;flex-direction:column}#alliance-body{flex:1 1 auto;min-height:0}.ally-shell{min-height:100%;align-items:stretch}.ally-rail{align-self:flex-start}.ally-main{display:flex;flex-direction:column;gap:clamp(6px,1.6cqh,12px)}.ally-card{display:flex;flex-direction:column;border-radius:10px;background:#fbf6e6;border:2px solid #c9a24e;box-shadow:0 2px 4px #3c280a2e;overflow:hidden}.ally-card.grow{flex:1 1 auto}.ally-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 12px;background:linear-gradient(180deg,#2a4a7e,#16294f);border-bottom:2px solid #c9a24e;color:#f4e6bd;font-weight:800;font-size:clamp(11px,2.8cqh,15px);letter-spacing:.3px}.ally-card-action{padding:1px 12px;border-radius:999px;border:1px solid #e2c578;background:linear-gradient(180deg,#f5a272,#d9622f);color:#fff;font-weight:800;font-size:clamp(10px,2.5cqh,13px);cursor:pointer}.ally-card-body{flex:1 1 auto;padding:clamp(6px,1.6cqh,12px) clamp(8px,2cqh,14px)}.ally-home{flex:1 1 auto;align-items:stretch}.ally-flag{align-self:flex-start}.ally-right{gap:clamp(6px,1.6cqh,12px)}.ally-right .ally-card.grow{min-height:56px}.ally-stats-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(4px,1cqh,8px)}.ally-stat{flex:1 1 110px;min-width:0;display:flex;flex-direction:column;gap:1px;padding:3px 10px;border-radius:8px;background:#ece6d8;border:1px solid #d8cdb2}.ally-stat span{font-size:clamp(9px,2.2cqh,12px);color:#83795f}.ally-stat b{display:inline-flex;align-items:center;gap:4px;font-size:clamp(12px,3cqh,16px);color:#33291a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ally-stat b svg,.ally-stat b img{width:14px;height:14px;flex:0 0 auto}.ally-announce{min-height:clamp(34px,9cqh,60px);margin:0}.ally-medals{justify-content:space-around;margin:0}.ally-medal-disc{width:clamp(60px,17cqh,100px)}.ally-activity{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(130px,30cqh,200px),1fr));gap:4px 12px}.ally-activity li{display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:6px;background:#ece6d8;font-size:clamp(10px,2.6cqh,14px);color:#33291a}.ally-activity li svg,.ally-activity li img{width:14px;height:14px}.ally-activity li b{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ally-activity li span{font-weight:800}.ally-card .queue-empty{margin:4px 0}.ally-setting{min-height:clamp(48px,13cqh,76px)}.ally-setting-text{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-end;min-width:0}.ally-setting-text small{font-size:clamp(9px,2.3cqh,12px);color:#83795f;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ally-form{display:flex;flex-direction:column;gap:clamp(6px,1.6cqh,12px)}.ally-form-label{font-weight:800;font-size:clamp(11px,2.8cqh,15px);color:#4b3f28}.ally-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.ally-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border-radius:10px;background:#ece6d8;border:2px solid transparent;text-align:left;cursor:pointer;color:#33291a}.ally-choice b{font-size:clamp(12px,3.1cqh,16px)}.ally-choice small{color:#83795f;font-size:clamp(10px,2.4cqh,13px)}.ally-choice.active{background:#fff3cc;border-color:#e2a21c}.ally-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ally-form-row label{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:clamp(10px,2.6cqh,14px);color:#4b3f28}.ally-form-row input{width:100%;box-sizing:border-box}.ally-textarea{width:100%;min-height:clamp(70px,22cqh,140px);box-sizing:border-box;resize:vertical}.ally-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ally-chip{padding:3px 14px;border-radius:999px;border:1px solid #c9a24e;background:#ece6d8;color:#5a4326;font-weight:800;font-size:clamp(10px,2.6cqh,14px);cursor:pointer}.ally-chip.active{background:linear-gradient(180deg,#f5a272,#d9622f);color:#fff;border-color:#ffd36b}.ally-ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ally-ranking li{display:flex;align-items:center;gap:10px;padding:3px 10px;border-radius:8px;background:#ece6d8;border:1px solid #d8cdb2}.ally-ranking li.me{background:#fff3cc;border-color:#e2a21c}.ally-rank-no{flex:0 0 26px;text-align:center;font-weight:900;color:#b8741a}.ally-rank-name{flex:1 1 auto;min-width:0;font-weight:800;font-size:clamp(11px,2.9cqh,15px);color:#33291a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ally-rank-name small{font-weight:600;color:#83795f}.ally-ranking li b{display:inline-flex;align-items:center;gap:4px;color:#b83a12;font-size:clamp(11px,2.8cqh,15px)}.ally-ranking li b svg,.ally-ranking li b img{width:14px;height:14px}.crest-random{margin-top:6px;width:100%}.crest-editor-preview{display:flex;flex-direction:column;align-items:center}.ally-card.grow.menu .ally-card-body{display:flex;flex-direction:column;gap:6px}.ally-card.grow.menu .ally-settings{flex:1 1 auto;grid-auto-rows:1fr}.ally-form{height:100%}.ally-form .modal-actions{margin-top:auto}.ally-form-row label input.assign-qty,.ally-textarea.assign-qty{width:100%;height:clamp(32px,8cqh,42px);padding:4px 10px;font-size:clamp(13px,3.2cqh,17px)}.ally-textarea.assign-qty{flex:1 1 auto;height:auto;min-height:clamp(70px,22cqh,140px)}.ally-ranking{max-height:none}#feature-modal-root .ally-form-row label input.assign-qty,#feature-modal-root .ally-form .ally-textarea.assign-qty{width:100%;flex:0 0 auto;text-align:left;padding:4px 10px}#feature-modal-root .ally-form .ally-textarea.assign-qty{flex:1 1 auto}.ally-form .modal-actions{margin-top:0}.ally-backbar{display:flex;align-items:center;gap:10px;min-height:clamp(28px,7cqh,38px)}.ally-backbar span{font-weight:800;font-size:clamp(12px,3.1cqh,17px);color:#4b3f28}.ally-back{display:inline-flex;align-items:center;gap:4px;padding:2px 14px 2px 10px;border-radius:999px;border:2px solid #c9a24e;background:linear-gradient(180deg,#fffdf6,#efe4c6);color:#5a4326;font-weight:800;font-size:clamp(11px,2.8cqh,15px);cursor:pointer;box-shadow:0 2px 3px #0003}.ally-back:active{transform:scale(.96)}.ally-role-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;vertical-align:middle;border:2px solid #fff;box-shadow:0 1px 3px #0006;color:#fff}.ally-role-badge svg,.ally-role-badge img{width:12px;height:12px}.ally-role-badge.leader{background:radial-gradient(circle at 40% 30%,#ffe27a,#d89a12);color:#5a3d0c}.ally-role-badge.officer{background:radial-gradient(circle at 40% 30%,#8fc4ff,#2f62d9)}.ally-role-badge.elite{background:radial-gradient(circle at 40% 30%,#d4a8ff,#7b3fc4)}.ally-role-badge.on-avatar{position:absolute;right:-6px;bottom:-4px}.ally-role-badge.big{width:26px;height:26px}.ally-avatar-wrap{position:relative;flex:0 0 auto;display:inline-flex}.ally-profile{display:flex;align-items:center;gap:14px;margin-bottom:8px}.ally-member-name.big{font-size:clamp(15px,4cqh,22px)}.ally-profile-role{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:clamp(11px,2.8cqh,15px);color:#83795f}.ally-manage-row{display:flex;gap:8px;margin-top:8px}.ally-chip:disabled{opacity:.45;cursor:not-allowed}.ally-chip .ally-role-badge{width:16px;height:16px;margin-right:2px}.ally-group-head .ally-role-badge{width:18px;height:18px;margin-right:4px}.ally-leave-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.ally-leave-note{font-size:clamp(9px,2.3cqh,12px);color:#83795f}.ally-leave{padding:3px 14px;border-radius:999px;border:1px solid #b3322c;background:#fbeceb;color:#b3322c;font-weight:800;font-size:clamp(10px,2.5cqh,13px);cursor:pointer}.ally-leave:active{background:#f3d3d1}.ally-clickable{cursor:pointer}.ally-clickable:active{filter:brightness(.95)}.ally-activity li.ally-clickable:hover,.ally-ranking li.ally-clickable:hover,.army-unit-row.ally-clickable:hover{filter:brightness(1.04)}.crest.profile{width:clamp(64px,16cqh,96px)}.crest-holder{flex:0 0 auto;display:inline-flex}.ally-avatar{width:clamp(46px,11.5cqh,64px);aspect-ratio:157 / 169;border:0;border-radius:0;padding:0;align-items:center;justify-content:center;background:url(/assets/ui/alliance/medal-blue.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));font-size:clamp(11px,2.9cqh,16px);text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,20,80,.8)}.ally-avatar.big{width:clamp(58px,15cqh,84px);font-size:clamp(13px,3.6cqh,20px)}.ally-role-badge{width:24px;aspect-ratio:157 / 169;height:auto;border:0;border-radius:0;box-shadow:none;background-size:100% 100%;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ally-role-badge svg,.ally-role-badge img{width:11px;height:11px;margin-top:-1px}.ally-role-badge.leader{background-image:url(/assets/ui/alliance/medal-red.webp);color:#ffe27a}.ally-role-badge.officer{background-image:url(/assets/ui/alliance/medal-green.webp);color:#fff}.ally-role-badge.elite{background-image:url(/assets/ui/alliance/medal-purple.webp);color:#ffe27a}.ally-role-badge.big{width:32px}.ally-role-badge.big svg{width:15px;height:15px}.ally-role-badge.on-avatar{right:-8px;bottom:-6px}.ally-group-head .ally-role-badge{width:22px;margin-right:4px}.ally-chip .ally-role-badge{width:20px;margin-right:2px}.ally-chip .ally-role-badge svg{width:10px;height:10px}.ally-chips{gap:4px 6px}.ally-chip{min-height:clamp(30px,7.6cqh,42px);padding:0 clamp(14px,3.4cqh,22px) 0 clamp(18px,4.2cqh,28px);border:0;border-radius:0;background:url(/assets/ui/alliance/ribbon-idle.webp) center / 100% 100% no-repeat;color:#5a4326;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));display:inline-flex;align-items:center;gap:4px}.ally-chip.active{background-image:url(/assets/ui/alliance/ribbon-active.webp);color:#fff;text-shadow:0 1px 2px rgba(110,40,0,.7);border:0}.ally-manage-row .btn-secondary,.ally-leave{position:relative;min-height:clamp(30px,7.6cqh,42px);padding:0 clamp(16px,3.6cqh,24px);border:12px solid transparent;border-width:0;border-radius:0;background:none;color:#5a4326;font-weight:800;font-size:clamp(11px,2.8cqh,15px);box-shadow:none;z-index:0}.ally-manage-row .btn-secondary:before,.ally-leave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:10px solid transparent;border-image:url(/assets/ui/alliance/row.webp) 30 fill / 10px stretch;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.ally-leave{color:#8a1f1a}.ally-leave:before{filter:sepia(1) hue-rotate(-35deg) saturate(2.6) drop-shadow(0 2px 2px rgba(0,0,0,.25))}.ally-leave:active:before,.ally-manage-row .btn-secondary:active:before{filter:brightness(.92)}.ally-main .modal-actions .btn-primary{--h: clamp(38px, 9.6cqh, 52px);height:var(--h);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 calc(var(--h) * .3) calc(var(--h) * .08);border-style:solid;border-color:transparent;border-width:0 calc(var(--h) * .5);border-image:url(/assets/ui/inventory/btn-green.webp) 0 80 0 80 fill / 0 calc(var(--h) * .5) 0 calc(var(--h) * .5) stretch;border-radius:0;background:none;box-shadow:none;color:#fff;font-weight:800;font-size:clamp(14px,3.6cqh,20px);text-shadow:-1px -1px 0 #1d5a14,1px -1px 0 #1d5a14,-1px 1px 0 #1d5a14,1px 1px 0 #1d5a14;min-width:clamp(140px,36cqh,240px);width:auto}.ally-chip.active,.ally-role-badge.leader,.ally-role-badge.officer,.ally-role-badge.elite{background-color:transparent;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.ally-card{flex-shrink:0}.ally-card.grow{flex:1 0 auto}.ally-leave:before{filter:hue-rotate(-40deg) saturate(3.4) brightness(.98) drop-shadow(0 2px 2px rgba(0,0,0,.25))}.ally-rail{position:sticky;top:0}.ally-chip{padding:0 clamp(24px,5.4cqh,36px) 0 clamp(28px,6.4cqh,40px);white-space:nowrap}.ally-rank{display:inline-block;width:24px;height:24px;vertical-align:middle;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ally-rank.big{width:34px;height:34px}.ally-rank.on-avatar{position:absolute;right:-10px;bottom:-8px;width:28px;height:28px}.ally-rank.on-avatar.big{width:36px;height:36px}.ally-group-head .ally-rank{width:24px;height:24px;margin-right:4px}.ally-chip .ally-rank{width:22px;height:22px;margin:0 2px 0 -4px}.ally-profile-role .ally-rank{width:28px;height:28px}.ally-avatar{position:relative;display:inline-block;align-items:initial;padding:0;font-size:0;text-shadow:none}.ally-avatar-face{position:absolute;left:18%;top:17%;width:64%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1c2f5e;display:flex;align-items:center;justify-content:center}.ally-avatar-face img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.ally-avatar-glyph{width:62%;color:#cfd8f0}.ally-avatar-glyph svg{width:100%;height:auto}.ally-avatar-lv{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);min-width:26px;padding:0 6px;border-radius:999px;background:linear-gradient(180deg,#243c78,#14234f);border:1.5px solid #e2c578;color:#fff;font-weight:900;font-size:clamp(9px,2.2cqh,12px);line-height:1.35;text-align:center;box-shadow:0 1px 2px #00000080}.ally-avatar.big .ally-avatar-lv{font-size:clamp(11px,2.8cqh,15px);min-width:32px}.ally-avatar.small{width:clamp(36px,8.5cqh,48px)}.ally-avatar{background:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.ally-avatar:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:var(--frame) center / contain no-repeat;z-index:2;pointer-events:none}.ally-avatar.frame-bronze{--frame: url(/assets/ui/kit/frame-bronze.webp)}.ally-avatar.frame-silver{--frame: url(/assets/ui/kit/frame-silver.webp)}.ally-avatar.frame-gold{--frame: url(/assets/ui/kit/frame-gold.webp)}.ally-avatar.frame-legendary{--frame: url(/assets/ui/kit/frame-legendary.webp)}.ally-avatar{width:clamp(44px,10.5cqh,60px);aspect-ratio:1}.ally-avatar.big{width:clamp(56px,14cqh,80px)}.ally-avatar.small{width:clamp(34px,8cqh,46px)}.ally-avatar-face{left:16%;top:16%;width:68%;z-index:1}.ally-avatar.frame-legendary .ally-avatar-face{left:19%;top:22%;width:62%}.ally-avatar-lv{z-index:3;bottom:-6px}.ally-avatar-wrap{margin:4px}.ally-leave,.ally-manage-row .btn-secondary{--h: clamp(34px, 8.6cqh, 46px);height:var(--h);min-height:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 calc(var(--h) * .2) calc(var(--h) * .06);border-style:solid;border-color:transparent;border-width:0 calc(var(--h) * .5);border-radius:0;background:none;box-shadow:none;font-weight:800;font-size:clamp(11px,2.8cqh,15px)}.ally-leave:before,.ally-manage-row .btn-secondary:before{display:none}.ally-leave{border-image:url(/assets/ui/kit/btn-red-sm.webp) 0 70 0 70 fill / 0 calc(var(--h) * .5) 0 calc(var(--h) * .5) stretch;color:#fff;text-shadow:-1px -1px 0 #6a0f0b,1px -1px 0 #6a0f0b,-1px 1px 0 #6a0f0b,1px 1px 0 #6a0f0b}.ally-manage-row .btn-secondary{border-image:url(/assets/ui/kit/btn-gold-sm.webp) 0 70 0 70 fill / 0 calc(var(--h) * .5) 0 calc(var(--h) * .5) stretch;color:#4a2f05;text-shadow:0 1px 0 rgba(255,255,255,.5)}.ally-leave:active,.ally-manage-row .btn-secondary:active{filter:brightness(.92)}.ally-settings{grid-template-columns:repeat(auto-fit,minmax(clamp(150px,26cqw,280px),1fr))}.ally-setting-text{min-width:0}.ally-setting-label{min-width:0;line-height:1.1;overflow-wrap:anywhere;text-align:right}#feature-modal-root.theme-inventory #screen-shop.feature-pane.active{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding:0;background:#1a1630 url(/assets/ui/shop/bg-dusk.webp) center / cover no-repeat}#shop-body{flex:1 1 auto;min-height:0;display:flex}.shop2{flex:1 1 auto;display:flex;gap:clamp(8px,2cqh,16px);min-height:0;width:100%;padding:clamp(8px,2cqh,14px);box-sizing:border-box;background:radial-gradient(ellipse at 60% 50%,#140a3200 40%,#0a061e73)}.shop2-rail{flex:0 0 clamp(96px,20cqw,190px);display:flex;flex-direction:column;gap:clamp(2px,1cqh,6px);padding:clamp(4px,1.2cqh,8px) 0;background:linear-gradient(90deg,#0c0822b3,#0c082259);border-radius:10px}.shop2-tab{display:flex;align-items:center;gap:8px;min-height:clamp(38px,11cqh,56px);padding:2px 10px 2px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.14);cursor:pointer;text-align:left;color:#f1e6c8;font-weight:800;font-size:clamp(11px,3.2cqh,15px);text-shadow:0 1px 2px rgba(0,0,0,.7);background:transparent;position:relative}.shop2-tab img{flex:0 0 auto;width:clamp(24px,7.5cqh,38px);height:clamp(24px,7.5cqh,38px);object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.shop2-tab span{flex:1 1 auto;min-width:0;line-height:1.05}.shop2-tab.active{color:#fff;background:linear-gradient(90deg,#8b6a1e,#d8aa43 55%,#b88a2c);box-shadow:inset 0 0 0 1px #ffe6968c,0 2px 6px #0006;border-radius:6px}.shop2-tab.active:after{content:"";position:absolute;right:6px;top:50%;width:0;height:0;margin-top:-5px;border-left:7px solid #fff4d0;border-top:5px solid transparent;border-bottom:5px solid transparent}.shop2-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.shop2-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(10px,3cqh,20px) clamp(6px,1.8cqh,14px);padding-top:clamp(6px,2cqh,12px);min-width:0;min-height:0}.shop2-pack{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:12px;background:linear-gradient(180deg,#fffdf8,#efe5cf);box-shadow:0 3px #0000002e,0 6px 14px #00000059;overflow:visible}.shop2-pic{position:relative;flex:1 1 auto;min-height:0;border-radius:12px 12px 0 0;background:var(--pic) center var(--focus, 55%) / cover no-repeat;overflow:hidden}.shop2-band{position:absolute;left:0;right:0;bottom:0;height:clamp(22px,7.4cqh,36px);display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;font-weight:900;font-size:clamp(12px,4cqh,20px);text-shadow:0 2px 0 rgba(90,10,5,.75),0 0 6px rgba(90,10,5,.6);background:linear-gradient(180deg,#d4503f,#a92f26);border-top:2px solid rgba(255,190,170,.55)}.shop2-band img{height:76%;width:auto;object-fit:contain}.shop2-seal{position:absolute;top:-6%;right:2%;z-index:2;width:clamp(34px,12cqh,58px);aspect-ratio:1;display:grid;place-items:center;transform:rotate(10deg);filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.shop2-seal svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shop2-seal path{fill:#d93a2b;stroke:#ffd98a;stroke-width:2.4;stroke-linejoin:round}.shop2-seal b{position:relative;color:#fff;font-weight:900;font-size:clamp(9px,3.2cqh,14px);text-shadow:0 1px 0 rgba(90,10,5,.85)}.shop2-buy{position:relative;flex:0 0 auto;margin:clamp(3px,1cqh,6px) auto;width:78%;height:clamp(22px,6.2cqh,30px);padding:0 10px;border:1px solid #c2690f;border-radius:7px;cursor:pointer;font-family:inherit;font-weight:800;font-size:clamp(11px,3.5cqh,16px);white-space:nowrap;color:#fff;-webkit-text-stroke:.07em #9a4a08;paint-order:stroke fill;text-shadow:0 1px 0 rgba(130,60,0,.55);background:linear-gradient(180deg,#ffbf4a,#f79c22);box-shadow:inset 0 1px #fff0beb3,0 2px #b8610d,0 3px 4px #00000040}.shop2-buy:active{transform:translateY(2px);box-shadow:inset 0 1px #fff0beb3,0 0 #b8610d}.shop2-buy:disabled{filter:grayscale(1) brightness(.92);cursor:default}.shop2-monthly{flex:1 1 auto;min-height:0;display:flex;align-items:stretch;justify-content:center}.shop2-pack.wide{flex:0 1 min(100%,380px)}.shop2-sub-info{flex:0 0 auto;padding:6px 10px 0;text-align:center;font-weight:800;font-size:clamp(10px,3.2cqh,14px);color:#4a3b1c}.shop2-notice{margin:0;font-size:clamp(9px,2.5cqh,11px);font-style:italic;color:#ffffffb8;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.shop2.daily,.shop2.weekly,.shop2.passes{background-color:#14102c}.shop2.daily{background-image:linear-gradient(180deg,#08061c66,#08061c99),url(/assets/ui/shop/bg-gate.webp);background-size:cover;background-position:center}.shop2.weekly{background-image:linear-gradient(180deg,#08061c66,#08061c99),url(/assets/ui/shop/bg-camp.webp);background-size:cover;background-position:center}.shop2.passes{background-image:linear-gradient(180deg,#08061c66,#08061c99),url(/assets/ui/shop/bg-siege.webp);background-size:cover;background-position:center}.shop2-tab img{width:clamp(26px,8.4cqh,42px);height:clamp(26px,8.4cqh,42px)}.shop2-tab{font-size:clamp(10px,2.9cqh,14px)}.of-screen{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;gap:clamp(5px,1.4cqh,10px)}.of-banner{position:relative;flex:0 0 clamp(60px,22.5cqh,100px);border-radius:10px;border:2px solid #f4efe0;background:linear-gradient(90deg,#0a061e1a,#0a061e73),var(--scene) center 40% / cover no-repeat;box-shadow:0 4px 12px #00000073;overflow:hidden}.of-banner-hero{position:absolute;left:clamp(4px,2cqw,18px);bottom:0;height:128%;width:auto;object-fit:contain;object-position:bottom left;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));pointer-events:none}.of-banner-text{position:absolute;right:clamp(8px,2.2cqw,20px);top:0;bottom:0;left:38%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;gap:1px}.of-banner-text b{font-size:clamp(15px,6.2cqh,30px);font-weight:900;line-height:1;color:#ffe45e;-webkit-text-stroke:1px rgba(90,50,0,.9);paint-order:stroke fill;text-shadow:0 2px 0 rgba(90,50,0,.9)}.of-banner-text span{font-size:clamp(9px,2.9cqh,14px);font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9)}.of-banner-text em{font-style:normal;font-size:clamp(9px,2.9cqh,14px);font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9)}.of-banner-text i{font-style:normal;font-variant-numeric:tabular-nums;color:#ffd45a}.of-cards{flex:1 1 auto;min-height:0;min-width:0;display:grid;gap:clamp(6px,1.6cqh,12px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.of-cards.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.of-card{--t1: #4d8cf0;--t2: #2457b8;--tl: #b2d2ff;position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:10px;background:#fffaf0;box-shadow:0 3px #00000038,0 8px 16px #0006;overflow:hidden}.of-card.tier-green{--t1: #7cc24a;--t2: #3b8222;--tl: #cdf29f}.of-card.tier-blue{--t1: #4d8cf0;--t2: #2457b8;--tl: #b2d2ff}.of-card.tier-purple{--t1: #a45ae0;--t2: #5b2a9a;--tl: #e0bcff}.of-card.tier-red{--t1: #ef5a43;--t2: #9f2218;--tl: #ffc8b8}.of-art{position:relative;flex:1 1 0;min-height:clamp(26px,9cqh,46px);overflow:hidden}.of-card.pass .of-art{min-height:clamp(36px,15cqh,80px)}.of-art.card{background:var(--pic) center 38% / cover no-repeat}.of-art.chest{background:radial-gradient(circle at 50% 60%,var(--tl) 0%,var(--t1) 50%,var(--t2) 100%)}.of-art.chest:before{content:"";position:absolute;top:-80%;right:-80%;bottom:-80%;left:-80%;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.28) 0 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(circle at 50% 50%,#000 0 20%,transparent 55%);mask:radial-gradient(circle at 50% 50%,#000 0 20%,transparent 55%);animation:of-spin 30s linear infinite}.of-art.chest img{position:absolute;left:50%;top:54%;height:92%;max-width:80%;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}@keyframes of-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.of-art.chest:before{animation:none}}.of-title{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:clamp(16px,5.2cqh,26px);padding:0 4px;color:#fff;font-weight:900;font-size:clamp(9px,2.9cqh,14px);text-shadow:0 1px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,var(--t1),var(--t2));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-card .shop2-seal{top:4px;right:4px;width:clamp(30px,10.4cqh,46px);z-index:3}.of-card .shop2-seal b{font-size:clamp(8px,2.4cqh,11px);letter-spacing:-.3px;white-space:nowrap}.of-rows{flex:0 0 auto;display:grid;grid-auto-rows:clamp(17px,5.6cqh,27px);padding:0 clamp(4px,1.2cqh,8px)}.of-row{display:flex;align-items:center;gap:clamp(3px,1cqh,6px);min-width:0;border-bottom:1px solid rgba(120,100,60,.22);color:#4a3b1c}.of-row:last-child{border-bottom:0}.of-row img{flex:0 0 auto;width:clamp(14px,4.8cqh,24px);height:clamp(14px,4.8cqh,24px);object-fit:contain}.of-row.dim img{filter:grayscale(.4)}.of-row span{flex:1 1 auto;min-width:0;font-size:clamp(8px,2.5cqh,12px);font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-row b{flex:0 0 auto;font-size:clamp(9px,2.9cqh,14px);font-weight:900;font-variant-numeric:tabular-nums;color:#2f2310}.of-daily{flex:0 0 auto;margin:2px clamp(4px,1.2cqh,8px) 0;text-align:center;font-size:clamp(8px,2.3cqh,11px);font-weight:900;letter-spacing:.3px;color:var(--t2);border-top:1px solid rgba(120,100,60,.3);padding-top:2px}.of-limit{flex:0 0 auto;text-align:center;padding:2px 0 clamp(3px,1cqh,6px);font-size:clamp(8px,2.3cqh,11px);font-weight:800;color:#8a7a52}@media (min-aspect-ratio: 1/1) and (min-height: 700px){.of-cards{align-items:start}.of-card{height:min(100%,560px)}}.of-card:not(.pass) .of-rows{flex:1 1 auto;min-height:0;grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-rows:auto;padding:2px clamp(5px,1.4cqh,9px) 0}.of-card.pass .of-rows{flex:0 0 auto;grid-auto-rows:clamp(20px,6.2cqh,30px)}.of-row{gap:clamp(4px,1.2cqh,8px)}.of-row img{height:84%;max-height:36px;width:auto;aspect-ratio:1;padding:1px;border-radius:6px;background:#d6be8c47;box-shadow:inset 0 0 0 1px #96783c40}.of-card.pass .of-row img{height:86%}.of-row span{font-size:clamp(10px,3.1cqh,14px);font-weight:700}.of-row b{font-size:clamp(11px,3.6cqh,17px)}.of-limit{padding:0 0 clamp(3px,.9cqh,6px)}.of-card{overflow:visible}.of-title{position:relative;height:clamp(22px,6.6cqh,32px);border-radius:10px 10px 0 0;padding:0 clamp(6px,1.4cqh,10px);font-size:clamp(11px,3.3cqh,16px)}.of-card.has-chest .of-title{padding-left:clamp(30px,9.4cqh,42px);padding-right:4px;font-size:clamp(10px,3cqh,14px);justify-content:flex-end;text-align:right}.of-title span{min-width:0;overflow:hidden;text-overflow:ellipsis}.of-banner-text b,.of-banner-text span,.of-banner-text em{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-banner-text b{padding:1px 2px 3px}.of-limit{border-radius:0 0 10px 10px}.of-chest{position:absolute;left:1px;top:calc(clamp(30px,10cqh,44px)*-.38);z-index:3;height:clamp(30px,10cqh,44px);width:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));pointer-events:none}.of-card:not(.pass) .shop2-seal{top:-10px;right:-6px;width:clamp(28px,9.4cqh,40px);transform:rotate(10deg);z-index:4}.of-card .shop2-seal b{font-size:clamp(7px,2.2cqh,10px)}.of-cards.n4 .of-row img{height:74%}.of-cards.n4 .of-row span{font-size:clamp(9px,2.8cqh,12px)}.of-cards.n4 .of-row b{font-size:clamp(10px,3.2cqh,15px)}.of-card.has-chest .of-title{padding:0 clamp(26px,8.4cqh,36px) 0 clamp(6px,1.4cqh,10px);justify-content:center;text-align:center;font-size:clamp(10px,3cqh,14px)}.of-chest{left:3px;top:calc(clamp(30px,10cqh,44px)*-.78);height:clamp(30px,10cqh,44px)}.of-card:not(.pass) .of-rows{grid-template-rows:repeat(4,minmax(0,46px));align-content:center}.of-card:not(.pass){padding-top:0}.of-cards.has-chest-row{padding-top:clamp(10px,3.4cqh,18px)}@media (min-height: 700px){.of-cards{align-items:start}.of-card,.of-card:not(.pass){height:auto}.of-card:not(.pass) .of-rows{flex:0 0 auto;grid-template-rows:none;grid-auto-rows:46px;align-content:start}.of-row img{height:40px}}.of-banner-hero{top:3%;bottom:auto;height:232%;left:clamp(2px,1.5cqw,14px);object-position:top left}.of-art.card{background-position:center var(--focus, 30%)}#modal-root .modal-card.bw{--bw-bar: clamp(26px, 7cqh, 34px);display:flex;flex-direction:column;width:min(88cqw,920px);height:min(84cqh,580px);padding:0;overflow:hidden;box-sizing:border-box;background:#efe7d4;border:3px solid #b08a4a;border-radius:10px;color:#3b3020;box-shadow:0 14px 34px #00000080;font-family:Rajdhani,Inter,system-ui,sans-serif;font-weight:500}#modal-root .modal-card.bw:before{display:none}.bw-bar{position:relative;flex:0 0 var(--bw-bar);height:var(--bw-bar);display:flex;align-items:center;justify-content:center;padding:0 clamp(34px,8cqh,44px);background:linear-gradient(180deg,#70502a,#553a1d)}.bw-bar h2{margin:0;padding:0;border:0;display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0;color:#fff;font-size:clamp(12px,3.3cqh,16px);font-weight:600;letter-spacing:.2px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bw-bar h2 small{flex:0 0 auto;color:#f0dca4;font-size:.85em;font-weight:600}.bw-close{position:absolute;top:50%;right:clamp(6px,1.6cqh,10px);width:clamp(18px,4.8cqh,24px);height:clamp(18px,4.8cqh,24px);transform:translateY(-50%);padding:0;border:0;background:url(/assets/ui/inventory/close.webp) center / contain no-repeat;cursor:pointer}.bw-close:active{transform:translateY(-50%) scale(.92)}.bw-close:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}.bw-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.6cqh,10px);padding:clamp(6px,1.6cqh,10px);overflow-y:auto}.bw-main{flex:1 1 auto;display:flex;gap:clamp(8px,2cqh,12px);min-height:0}.bw-footer{flex:0 0 auto;display:flex;gap:clamp(8px,2cqh,14px)}.bw-info-card .bw-desc{padding-bottom:clamp(5px,1.5cqh,9px);border-bottom:1px solid rgba(80,60,30,.55)}.bw-gstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:start;gap:clamp(8px,2.6cqh,16px) clamp(6px,2cqh,14px);margin:clamp(8px,2.4cqh,14px) clamp(6px,3cqh,20px) 0}.bw-gstat{display:flex;align-items:center;gap:clamp(5px,1.4cqh,8px);min-width:0;color:#3b3020;font-size:clamp(12px,3.4cqh,17px);font-weight:600;white-space:nowrap}.bw-gstat .bw-stat-icon{flex:0 0 auto;width:clamp(20px,5.4cqh,28px);height:clamp(20px,5.4cqh,28px)}.bw-lvlnav{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.bw-lvl-arrow{flex:0 0 auto;width:clamp(40px,11cqh,54px);height:clamp(30px,8.6cqh,40px);display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #1f4f50;border-radius:6px;color:#d7f0ee;background:linear-gradient(180deg,#4d8f90,#2e6566);box-shadow:inset 0 1px #ffffff59,0 2px #1d4546;cursor:pointer;-webkit-tap-highlight-color:transparent}.bw-lvl-arrow svg{width:55%;height:70%}.bw-lvl-arrow.next svg{transform:rotate(180deg)}.bw-lvl-arrow:active{transform:translateY(1px)}.bw-lvl-arrow:disabled{opacity:.35;cursor:default}.bw-lvl-num{display:flex;flex-direction:column;align-items:center;line-height:1.05;color:#3b3020;font-size:clamp(16px,4.6cqh,24px)}.bw-lvl-num.current b{color:#8a6512}.bw-lvl-num small{font-size:clamp(9px,2.2cqh,12px);font-weight:600;color:#8a6512;text-transform:uppercase}.bw-stage{position:relative;flex:0 0 36%;align-self:stretch;border-radius:6px;background:radial-gradient(ellipse at 50% 55%,#ffffc81f,#001e0000 55%,#00190059),url(/assets/ground/grass.jpg) center / 190px auto repeat;overflow:hidden}.bw-stage-img{position:absolute;z-index:1;left:4%;top:6%;width:92%;height:78%;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 8px rgba(10,30,5,.4))}.bw-level{position:absolute;z-index:2;left:0;right:0;bottom:5%;text-align:center;color:#fff;font-size:clamp(13px,3.6cqh,18px);font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.5),0 2px 5px rgba(0,0,0,.55)}.bw-stage.red .bw-level{color:#ffd2cc}.bw-side{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(5px,1.4cqh,8px)}.bw-card{flex:0 0 auto;border-radius:6px;background:#e0d0aa}.bw-card.grow{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.bw-card-title{padding:4px 12px 0;color:#7a6638;font-size:clamp(11px,2.7cqh,14px);font-weight:600}.bw-card-body{padding:clamp(6px,1.6cqh,10px) clamp(8px,2cqh,14px)}.bw-desc{margin:0 0 clamp(3px,1cqh,6px);color:#6b5a38;font-size:clamp(10px,2.5cqh,13px);font-weight:500;line-height:1.3;text-align:center}.bw-stats{display:grid;grid-template-columns:max-content max-content max-content max-content;justify-content:center;column-gap:clamp(8px,2cqh,14px);row-gap:clamp(3px,1cqh,7px);align-items:center;margin:clamp(4px,1.4cqh,10px) auto 0}.bw-stat{display:contents;font-size:clamp(11px,2.9cqh,15px)}.bw-stat-label{text-align:right;color:#3b3020;font-weight:500}.bw-stat-icon{width:clamp(16px,4.2cqh,22px);height:clamp(16px,4.2cqh,22px);display:flex}.bw-stat-icon svg,.bw-stat-icon img{width:100%;height:100%;object-fit:contain}.bw-stat-cur{min-width:4.2em;text-align:center;color:#3b3020;font-weight:500}.bw-stat-delta{min-width:4.6em;text-align:center;color:#2f8a2a;font-weight:500}.bw-costs{display:flex;align-items:center;justify-content:space-around;gap:8px;padding:clamp(5px,1.4cqh,9px) clamp(8px,2cqh,14px);border-radius:6px;background:#e0d0aa}.bw-cost{display:flex;align-items:center;gap:6px}.bw-cost img{width:clamp(18px,5cqh,26px);height:clamp(18px,5cqh,26px);object-fit:contain}.bw-cost b{color:#3b3020;font-size:clamp(12px,3.2cqh,17px);font-weight:600}.bw-cost.insufficient b{color:#d22a1f}.bw-cost-nums{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.bw-cost-miss{color:#d22a1f;font-size:clamp(9px,2.5cqh,12.5px);font-weight:700}.bw-overcap{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 0;color:#a3271b;font-size:clamp(9px,2.4cqh,12.5px);font-weight:600;line-height:1.25;text-align:center}.bw-overcap-icons{display:flex;flex:none;gap:2px}.bw-overcap img{flex:none;width:clamp(14px,3.8cqh,19px);height:clamp(14px,3.8cqh,19px);object-fit:contain}.bw-cost-title{margin:0 0 3px;color:#5a4426;font-size:clamp(10px,2.6cqh,13px);font-weight:700;text-align:center}.bw-card-cost .bw-costs{padding:0;background:transparent}.bw-btn{flex:1 1 0;min-width:0;min-height:clamp(34px,9.6cqh,46px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 10px;border:0;border-radius:8px;color:#fff;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(180deg,var(--b1),var(--b2));box-shadow:inset 0 1px #ffffff59,0 3px 0 var(--b3),0 4px 6px #00000040;cursor:pointer;-webkit-tap-highlight-color:transparent}.bw-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff4d,0 1px 0 var(--b3)}.bw-btn:disabled{filter:grayscale(.7) brightness(.9);cursor:default}.bw-btn-main,.bw-btn-sub{display:flex;align-items:center;justify-content:center;gap:5px;line-height:1.1}.bw-btn-main{font-size:clamp(12px,3cqh,16px)}.bw-btn-sub{font-size:clamp(10px,2.6cqh,14px);font-weight:500}.bw-btn-sub.insufficient{color:#ffd2cc}.bw-btn img,.bw-btn svg{width:clamp(14px,3.6cqh,20px);height:clamp(14px,3.6cqh,20px);object-fit:contain}.bw-btn.green{--b1: #9bd35a;--b2: #5aa02a;--b3: #3f7a1c}.bw-btn.blue{--b1: #5db3f5;--b2: #1f6fc4;--b3: #154f8f}.bw-btn.teal{--b1: #5fd2cd;--b2: #279d9a;--b3: #1b7673}.bw-btn.red{--b1: #ee7a6e;--b2: #c4372b;--b3: #8e231a}.bw-btn.grey{--b1: #b7b2a6;--b2: #7f7a6c;--b3: #5c584d}.bw-btn.red svg{filter:brightness(0) invert(1)}.bw-card-status .bw-card-body{display:flex;flex-direction:column;gap:6px}.bw-status{margin:0;color:#3b3020;font-size:clamp(11px,2.8cqh,14px);font-weight:500;text-align:center}.bw-status.max{color:#8a6512}.bw-status.locked{color:#d22a1f}.bw-progress{position:relative;height:clamp(10px,2.6cqh,14px);margin-left:clamp(10px,2.4cqh,14px);border-radius:999px;background:#c9b88c;box-shadow:inset 0 1px 3px #00000040}.bw-progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,#8fe07a,#3f9a33);transition:width .4s linear}.bw-progress-clock{position:absolute;left:calc(-1*clamp(10px,2.4cqh,14px));top:50%;width:clamp(20px,5cqh,26px);height:auto;transform:translateY(-50%)}.bw-progress.flat{margin-left:0}.bw-prodrate{display:flex;align-items:center;gap:8px;margin-bottom:clamp(4px,1.2cqh,8px)}.bw-prodrate .bw-stat-icon{width:clamp(22px,6cqh,30px);height:clamp(22px,6cqh,30px)}.bw-prodrate-value{color:#2f8a2a;font-size:clamp(15px,4.4cqh,22px);font-weight:600}.bw-storage{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;color:#6b5a38;font-size:clamp(10px,2.6cqh,13px)}.bw-storage b{color:#3b3020;font-weight:600}.speedup-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:32px;height:30px;padding:0 9px;border:1px solid #1a5fa8;border-radius:999px;background:linear-gradient(180deg,#5db3f5,#1f6fc4);color:#fff;font-weight:800;box-shadow:inset 0 1px #fff6,0 2px 3px #0000004d;cursor:pointer}.speedup-toggle-btn svg{width:16px;height:16px}.speedup-toggle-btn span{display:none}.speedup-toggle-btn:active{transform:translateY(1px)}.speedup-panel{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:8px;border-radius:10px;background:#ece6d8;border:2px solid #d3c397;color:#33291a}.speedup-tier-list{display:flex;flex-wrap:wrap;gap:6px}.speedup-tier-btn{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:8px;border:2px solid #c9a24e;background:#fbf6e6;color:#33291a;font-size:13px;font-weight:800;cursor:pointer}.speedup-tier-btn small{color:#83795f;font-weight:800}.speedup-tier-btn img,.speedup-tier-btn svg{width:22px;height:22px;object-fit:contain}.speedup-instant-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:1px solid #b4561f;border-radius:999px;background:linear-gradient(180deg,#ffb066,#e0661f);color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px #fff6;cursor:pointer}.speedup-instant-btn.free{background:linear-gradient(180deg,#7ccf4a,#3f8f22);color:#fff;border-color:#2f6e18}.speedup-instant-btn svg,.speedup-instant-btn img{width:16px;height:16px;object-fit:contain}.speedup-panel .queue-empty{margin:0;color:#83795f;font-size:12px}.bw .speedup-row{display:flex}.bw .speedup-toggle-btn{flex:1 1 auto;height:clamp(26px,7cqh,34px);font-size:clamp(11px,2.8cqh,14px);font-weight:600}.bw .speedup-toggle-btn span{display:inline}.ally-pending{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;border-radius:10px;background:#fff1d6;border:2px solid #e2a21c;color:#6b4a0e;font-weight:800;font-size:clamp(11px,2.8cqh,15px)}.ally-pending svg{width:1.1em;height:1.1em;vertical-align:-.15em}.ally-brows{display:flex;flex-direction:column;gap:clamp(5px,1.4cqh,9px)}.ally-brow{display:flex;align-items:center;gap:clamp(8px,2cqh,14px);padding:clamp(5px,1.4cqh,9px) clamp(8px,2cqh,12px);border-radius:10px;background:#f1e9d2;border:2px solid #d9c9a0;cursor:pointer}.ally-brow .crest.small{width:clamp(34px,9cqh,48px)}.ally-brow-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.ally-brow-name{color:#33291a;font-size:clamp(12px,3.2cqh,17px);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ally-brow-name small{color:#8a6512;font-weight:800}.ally-brow-meta,.ally-brow-rules{color:#7a6d4c;font-size:clamp(10px,2.5cqh,13px);font-weight:700}.ally-brow-meta svg,.ally-brow-meta img{width:1.1em;height:1.1em;vertical-align:-.15em}.ally-brow-status{color:#8a6512;font-size:clamp(10px,2.6cqh,14px);font-weight:800}.ally-found{display:flex;flex-direction:column;gap:clamp(6px,1.6cqh,12px);min-height:100%}.ally-found-cols{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(6px,1.6cqh,12px);align-items:start}@media (max-width: 560px){.ally-found-cols{grid-template-columns:minmax(0,1fr)}}.ally-fields{display:flex;gap:clamp(6px,1.4cqh,10px);margin-bottom:clamp(6px,1.4cqh,10px)}.ally-field{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;color:#6b5d3d;font-size:clamp(10px,2.4cqh,13px);font-weight:800}.ally-field.short{flex:0 0 34%}.ally-input{width:100%;box-sizing:border-box;height:clamp(30px,8cqh,40px);padding:0 12px;border-radius:10px;border:2px solid #c9a24e;background:#fffdf4;box-shadow:inset 0 2px 4px #5a3c0a2e;color:#33291a;font-family:inherit;font-size:clamp(12px,3.1cqh,16px);font-weight:800;text-align:left}.ally-input.tag{text-transform:uppercase;letter-spacing:1px}.ally-input::placeholder{color:#b3a888;font-weight:700;text-transform:none;letter-spacing:0}.ally-input:focus{outline:none;border-color:#e2851c;box-shadow:inset 0 2px 4px #5a3c0a2e,0 0 0 3px #e2851c40}.ally-found .ally-textarea{height:clamp(54px,15cqh,86px);min-height:0;padding:8px 12px;resize:none;font-weight:700;line-height:1.25}.ally-found-btn{width:100%;margin-top:clamp(6px,1.6cqh,10px);flex:0 0 auto}.crest-editor{align-items:stretch;margin:0}.crest-editor-preview{position:relative;flex:0 0 clamp(104px,24cqh,150px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;padding:10px 8px 8px;box-sizing:border-box;border-radius:12px;border:2px solid #c9a24e;background:radial-gradient(ellipse at 50% 70%,#3c64a8,#1d3a70 45%,#0e1d42);box-shadow:inset 0 0 22px #0000148c;overflow:hidden}.crest-editor-preview .crest.large{position:relative;width:100%}.crest-editor-preview .crest-random{position:relative;width:100%;height:clamp(26px,6.6cqh,34px);padding:0 8px;border:0;background:url(/assets/ui/kit/btn-blue.webp) center / 100% 100% no-repeat;color:#fff;font-size:clamp(11px,2.8cqh,14px);font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.5);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4));cursor:pointer}.crest-editor-label{margin:6px 0 3px;color:#6b5d3d;font-size:clamp(10px,2.5cqh,13px);font-weight:800}.crest-editor-label:first-child{margin-top:0}.crest-choice{padding:2px;border-radius:9px;background:#f1e9d2;border:2px solid #d9c9a0}.crest-choice.active{border-color:#e2a21c;background:#fff3cc;box-shadow:0 0 0 2px #e2a21c59}.crest-swatches{gap:6px}.crest-swatch{width:clamp(20px,5.2cqh,28px)}.crest-editor-preview{align-self:flex-start}.crest-choices{grid-template-columns:repeat(auto-fill,minmax(clamp(28px,7cqh,38px),1fr));gap:3px}.crest-choice img{height:clamp(24px,6cqh,32px)}.crest-swatches{gap:4px}.crest-swatch{width:clamp(17px,4.4cqh,24px)}#alliance-joinnav .ally-ribbon{padding:0 6% 0 17%;font-size:clamp(9.5px,2.5cqh,14px)}.crest-color-row{display:flex;align-items:center;gap:8px;margin-top:clamp(3px,1cqh,6px)}.crest-color-row .crest-editor-label{flex:0 0 clamp(58px,13cqh,84px);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crest-color-row .crest-swatches{flex:1 1 auto;min-width:0}.crest-color-row{flex-wrap:wrap;row-gap:2px}.crest-color-row .crest-editor-label{flex:0 0 100%;font-size:clamp(10px,2.5cqh,13px);line-height:1.1;white-space:normal;overflow:visible;text-overflow:clip}.crest-color-row .crest-swatches{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.crest-color-row .crest-swatch{width:100%;max-width:26px;aspect-ratio:1}.ally-field.short{flex-basis:28%}.ally-input.tag{padding:0 8px;text-align:center}.bw .speedup-toggle-btn{border:0;border-radius:8px;background:linear-gradient(180deg,#6bc0f5,#2f84d0);box-shadow:inset 0 1px #ffffff59,0 3px #1f5f9a,0 4px 6px #00000040;margin-bottom:3px}#modal-root:has(.bw) .modal-backdrop{background:transparent}.bw-card.grow .bw-card-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.bw-card .bw-desc{max-width:34em}.bw-prod-card{width:100%;max-width:26em}.bw-card.grow>.bw-card-title{align-self:stretch;text-align:center;padding-top:0;margin-bottom:4px}.bw-prod-card .bw-prodrate{justify-content:center}#world-map-overlay .army-body:has(.target-detail-panel){position:absolute;top:clamp(52px,14cqh,64px);right:clamp(48px,7cqw,64px);bottom:calc(var(--bottomnav-bottom) + var(--nav-icon-base) + 6px);left:auto;width:min(33cqw,292px);padding:0;display:flex;flex-direction:column;overflow:visible}#world-map-overlay .target-detail-panel{flex:0 1 auto;min-height:0;max-height:100%;margin:0;padding:0;gap:0;overflow:hidden;background:#efe7d4;border:3px solid #b08a4a;border-radius:10px;color:#3b3020;box-shadow:0 10px 26px #00000073;font-family:Rajdhani,Inter,system-ui,sans-serif}#world-map-overlay .target-detail-header{flex:0 0 auto;min-height:clamp(26px,7cqh,34px);padding:0 clamp(34px,8cqh,44px) 0 10px;background:linear-gradient(180deg,#70502a,#553a1d);color:#fff}#world-map-overlay .target-detail-header .unit-info{min-width:0}#world-map-overlay .target-detail-header .unit-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:clamp(12px,3.2cqh,16px);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.45)}#world-map-overlay .target-detail-header .unit-name small{display:block;margin-left:0;overflow:hidden;text-overflow:ellipsis;color:#f0dca4;font-size:.82em;font-weight:600}#world-map-overlay .target-detail-header .target-icon{width:clamp(18px,5cqh,24px);height:clamp(18px,5cqh,24px);flex:0 0 auto}.target-close{position:absolute;top:50%;right:8px;width:clamp(18px,4.8cqh,24px);height:clamp(18px,4.8cqh,24px);transform:translateY(-50%);padding:0;border:0;background:url(/assets/ui/inventory/close.webp) center / contain no-repeat;cursor:pointer}.target-detail-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px 10px 0}#world-map-overlay .target-detail-body .stat-card-title{color:#7a6638;font-size:clamp(10px,2.6cqh,13px);font-weight:600;text-align:left}#world-map-overlay .target-detail-body .queue-empty{margin:0;color:#7a6638;font-size:clamp(10px,2.5cqh,13px);text-align:left}#world-map-overlay .target-detail-body .army-unit-row,#world-map-overlay .target-detail-body .commander-slot-card,#world-map-overlay .target-detail-body .army-summary-bar{background:#e0d0aa;border:0;border-radius:6px;box-shadow:none;color:#3b3020}#world-map-overlay .target-detail-body .army-unit-row{padding:4px 8px;gap:8px}#world-map-overlay .target-detail-body .unit-name{color:#3b3020;font-size:clamp(11px,2.8cqh,14px);font-weight:600}#world-map-overlay .target-detail-body .unit-name small{color:#7a6638;font-weight:500}#world-map-overlay .target-detail-body .unit-icon{width:clamp(18px,5cqh,24px);height:clamp(18px,5cqh,24px)}#world-map-overlay .target-detail-body .assign-qty,#world-map-overlay .target-detail-body select{background:#fffdf4;border:2px solid #c9a24e;border-radius:6px;color:#3b3020;font-weight:600;padding:2px 6px}#world-map-overlay .target-detail-body .assign-qty{width:clamp(54px,14cqh,76px);text-align:center}#world-map-overlay .target-detail-body .cost-chip{background:#e0d0aa;border:0;color:#3b3020}#world-map-overlay .target-detail-body .btn-primary,#world-map-overlay .target-detail-body .btn-secondary{flex:1 1 auto;min-height:clamp(30px,8.4cqh,40px);border:0;border-radius:8px;color:#fff;font-size:clamp(12px,3cqh,15px);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff59,0 3px 0 var(--b3),0 4px 6px #00000040}#world-map-overlay .target-detail-body .btn-primary{background:linear-gradient(180deg,#9bd35a,#5aa02a);--b3: #3f7a1c}#world-map-overlay .target-detail-body .btn-secondary{background:linear-gradient(180deg,#b7b2a6,#7f7a6c);--b3: #5c584d}#world-map-overlay .target-detail-body>.btn-secondary{flex:0 0 auto}#world-map-overlay .target-own-badge{align-self:center;margin:8px 0 10px;color:#2f8a2a;font-size:clamp(12px,3cqh,15px);font-weight:600}#world-map-overlay .target-detail-body .commander-slot-portrait{position:relative;flex:0 0 auto;width:clamp(34px,10cqh,46px);height:clamp(34px,10cqh,46px);border-radius:8px;border:2px solid #c9a24e;background:#fffdf4;overflow:hidden}#world-map-overlay .target-detail-body .commander-slot-portrait img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}#world-map-overlay .target-detail-body .commander-slot-portrait b{position:absolute;left:0;bottom:0;padding:0 4px;border-radius:0 6px 0 0;background:#1e180cd1;color:#fff;font-size:clamp(9px,2.3cqh,11px);font-weight:600}#world-map-overlay .target-detail-body .commander-slot-bar{height:7px;margin-top:3px;border-radius:4px;background:#3b302040;overflow:hidden}#world-map-overlay .target-detail-body .commander-slot-bar i{display:block;height:100%;background:linear-gradient(#7ed957,#3f9d2a);border-radius:4px}#world-map-overlay .target-detail-body .commander-slot-over-capacity .commander-slot-bar i{background:linear-gradient(#ff7a6a,#c0392b)}#world-map-overlay .target-detail-body .army-summary-bar{position:static;z-index:auto}#world-map-overlay .target-detail-body .march-go-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;line-height:1.05;background:linear-gradient(#e8604f,#b83a2b);border:2px solid #8c2a1e;box-shadow:inset 0 1px #ffffff59,0 2px #7a2418}#world-map-overlay .target-detail-body .march-go-label{font-size:clamp(13px,3.4cqh,17px);font-weight:700}#world-map-overlay .target-detail-body .march-go-eta{display:inline-flex;align-items:center;gap:3px;font-size:clamp(10px,2.6cqh,13px);font-weight:600;min-height:1em}#world-map-overlay .target-detail-body .march-go-eta svg{width:1em;height:1em}#world-map-overlay .target-detail-header{min-height:clamp(40px,12cqh,52px);padding-left:clamp(58px,17cqh,74px)}#world-map-overlay .target-detail-header .target-hero{position:absolute;left:2px;bottom:0;width:clamp(52px,15cqh,66px);height:clamp(52px,15cqh,66px);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}#world-map-overlay .target-detail-header .target-hero img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}#world-map-overlay .target-detail-header .target-hero-castle img{max-height:88%}#world-map-overlay .target-detail-header{min-height:clamp(50px,15cqh,64px);padding-left:clamp(66px,19cqh,84px)}#world-map-overlay .target-detail-header .target-hero{width:clamp(62px,18cqh,80px);height:clamp(54px,15.5cqh,68px)}#world-map-overlay .target-detail-body .commander-slot-portrait{width:clamp(54px,16cqh,72px);height:clamp(40px,12cqh,54px);border:0;border-radius:0;background:url(/assets/attack/slot-commander-selected.webp) center bottom / 100% auto no-repeat;overflow:visible}#world-map-overlay .target-detail-body .commander-slot-portrait img{position:absolute;left:50%;top:0;width:clamp(26px,8cqh,36px);height:clamp(26px,8cqh,36px);transform:translate(-50%);border-radius:50%;border:2px solid #e3bd5e;box-shadow:0 2px 3px #00000073}#world-map-overlay .target-detail-body .commander-slot-portrait b{left:50%;bottom:0;transform:translate(-50%);border-radius:8px;padding:0 5px}#world-map-overlay .target-detail-body .stat-card-title{display:none}#world-map-overlay .target-detail-body .queue-empty{font-size:clamp(9px,2.3cqh,11.5px);text-align:center;opacity:.85}#deploy-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;font-family:Rajdhani,Inter,system-ui,sans-serif}#deploy-root.open{display:flex}#deploy-root .dp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#060a1480}#deploy-root .dp-window{position:relative;width:min(80cqw,700px);max-height:90cqh;display:flex;flex-direction:column;background:#e9dfc6;border:3px solid #b08a4a;border-radius:10px;box-shadow:0 12px 30px #0000008c;color:#3b3020;overflow:hidden}#deploy-root .dp-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(26px,7.5cqh,34px);background:linear-gradient(180deg,#70502a,#553a1d);color:#fff;font-size:clamp(14px,3.8cqh,19px);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}#deploy-root .dp-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:clamp(18px,5cqh,24px);height:clamp(18px,5cqh,24px);border:0;padding:0;background:url(/assets/ui/inventory/close.webp) center / contain no-repeat;cursor:pointer}#deploy-root .dp-tabs{position:absolute;left:calc(-1*clamp(48px,14cqh,66px) + 8px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:clamp(2px,1cqh,6px);z-index:1}#deploy-root .dp-tab{width:clamp(48px,14cqh,66px);height:clamp(34px,10cqh,46px);border:0;padding:0;background:transparent center / 100% 100% no-repeat;cursor:pointer;color:#3b3020;font:700 clamp(12px,3.4cqh,17px) "Rajdhani",sans-serif;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}#deploy-root .dp-tab span{display:block;margin-left:28%}#deploy-root .dp-tab.sel{transform:translate(8px);color:#fff;text-shadow:0 1px 2px rgba(120,50,0,.8)}#deploy-root .dp-sec{display:flex;flex-direction:column;background:#46341e1a}#deploy-root .dp-strip{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 6px;background:linear-gradient(180deg,#1f3560,#172746);color:#fff;font-size:clamp(11px,3cqh,15px);font-weight:700}#deploy-root .dp-badge{width:clamp(14px,4cqh,20px);height:clamp(14px,4cqh,20px)}#deploy-root .dp-cap{color:#cfe0ff;font-weight:600}#deploy-root .dp-cap.over{color:#ff8a7a}#deploy-root .dp-row{display:flex;justify-content:space-around;align-items:flex-end;padding:4px 6px 6px;gap:6px}#deploy-root .dp-cmd,#deploy-root .dp-troop{display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:none;padding:0;color:inherit;font:inherit;min-width:0}#deploy-root .dp-cmd{cursor:pointer;flex:0 0 auto}#deploy-root .dp-cmd-name,#deploy-root .dp-troop-name{font-size:clamp(10px,2.7cqh,13px);font-weight:700;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#deploy-root .dp-cmd-stage,#deploy-root .dp-troop-stage{position:relative;display:block}#deploy-root .dp-cmd-stage{width:clamp(88px,27cqh,130px)}#deploy-root .dp-troop-stage{width:clamp(54px,16cqh,78px)}#deploy-root .dp-platform{width:100%;display:block}#deploy-root .dp-portrait{position:absolute;left:50%;top:8%;width:44%;transform:translate(-50%);aspect-ratio:1;object-fit:cover;object-position:top;border-radius:50%;border:2px solid #e3bd5e;box-shadow:0 2px 4px #00000080}#deploy-root .dp-lv{position:absolute;left:50%;bottom:6%;transform:translate(-50%);padding:0 7px;border-radius:8px;background:#1e180cd9;color:#fff;font-size:clamp(9px,2.4cqh,12px)}#deploy-root .dp-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);font-style:normal;font-size:clamp(22px,7cqh,34px);font-weight:700;color:#503c1e99}#deploy-root .dp-cmd-hint{display:inline-flex;align-items:center;gap:3px;font-size:clamp(9px,2.4cqh,12px);color:#7a6638}#deploy-root .dp-cmd-hint img,#deploy-root .dp-cmd-hint svg{width:1.1em;height:1.1em}#deploy-root .dp-troop{flex:1 1 0}#deploy-root .dp-troop.empty{opacity:.55}#deploy-root .dp-troop-icon{position:absolute;left:50%;top:4%;transform:translate(-50%);width:38%}#deploy-root .dp-troop-icon img,#deploy-root .dp-troop-icon svg{width:100%;height:auto;display:block}#deploy-root .dp-troop-count{display:flex;align-items:center;gap:2px}#deploy-root .dp-troop-count button{width:clamp(16px,4.6cqh,22px);height:clamp(16px,4.6cqh,22px);border:0;border-radius:5px;background:linear-gradient(#e8b24a,#b9822a);color:#fff;font-weight:700;line-height:1;cursor:pointer}#deploy-root .dp-troop-count input{width:clamp(34px,10cqh,48px);text-align:center;background:#fffdf4;border:2px solid #c9a24e;border-radius:5px;color:#3b3020;font:700 clamp(10px,2.8cqh,13px) "Rajdhani",sans-serif;padding:1px 0}#deploy-root .dp-troop-avail{font-size:clamp(9px,2.3cqh,11px);color:#7a6638}#deploy-root .dp-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 4px 12px;background:linear-gradient(180deg,#1f3560,#142240);color:#fff;font-size:clamp(12px,3.3cqh,16px)}#deploy-root .dp-power{display:inline-flex;align-items:center;gap:5px}#deploy-root .dp-power img,#deploy-root .dp-power svg{width:1.3em;height:1.3em;object-fit:contain}#deploy-root .dp-power b{font-size:1.15em;letter-spacing:.02em}#deploy-root .dp-save{min-width:clamp(70px,20cqh,110px);min-height:clamp(24px,7cqh,32px);border:2px solid #2f6a1c;border-radius:8px;background:linear-gradient(#7fd257,#3f9a2a);color:#fff;font:700 clamp(12px,3.2cqh,15px) "Rajdhani",sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer}#deploy-root .dp-save:disabled{opacity:.6}#deploy-root .dp-locked{display:flex;flex-direction:column;align-items:center;padding:14px;gap:6px}#deploy-root .dp-locked img{width:clamp(90px,28cqh,140px)}#deploy-root .dp-picker{position:absolute;inset:clamp(26px,7.5cqh,34px) 0 0 0;background:#efe7d4;display:flex;flex-direction:column;z-index:3}#deploy-root .dp-picker-head{position:relative;display:flex;align-items:center;justify-content:center;padding:4px;background:linear-gradient(180deg,#1f3560,#172746);color:#fff;font-weight:700;font-size:clamp(12px,3.2cqh,15px)}#deploy-root .dp-picker-grid{display:flex;flex-wrap:wrap;gap:6px;padding:8px;overflow-y:auto;justify-content:center}#deploy-root .dp-pick{position:relative;width:clamp(62px,18cqh,86px);border:2px solid #c9a24e;border-radius:8px;background:#fffdf4;padding:2px 2px 3px;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#3b3020;font:600 clamp(9px,2.4cqh,12px) "Rajdhani",sans-serif}#deploy-root .dp-pick.current{border-color:#3f9a2a;box-shadow:0 0 0 2px #3f9a2a66}#deploy-root .dp-pick img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:6px}#deploy-root .dp-pick b{position:absolute;left:4px;top:4px;padding:0 5px;border-radius:7px;background:#1e180cd9;color:#fff}#deploy-root .dp-pick span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#deploy-root .dp-empty{color:#7a6638}#deploy-root .dp-back{position:absolute;left:8px;top:50%;transform:translateY(-50%);border:0;background:#ffffff29;color:#fff;border-radius:6px;padding:0 9px;font:700 clamp(14px,4cqh,18px) "Rajdhani",sans-serif;cursor:pointer}#world-map-overlay .world-map-tool-btn img,#world-map-overlay .world-map-tool-btn svg{width:62%;height:62%;object-fit:contain}.qk-btn,.build-sort-btn,.ally-card-action,.auth-switch button,.cmdr-sort-btn,.rc-chip-plus,.profile-meta-chip.profile-id{position:relative}.qk-btn:after,.build-sort-btn:after,.ally-card-action:after,.auth-switch button:after,.cmdr-sort-btn:after,.profile-meta-chip.profile-id:after{content:"";position:absolute;top:-8px;right:-3px;bottom:-8px;left:-3px}.rc-chip-plus:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.target-close:after,#deploy-root .dp-x:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}#deploy-root .dp-troop-count button{position:relative}#deploy-root .dp-troop-count button:after{content:"";position:absolute;top:-10px;right:-2px;bottom:-10px;left:-2px}#deploy-root .dp-troop-count button[data-dp-step="-1"]:after{left:-10px}#deploy-root .dp-troop-count button[data-dp-step="1"]:after{right:-10px}@media (orientation: landscape) and (max-height: 500px){.auth-modal-card.auth-mode-register{width:min(100%,560px)}.auth-modal-card.auth-mode-register #auth-form{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.auth-modal-card.auth-mode-register #auth-form>:not(.auth-field){grid-column:1 / -1}}.ally-ribbon span{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.05;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}#feature-modal-root.theme-inventory .queue-empty{color:#7a6638}.ally-flag-text .ally-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.08;overflow-wrap:anywhere;font-size:clamp(12px,3cqh,17px)}#feature-modal-root .donate-form{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}#feature-modal-root .donate-form+.donate-form{border-top:1px solid rgba(169,124,28,.2)}#feature-modal-root .donate-form .unit-cost{flex:1 1 auto;min-width:0;align-items:center}#feature-modal-root .donate-form .donate-amount{width:clamp(96px,26cqh,140px);min-height:34px;text-align:left;padding:6px 8px}#feature-modal-root.theme-commanders #screen-commanders .power-badge.cmdr-hero-power-display{background:#0a080473;color:var(--accent-gold-light)}#confirm-dialog-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:110;display:none;align-items:center;justify-content:center;padding:16px}#confirm-dialog-root.open{display:flex}.confirm-dialog{width:min(100%,340px);text-align:center}.confirm-dialog-title{margin:0 0 8px;color:var(--accent-gold-light)}.confirm-dialog-message{margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(11px,2.6cqh,15px);line-height:1.35}.confirm-dialog-message svg,.confirm-dialog-message img{width:22px;height:22px;flex:none}.confirm-dialog-actions{display:flex;gap:10px}.confirm-dialog-actions>button{flex:1;width:auto}.iron-source-hint{margin:6px 0 0;font-size:clamp(9px,2.2cqh,12.5px);line-height:1.3;color:#7a4b12;text-align:center}.build-shop-iron-hint{margin:4px 12px 0;color:var(--accent-gold-light, #f2d27a)}.panel-icon-btn.icon-locked{border-color:#8a8f99;color:#c9ccd3;filter:grayscale(.85);box-shadow:inset 0 1px #ffffff14,0 3px 6px #0006}.panel-icon-btn.icon-locked>svg{opacity:.55}.panel-icon-btn .panel-icon-lock{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2b2f38;border:1.5px solid #8a8f99;color:#f2f2f2}.panel-icon-btn .panel-icon-lock svg{width:12px;height:12px}.cmdr-portrait-placeholder{display:block;width:100%;height:100%;min-width:16px;min-height:16px;border-radius:inherit;background:radial-gradient(circle at 50% 37%,rgba(52,40,26,.6) 0 16.5%,transparent 17.5%),radial-gradient(ellipse 38% 30% at 50% 94%,rgba(52,40,26,.6) 0 97%,transparent 100%),linear-gradient(180deg,#ddd0ae,#b09a6c)}.cmdr-card-portrait:has(.cmdr-portrait-placeholder){width:100%;height:100%;display:flex;align-items:stretch;justify-content:center}.cmdr-card-portrait .cmdr-portrait-placeholder{background:radial-gradient(circle at 50% 36%,rgba(40,28,14,.42) 0 19%,transparent 20%),radial-gradient(ellipse 46% 34% at 50% 100%,rgba(40,28,14,.42) 0 97%,transparent 100%)}.cmdr-card-portrait.locked-portrait.has-art .cmdr-portrait-placeholder{filter:grayscale(.85) brightness(.5)}.cmdr-portrait-placeholder.cmdr-portrait-placeholder-hero{width:clamp(150px,46cqh,360px);height:auto;aspect-ratio:3 / 4;border-radius:0;background:radial-gradient(circle at 50% 26%,rgba(18,12,6,.62) 0 15%,transparent 16%),radial-gradient(ellipse 44% 46% at 50% 92%,rgba(18,12,6,.62) 0 97%,transparent 100%)}.cmdr-hero-portrait-figure:has(.cmdr-portrait-placeholder){font-size:0}#world-map-overlay .target-detail-body .commander-slot-portrait .cmdr-portrait-placeholder{position:absolute;left:50%;top:0;width:clamp(26px,8cqh,36px);height:clamp(26px,8cqh,36px);min-width:0;min-height:0;transform:translate(-50%);border-radius:50%;border:2px solid #e3bd5e;box-shadow:0 2px 3px #00000073}#deploy-root .cmdr-portrait-placeholder.dp-portrait{height:auto;min-width:0;min-height:0}#deploy-root .dp-pick .cmdr-portrait-placeholder{width:100%;height:auto;aspect-ratio:1;border-radius:6px}#deploy-root .dp-cmd-power{margin-left:8px;font-size:.78em;opacity:.85;white-space:nowrap}#world-map-overlay .target-detail-body .army-summary-bar.target-protected-bar{display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#3b72b8,#22487f);color:#fff;border:1px solid #9cc4ff}#world-map-overlay .target-detail-body .target-protected-bar b{color:#fff}#world-map-overlay .target-detail-body .target-protected-bar .target-protected-icon{display:inline-flex;flex:0 0 auto;width:1.8em;height:1.8em}#world-map-overlay .target-detail-body .target-protected-bar .target-protected-icon>*{width:100%;height:100%;object-fit:contain}.cmdr-xpbooks-open-btn:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%}#battle-result-root .modal-backdrop{background:#0a0806db}#app:has(#battle-result-root.open) #feature-modal-root .upgrade-full-header{visibility:hidden}.build-shop-iron-hint{position:relative;z-index:1;flex:0 0 auto}#world-map-overlay .army-body:has(.tp-wide){width:min(58cqw,560px)}@media (orientation: portrait){#world-map-overlay .army-body:has(.tp-wide){left:10px;right:10px;width:auto}}#world-map-overlay .army-body:has(.tp-wide){top:calc(clamp(52px,14cqh,64px) - clamp(0px,2cqh,8px))}#world-map-overlay .tp-wide .target-detail-header{min-height:clamp(34px,9.6cqh,46px);padding-left:clamp(56px,16cqh,76px)}#world-map-overlay .tp-wide .target-detail-header .target-hero{width:clamp(50px,14cqh,70px);height:clamp(38px,10.6cqh,52px)}#world-map-overlay .tp-wide .target-detail-body{gap:0;padding:0;overflow:hidden}#world-map-overlay .tp-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 0;display:flex;flex-direction:column;gap:6px}#world-map-overlay .tp-form{display:flex;flex-direction:column;gap:0}#world-map-overlay .tp-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:8px 10px;align-items:start}#world-map-overlay .tp-grid.tp-grid-even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (orientation: portrait){#world-map-overlay .tp-grid,#world-map-overlay .tp-grid.tp-grid-even{grid-template-columns:minmax(0,1fr)}}#world-map-overlay .tp-col{display:flex;flex-direction:column;gap:6px;min-width:0}#world-map-overlay .tp-strip{display:flex;align-items:center;gap:6px;padding:2px 8px 2px 4px;border-radius:5px;background:linear-gradient(180deg,#1f3560,#172746);color:#fff;font-size:clamp(10px,2.7cqh,13px);font-weight:700;line-height:1.2}#world-map-overlay .tp-strip:not(:has(img)){padding-left:8px}#world-map-overlay .tp-strip img{width:clamp(13px,3.6cqh,18px);height:clamp(13px,3.6cqh,18px);flex:0 0 auto}#world-map-overlay .vs-card{display:flex;flex-direction:column;gap:4px;padding:5px 7px 6px;border-radius:8px;background:#fffdf499;border:1px solid #d9c48d}#world-map-overlay .vs-bar{display:flex;align-items:center;justify-content:space-between;gap:6px}#world-map-overlay .vs-side{display:flex;flex-direction:column;min-width:0;line-height:1.1}#world-map-overlay .vs-side.theirs{align-items:flex-end;text-align:right}#world-map-overlay .vs-side small{font-size:clamp(9px,2.3cqh,11px);font-weight:600;color:#7a6638;text-transform:uppercase;letter-spacing:.04em}#world-map-overlay .vs-side b{display:inline-flex;align-items:center;gap:3px;font-size:clamp(13px,3.5cqh,17px);font-weight:700}#world-map-overlay .vs-side.mine b{color:#1f4c9a}#world-map-overlay .vs-side.theirs b{color:#a3281c}#world-map-overlay .vs-side img,#world-map-overlay .vs-side svg{width:1.15em;height:1.15em;object-fit:contain}#world-map-overlay .vs-mid{flex:0 0 auto;display:grid;place-items:center;width:clamp(20px,5.4cqh,26px);height:clamp(20px,5.4cqh,26px);border-radius:50%;background:linear-gradient(180deg,#2b3a5e,#172746);border:2px solid #e3bd5e;color:#ffd75a;font-size:clamp(8px,2.1cqh,10px);font-weight:700}#world-map-overlay .vs-meter{height:7px;border-radius:4px;background:linear-gradient(180deg,#d9574a,#a3281c);overflow:hidden}#world-map-overlay .vs-meter i{display:block;height:100%;background:linear-gradient(180deg,#5a8fe0,#1f4c9a);border-radius:4px 0 0 4px;box-shadow:2px 0 #ffffffb3}#world-map-overlay .vs-bonus{align-self:center;display:inline-flex;align-items:center;gap:3px;font-size:clamp(9px,2.3cqh,11px);font-weight:700;color:#1f4c9a}#world-map-overlay .vs-bonus svg{width:1.1em;height:1.1em}#world-map-overlay .vs-verdict{align-self:center;padding:1px 12px;border-radius:999px;font-size:clamp(11px,3cqh,14px);font-weight:700}#world-map-overlay .vs-verdict.vs-easy{background:#dff0cf;color:#2f6f1a}#world-map-overlay .vs-verdict.vs-even{background:#f6ecc4;color:#8a6a0a}#world-map-overlay .vs-verdict.vs-hard{background:#fbe0c3;color:#b5560f}#world-map-overlay .vs-verdict.vs-deadly{background:#f6d3cf;color:#a3281c}#world-map-overlay .tp-enemy .target-defenders{gap:4px}#world-map-overlay .tp-enemy .queue-empty{text-align:left}#world-map-overlay .tp-resource{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:clamp(11px,2.9cqh,14px);font-weight:600}#world-map-overlay .tp-resource svg,#world-map-overlay .tp-resource img{width:1.5em;height:1.5em;flex:0 0 auto}#world-map-overlay .formation-chips{display:flex;align-items:center;gap:6px;min-width:0}#world-map-overlay .formation-chips[hidden]{display:none}#world-map-overlay .formation-label{color:#7a6638;font-size:clamp(10px,2.6cqh,13px);font-weight:700}#world-map-overlay .tp-formation-list{display:flex;gap:1px;flex:1 1 auto;min-width:0}#world-map-overlay .formation-chip{position:relative;flex:0 1 clamp(34px,9.5cqh,44px);height:clamp(24px,6.8cqh,31px);border:0;padding:0 0 0 16%;background:transparent center / 100% 100% no-repeat;color:#3b3020;font:700 clamp(11px,3cqh,15px) "Rajdhani","Inter",sans-serif;cursor:pointer;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}#world-map-overlay .formation-chip.sel{color:#fff;text-shadow:0 1px 2px rgba(120,50,0,.8)}#world-map-overlay .formation-chip.empty{opacity:.65}#world-map-overlay .formation-chip.locked{cursor:default}#world-map-overlay .formation-chip:after{content:"";position:absolute;top:-6px;right:-1px;bottom:-6px;left:-1px}#world-map-overlay .formation-edit{flex:0 0 auto;position:relative;padding:3px 10px;border:1px solid #e3bd5e;border-radius:999px;background:linear-gradient(180deg,#2b3a5e,#172746);color:#fff;font:700 clamp(10px,2.6cqh,12px) "Rajdhani","Inter",sans-serif;cursor:pointer}#world-map-overlay .formation-edit:after{content:"";position:absolute;top:-7px;right:-2px;bottom:-7px;left:-2px}#world-map-overlay .tp-slot{display:flex;flex-direction:column;gap:5px;margin:0;padding:5px 6px;border:1px solid transparent;border-radius:8px}#world-map-overlay .tp-slot.commander-slot-over-capacity{border-color:#c0392b}#world-map-overlay .tp-slot-head{display:flex;align-items:center;gap:6px}#world-map-overlay .tp-cmd-pick,#world-map-overlay .tp-cta{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;padding:2px 22px 2px 2px;border:1px solid #d9c48d;border-radius:8px;background:#fffdf48c;color:#3b3020;font:inherit;text-align:left;cursor:pointer}#world-map-overlay .tp-cmd-pick:after,#world-map-overlay .tp-cta:after{content:"";position:absolute;right:9px;top:50%;width:7px;height:7px;border-right:2px solid #8a6a2a;border-bottom:2px solid #8a6a2a;transform:translateY(-65%) rotate(45deg)}#world-map-overlay .tp-cmd-pick.empty,#world-map-overlay .tp-cta{border:2px dashed #b08a4a;background:#fffdf459}#world-map-overlay .tp-cta{padding-top:4px;padding-bottom:4px}#world-map-overlay .tp-cmd-pick:active,#world-map-overlay .tp-cta:active{background:#fffdf4d9}#world-map-overlay .tp-cmd-info{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;gap:1px}#world-map-overlay .tp-cmd-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:break-word;font-size:clamp(11px,3cqh,14px);font-weight:700;line-height:1.1}#world-map-overlay .tp-cmd-sub,#world-map-overlay .tp-slot .commander-slot-capacity{color:#7a6638;font-size:clamp(9.5px,2.5cqh,12px);font-weight:600}#world-map-overlay .tp-slot .commander-slot-over-capacity .commander-slot-capacity,#world-map-overlay .tp-slot.commander-slot-over-capacity .commander-slot-capacity{color:#b52a1e}#world-map-overlay .tp-slot .commander-slot-bar{display:block;height:6px;margin-top:1px}#world-map-overlay .tp-slot .commander-slot-portrait,#world-map-overlay .tp-cta .commander-slot-portrait{width:clamp(46px,13.5cqh,62px);height:clamp(34px,10cqh,46px)}#world-map-overlay .tp-slot .commander-slot-portrait img,#world-map-overlay .tp-slot .commander-slot-portrait .cmdr-portrait-placeholder{width:clamp(24px,7cqh,32px);height:clamp(24px,7cqh,32px)}#world-map-overlay .commander-slot-portrait.empty{background-image:url(/assets/attack/slot-commander.webp)}#world-map-overlay .commander-slot-portrait.empty i{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-style:normal;font-size:clamp(20px,6cqh,28px);font-weight:700;line-height:1;color:#503c1ea6}#world-map-overlay .tp-fill-btn{flex:0 0 auto;position:relative;min-height:clamp(24px,6.6cqh,30px);padding:0 11px;border:0;border-radius:7px;background:linear-gradient(#f0bd4f,#b9822a);box-shadow:inset 0 1px #fff6,0 2px #8a5f1a;color:#fff;font:700 clamp(11px,2.9cqh,13px) "Rajdhani","Inter",sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.45);cursor:pointer}#world-map-overlay .tp-icon-btn{flex:0 0 auto;position:relative;display:grid;place-items:center;width:clamp(22px,6cqh,27px);height:clamp(22px,6cqh,27px);padding:0;border:0;border-radius:50%;background:#2b3a5e;color:#fff;cursor:pointer}#world-map-overlay .tp-icon-btn svg{width:55%;height:55%}#world-map-overlay .tp-fill-btn:after,#world-map-overlay .tp-icon-btn:after{content:"";position:absolute;top:-5px;right:-3px;bottom:-5px;left:-3px}#world-map-overlay .tp-fill-btn:active,#world-map-overlay .tp-icon-btn:active{transform:scale(.94)}#world-map-overlay .tp-troops{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(54px,15cqh,68px),1fr));gap:4px}#world-map-overlay .tp-troop{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 3px;padding:3px 4px 2px;border:1px solid #d9c48d;border-radius:7px;background:#fffdf499}#world-map-overlay .tp-troop.filled{border-color:#5aa02a;background:#e7f5d6bf}#world-map-overlay .tp-troop .unit-icon{width:clamp(16px,4.6cqh,22px);height:clamp(16px,4.6cqh,22px)}#world-map-overlay .tp-troop .unit-icon svg,#world-map-overlay .tp-troop .unit-icon img{width:80%;height:80%}#world-map-overlay .tp-troop .assign-qty{width:100%;min-width:0;height:clamp(22px,6cqh,27px);padding:0 2px;text-align:center;font-size:clamp(11px,3cqh,14px);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#world-map-overlay .tp-troop .assign-qty::-webkit-outer-spin-button,#world-map-overlay .tp-troop .assign-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#world-map-overlay .tp-troop small{grid-column:1 / -1;text-align:center;color:#7a6638;font-size:clamp(9px,2.3cqh,11px);font-weight:600;line-height:1}#world-map-overlay .tp-add{min-height:clamp(26px,7cqh,32px);font-size:clamp(11px,2.9cqh,14px)}#world-map-overlay .tp-totals{justify-content:center;padding:3px 6px;font-size:clamp(10px,2.6cqh,12px);text-align:center}#world-map-overlay .tp-foot{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;margin:6px -10px 0;padding:5px 10px 6px;background:#efe7d4;border-top:1px solid rgba(176,138,74,.55);box-shadow:0 -4px 6px -4px #0000002e}@media (orientation: portrait){#world-map-overlay .tp-foot{flex-direction:column;align-items:stretch;gap:4px}}#world-map-overlay .tp-hint{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;color:#a3281c;font-size:clamp(10px,2.7cqh,13px);font-weight:700;line-height:1.15}#world-map-overlay .tp-hint[hidden]{display:none}#world-map-overlay .tp-hint:before{content:"!";flex:0 0 auto;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:#d9541e;color:#fff;font-size:.95em}#world-map-overlay .tp-foot .march-go-btn{flex:0 0 auto;width:auto;margin-left:auto;min-width:clamp(130px,38cqh,190px);min-height:clamp(30px,8.4cqh,38px)}@media (orientation: portrait){#world-map-overlay .tp-foot .march-go-btn{margin-left:0}}#world-map-overlay .tp-foot .march-go-btn:disabled{opacity:1;filter:grayscale(.85) brightness(1.08);cursor:not-allowed}#world-map-overlay .tp-picker{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#world-map-overlay .tp-picker-head{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:clamp(24px,6.6cqh,30px);background:linear-gradient(180deg,#1f3560,#172746);color:#fff;font-size:clamp(12px,3.2cqh,15px);font-weight:700}#world-map-overlay .tp-back{position:absolute;left:6px;top:50%;transform:translateY(-50%);min-width:34px;height:100%;border:0;background:transparent;color:#fff;font:700 clamp(20px,5.6cqh,26px) / 1 "Rajdhani",sans-serif;cursor:pointer}#world-map-overlay .tp-picker-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(72px,21cqh,96px),1fr));gap:6px;align-content:start;padding:8px 10px 10px}#world-map-overlay .tp-picker-grid .queue-empty{grid-column:1 / -1}#world-map-overlay .tp-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 3px 4px;border:2px solid #c9a24e;border-radius:9px;background:#fffdf4;color:#3b3020;font:600 clamp(9px,2.4cqh,12px) "Rajdhani","Inter",sans-serif;cursor:pointer;min-width:0}#world-map-overlay .tp-pick:active:not(:disabled){transform:scale(.97)}#world-map-overlay .tp-pick.current{border-color:#3f9a2a;background:#f1fbe8;box-shadow:0 0 0 2px #3f9a2a73}#world-map-overlay .tp-pick:disabled{cursor:default;filter:grayscale(.7);opacity:.6}#world-map-overlay .tp-pick-art{position:relative;display:block;width:100%}#world-map-overlay .tp-pick-art img,#world-map-overlay .tp-pick-art .cmdr-portrait-placeholder,#world-map-overlay .tp-pick-art .tp-pick-blank{display:block;width:100%;aspect-ratio:1;min-width:0;min-height:0;height:auto;object-fit:cover;object-position:top;border-radius:6px}#world-map-overlay .tp-pick.none .tp-pick-blank{background:repeating-linear-gradient(45deg,#e8dcbb 0,#e8dcbb 6px,#efe7d4 6px,#efe7d4 12px);border:2px dashed #b08a4a;box-sizing:border-box}#world-map-overlay .tp-pick-art b{position:absolute;left:3px;top:3px;padding:0 5px;border-radius:7px;background:#1e180cd9;color:#fff;font-size:clamp(9px,2.4cqh,12px)}#world-map-overlay .tp-pick-check{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:clamp(16px,4.4cqh,21px);height:clamp(16px,4.4cqh,21px);border-radius:50%;background:#3f9a2a;border:2px solid #fff;color:#fff}#world-map-overlay .tp-pick-check svg{width:70%;height:70%}#world-map-overlay .tp-pick-art em{position:absolute;left:0;right:0;bottom:0;padding:1px 0;border-radius:0 0 6px 6px;background:#1e180cc7;color:#fff;font-style:normal;font-size:clamp(9px,2.3cqh,11px);text-align:center}#world-map-overlay .tp-pick-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}#world-map-overlay .tp-pick-meta{display:inline-flex;align-items:center;gap:2px;max-width:100%;overflow:hidden;white-space:nowrap;color:#7a6638;font-size:clamp(8.5px,2.2cqh,10.5px)}#world-map-overlay .tp-pick-meta svg,#world-map-overlay .tp-pick-meta img{width:1.1em;height:1.1em;flex:0 0 auto}.xpbooks-inline-grid{grid-template-columns:minmax(0,1fr);gap:4px}.xpbooks-inline-hint{text-transform:none;letter-spacing:0;font-size:clamp(7.5px,1.9cqh,11px);line-height:1.25}.xpbooks-inline-item{gap:5px;padding:2px 5px;min-height:0;min-width:0}.xpbooks-inline-item.maxed{opacity:.55;filter:grayscale(.7)}.xpbooks-inline-icon{width:clamp(22px,5.6cqh,32px);height:clamp(22px,5.6cqh,32px)}.xpbooks-inline-text{flex:1 1 auto}.xpbooks-inline-value{font-size:clamp(8px,2cqh,11.5px)}.xpbooks-inline-xpvalue{font-size:clamp(7.5px,1.8cqh,10.5px)}.xpbooks-inline-qty{flex:0 1 auto;font-size:clamp(7px,1.7cqh,10px)}.xpbooks-inline-qty b{font-size:clamp(9px,2.2cqh,12.5px);font-weight:800;color:var(--rc-ink)}.xpbooks-inline-btn{flex:0 0 auto;min-width:32px;height:clamp(18px,4.8cqh,24px);padding:0 7px;border-radius:999px;border:1.5px solid var(--rc-border-strong);background:linear-gradient(180deg,#f7d77b,#d9a93a);color:#4a3206;font-size:clamp(7.5px,1.8cqh,10.5px);font-weight:800;white-space:nowrap}.xpbooks-inline-btn.max{background:linear-gradient(180deg,#7fd49a,#3fae6c);color:#0f3b22}.xpbooks-inline-btn.max i{font-style:normal;opacity:.8}.xpbooks-inline-btn:active:not(:disabled){transform:scale(.95)}.xpbooks-inline-btn:disabled{background:var(--rc-panel);color:var(--rc-ink-dim);border-color:var(--rc-border);opacity:.8}.nav-chat-btn{margin-left:2px;align-self:flex-end}.nav-chat-btn .nav-icon{width:calc(var(--nav-icon-base) * .92);height:calc(var(--nav-icon-base) * .92)}.nav-chat-btn .nav-icon img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.nav-chat-btn .nav-notification-badge{top:4px;right:2px}.chat-preview{flex:1 1 0;min-width:0;max-width:clamp(150px,62cqh,330px);align-self:flex-end;box-sizing:border-box;margin:0 6px calc(var(--nav-icon-base) * .1) 2px;padding:clamp(2px,.6cqh,5px) clamp(5px,1.2cqh,9px);border-radius:6px;background:#0a0e1a8c;border:1px solid rgba(255,255,255,.12);font-family:var(--font-ui);font-size:clamp(9px,2.5cqh,13px);line-height:1.25;text-align:left;cursor:pointer;pointer-events:auto;overflow:hidden}.chat-preview[hidden]{display:none}.chat-preview-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef0f5;text-shadow:0 1px 1px rgba(0,0,0,.7)}.chat-preview-name{font-weight:700;color:#f2c94c}#app:has(#feature-modal-root.open,#modal-root.open,#buildmenu-root.open,#battle-result-root.open) .chat-preview,#app.has-overlay-open .chat-preview{pointer-events:none}#world-map-overlay{--formations-btn-size: calc(var(--nav-icon-group) * 1.14)}#world-map-overlay .world-map-formations-btn{position:absolute;z-index:5;width:var(--formations-btn-size);height:var(--formations-btn-size);right:calc(var(--bottomnav-bottom) + env(safe-area-inset-right) + (var(--nav-icon-group-big) - var(--formations-btn-size)) / 2);bottom:calc(var(--bottomnav-bottom) + env(safe-area-inset-bottom) + var(--nav-icon-group-big) - 6px);padding:0;background:none;border:none;pointer-events:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));transition:transform .1s ease,opacity .15s ease}#world-map-overlay:has(.target-detail-panel) .world-map-formations-btn,#app:has(#feature-modal-root.open,#modal-root.open,#buildmenu-root.open,#battle-result-root.open) #world-map-overlay .world-map-formations-btn,#app.has-overlay-open #world-map-overlay .world-map-formations-btn{opacity:0;pointer-events:none}#world-map-overlay .world-map-formations-btn:active{transform:scale(.93)}#world-map-overlay .world-map-formations-btn img{width:100%;height:100%;display:block;object-fit:contain}.messages-subnav{margin-bottom:8px}.messages-subnav .messages-tab{position:relative;flex:0 0 auto;min-width:120px;padding-left:22px;padding-right:22px}.messages-tab-badge{display:inline-block;min-width:16px;height:16px;margin-left:6px;padding:0 4px;border-radius:8px;background:#e0392b;border:1.5px solid #fff;color:#fff;font:700 11px/13px Rajdhani,sans-serif;text-align:center;vertical-align:middle}#feature-modal-root.theme-vip .modal-card.upgrade-full{position:relative;z-index:1;width:97cqw;height:95cqh;box-sizing:border-box;background:#162058 url(/assets/vip/panel-bg.svg) center / 96px 96px repeat;border:2px solid #c9a24e;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffe27a40,0 18px 44px #0009}html.no-touch #feature-modal-root.theme-vip .modal-card.upgrade-full{width:min(97cqw,1440px);height:min(95cqh,940px)}#feature-modal-root.theme-vip .upgrade-full-header{display:none}#feature-modal-root.theme-vip .feature-modal-body{flex:1 1 auto;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}#feature-modal-root.theme-vip #screen-vip.feature-pane.active{position:relative;display:block;flex:1 1 auto;height:100%;min-height:0;overflow:hidden}.vip-screen{display:grid;grid-template-columns:clamp(190px,50cqh,520px) minmax(0,1fr);height:100%;overflow:hidden;color:#f4ecd2}.vip-close{position:absolute;z-index:5;top:1.6cqh;right:1.6cqh;width:clamp(24px,7cqh,60px);height:clamp(24px,7cqh,60px);padding:0;border:2px solid #e9b94a;border-radius:50%;background:radial-gradient(circle at 35% 28%,#3a4aa8,#1c2766 60%,#101842);box-shadow:inset 0 1px #ffffff4d,0 2px 4px #0009,0 0 8px #ffd65a59;cursor:pointer;-webkit-tap-highlight-color:transparent}.vip-close:before,.vip-close:after{content:"";position:absolute;left:50%;top:50%;width:52%;height:11%;min-height:2px;border-radius:2px;background:linear-gradient(180deg,#fff1a6,#e9b94a);box-shadow:0 1px 1px #00000080}.vip-close:before{transform:translate(-50%,-50%) rotate(45deg)}.vip-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.vip-close:active{transform:scale(.94)}.vip-close.small{top:1cqh;right:1cqh;width:clamp(20px,5.4cqh,44px);height:clamp(20px,5.4cqh,44px)}.vip-side{display:flex;flex-direction:column;align-items:center;gap:.8cqh;min-height:0;padding:1.8cqh 1.8cqh 2.2cqh;background:linear-gradient(180deg,#070c2a80,#070c2ac7);border-right:1px solid rgba(233,185,74,.4);box-shadow:inset -6px 0 14px #00000040}.vip-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;gap:.5cqh;width:100%}.vip-crest{position:relative;width:clamp(80px,33cqh,340px);aspect-ratio:323 / 235;flex:0 1 auto;min-height:0;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.vip-crest-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vip-crest.is-dim .vip-crest-img{filter:grayscale(.85) brightness(.65)}.vip-crest-ribbon{position:absolute;left:28%;width:44%;top:68%;height:17%;display:flex;align-items:center;justify-content:center;font:800 clamp(9px,2.8cqh,26px) / 1 "Rajdhani","Segoe UI",sans-serif;letter-spacing:.06em;color:#fff;text-shadow:0 1px 0 #6d0c0c,0 0 4px rgba(90,0,0,.8);white-space:nowrap}.vip-bar-row{display:flex;align-items:center;gap:1cqh;width:100%}.vip-bar{position:relative;flex:1 1 auto;min-width:0;aspect-ratio:647 / 97;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.vip-bar-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vip-bar-track{position:absolute;left:12.7%;width:75.4%;top:28.9%;height:43.3%;overflow:hidden;border-radius:999px}.vip-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:clip-path .5s ease}.vip-bar-text{position:absolute;left:12.7%;right:11.9%;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font:800 clamp(9px,2.6cqh,24px) / 1 "Rajdhani","Segoe UI",sans-serif;color:#fff;letter-spacing:.03em;text-shadow:0 1px 2px #3a2400,0 0 3px #3a2400,0 0 2px #3a2400;white-space:nowrap}.vip-plus{position:relative;flex:0 0 auto;width:clamp(22px,6.2cqh,54px);height:clamp(22px,6.2cqh,54px);padding:0;border:2px solid #7a4d08;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff1a6,#f4c84a 45%,#c98a16);box-shadow:inset 0 1px #ffffffb3,0 2px 4px #0000008c,0 0 8px #ffd65a73;cursor:pointer;-webkit-tap-highlight-color:transparent}.vip-plus:before,.vip-plus:after{content:"";position:absolute;left:50%;top:50%;border-radius:2px;background:#4a2c04;transform:translate(-50%,-50%)}.vip-plus:before{width:54%;height:14%}.vip-plus:after{width:14%;height:54%}.vip-plus:active{transform:translateY(1px) scale(.96);filter:brightness(.94)}.vip-bar-sub{min-height:1.3em;font-size:clamp(8px,2.4cqh,20px);color:#cfd6f5;text-align:center}.vip-claims{display:flex;flex-direction:column;gap:1.2cqh;width:100%;flex:0 0 auto}.vip-claim-btn{display:flex;align-items:center;justify-content:center;gap:.8cqh;width:100%;min-height:clamp(34px,10cqh,90px);box-sizing:border-box;padding:0 .4cqh;border-style:solid;border-width:9px 20px;border-image:url(/assets/ui/kit/btn-gold.webp) 20 44 fill / 9px 20px stretch;background:none;color:#3b2606;font:800 clamp(9px,2.7cqh,24px) / 1.12 "Rajdhani","Segoe UI",sans-serif;text-shadow:0 1px 0 rgba(255,244,190,.7);cursor:pointer;-webkit-tap-highlight-color:transparent}.vip-claim-btn>img{flex:0 0 auto;width:clamp(18px,5.2cqh,46px);height:clamp(18px,5.2cqh,46px);margin:-6px 0;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.vip-claim-btn>span{min-width:0;text-align:center;overflow-wrap:anywhere}.vip-claim-done{display:flex;flex-direction:column;align-items:center;gap:.2cqh}.vip-claim-done>b{font-weight:800;font-variant-numeric:tabular-nums;color:#141a33}.vip-claim-btn:not(:disabled){animation:vipClaimGlow 1.8s ease-in-out infinite}.vip-claim-btn:not(:disabled):active{transform:translateY(1px) scale(.99);filter:brightness(.95)}.vip-claim-btn:disabled{border-image-source:url(/assets/ui/kit/btn-grey.webp);color:#1f2330;text-shadow:0 1px 0 rgba(255,255,255,.6);cursor:default}.vip-claim-btn:disabled>img{filter:grayscale(.7) brightness(.8);opacity:.8}@keyframes vipClaimGlow{0%,to{filter:drop-shadow(0 0 2px rgba(255,214,90,.35))}50%{filter:drop-shadow(0 0 7px rgba(255,214,90,.95))}}@media (prefers-reduced-motion: reduce){.vip-claim-btn:not(:disabled){animation:none}.vip-bar-fill{transition:none}}.vip-main{min-height:0;min-width:0;overflow:hidden;padding:1.8cqh 2.4cqh 2cqh;display:flex;flex-direction:column;gap:.9cqh}.vip-main>*{flex-shrink:0;width:100%;max-width:900px;margin-left:auto;margin-right:auto;box-sizing:border-box}.vip-sec-title{margin-top:.8cqh;font:700 clamp(9px,2.9cqh,26px) / 1.2 "Cinzel",Georgia,serif;letter-spacing:.08em;text-transform:uppercase;color:#f6dc8a;text-shadow:0 1px 2px rgba(0,0,0,.7);text-align:center}.vip-main>.vip-sec-title:first-child{margin-top:0;padding:0 clamp(26px,7.6cqh,64px)}.vip-divider{height:clamp(6px,2.3cqh,20px);margin-top:-.6cqh;background:url(/assets/vip/divider.svg) center / 100% 100% no-repeat}.vip-ladder{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:.4cqh;row-gap:3.4cqh;padding:3.2cqh .4cqh 1.4cqh}.vip-lvl{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.vip-badge{position:relative;display:block;width:clamp(28px,9.8cqh,90px);aspect-ratio:44 / 48}.vip-badge img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vip-badge b{position:absolute;left:25%;width:50%;top:38%;height:40%;display:flex;align-items:center;justify-content:center;font:800 clamp(9px,2.9cqh,26px) / 1 "Rajdhani","Segoe UI",sans-serif;color:#fff;text-shadow:0 1px 0 #000,0 0 3px rgba(0,0,0,.9)}.vip-lvl-medal{filter:drop-shadow(0 2px 2px rgba(0,0,0,.55));transition:transform .15s ease}.vip-lvl.is-locked .vip-lvl-medal{filter:grayscale(.6) brightness(.68) drop-shadow(0 2px 2px rgba(0,0,0,.5))}.vip-lvl.is-current .vip-lvl-medal{filter:drop-shadow(0 0 7px rgba(255,214,90,.95)) drop-shadow(0 2px 2px rgba(0,0,0,.55))}.vip-lvl-you{position:absolute;top:-2.6cqh;left:50%;transform:translate(-50%);padding:.1cqh 1.2cqh;border-radius:999px;background:linear-gradient(180deg,#ffe27a,#d79a1c);color:#3b2606;font:800 clamp(9.5px,2cqh,18px) / 1.2 "Rajdhani","Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 3px #00000080;white-space:nowrap;z-index:1}.vip-lvl.is-selected .vip-lvl-medal{transform:scale(1.1)}.vip-lvl.is-selected:after{content:"";position:absolute;left:18%;right:18%;bottom:-1cqh;height:.7cqh;min-height:2px;border-radius:3px;background:linear-gradient(90deg,transparent,#ffe27a,transparent)}.vip-perks{display:flex;flex-direction:column;flex:1 1 0;min-height:0;gap:.9cqh}.vip-perk{display:flex;align-items:center;flex:1 1 0;min-height:0;max-height:10.4cqh;gap:1.4cqh;padding:.3cqh 1.6cqh .3cqh .3cqh;border-radius:999px 12px 12px 999px;border:1px solid rgba(233,185,74,.45);background:linear-gradient(90deg,#ffffff21,#ffffff0a);box-shadow:inset 0 1px #ffffff1f,0 1px 3px #0000004d;overflow:hidden}.vip-perk-icon{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:100%;max-height:9.4cqh;aspect-ratio:1}.vip-perk-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.vip-perk-label{flex:1 1 auto;min-width:0;font-size:clamp(8px,2.7cqh,24px);line-height:1.15;color:#f4ecd2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.vip-perk-val{flex:0 0 auto;font:800 clamp(10px,3.4cqh,30px) / 1 "Rajdhani","Segoe UI",sans-serif;color:#ffe27a;text-shadow:0 1px 2px rgba(0,0,0,.6)}.vip-buy-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:2cqh}.vip-buy-modal[hidden]{display:none}.vip-buy-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#030616b8}.vip-buy-card{position:relative;display:flex;flex-direction:column;gap:1.2cqh;width:min(100%,clamp(300px,112cqh,900px));box-sizing:border-box;padding:2.4cqh 2.8cqh 2.2cqh;border:2px solid #c9a24e;border-radius:14px;background:#162058 url(/assets/vip/panel-bg.svg) center / 96px 96px repeat;box-shadow:0 0 0 1px #ffe27a40,0 14px 40px #000000b3;color:#f4ecd2}.vip-buy-card .vip-sec-title{margin-top:0;padding:0 clamp(22px,6cqh,50px)}.vip-buy-balance{display:flex;align-items:center;justify-content:center;gap:1.4cqh;font-size:clamp(9px,2.8cqh,24px);color:#cfd6f5}.vip-buy-balance b{display:inline-flex;align-items:center;gap:.6cqh;padding:.4cqh 1.6cqh;border-radius:999px;background:#0006;border:1px solid rgba(233,185,74,.5);font:800 clamp(11px,3.4cqh,30px) / 1 "Rajdhani","Segoe UI",sans-serif;color:#fff}.vip-buy-balance img,.vip-pack-cost img{width:clamp(14px,4.2cqh,36px);height:clamp(14px,4cqh,34px);object-fit:contain}.vip-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2cqh}.vip-pack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqh;min-height:clamp(40px,13cqh,110px);padding:.8cqh 1cqh;border:1px solid #8a5a0c;border-radius:10px;background:linear-gradient(180deg,#ffe58a,#f2c444 45%,#d9962a);box-shadow:inset 0 1px #ffffffa6,0 2px 3px #0006;color:#3b2606;font:800 clamp(9px,2.8cqh,24px) / 1.15 "Rajdhani","Segoe UI",sans-serif;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.vip-pack:active:not(:disabled){filter:brightness(.94);transform:translateY(1px)}.vip-pack-cost{display:inline-flex;align-items:center;gap:.5cqh;font-size:1.1em}.vip-pack:disabled{cursor:default;background:linear-gradient(180deg,#6d7185,#4c5063);border-color:#2a2d3c;color:#c5c9d8;box-shadow:inset 0 1px #fff3,0 2px 3px #0006}.vip-pack.is-short .vip-pack-cost{color:#ff9a8a}.vip-pack.is-short img{filter:grayscale(.6)}.vip-note{margin:0;font-size:clamp(8px,2.3cqh,20px);font-style:italic;color:#aab4de;text-align:center}#top-resources .hud-res-pill{pointer-events:auto;cursor:pointer}#res-info-card{position:absolute;z-index:8;width:min(clamp(210px,44cqw,270px),calc(100% - 16px));box-sizing:border-box;padding:clamp(6px,1.8cqh,10px) clamp(8px,2cqh,12px);background:var(--stone-panel);border:1.5px solid var(--stone-border-light);border-radius:var(--radius-md);box-shadow:var(--elevation-3);color:var(--text-main);font-family:var(--font-ui);pointer-events:auto}#res-info-card[hidden]{display:none}#res-info-card:before{content:"";position:absolute;top:-6px;left:var(--ri-arrow-x, 24px);width:10px;height:10px;background:#232e49;border-left:1.5px solid var(--stone-border-light);border-top:1.5px solid var(--stone-border-light);transform:translate(-50%) rotate(45deg)}#res-info-card .ri-head{display:flex;align-items:center;gap:6px}#res-info-card .ri-icon{width:clamp(16px,4.6cqh,22px);height:clamp(16px,4.6cqh,22px);flex:0 0 auto}#res-info-card .ri-icon>*{width:100%;height:100%;object-fit:contain}#res-info-card .ri-title{flex:1 1 auto;font-weight:700;font-size:clamp(11px,2.9cqh,14px);color:var(--accent-gold-light)}#res-info-card .ri-badge{flex:0 0 auto;padding:1px 6px;border-radius:999px;font-size:clamp(8px,2cqh,10px);font-weight:800;letter-spacing:.04em;background:#e8a13a;color:#3a2504}#res-info-card[data-status=full] .ri-badge{background:var(--accent-red);color:#fff}#res-info-card .ri-close{flex:0 0 auto;width:22px;height:22px;padding:4px;background:none;border:none;color:var(--text-dim)}#res-info-card .ri-close svg{width:100%;height:100%}#res-info-card .ri-bar{height:7px;margin:6px 0;border-radius:999px;background:#00000073;border:1px solid var(--stone-border);overflow:hidden}#res-info-card .ri-bar[hidden]{display:none}#res-info-card .ri-bar-fill{height:100%;background:linear-gradient(180deg,#7fd49a,var(--accent-green));transition:width .4s ease}#res-info-card[data-status=near] .ri-bar-fill{background:linear-gradient(180deg,#ffd27a,#e8a13a)}#res-info-card[data-status=full] .ri-bar-fill{background:linear-gradient(180deg,#ff8a8a,var(--accent-red))}#res-info-card .ri-rows{margin:0;display:flex;flex-direction:column;gap:2px}#res-info-card .ri-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:clamp(10px,2.6cqh,13px)}#res-info-card .ri-row[hidden]{display:none}#res-info-card dt{color:var(--text-dim)}#res-info-card dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}#res-info-card .ri-row-max dd{color:var(--accent-gold-light)}#res-info-card[data-status=full] .ri-row-max dd,#res-info-card[data-status=full] [data-ri=full]{color:#ff8a8a}#res-info-card[data-status=near] [data-ri=full]{color:#ffd27a}#res-info-card .ri-hint{margin:6px 0 0;padding-top:5px;border-top:1px solid var(--stone-border);font-size:clamp(9px,2.3cqh,12px);line-height:1.25;color:var(--text-dim)}.pz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:max(6px,env(safe-area-inset-top,0px)) max(6px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));background:#030616c7}.pz-window{--pz-gold: #c9a24e;--pz-gold-hi: #ffe27a;--pz-ink: #f4ecd2;--pz-g: .8em;position:relative;display:flex;flex-direction:column;box-sizing:border-box;font-family:Rajdhani,Segoe UI,sans-serif;font-size:clamp(10px,2.5vh,20px);width:min(97vw,84em);height:min(94vh,37em);overflow:hidden;color:var(--pz-ink);background:#162058 url(/assets/vip/panel-bg.svg) center / 96px 96px repeat;border:2px solid var(--pz-gold);border-radius:14px;box-shadow:0 0 0 1px #ffe27a40,0 18px 44px #0009}:where(.pz-window) button{font-family:inherit;font-size:inherit}.pz-window button{cursor:pointer;-webkit-tap-highlight-color:transparent}.pz-window img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pz-head{position:relative;flex:0 0 auto;padding:.7em 4.6em 0;text-align:center}.pz-title{margin:0;font:700 1.7em/1.2 Cinzel,Georgia,serif;letter-spacing:.08em;text-transform:uppercase;color:#f6dc8a;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz-divider{height:.9em;width:min(100%,44em);margin:.15em auto 0;background:url(/assets/vip/divider.svg) center / 100% 100% no-repeat}.pz-close{position:absolute;top:.55em;right:.6em;width:2.7em;height:2.7em;padding:0;border:2px solid #e9b94a;border-radius:50%;background:radial-gradient(circle at 35% 28%,#3a4aa8,#1c2766 60%,#101842);box-shadow:inset 0 1px #ffffff4d,0 2px 4px #0009,0 0 8px #ffd65a59}.pz-close:before,.pz-close:after{content:"";position:absolute;left:50%;top:50%;width:52%;height:11%;min-height:2px;border-radius:2px;background:linear-gradient(180deg,#fff1a6,#e9b94a);box-shadow:0 1px 1px #00000080}.pz-close:before{transform:translate(-50%,-50%) rotate(45deg)}.pz-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.pz-close:active{transform:scale(.94)}.pz-body{flex:1 1 0;min-height:0;display:grid;grid-template-columns:10.5em minmax(0,1fr) 21em;gap:.9em;padding:.4em 1em 1em}.pz-tabs{display:flex;flex-direction:column;align-self:start;gap:.7em;min-width:0}.pz-tab{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:3.8em;padding:.4em .7em;font-size:1.2em;font-weight:800;line-height:1.1;text-align:center;overflow-wrap:anywhere;color:var(--pz-ink);background:linear-gradient(180deg,#2f3f9a,#18226a);border:2px solid #8a7234;border-radius:.6em;box-shadow:inset 0 1px #ffffff2e,0 2px 4px #00000073}.pz-tab.active{color:#3b2606;text-shadow:0 1px 0 rgba(255,244,190,.7);background:linear-gradient(180deg,#ffe58a,#f2c444 45%,#d9962a);border-color:#8a5a0c;box-shadow:inset 0 1px #ffffffa6,0 0 .7em #ffd65a80,0 2px 4px #00000073}.pz-tab:active{transform:translateY(1px)}.pz-main,.pz-detail{min-width:0;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:linear-gradient(180deg,#070c2a80,#070c2ac7);border:1px solid rgba(233,185,74,.45);border-radius:.7em;box-shadow:inset 0 0 .9em #0000004d}.pz-main{gap:.6em;padding:.6em}.pz-strip{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.6em;min-height:2.6em;padding:.2em .8em;background:#0000004d;border:1px solid rgba(233,185,74,.3);border-radius:.5em}.pz-strip-text{display:inline-flex;align-items:center;gap:.5em;font-size:1.2em;font-weight:800;color:#f6dc8a}.pz-strip-star{display:inline-flex;width:1.3em;height:1.3em}.pz-strip-star svg{width:100%;height:100%}.pz-auto{display:inline-flex;align-items:center;gap:.5em;padding:.2em .9em .2em .5em;font-size:1.1em;font-weight:800;color:var(--pz-ink);background:linear-gradient(180deg,#2f3f9a,#18226a);border:2px solid #8a7234;border-radius:999px}.pz-auto-box{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:1.4em;height:1.4em;color:#fff;background:#00000073;border:2px solid var(--pz-gold);border-radius:.3em}.pz-auto.on .pz-auto-box{background:linear-gradient(180deg,#58d364,#2a9a3c);border-color:#1b6b2a}.pz-auto-box svg{width:85%;height:85%}.pz-auto:disabled,.pz-use:disabled{opacity:.6}.pz-gridwrap{flex:1 1 0;min-height:0;container-type:size}.pz-grid{--rows: 3;--cols: 4;--t: min(calc((100cqw - (var(--cols) - 1) * var(--pz-g)) / var(--cols)), calc((100cqh - (var(--rows) - 1) * var(--pz-g)) / var(--rows)));width:100cqw;height:100cqh;display:grid;grid-template-columns:repeat(var(--cols),var(--t));grid-auto-rows:var(--t);gap:var(--pz-g);justify-content:center;align-content:center}.pz-grid.frame{--rows: 2}.pz-grid.avatar{--pz-g: .55em}.pz-tile{position:relative;display:block;box-sizing:border-box;width:100%;height:100%;padding:0;overflow:hidden;color:inherit;border:2px solid rgba(233,185,74,.55);border-radius:.6em;background:linear-gradient(180deg,#3469b8,#1d3f80);box-shadow:0 .2em .4em #00000073,inset 0 1px #ffffff38}.pz-tile:active{transform:translateY(1px)}.pz-tile.selected{border-color:#ffd04d;box-shadow:0 0 0 2px #ffd04d8c,0 0 .9em #ffd04da6}.pz-avatar-disc{position:absolute;top:14%;right:14%;bottom:14%;left:14%;box-sizing:border-box;overflow:hidden;border-radius:50%;background:#1a2c52;border:.14em solid #f2ead2;box-shadow:0 .1em .3em #00000080}.pz-avatar-disc img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.pz-inuse{position:absolute;z-index:3;box-sizing:border-box;padding:.05em .6em .1em;font-size:.95em;font-weight:900;line-height:1.2;white-space:nowrap;color:#fff;text-shadow:0 1px 1px rgba(0,50,10,.8);background:linear-gradient(180deg,#58d364,#2a9a3c);border:1px solid #1b6b2a;border-radius:999px;box-shadow:0 1px 2px #00000080}.pz-inuse.dot{left:.35em;top:.35em;display:flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;padding:0;border-radius:50%}.pz-inuse.dot svg{width:70%;height:70%}.pz-tile.pz-frame{--rar: #9aa4b2;background:radial-gradient(circle at 50% 38%,#46526b,#232b3e 82%);border-color:var(--rar)}.pz-tile.pz-frame.selected{border-color:#ffd04d}.pz-fit{container-type:size;display:grid;place-items:center}.pz-frame-art{position:absolute;left:6%;right:6%;top:6%;bottom:24%}.pz-tile.locked .pz-frame-art{filter:grayscale(1) brightness(.62)}.pz-lock{position:absolute;left:50%;top:41%;width:30%;transform:translate(-50%,-50%);z-index:2;color:#e8ecf3;filter:drop-shadow(0 .1em .2em rgba(0,0,0,.7))}.pz-lock svg{display:block;width:100%;height:auto}.pz-tile.pz-avatar.free{background:linear-gradient(180deg,#2f93b3,#17617f)}.pz-tile.pz-avatar.locked{background:linear-gradient(180deg,#3d4663,#232a42);border-color:#e9b94a47}.pz-tile.pz-avatar.locked .pz-avatar-disc{filter:grayscale(1) brightness(.7);border-color:#9aa3b8}.pz-avatar-lock{top:50%;width:28%}.pz-lvchip{position:absolute;right:.35em;top:.35em;z-index:2;padding:.05em .5em .1em;font-size:.95em;font-weight:800;line-height:1.2;color:#ffe9a8;background:#080c18d9;border-radius:999px}.pz-stars{display:flex;align-items:center;justify-content:center;gap:.05em}.pz-tile .pz-stars{position:absolute;left:0;right:0;bottom:0;height:22%;background:#0a0e1a99}.pz-stars i{display:inline-flex;height:68%;aspect-ratio:1}.pz-stars svg{width:100%;height:100%}.pz-stars.big{flex:0 0 auto;height:1.9em}.pz-stars.big i{height:100%}.pz-port{position:relative;display:block;width:min(100cqw,calc(100cqh * 486 / 512));aspect-ratio:486 / 512}.pz-port-mask{position:absolute;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#35507f,#1a2a4c 75%)}.pz-port-mask img,.pz-port-head img{position:absolute;display:block;max-width:none}.pz-port-head{position:absolute;overflow:hidden}.pz-port-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pz-detail{align-items:center;gap:.5em;padding:.7em}.pz-ribbon{align-self:stretch;flex:0 0 auto;padding:.35em .6em;text-align:center;font:700 1.25em/1.25 Cinzel,Georgia,serif;letter-spacing:.03em;color:#ffe27a;background:linear-gradient(180deg,#2f3f9a,#18226a);border:1px solid var(--pz-gold);border-radius:.5em;box-shadow:inset 0 1px #fff3,0 2px 3px #0006;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz-prevwrap{flex:1 1 0;min-height:0;width:100%;container-type:size;display:grid;place-items:center}.pz-square{--sq: min(100cqw, 100cqh, 440px);position:relative;width:var(--sq);height:var(--sq);display:grid;place-items:end center;box-sizing:border-box;padding-bottom:4%;overflow:hidden;border-radius:.8em;background:radial-gradient(circle at 50% 45%,#5676d261,#0e16428c 72%);border:1px solid rgba(233,185,74,.35)}@media (min-resolution: 1.5dppx){.pz-square{--sq: min(100cqw, 100cqh, 300px)}}@media (min-resolution: 2dppx){.pz-square{--sq: min(100cqw, 100cqh, 225px)}}@media (min-resolution: 3dppx){.pz-square{--sq: min(100cqw, 100cqh, 150px)}}.pz-square .pz-port{width:calc(var(--sq) * .84 * 486 / 512);filter:drop-shadow(0 .12em .2em rgba(0,0,0,.45))}.pz-square.locked .pz-port{filter:grayscale(.9) brightness(.7)}.pz-square-lock{position:absolute;left:50%;top:50%;width:26%;transform:translate(-50%,-50%);color:#e8ecf3;filter:drop-shadow(0 .1em .25em rgba(0,0,0,.8))}.pz-square-lock svg{display:block;width:100%;height:auto}.pz-kind{flex:0 0 auto;font-size:1.2em;font-weight:800;line-height:1.1;color:#cfd6f5}.pz-detail-foot{flex:0 0 auto;width:100%;display:flex;align-items:stretch;justify-content:center;min-height:3.4em}.pz-use,.pz-status{display:flex;align-items:center;justify-content:center;gap:.4em;box-sizing:border-box;width:100%;min-height:3.4em;padding:.3em .6em;font-size:1.5em;font-weight:900;line-height:1.1;text-align:center;border-radius:.5em}.pz-use{color:#3b2606;text-shadow:0 1px 0 rgba(255,244,190,.7);background:linear-gradient(180deg,#ffe58a,#f2c444 45%,#d9962a);border:2px solid #8a5a0c;box-shadow:inset 0 1px #ffffffa6,0 2px 3px #0006}.pz-use:active{transform:translateY(1px);filter:brightness(.94)}.pz-use.locked{font-size:1.05em;font-weight:800;color:#cfd6f5;text-shadow:none;background:linear-gradient(180deg,#4b5170,#2e3350);border-color:#1d2136;box-shadow:inset 0 1px #ffffff2e,0 2px 3px #0006;opacity:1}.pz-use.locked:active{transform:none;filter:none}.pz-use.locked svg{width:1.5em;height:1.5em;flex:0 0 auto}.pz-status{color:#fff;text-shadow:0 1px 1px rgba(0,50,10,.8);background:linear-gradient(180deg,#58d364,#2a9a3c);border:2px solid #1b6b2a;box-shadow:inset 0 1px #ffffff73,0 2px 3px #0006}.pz-status svg{width:1.1em;height:1.1em;flex:0 0 auto}.pz-status.locked{font-size:1.05em;font-weight:800;color:#cfd6f5;text-shadow:none;background:linear-gradient(180deg,#4b5170,#2e3350);border-color:#1d2136;box-shadow:inset 0 1px #ffffff2e,0 2px 3px #0006}.pz-status.locked svg{width:1.5em;height:1.5em}#feature-modal-root.theme-leaderboard .modal-card.upgrade-full{position:relative;z-index:1;width:97cqw;height:95cqh;box-sizing:border-box;background:#162058 url(/assets/vip/panel-bg.svg) center / 96px 96px repeat;border:2px solid #c9a24e;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffe27a40,0 18px 44px #0009}html.no-touch #feature-modal-root.theme-leaderboard .modal-card.upgrade-full{width:min(97cqw,1440px);height:min(95cqh,940px)}#feature-modal-root.theme-leaderboard .upgrade-full-header{display:none}#feature-modal-root.theme-leaderboard .feature-modal-body{flex:1 1 auto;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}#feature-modal-root.theme-leaderboard #screen-leaderboard.feature-pane.active{position:relative;display:block;flex:1 1 auto;height:100%;min-height:0;overflow:hidden}.lb-screen{--row: 7.5cqh;display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:1.2cqh 2cqh;gap:.7cqh;color:#f4ecd2;font-family:var(--font-ui)}.lb-top{flex:0 0 auto;height:9.4cqh;display:flex;align-items:center;gap:1.8cqh;padding-right:7.8cqh;min-width:0}.lb-header{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:1cqh}.lb-header img{flex:0 0 auto;display:block;height:6.6cqh;width:auto;filter:drop-shadow(0 .3cqh .4cqh rgba(0,0,0,.5))}.lb-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 max(14px,3.9cqh) / 1.2 var(--font-display);letter-spacing:.04em;color:#ffe9a8;text-shadow:0 .2cqh .3cqh rgba(0,0,0,.8)}.lb-modes,.lb-cats{display:flex;align-items:center;gap:.5cqh;min-width:0}.lb-modes{flex:0 1 auto;padding:.5cqh;border-radius:1.6cqh;background:#060c2c8c;box-shadow:inset 0 0 0 1px #e9b94a59}.lb-cats{flex:0 1 auto;margin-left:auto}.lb-tab{position:relative;flex:0 1 auto;min-width:0;height:6.6cqh;padding:0 1.4cqh 0 .8cqh;display:flex;align-items:center;gap:.7cqh;border:0;border-radius:1.3cqh;background:#060c2c66;color:#aab7e6;cursor:pointer;-webkit-tap-highlight-color:transparent}.lb-modes .lb-tab{background:transparent}.lb-tab img{flex:0 0 auto;display:block;height:5.2cqh;width:5.2cqh;object-fit:contain;opacity:.65;filter:saturate(.6) brightness(.85);transition:opacity .12s,filter .12s}.lb-tab span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 max(11px,2.9cqh) / 1.1 var(--font-ui)}.lb-tab.active{color:#ffe9a8;background:radial-gradient(ellipse at 50% 40%,#ffd65a4d,#ffd65a14 75%);box-shadow:inset 0 0 0 max(1px,.3cqh) #e9b94a}.lb-tab.active img{opacity:1;filter:none}.lb-tab:active{transform:scale(.97)}.lb-close{top:2.6cqh;right:1.8cqh}.lb-colhead{flex:0 0 auto;height:3.8cqh;display:flex;align-items:center;gap:1.5cqh;padding:0 1.4cqh;border-bottom:1px solid rgba(233,185,74,.35);font:700 max(10px,2.4cqh) / 1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:#aab7e6;white-space:nowrap}.lb-ch-note{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center;text-transform:none;letter-spacing:0;font-weight:600;color:#ffe9a8}.lb-ch-left{flex:0 0 auto;margin-left:calc(var(--row) * .95)}.lb-ch-right{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:.7cqh;color:#ffe28a}.lb-ch-note+.lb-ch-right{margin-left:0}.lb-ch-right img{display:block;height:3.4cqh;width:3.4cqh;object-fit:contain}.lb-listwrap{position:relative;flex:1 1 0;min-height:0;display:flex;flex-direction:column}.lb-list{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.5cqh;padding:.5cqh .6cqh calc(var(--row) + 1.6cqh);scrollbar-width:thin;scrollbar-color:#c9a24e rgba(6,12,44,.5)}.lb-empty{margin:4cqh auto;display:flex;flex-direction:column;align-items:center;gap:1.2cqh;text-align:center;color:#aab7e6}.lb-empty img{display:block;height:9cqh;width:auto;opacity:.55}.lb-empty p{margin:0;font-size:max(12px,3.2cqh)}.lb-row{position:relative;flex:0 0 auto;box-sizing:border-box;height:var(--row);display:flex;align-items:center;gap:1.3cqh;padding:0 2cqh 0 1.2cqh;border-radius:1.2cqh;background:linear-gradient(90deg,#142668d1,#0a1648d1);box-shadow:inset 0 0 0 1px #7a98eb38}.lb-row:nth-child(2n){background:linear-gradient(90deg,#0e1c56d1,#08123ed1)}.lb-row.top1,.lb-row.top2,.lb-row.top3{--tint: 255, 200, 64;background:linear-gradient(90deg,rgba(var(--tint),.3),rgba(var(--tint),.07) 55%,#0a1648cc);box-shadow:inset 0 0 0 1px rgba(var(--tint),.4),inset max(3px,.7cqh) 0 0 rgb(var(--tint))}.lb-row.top2{--tint: 205, 216, 236}.lb-row.top3{--tint: 214, 135, 74}.lb-row.mine{background:linear-gradient(90deg,#ffcd464d,#ffcd461a 60%,#0e1c56d9);box-shadow:inset 0 0 0 max(2px,.5cqh) #f3c13a,0 0 1.2cqh #ffd65a73}.lb-row.mine.top1,.lb-row.mine.top2,.lb-row.mine.top3{box-shadow:inset max(3px,.7cqh) 0 0 rgb(var(--tint)),inset 0 0 0 max(2px,.5cqh) #f3c13a,0 0 1.2cqh #ffd65a73}.lb-row.ghost{background:transparent;box-shadow:inset 0 0 0 1px #7a98eb29;opacity:.45}.lb-ghostbar{flex:1 1 auto;height:.5cqh;border-radius:1cqh;background:#7a98eb40}.lb-rank{position:relative;flex:0 0 auto;width:calc(var(--row) * .72);height:calc(var(--row) * .72);display:block}.lb-rank img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lb-rank b{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font:900 max(11px,3.4cqh) / 1 var(--font-display);color:#fff3c4;text-shadow:0 .2cqh .2cqh rgba(0,0,0,.85),0 0 .5cqh rgba(0,0,0,.6)}.lb-rank.plate b{color:#e6ecff}.lb-rank.plate.d3 b{font-size:max(9px,2.7cqh)}.lb-rank.medal{width:calc(var(--row) * .82);height:calc(var(--row) * .82);margin:0 calc(var(--row) * -.05)}.lb-ghost .lb-rank,.lb-row.ghost .lb-rank b{color:#aab7e6}.lb-face{flex:0 0 auto;width:calc(var(--row) * .74);height:calc(var(--row) * .74);display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;border:max(1px,.3cqh) solid #e9b94a;box-sizing:border-box;background:radial-gradient(circle at 35% 30%,#2c4f9e,#0f2559 75%)}.lb-face.player{width:calc(var(--row) * .94 * 486 / 512);height:calc(var(--row) * .94);border:0;border-radius:0;overflow:visible;background:none}.lb-face.alliance{width:calc(var(--row) * .82);height:calc(var(--row) * .82);border:0;border-radius:0;overflow:visible;background:none}.lb-face.alliance .crest{width:100%}.lb-port{position:relative;display:block;width:100%;height:100%}.lb-port-mask{position:absolute;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#35507f,#1a2a4c 75%)}.lb-port-mask img,.lb-port-head img{position:absolute;display:block;max-width:none}.lb-port-head{position:absolute;overflow:hidden}.lb-port-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.lb-face:not(.player) img:not(.crest-banner):not(.crest-shield):not(.crest-emblem){display:block;width:100%;height:100%;object-fit:cover}.lb-who{flex:1 1 0;min-width:0;display:flex;align-items:baseline;gap:1.1cqh;line-height:1.15}.lb-name{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 max(12px,3.5cqh) / 1.2 var(--font-ui);color:#fff;text-shadow:0 .2cqh .3cqh rgba(0,0,0,.85)}.lb-who small{flex:0 0 auto;white-space:nowrap;font:600 max(10px,2.6cqh) / 1.1 var(--font-ui);color:#aebbea;text-shadow:0 .2cqh .3cqh rgba(0,0,0,.85)}.lb-val{flex:0 0 auto;font:800 max(13px,3.9cqh) / 1 var(--font-display);color:#ffe28a;letter-spacing:.02em;text-shadow:0 .2cqh .3cqh rgba(0,0,0,.9)}.lb-meter{flex:0 1 22%;min-width:0;height:max(5px,1.3cqh);margin-left:auto;border-radius:1cqh;background:#00000047;overflow:hidden}.lb-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f3c13a,#ffe28a)}.lb-myrank{flex:0 0 auto;font:800 max(11px,3.2cqh) / 1 var(--font-display);color:#ffe9a8;text-shadow:0 .2cqh .3cqh rgba(0,0,0,.85);white-space:nowrap}.lb-pinned{position:absolute;left:0;right:0;bottom:0;padding:.8cqh .6cqh .3cqh;background:linear-gradient(to bottom,#0a123c00,#0b1544 28%);opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity .15s,transform .15s}.lb-pinned.show{opacity:1;transform:none;pointer-events:auto}.lb-pinned .lb-row{background:linear-gradient(90deg,#3c3214f2,#0e1c56fa 60%)}#deploy-root .dp-troop-pager{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px}#deploy-root .dp-troop-pager button{min-width:22px;height:22px;padding:0;border-radius:11px;border:1px solid rgba(0,0,0,.35);background:#ffffff8c;color:inherit;font-size:14px;line-height:1;cursor:pointer}#deploy-root .dp-troop-pager button:disabled{opacity:.35;cursor:default}.battle-report-final .battle-hospital-cost{align-items:center}.battle-report-final .battle-hospital-label{font-size:clamp(10px,2.6cqh,18px);color:var(--text-main);text-shadow:0 1px 0 rgba(255,255,255,.55)}.cp-hud,.cp-overlay{--cp-cream: #fffaf0;--cp-cream-deep: #f0e2bd;--cp-line: #d9bd78;--cp-gold: #b8861f;--cp-gold-hi: #f3d57a;--cp-gold-deep: #7a5a15;--cp-ink: #33291a;--cp-ink-dim: #83795f;--cp-red: #d52b2b;--cp-red-deep: #a3212a;--cp-green: #2f7a3c;--cp-green-hi: #7bdc7d;--cp-purple: #7a2fbe;--cp-purple-deep: #50127f;--cp-pill: linear-gradient(180deg, #fffaf0, #f0e2bd);font-family:Rajdhani,Segoe UI,sans-serif}.cp-svg{display:block;width:100%;height:100%;object-fit:contain}.cp-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:clamp(10px,2.3vh,17px)}.cp-ribbon{position:absolute;top:max(4px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:min(54vw,30em);font-size:1.12em;filter:drop-shadow(0 .2em .35em rgba(40,25,5,.5))}.cp-ribbon-arrow{position:absolute;top:50%;width:2.7em;height:2.7em;padding:.5em;color:var(--cp-gold-deep);background:var(--cp-img-btn-recenter, linear-gradient(180deg, #fff6d8, #f0dba0));border:2px solid var(--cp-gold);border-radius:50%;box-shadow:inset 0 1px #fff,0 2px 5px #3c280880;transform:translateY(-50%);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.cp-ribbon-arrow.prev{right:calc(100% + .2em)}.cp-ribbon-arrow.next{left:calc(100% + .2em)}.cp-ribbon-arrow:active:not(:disabled){transform:translateY(-50%) scale(.94)}.cp-ribbon-arrow:disabled{opacity:.4;filter:grayscale(.6);cursor:default}.cp-ribbon-bar{display:flex;align-items:center;justify-content:center;gap:.6em;min-height:3.8em;box-sizing:border-box;padding:0 .6em;background:none;border:0 solid transparent;border-width:0 3.1em;border-image:url(/assets/ui/research/summary-ribbon.webp) 0 105 0 105 fill / 0 3.1em 0 3.1em stretch}.cp-ribbon-seal{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;font:800 1em/1 Rajdhani,Segoe UI,sans-serif;color:#5a3d06;background:radial-gradient(circle at 35% 28%,#ffe9a0,#d99c2e);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff80,0 1px 2px #5a3e0c66;text-shadow:0 1px 0 rgba(255,244,190,.7)}.cp-ribbon-seal:empty{display:none}.cp-ribbon-seal.has-art{width:2.8em;height:2.8em;margin:-.1em 0;background:none;box-shadow:none;filter:drop-shadow(0 .08em .1em rgba(40,25,5,.45))}.cp-ribbon-seal img{width:100%;height:100%;object-fit:contain}.cp-ribbon-text{min-width:0;display:flex;flex-direction:column;align-items:center}.cp-ribbon-sub{max-width:100%;display:flex;align-items:baseline;justify-content:center;gap:.45em;white-space:nowrap;overflow:hidden;line-height:1.15}.cp-ribbon-dot{flex:0 0 auto;align-self:center;width:.3em;height:.3em;background:var(--cp-gold);transform:rotate(45deg)}.cp-ribbon-chapter{flex:0 0 auto;font-size:.78em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-gold-deep);line-height:1.1}.cp-ribbon-name{max-width:100%;font-size:1.25em;font-weight:800;line-height:1.15;color:var(--cp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-ribbon-progress{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.85em;font-weight:700;color:var(--cp-ink-dim)}.cp-controls{position:absolute;top:max(6px,env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:.6em;pointer-events:auto}.cp-round-btn{width:3em;height:3em;padding:.55em;color:var(--cp-gold-deep);background:var(--cp-img-btn-recenter, linear-gradient(180deg, #fff6d8, #f0dba0));border:2px solid var(--cp-gold);border-radius:50%;box-shadow:inset 0 1px #fff,0 2px 5px #3c280880}.cp-round-btn:active,.cp-sweep-btn:active{transform:scale(.95)}.cp-btn,.cp-sweep-btn{--h: 3.2em;--cp-bt: calc(var(--h) * 20 / 88);--cp-bs: calc(var(--h) * 44 / 88);box-sizing:border-box;min-height:var(--h);padding:0;font-family:inherit;font-weight:800;line-height:1.1;text-align:center;background:none;border-style:solid;border-color:transparent;border-width:var(--cp-bt) var(--cp-bs);border-image:var(--cp-img-btn-red, url(/assets/ui/kit/btn-red.webp)) 20 44 fill / var(--cp-bt) var(--cp-bs) stretch;border-radius:0;box-shadow:none;color:#fff;text-shadow:-1px -1px 0 #6a0f0b,1px -1px 0 #6a0f0b,-1px 1px 0 #6a0f0b,1px 1px 0 #6a0f0b,0 1px 2px rgba(60,0,0,.5);-webkit-tap-highlight-color:transparent}.cp-btn.green,.cp-sweep-btn{border-image-source:var(--cp-img-btn-green, url(/assets/ui/kit/btn-green.webp));text-shadow:-1px -1px 0 #0d4a1c,1px -1px 0 #0d4a1c,-1px 1px 0 #0d4a1c,1px 1px 0 #0d4a1c,0 1px 2px rgba(0,40,10,.5)}.cp-btn.gold{border-image-source:var(--cp-img-btn-gold, url(/assets/ui/kit/btn-gold.webp));color:#3b2606;text-shadow:0 1px 0 rgba(255,244,190,.7)}.cp-btn:disabled,.cp-sweep-btn.is-off{border-image-source:var(--cp-img-btn-grey, url(/assets/ui/kit/btn-grey.webp));color:#3a3d42;text-shadow:0 1px 0 rgba(255,255,255,.6);cursor:default}.cp-btn:not(:disabled):active{filter:brightness(.94);transform:translateY(1px)}.cp-sweep-btn{--h: 3em;font-size:1.2em;display:flex;align-items:center;gap:.3em}.cp-sweep-icon{flex:0 0 auto;display:flex;width:1.7em;height:1.7em;margin-left:-.2em;color:#0d4a1c}.cp-sweep-btn.is-off .cp-sweep-icon{color:#3a3d42}.cp-sweep-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:9em;line-height:1.05;text-align:left}.cp-sweep-text b,.cp-sweep-text small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-sweep-text b{font-size:1.1em;font-weight:800;letter-spacing:.02em}.cp-sweep-text small{font-size:.95em;font-weight:800}#campaign-stage-root:not(.open){display:none}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:max(6px,env(safe-area-inset-top,0px)) max(6px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));background:#0a08059e}.cp-window{--cp-bt: 4.3em;--cp-bs: 2.05em;--cp-bb: 1.7em;position:relative;display:flex;flex-direction:column;box-sizing:border-box;font-size:clamp(10px,2.5vh,20px);width:min(97vw,58em);height:min(94vh,35em);padding:.35em .5em .3em;color:var(--cp-ink);background:none;border-style:solid;border-color:transparent;border-width:var(--cp-bt) var(--cp-bs) var(--cp-bb) var(--cp-bs);border-image:var(--cp-img-panel-frame, url(/assets/ui/panel-parchment.webp)) 84 40 33 40 fill / var(--cp-bt) var(--cp-bs) var(--cp-bb) var(--cp-bs) stretch;border-radius:0;overflow:visible;filter:drop-shadow(0 .6em 1.1em rgba(0,0,0,.5))}.cp-window button{font-family:inherit;font-size:inherit;cursor:pointer}.cp-window img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cp-head{position:absolute;top:calc(var(--cp-bt) * -1);left:calc(var(--cp-bs) * -1);right:calc(var(--cp-bs) * -1);height:calc(var(--cp-bt) - .55em);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4.2em;text-align:center}.cp-title{max-width:100%;margin:0;display:flex;align-items:center;justify-content:center;gap:.5em;font:700 1.45em/1.2 Cinzel,Palatino Linotype,Georgia,serif;letter-spacing:1.5px;text-transform:uppercase;color:#fff3d0;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.cp-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.cp-boss-tag{flex:0 0 auto;padding:.05em .6em;font:800 .5em/1.5 Rajdhani,Segoe UI,sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 1px 1px rgba(40,0,70,.7);background:linear-gradient(180deg,#a35ae6,#5c1b97);border:1px solid var(--cp-gold-hi);border-radius:999px;box-shadow:inset 0 1px #ffffff59}.cp-sub{max-width:100%;font-size:.95em;font-weight:600;letter-spacing:.02em;color:#e9d3a0;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-close{position:absolute;top:.7em;right:2.5em;width:2.3em;height:2.3em;padding:0;border:1px solid rgba(255,220,140,.55);border-radius:50%;background:var(--cp-img-btn-close, rgba(255, 243, 208, .12));box-shadow:none}.cp-close:before,.cp-close:after{content:"";position:absolute;left:50%;top:50%;width:46%;height:11%;min-height:2px;border-radius:2px;background:#ffe9b0}.cp-close:before{transform:translate(-50%,-50%) rotate(45deg)}.cp-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.cp-close:active{transform:scale(.94)}.cp-loading{flex:1 1 auto;position:relative}.cp-window .cp-spinner{position:absolute;border-color:#7a5a1540;border-top-color:var(--cp-gold)}.cp-body{flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:.7em;padding:.2em .35em .25em}.cp-col,.cp-result-col,.cp-result-rewards{min-width:0;min-height:0;display:flex;flex-direction:column;gap:.45em;padding:.55em .7em .65em;background:radial-gradient(ellipse 70% 80% at 50% 30%,rgba(255,255,255,.6),transparent 72%),linear-gradient(180deg,#fff9ea,#f5e9c8);border:1.5px solid var(--cp-line);border-radius:.9em;box-shadow:inset 0 0 1.2em #7a5a1524}.cp-strip{display:flex;align-items:center;gap:.5em;font-size:1em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cp-gold-deep);white-space:nowrap;overflow:hidden}.cp-strip:before{content:"";flex:0 0 auto;width:.55em;height:.55em;transform:rotate(45deg);background:var(--cp-gold);box-shadow:0 0 0 2px #fff9}.cp-strip:after{content:"";order:1;flex:1 1 1em;height:1px;background:linear-gradient(90deg,rgba(122,90,21,.45),transparent)}.cp-strip small{order:2;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.85em;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--cp-ink-dim)}.cp-units{display:grid;grid-template-columns:1fr 1fr;gap:.4em}.cp-unit{display:grid;grid-template-columns:1.9em minmax(0,1fr) auto;align-items:center;gap:.3em;min-width:0;padding:.2em .6em .2em .25em;font-size:1em;color:var(--cp-ink);background:var(--cp-pill);border:1.5px solid var(--cp-line);border-radius:999px;box-shadow:inset 0 1px #fff}.cp-unit-icon{display:flex;align-items:center;justify-content:center;width:1.9em;height:1.9em}.cp-unit-icon img,.cp-unit-icon svg{width:100%;height:100%;object-fit:contain}.cp-unit-icon .unit-art img,.cp-unit-icon .unit-art svg{width:82%;height:82%}.cp-unit-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--cp-ink)}.cp-unit b{font-size:1.1em;font-weight:800;color:var(--cp-red-deep)}.cp-emblem{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;gap:.8em}.cp-emblem-icon{display:flex;width:3.8em;height:3.8em;filter:drop-shadow(0 2px 2px rgba(60,38,8,.4))}.cp-emblem.portrait{flex:1 1 0}.cp-emblem.portrait .cp-emblem-icon{flex:0 0 auto;width:auto;height:100%;max-height:8.6em;aspect-ratio:1;filter:drop-shadow(0 .2em .25em rgba(60,38,8,.5))}.cp-emblem-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.cp-emblem-text small{font-size:1em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cp-ink-dim)}.cp-emblem-text b{font-size:1.85em;font-weight:800;line-height:1.1;color:var(--cp-ink)}.cp-power{margin-top:auto;display:flex;flex-direction:column;gap:.25em;padding:.45em .7em .5em;background:var(--cp-pill);border:1.5px solid var(--cp-line);border-radius:.9em;box-shadow:inset 0 1px #fff,0 1px 3px #5a3e0c2e}.cp-power-row{display:flex;align-items:center;justify-content:space-between;gap:.6em;font-size:1.1em;line-height:1.2;color:var(--cp-ink-dim)}.cp-power-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-power-row b{display:inline-flex;align-items:center;gap:.25em;flex:0 0 auto;color:var(--cp-ink);font-size:1.05em;font-weight:800}.cp-power-row b img,.cp-power-row b svg{width:1.4em;height:1.4em}.cp-bar{height:.8em;overflow:hidden;background:#7a5a152e;border:1px solid rgba(122,90,21,.3);border-radius:999px}.cp-bar i{display:block;height:100%;background:linear-gradient(180deg,var(--cp-gold-hi),var(--cp-gold));border-radius:999px;box-shadow:inset 0 1px #ffffff8c}.cp-power.strong .cp-bar i{background:linear-gradient(180deg,#8fe591,#2f9a45)}.cp-power.risky .cp-bar i{background:linear-gradient(180deg,#ffdf86,#e09a22)}.cp-power.weak .cp-bar i{background:linear-gradient(180deg,#f5857a,#c0332b)}.cp-verdict{font-size:1.05em;font-weight:800;line-height:1.15;text-align:center;color:var(--cp-ink-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-power.strong .cp-verdict{color:var(--cp-green)}.cp-power.risky .cp-verdict{color:#a8650f}.cp-power.weak .cp-verdict{color:var(--cp-red-deep)}.cp-reward{display:flex;flex-direction:column;gap:.25em}.cp-reward-label{font-size:1em;font-weight:700;color:var(--cp-ink-dim)}.cp-chips{display:flex;flex-wrap:wrap;gap:.3em .4em;min-width:0}.cp-chips.big{gap:.5em;font-size:1.15em}.cp-chip{display:inline-flex;align-items:center;gap:.3em;padding:.1em .65em .1em .3em;font-size:1.05em;font-weight:800;line-height:1.25;color:var(--cp-ink);background:var(--cp-pill);border:1.5px solid var(--cp-line);border-radius:999px;box-shadow:inset 0 1px #fff}.cp-chip img,.cp-chip svg{width:1.55em;height:1.55em;object-fit:contain}.cp-chip.cp-xp{padding-left:.3em;color:#24602d;background:linear-gradient(180deg,#eaf8d8,#c9e8a8);border-color:#84c566}.cp-cleared{display:inline-flex;align-items:center;gap:.3em;font-weight:800;color:var(--cp-green)}.cp-cleared svg,.cp-cleared img{width:1.3em;height:1.3em}.cp-forms{display:flex;flex-wrap:wrap;gap:.4em}.cp-form{position:relative;width:3.7em;height:3.7em;padding:0;overflow:hidden;color:var(--cp-ink);background:var(--cp-pill);border:2px solid var(--cp-line);border-radius:.8em;box-shadow:inset 0 1px #fff,0 1px 2px #5a3e0c40}.cp-form img,.cp-form .cmdr-portrait-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0}.cp-form.selected{border-color:var(--cp-gold);box-shadow:0 0 0 2px var(--cp-gold-hi),0 0 .8em #f3d57af2,0 1px 2px #5a3e0c4d}.cp-form.blocked{opacity:.6;filter:grayscale(.5)}.cp-form-slot{position:absolute;top:0;left:0;min-width:1.4em;padding:0 .3em;font-size:.9em;font-style:normal;font-weight:800;line-height:1.4;text-align:center;color:#5a3d06;background:radial-gradient(circle at 35% 28%,#ffe9a0,#d99c2e);border-bottom-right-radius:.6em}.cp-form small{position:absolute;left:0;right:0;bottom:0;padding:.05em 0;font-size:.85em;font-weight:800;line-height:1.2;text-align:center;color:var(--cp-ink);background:#fffaf0e6}.cp-link{align-self:flex-start;padding:0;font-size:1em;font-weight:800;color:var(--cp-gold-deep);text-decoration:underline;background:none;border:none;text-align:left}.cp-note{margin-top:auto;display:flex;align-items:center;gap:.4em;font-size:1.05em;font-weight:700;color:var(--cp-ink-dim)}.cp-note svg,.cp-note img{flex:0 0 auto;width:1.3em;height:1.3em}.cp-note.small{margin-top:0;font-size:.95em;font-weight:600}.cp-buttons{margin-top:auto;display:flex;gap:.6em}.cp-buttons.center{justify-content:center;margin-top:0}.cp-buttons .cp-btn{flex:1 1 0;min-width:0;font-size:1.15em;overflow-wrap:anywhere}.cp-buttons.center .cp-btn{flex:0 1 12em}.cp-result{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.7em}.cp-banner{align-self:center;flex:0 0 auto;position:relative;width:22em;aspect-ratio:680 / 253;background:var(--cp-img-emblem-victory, url(/assets/campaign/ui/banner_victory.webp)) center / 100% 100% no-repeat;filter:drop-shadow(0 3px 4px rgba(60,38,8,.4))}.cp-banner.defeat{background-image:var(--cp-img-emblem-defeat, url(/assets/campaign/ui/banner_defeat.webp))}.cp-banner-text{position:absolute;left:22%;right:22%;top:41%;height:31%;display:flex;align-items:center;justify-content:center;justify-content:safe center;font:800 1.4em/1 Cinzel,Palatino Linotype,Georgia,serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;color:#fff;text-shadow:-1px -1px 0 #0d4a1c,1px -1px 0 #0d4a1c,-1px 1px 0 #0d4a1c,1px 1px 0 #0d4a1c,0 2px 2px rgba(0,0,0,.4)}.cp-banner.defeat .cp-banner-text{text-shadow:-1px -1px 0 #6a0f0b,1px -1px 0 #6a0f0b,-1px 1px 0 #6a0f0b,1px 1px 0 #6a0f0b,0 2px 2px rgba(0,0,0,.4)}.cp-result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7em}.cp-result-grid.single{grid-template-columns:minmax(0,28em);justify-content:center}.cp-result-col{gap:.45em}.cp-result-col .cp-power-row b{color:var(--cp-ink)}.cp-result-rewards{align-self:center;min-width:16em}.modal-card.parch-screen{position:relative;z-index:1;width:min(94cqw,640px);max-height:90cqh;box-sizing:border-box;margin-top:28px;padding:0;background:none;border-style:solid;border-color:transparent;border-width:50px 24px 22px 24px;border-image:url(/assets/ui/panel-parchment.webp) 84 40 33 40 fill / 50px 24px 22px 24px stretch;border-radius:0;overflow:visible;color:#33291a;box-shadow:none;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));animation:none}.modal-card.parch-screen:before{display:none}.modal-card.parch-screen .building-banner{position:absolute;top:-47px;left:-24px;right:-24px;height:40px;margin:0;padding:0 64px;display:flex;align-items:center;justify-content:center;gap:10px;background:none;border:0;box-shadow:none}.modal-card.parch-screen .building-banner-name{color:#fff3d0;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.modal-card.parch-screen .building-banner-level{color:#f2c94c;text-shadow:0 1px 2px rgba(0,0,0,.6)}.modal-card.parch-screen .modal-close{position:absolute;top:-44px;right:-6px;z-index:3;width:34px;height:34px;background:#fff3d01f;border:1px solid rgba(255,220,140,.55);color:#fff3d0;box-shadow:none}.modal-card.parch-screen>.stat-card{max-height:calc(90cqh - 92px);overflow-y:auto;margin:0;padding:6px 8px 8px;background:none;border:0;box-shadow:none}.modal-card.parch-screen .stat-card-title{display:none}.modal-card.parch-screen .unit-row{gap:10px;padding:8px 10px;background:linear-gradient(180deg,#fffaf0,#f6e9c8);border:1px solid #d4b268;border-radius:14px;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #50370a40}.modal-card.parch-screen>.stat-card>.unit-row+.unit-row{margin-top:8px;padding-top:8px;border-top:1px solid #d4b268}.modal-card.parch-screen .unit-icon{width:clamp(44px,12cqh,58px);height:clamp(44px,12cqh,58px);background:radial-gradient(circle at 32% 28%,#fff3d0,#e2bf6b 80%);border:2px solid #b8862b;box-shadow:inset 0 1px 1px #ffffffb3,0 2px 4px #50370a59}.modal-card.parch-screen .unit-icon .unit-art img,.modal-card.parch-screen .unit-icon .unit-art svg,.modal-card.parch-screen .unit-icon>svg,.modal-card.parch-screen .unit-icon>img{width:74%;height:74%}.modal-card.parch-screen .unit-name{color:#33291a;font-weight:800}.modal-card.parch-screen .army-card{max-height:none;overflow:visible;margin:0 0 8px;padding:6px 12px 8px;background:linear-gradient(180deg,#fffaf0,#f6e9c8);border:1px solid #d4b268;border-radius:14px;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #50370a40}.modal-card.parch-screen .army-card .stat-card-title{display:block;margin:0 0 4px;color:#7a6234;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.modal-card.parch-screen .army-chip .unit-icon{width:36px;height:36px}.modal-card.parch-screen .army-chip-name{color:#33291a;font-size:15px}.modal-card.parch-screen .army-chip b{color:#8a5a12;font-size:16px}.modal-card.parch-screen .unit-name small,.modal-card.parch-screen .queue-empty{color:#7a6234}.modal-card.parch-screen .cost-chip{background:#fff7e0;border:1px solid #d4b268;color:#33291a}.modal-card.parch-screen .unit-train-reason{color:#a3281f}.modal-card.parch-screen .unit-row input[data-train-qty]{background:#fff7e0;border:1px solid #c9a24e;color:#33291a;box-shadow:inset 0 1px 2px #50370a40}.modal-card.parch-screen .qk-btn{--h: clamp(30px, 8cqh, 40px);--qk-bt: calc(var(--h) * 20 / 88);--qk-bs: calc(var(--h) * 44 / 88);min-height:var(--h);min-width:4.8em;padding:0;font-size:clamp(12px,3.4cqh,17px);background:none;border-style:solid;border-color:transparent;border-width:var(--qk-bt) var(--qk-bs);border-image:url(/assets/ui/kit/btn-green.webp) 20 44 fill / var(--qk-bt) var(--qk-bs) stretch;border-radius:0;box-shadow:none;color:#fff;text-shadow:-1px -1px 0 #0d4a1c,1px -1px 0 #0d4a1c,-1px 1px 0 #0d4a1c,1px 1px 0 #0d4a1c}.modal-card.parch-screen .qk-btn:disabled{border-image-source:url(/assets/ui/kit/btn-grey.webp);color:#3a3d42;text-shadow:0 1px 0 rgba(255,255,255,.6)}.modal-card.parch-screen .train-queue .queue-row{background:#fff7e0;border:1px solid #d4b268;color:#33291a}.modal-card.parch-screen .qk-btn.gold{border-image-source:url(/assets/ui/kit/btn-gold.webp);color:#3b2606;text-shadow:0 1px 0 rgba(255,244,190,.7)}.modal-card.parch-screen .qk-btn.gold:disabled{border-image-source:url(/assets/ui/kit/btn-grey.webp);color:#3a3d42}.modal-card.parch-screen .unit-cost{color:#7a6234}#world-map-overlay .march-card .march-row{background:#e0d0aa;border:0;box-shadow:none;color:#3b3020}#world-map-overlay .march-card .unit-name{color:#3b3020;font-weight:600}#world-map-overlay .march-card .unit-name small,#world-map-overlay .march-card .march-timer{color:#7a6638}#world-map-overlay .march-card .cost-chip{background:#f3e8c6;color:#3b3020;border:1px solid #c9a24e}#world-map-overlay .march-card .target-detail-header .unit-name{color:#f6e7bb}#world-map-overlay .march-card .march-status-badge{background:#f3e8c6;color:#7a4d10;border:1px solid #c9a24e}#world-map-overlay .march-card .march-status-badge.returning{color:#1e6a3a}.cmdr-stars-row{display:inline-flex;align-items:center;gap:1px;vertical-align:middle}.cmdr-star-img{display:block;height:clamp(10px,2.9cqh,17px);width:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.cmdr-hero-panel-stars .cmdr-star-img{height:clamp(12px,3.4cqh,19px)}.cmdr-hero-star-group .cmdr-star-img{height:clamp(14px,4.2cqh,24px)}.cmdr-hero-star-group{display:inline-flex;letter-spacing:0}.inv-hero img.shard{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(40,25,5,.4))}.cmdr-frag-icon{height:1.9em;width:auto;vertical-align:middle;margin-right:3px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.cmdr-frag-icon{height:2.6em;margin-right:4px}.cmdr-card-stars .cmdr-star-img{height:clamp(12px,3.4cqh,19px)}.cmdr-card-fragment-progress{flex-direction:row;align-items:center;gap:5px;margin-top:2px}.cmdr-card-fragment-progress .cmdr-frag-icon{height:clamp(24px,7.2cqh,36px);width:auto;margin:0;flex:0 0 auto}.cmdr-card-fragment-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:2px}.cmdr-card-fragment-col .cmdr-card-fragment-text{text-align:center}.cmdr-card-stars .cmdr-star-img{height:clamp(15px,4.4cqh,24px)}.cmdr-frag-icon{height:2.6em}.cmdr-art-icon{height:1.5em;width:auto;flex:0 0 auto;vertical-align:middle;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.cmdr-hero-nav-btn .cmdr-art-icon{height:clamp(16px,4.6cqh,24px)}.cmdr-hero-gear-icon .cmdr-art-icon{height:34px}.cmdr-card-unlock-btn .cmdr-art-icon{height:1.6em;margin-right:4px}.xpbooks-inline-icon .cmdr-art-icon{height:100%}.cmdr-hero-xp-bar{height:22px;border:0;border-style:solid;border-width:0 16px;border-image:url(/assets/commanders/icons/xp_bar_empty.webp) 0 105 fill / 0 16px / 0 stretch;border-radius:0;background:none;overflow:visible}.cmdr-hero-xp-fill{top:22%;right:-4px;bottom:22%;left:-4px;height:auto;border-radius:999px;background:linear-gradient(180deg,#ffe27a,#ffc02e 45%,#f58a12);box-shadow:inset 0 1px 1px #ffffffb3}.cmdr-hero-xp-label{padding:0 4px}.cmdr-card-level{display:flex;align-items:center;justify-content:center;width:clamp(26px,8.5cqh,38px);height:clamp(28px,9cqh,42px);top:5px;right:5px}.cmdr-card-level .cmdr-level-badge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.cmdr-card-level b{position:relative;font-size:clamp(9.5px,2.5cqh,14px);font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,20,20,.9)}.cmdr-hero-nav-arrow{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;width:46px;height:46px;padding:0}.cmdr-hero-nav-arrow img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.cmdr-hero-nav-arrow.prev img{transform:scaleX(-1)}.cmdr-xpbooks-open-btn{width:26px;height:26px;border:0;border-radius:0;background:url(/assets/commanders/icons/btn_plus_round.webp) center / contain no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.cmdr-card-level{z-index:4}.cmdr-card-plate{justify-content:flex-start;padding-top:calc(1.5% + 3px)}.cmdr-card-name{min-height:1.2em}.cmdr-card-stars{min-height:clamp(15px,4.4cqh,24px);display:flex;align-items:center;justify-content:center}.cmdr-card.rarity-unique .cmdr-card-plate{padding-top:calc(1.5% + 4.5px)}.cmdr-hero-panel-name{font-size:clamp(16px,4.2cqh,24px)}.cmdr-hero-panel-nation{font-size:clamp(11px,2.9cqh,15px)}.cmdr-hero-panel-stars .cmdr-star-img{height:clamp(17px,4.6cqh,26px)}.cmdr-hero-level-row,.cmdr-hero-level-label{font-size:clamp(11px,2.9cqh,15px)}.cmdr-hero-xp-bar{height:28px;border-width:0 20px;border-image-width:0 20px}.cmdr-hero-xp-label{font-size:clamp(10px,2.5cqh,14px)}.cmdr-xpbooks-open-btn{width:36px;height:36px}.cmdr-hero-stat-label,.cmdr-army-bonus-label{font-size:clamp(9px,2.2cqh,12px)}.cmdr-hero-stat-value,.cmdr-army-bonus-value{font-size:clamp(12px,3.1cqh,18px)}.cmdr-army-bonus-next,.cmdr-army-bonus-detail{font-size:clamp(9px,2.2cqh,12.5px)}.cmdr-hero-starup-stat,.cmdr-hero-starup-stat-label,.cmdr-hero-starup-stat-values{font-size:clamp(10.5px,2.7cqh,15px)}.cmdr-hero-starup .cost-chip{font-size:clamp(11.5px,2.9cqh,16px)}.cmdr-hero-starup .btn-primary{font-size:clamp(14px,3.5cqh,19px);padding-block:clamp(6px,1.6cqh,10px)}.cmdr-hero-star-group .cmdr-star-img{height:clamp(20px,5.4cqh,30px)}.cmdr-hero-star-sep{font-size:clamp(11px,2.9cqh,15px)}.cmdr-hero-gear-label{font-size:clamp(10.5px,2.7cqh,15px)}.xpbooks-inline-hint{font-size:clamp(10.5px,2.6cqh,14px)}.xpbooks-inline-value{font-size:clamp(11.5px,2.9cqh,16px)}.xpbooks-inline-xpvalue{font-size:clamp(10.5px,2.6cqh,14px)}.xpbooks-inline-qty{font-size:clamp(10px,2.5cqh,13.5px)}.xpbooks-inline-qty b{font-size:clamp(12px,3cqh,16px)}.xpbooks-inline-btn{font-size:clamp(10.5px,2.6cqh,14px)}.cmdr-hero-nav-btn{font-size:clamp(12px,3cqh,16px)}.cmdr-hero-nav-btn{white-space:nowrap;font-size:clamp(11px,2.8cqh,14px);gap:5px}.cmdr-hero-starup .cost-chip{display:inline-flex;align-items:center;padding-inline:14px 14px}.cmdr-hero-starup .cmdr-frag-icon{height:clamp(34px,9cqh,48px);margin:-8px 8px -8px -6px}.cmdr-hero-starup .cost-chip img.cmdr-frag-icon{width:auto;height:clamp(34px,9cqh,48px);max-width:none;flex:0 0 auto}.cmdr-hero-starup .cost-chip img.cmdr-frag-icon,.cmdr-card-fragment-progress img.cmdr-frag-icon{background:none;border:0;border-radius:0;padding:0;box-shadow:none}.cmdr-hero-rarity-chip{font-size:clamp(11px,2.9cqh,15px);padding:3px 14px}.cmdr-hero-panel-name{font-size:clamp(20px,5.4cqh,30px)}.cmdr-hero-panel-nation{font-size:clamp(13px,3.4cqh,18px)}.cmdr-hero-panel-stars .cmdr-star-img{height:clamp(21px,5.6cqh,32px)}.cmdr-hero-level-row,.cmdr-hero-level-label{font-size:clamp(13px,3.4cqh,18px)}.cmdr-hero-xp-bar{height:34px;border-width:0 24px;border-image-width:0 24px}.cmdr-hero-xp-label{font-size:clamp(12px,3cqh,16px)}.cmdr-xpbooks-open-btn{width:44px;height:44px}.cmdr-hero-stat-label,.cmdr-army-bonus-label{font-size:clamp(11px,2.8cqh,15px)}.cmdr-hero-stat-value,.cmdr-army-bonus-value{font-size:clamp(15px,3.9cqh,22px)}.cmdr-army-bonus-next,.cmdr-army-bonus-detail{font-size:clamp(11px,2.8cqh,15px)}.cmdr-hero-starup-stat,.cmdr-hero-starup-stat-label,.cmdr-hero-starup-stat-values{font-size:clamp(13px,3.4cqh,18px)}.cmdr-hero-starup .cost-chip{font-size:clamp(14px,3.6cqh,20px)}.cmdr-hero-starup .btn-primary{font-size:clamp(17px,4.3cqh,24px);padding-block:clamp(8px,2cqh,13px)}.cmdr-hero-star-group .cmdr-star-img{height:clamp(26px,6.8cqh,38px)}.cmdr-hero-star-sep{font-size:clamp(14px,3.6cqh,19px)}.cmdr-hero-gear-label{font-size:clamp(13px,3.4cqh,18px)}.cmdr-hero-gear-icon .cmdr-art-icon{height:clamp(50px,14cqh,72px)}.cmdr-hero-gear-slot{padding:14px 20px}.queue-empty.gear-soon,.cmdr-hero-panel-body .queue-empty{font-size:clamp(13px,3.4cqh,18px)}.xpbooks-inline-hint{font-size:clamp(12px,3.1cqh,16.5px)}.xpbooks-inline-value{font-size:clamp(14px,3.5cqh,19px)}.xpbooks-inline-xpvalue{font-size:clamp(12px,3.1cqh,16.5px)}.xpbooks-inline-qty{font-size:clamp(12px,3cqh,16px)}.xpbooks-inline-qty b{font-size:clamp(14px,3.6cqh,19px)}.xpbooks-inline-btn{font-size:clamp(12.5px,3.1cqh,16.5px)}.cmdr-hero-nav-btn{font-size:clamp(13px,3.3cqh,17px)}.cmdr-hero-nav-btn .cmdr-art-icon{height:clamp(20px,5.4cqh,30px)}.cmdr-hero-panel .cmdr-frag-icon,.cmdr-hero-starup .cost-chip img.cmdr-frag-icon{height:clamp(40px,11cqh,58px)}.cmdr-hero-power-display{font-size:clamp(18px,4.8cqh,26px)}.cmdr-hero-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cmdr-hero-meta-row .cmdr-hero-level-label{white-space:nowrap}.cmdr-hero-panel{gap:3px}.cmdr-hero-panel-nation{margin-top:-2px}.cmdr-hero-gear-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:clamp(90px,26cqh,150px)}.cmdr-hero-gear-icon{width:auto;height:auto}.cmdr-hero-gear-icon .cmdr-art-icon{height:clamp(46px,13cqh,66px);display:block}.cmdr-hero-gear-row{gap:16px;justify-content:center;margin-top:8px}.cmdr-hero{--cmdr-panel-w: min(400px, 43cqw)}.cmdr-hero-panel{position:absolute;top:0;right:0;bottom:0;width:var(--cmdr-panel-w);min-width:0;flex:none;margin:0;padding:10px 14px 8px;border-radius:0 0 0 16px;border-width:0 0 0 1px;box-shadow:-10px 0 30px #0f0a0366}.cmdr-hero-topbar{padding:8px 10px;margin-right:var(--cmdr-panel-w)}.cmdr-hero-body{padding-right:var(--cmdr-panel-w)}.cmdr-hero-panel-top{padding-right:34px}.cmdr-hero-body{position:static}.cmdr-hero.cdx{--info-w: min(41cqw, 480px);--ol: 0 1px 0 #17100a, 0 -1px 0 #17100a, 1px 0 0 #17100a, -1px 0 0 #17100a, 0 2px 4px rgba(0, 0, 0, .65);--gold: #f1c75c;--gold-soft: #ffe3a0;--fs-s: clamp(11px, 2.9cqh, 15px);--fs-m: clamp(13px, 3.5cqh, 19px);--fs-l: clamp(18px, 5cqh, 28px)}.cdx .cmdr-hero-bg{filter:brightness(.74) saturate(1.05)}.cdx .cmdr-hero-scrim{opacity:1;background:radial-gradient(ellipse 42% 80% at 36% 62%,color-mix(in srgb,var(--rarity-color) 80%,transparent) 0%,transparent 72%),linear-gradient(90deg,transparent 38%,rgba(12,9,5,.5) 66%,rgba(12,9,5,.78) 100%),linear-gradient(180deg,rgba(10,8,4,.5) 0%,transparent 20%,transparent 72%,rgba(10,8,4,.55) 100%)}.cdx .cmdr-hero-topbar{position:absolute;top:0;left:0;right:var(--info-w);padding:clamp(6px,2cqh,12px) clamp(8px,2cqh,14px);gap:8px;justify-content:flex-start;pointer-events:none}.cdx .cmdr-hero-topbar>*{pointer-events:auto}.cdx .cmdr-hero-back{width:clamp(30px,8.4cqh,40px);height:clamp(30px,8.4cqh,40px)}.cdx .cmdr-hero-title{font-family:var(--font-display);font-size:var(--fs-l);font-weight:900;color:#fff;text-shadow:var(--ol);white-space:nowrap}.cdx .cmdr-hero-resources{flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-end;gap:4px}.cdx .cmdr-hero-res-chip{padding:2px 8px;gap:4px;font-size:clamp(10px,2.6cqh,13px);background:#0e0a0680;border-color:#ffffff1f}.cdx .cmdr-hero-body{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0}.cdx .cmdr-hero-nav{position:absolute;left:clamp(6px,1.6cqh,12px);top:50%;transform:translateY(-50%);flex:none;width:clamp(84px,22cqh,116px);padding:0;gap:5px}.cdx .cmdr-hero-nav-btn{padding:clamp(5px,1.6cqh,9px) clamp(7px,1.6cqh,10px);gap:7px;border:0;border-radius:10px;background:#0e0a0680;color:#e9dcc0;font-size:clamp(12px,3.2cqh,17px);-webkit-backdrop-filter:none;backdrop-filter:none}.cdx .cmdr-hero-nav-btn .cmdr-art-icon{height:clamp(18px,5cqh,28px)}.cdx .cmdr-hero-nav-btn.active{color:#3a2706;background:linear-gradient(180deg,#ffe9ae,#e0b445 55%,#b8861f);box-shadow:0 2px 8px #00000073,inset 0 1px #ffffff8c}.cdx .cmdr-hero-character{position:absolute;top:0;bottom:0;left:0;right:calc(var(--info-w) * .72);display:flex;align-items:stretch;justify-content:center}.cdx .cmdr-hero-portrait-wrap{width:min(96cqh,100%);height:100%}.cdx .cmdr-hero-portrait-img{height:122%}.cdx .cmdr-hero-nav-arrow{width:clamp(34px,9cqh,46px);height:clamp(34px,9cqh,46px);opacity:.85}.cdx .cmdr-hero-nav-arrow.prev{left:calc(clamp(84px,22cqh,116px) + clamp(10px,2.6cqh,18px))}.cdx .cmdr-hero-nav-arrow.next{right:4px}#screen-commanders .power-badge.cdx-power,.cdx .cmdr-hero-power-display{bottom:clamp(4px,1.6cqh,10px)}#screen-commanders .cdx .power-badge.cmdr-hero-power-display{background:linear-gradient(180deg,#0a080400,#0a08048c);font-size:clamp(24px,7cqh,38px);font-weight:900;color:#fff;text-shadow:var(--ol);padding:4px 18px 4px 8px}#screen-commanders .cdx .power-badge.cmdr-hero-power-display img,#screen-commanders .cdx .power-badge.cmdr-hero-power-display svg{width:clamp(34px,10cqh,50px);height:clamp(34px,10cqh,50px)}.cdx-info{position:absolute;top:0;right:0;bottom:0;width:var(--info-w);z-index:3;display:flex;flex-direction:column;gap:clamp(5px,1.8cqh,10px);padding:clamp(10px,3cqh,18px) clamp(12px,3cqh,20px) clamp(8px,2cqh,12px) clamp(24px,7cqh,42px);background:linear-gradient(90deg,transparent 0%,rgba(14,10,6,.5) 20%,rgba(14,10,6,.66) 100%);color:#fff;overflow-y:auto;scrollbar-width:none}.cdx-info::-webkit-scrollbar{display:none}.cdx-head{display:flex;flex-direction:column;gap:1px}.cdx-head-top{display:flex;align-items:center;gap:8px;margin-bottom:2px}.cdx .cmdr-hero-rarity-chip{font-size:clamp(10px,2.6cqh,14px);padding:1px 12px;text-shadow:var(--ol)}.cdx .cmdr-hero-panel-type{width:clamp(20px,5.4cqh,28px);height:clamp(20px,5.4cqh,28px);background:#0e0a0680;border:1px solid rgba(255,255,255,.3)}.cdx .cmdr-hero-panel-name{font-family:var(--font-display);font-size:clamp(24px,7cqh,40px);font-weight:900;line-height:1.02;color:#fff;text-shadow:var(--ol)}.cdx .cmdr-hero-panel-nation{font-size:var(--fs-s);font-weight:800;letter-spacing:.12em;color:var(--gold-soft);text-shadow:var(--ol);margin:0}.cdx .cmdr-hero-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}.cdx .cmdr-hero-panel-stars .cmdr-star-img{height:clamp(20px,5.6cqh,32px)}.cdx .cmdr-hero-level-label{font-size:var(--fs-m);font-weight:900;color:#fff;text-shadow:var(--ol);white-space:nowrap}.cdx .cmdr-hero-banked-chip{color:var(--gold-soft)}.cdx .cmdr-hero-xp-row{display:flex;align-items:center;gap:6px}.cdx .cmdr-hero-xp-bar{flex:1 1 auto;height:clamp(24px,6.4cqh,34px);border-width:0 clamp(14px,3.8cqh,22px);border-image-width:0 clamp(14px,3.8cqh,22px)}.cdx .cmdr-hero-xp-label{font-size:var(--fs-s);color:#fff;text-shadow:var(--ol)}.cdx .cmdr-xpbooks-open-btn{width:clamp(30px,8.2cqh,44px);height:clamp(30px,8.2cqh,44px);flex:0 0 auto}.cdx .cmdr-hero-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 10px;margin:2px 0 0;font-size:var(--fs-s);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);text-shadow:var(--ol);background:linear-gradient(90deg,#f1c75c4d,#f1c75c00);border:0}.cdx .cmdr-hero-section-title:after{display:none}.cdx .cmdr-hero-section-title small{color:#fff;letter-spacing:0}.cdx-body{display:flex;flex-direction:column;gap:clamp(5px,1.8cqh,10px);min-height:0}.cdx .cmdr-hero-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4px,1.6cqh,9px) clamp(10px,2.6cqh,18px);padding:0 4px}.cdx .cmdr-hero-stat{padding:0;background:none;border:0;border-radius:0;gap:8px;align-items:center}.cdx .cmdr-hero-stat-icon{width:clamp(22px,6cqh,32px);height:clamp(22px,6cqh,32px);color:var(--gold)}.cdx .cmdr-hero-stat-icon svg,.cdx .cmdr-hero-stat-icon img{width:100%;height:100%}.cdx .cmdr-hero-stat-label{font-size:clamp(10px,2.5cqh,13px);font-weight:800;letter-spacing:.08em;color:var(--gold-soft);text-shadow:var(--ol)}.cdx .cmdr-hero-stat-value{font-size:clamp(17px,4.8cqh,26px);font-weight:900;line-height:1;color:#fff;text-shadow:var(--ol)}.cdx .cmdr-army-bonus{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 10px;padding:3px 10px;background:#ffffff12;border:0;border-radius:6px}.cdx .cmdr-army-bonus-label{font-size:clamp(10px,2.5cqh,13px);font-weight:800;letter-spacing:.08em;color:var(--gold-soft);text-shadow:var(--ol)}.cdx .cmdr-army-bonus-label svg{color:var(--gold);width:14px;height:14px}.cdx .cmdr-army-bonus-value{font-size:clamp(16px,4.4cqh,24px);font-weight:900;color:#fff;text-shadow:var(--ol)}.cdx .cmdr-army-bonus-detail{font-size:clamp(10px,2.5cqh,13px);color:#e6d9bb}.cdx .cmdr-army-bonus-next{font-size:clamp(10px,2.5cqh,13px);color:#8fe58f;margin-left:auto}.cdx .cmdr-hero-kit-skills-row,.cdx .cmdr-hero-skills-row{position:relative;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:clamp(8px,2.4cqh,16px);padding:2px 4px 0}.cdx .cmdr-hero-kit-skill-tile,.cdx .cmdr-hero-skill-tile{flex:0 1 auto;width:clamp(58px,16cqh,84px);padding:0;background:none;border:0;box-shadow:none;gap:3px;align-items:center}.cdx .cmdr-hero-kit-skill-icon{width:clamp(40px,11.5cqh,58px);height:clamp(40px,11.5cqh,58px);border-radius:50%;border:2px solid rgba(241,199,92,.85);box-shadow:0 2px 6px #0000008c}.cdx .cmdr-hero-kit-skill-tile.active .cmdr-hero-kit-skill-icon{border-color:#fff;box-shadow:0 0 10px #ffe3a0cc}.cdx .cmdr-hero-kit-skill-name{font-size:clamp(9.5px,2.4cqh,12.5px);font-weight:800;line-height:1.12;color:#fff;text-shadow:var(--ol);text-align:center}.cdx .cmdr-hero-skill-icon{color:var(--gold)}.cdx .cmdr-hero-skill-level{color:#fff;font-size:var(--fs-s);text-shadow:var(--ol)}.cdx .cmdr-hero-kit-skill-info{background:#0e0a06eb;border:1px solid rgba(241,199,92,.55);border-radius:8px;padding:8px;box-shadow:0 8px 22px #0000008c}.cdx .cmdr-hero-kit-skill-info:after{background:#0e0a06eb;border-color:#f1c75c8c}.cdx .cmdr-hero-kit-skill-info-name{color:#fff;font-size:var(--fs-m)}.cdx .cmdr-hero-kit-skill-info-desc{color:#e6d9bb;font-size:var(--fs-s)}.cdx .cmdr-hero-kit-skill-info-close{color:#e6d9bb}.cdx .cmdr-hero-kit-skill-info-icon{width:clamp(40px,11cqh,56px);height:clamp(40px,11cqh,56px)}.cdx .cmdr-hero-kit-skill-info-kind{font-size:clamp(8px,2cqh,11px)}.cdx .cmdr-hero-combat-skill-chip-trigger,.cdx .cmdr-hero-combat-skill-chip-effect{font-size:clamp(9px,2.2cqh,12px)}.cdx-su{display:flex;flex-direction:column;gap:clamp(6px,2cqh,12px);align-items:stretch}.cdx .cmdr-hero-star-rows{display:flex;align-items:center;justify-content:center;gap:8px}.cdx .cmdr-hero-star-group .cmdr-star-img{height:clamp(26px,7.4cqh,42px)}.cdx .cmdr-hero-star-sep{color:var(--gold);font-size:var(--fs-m);font-weight:900}.cdx-su-step{display:flex;align-items:baseline;justify-content:center;gap:8px;text-shadow:var(--ol)}.cdx-su-step b{font-size:var(--fs-l);font-weight:900;color:#fff}.cdx-su-step b.next{color:#8fe58f}.cdx-su-step .arrow{color:var(--gold);font-size:var(--fs-m);font-weight:900}.cdx-su-step small{color:var(--gold-soft);font-size:var(--fs-s);font-weight:800}.cdx-su-frag{display:flex;align-items:center;gap:10px;padding:4px 10px;background:#ffffff12;border-radius:999px}.cdx-su-frag .cmdr-frag-icon{height:clamp(36px,10cqh,52px);width:auto;margin:-4px 0;background:none;border:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.cdx-su-frag-col{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0}.cdx-su-frag-text{font-size:var(--fs-m);font-weight:800;color:#fff;text-shadow:var(--ol)}.cdx-su-frag-text b{color:#8fe58f;font-weight:900}.cdx-su-frag.short .cdx-su-frag-text b{color:#ff9c8a}.cdx-su-frag-bar{display:block;height:clamp(6px,1.6cqh,9px);border-radius:999px;background:#00000080;overflow:hidden}.cdx-su-frag-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,#9af0a8,#3fae6c)}.cdx-su-frag.short .cdx-su-frag-bar i{background:linear-gradient(180deg,#ffd45e,#e0932a)}.cdx .cmdr-hero-starup-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;padding:0 4px}.cdx .cmdr-hero-starup-stat{display:flex;align-items:center;gap:6px;font-size:var(--fs-s);color:#fff;text-shadow:var(--ol);flex-wrap:wrap}.cdx .cmdr-hero-starup-stat svg,.cdx .cmdr-hero-starup-stat img{width:clamp(16px,4.4cqh,24px);height:clamp(16px,4.4cqh,24px);color:var(--gold);flex:0 0 auto}.cdx .cmdr-hero-starup-stat-label{font-size:clamp(10px,2.5cqh,13px);font-weight:800;letter-spacing:.06em;color:var(--gold-soft);text-transform:uppercase}.cdx .cmdr-hero-starup-stat-values{flex:1 0 100%;display:flex;align-items:baseline;gap:5px;font-size:clamp(14px,3.8cqh,20px);font-weight:900}.cdx .cmdr-hero-starup-stat-values .current{color:#fff}.cdx .cmdr-hero-starup-stat-values .arrow{color:var(--gold)}.cdx .cmdr-hero-starup-stat-values .next{color:#8fe58f}.cdx-su-btn{--h: clamp(40px, 11.5cqh, 54px);align-self:center;min-width:72%;height:var(--h);padding:0 24px;margin-top:2px;border:0;border-style:solid;border-width:0 calc(var(--h) * .45);border-image:url(/assets/ui/kit/btn-green.webp) 20 44 fill / 0 calc(var(--h) * .45) stretch;background:none;box-shadow:none;color:#fff;font-size:clamp(17px,4.8cqh,26px);font-weight:900;text-shadow:var(--ol)}.cdx-su-btn:disabled{filter:grayscale(1) brightness(.8);opacity:.85}.cdx-su-maxed{text-align:center;font-size:var(--fs-l);font-weight:900;color:var(--gold-soft);text-shadow:var(--ol);letter-spacing:.04em}.cdx-su-done .cmdr-hero-stats-grid{margin-top:2px}.cdx-gear{position:relative;height:clamp(150px,46cqh,250px);margin-top:4px}.cdx-gear-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.cdx-gear-lines path{fill:none;stroke:#f1c75c99;stroke-width:1.4;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.cdx-gear-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%,-50%)}.cdx-gear-node.center{left:50%;top:22%}.cdx-gear-node.weapon{left:24%;top:76%}.cdx-gear-node.armor{left:76%;top:76%}.cdx-gear-ring{width:clamp(48px,14cqh,76px);height:clamp(48px,14cqh,76px);border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#ffe9ae38,#0e0a068c 70%);border:2px solid rgba(241,199,92,.85);box-shadow:0 0 14px #f1c75c59,inset 0 0 10px #00000080}.cdx-gear-node.center .cdx-gear-ring svg,.cdx-gear-node.center .cdx-gear-ring img{width:56%;height:56%;color:var(--gold)}.cdx-gear-ring .cmdr-art-icon{height:68%;width:auto}.cdx-gear-label{font-size:var(--fs-s);font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:var(--ol)}.cdx-gear-note{margin:0;padding:3px 12px;text-align:center;font-size:var(--fs-s);color:#e6d9bb;background:#0e0a0673;border-radius:999px;align-self:center}.cdx .xpbooks-inline-hint{font-size:var(--fs-s);color:#e6d9bb;text-shadow:var(--ol)}.cdx .xpbooks-inline-item{padding:2px 4px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;color:#fff;gap:8px}.cdx .xpbooks-inline-icon{width:clamp(28px,8cqh,42px);height:clamp(28px,8cqh,42px)}.cdx .xpbooks-inline-value{font-size:var(--fs-m);font-weight:800;color:#fff;text-shadow:var(--ol)}.cdx .xpbooks-inline-xpvalue{font-size:var(--fs-s);color:var(--gold-soft)}.cdx .xpbooks-inline-qty{font-size:var(--fs-s);color:#e6d9bb}.cdx .xpbooks-inline-qty b{color:#fff;font-size:var(--fs-m)}.cdx .xpbooks-inline-btn{height:clamp(24px,6.6cqh,32px);min-width:40px;font-size:var(--fs-s);padding:0 10px}.cdx .cmdr-hero-section-close{color:#fff;width:22px;height:22px}.cdx .cmdr-hero-section-close svg{width:14px;height:14px}.cmdr-hero.cdx{--nav-w: clamp(96px, 25cqh, 124px)}.cdx .cmdr-hero-nav{width:var(--nav-w)}.cdx .cmdr-hero-nav-btn{min-width:0;font-size:clamp(11px,2.9cqh,16px);padding-inline:clamp(6px,1.4cqh,9px);gap:6px}.cdx .cmdr-hero-nav-arrow.prev{left:calc(var(--nav-w) + clamp(14px,3cqh,22px))}.cdx .cmdr-hero-nav-arrow.next{right:calc(var(--info-w) * .3 + 6px)}.cdx-head-sub{display:flex;align-items:center;gap:8px;min-width:0}.cdx-head-sub .cmdr-hero-panel-nation{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em}.cdx-head-sub .cmdr-hero-panel-nation{white-space:normal;line-height:1.1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:break-word;letter-spacing:.04em}.cdx-head-sub .cmdr-hero-panel-type{margin-left:auto;flex:0 0 auto}.cdx .cmdr-hero-title{font-size:var(--fs-m)}.cdx .cmdr-hero-res-chip{padding:2px 6px;gap:3px;font-size:clamp(10px,2.5cqh,12.5px)}.cdx .cmdr-hero-res-chip svg,.cdx .cmdr-hero-res-chip img{width:14px;height:14px}.cdx .cmdr-hero-resources{gap:3px;min-width:0}.cdx-info,.cdx-body{gap:clamp(4px,1.4cqh,8px)}.cdx .cmdr-hero-kit-skill-icon{width:clamp(38px,10.2cqh,54px);height:clamp(38px,10.2cqh,54px)}.cdx .cmdr-hero-topbar{margin:0}.cdx-su-done .cmdr-hero-star-group .cmdr-star-img{height:clamp(30px,8.6cqh,48px)}.cdx .cmdr-hero-star-rows{gap:4px;flex-wrap:nowrap}.cdx .cmdr-hero-star-group{gap:0}.cdx .cmdr-hero-star-group .cmdr-star-img{height:clamp(22px,5.6cqh,36px)}.cdx-su-done .cmdr-hero-star-group .cmdr-star-img{height:clamp(28px,7.4cqh,46px)}.cdx-su-btn{border-width:calc(var(--h) * .2) calc(var(--h) * .45);border-image:url(/assets/ui/kit/btn-green.webp) 20 44 fill / calc(var(--h) * .2) calc(var(--h) * .45) stretch;height:calc(var(--h) * 1.1);display:flex;align-items:center;justify-content:center;padding:0}.cdx-info{padding-top:clamp(8px,2.2cqh,16px)}.cdx .cmdr-hero-stat-value{font-size:clamp(16px,4.4cqh,26px)}.cdx .cmdr-hero-kit-skill-icon{width:clamp(36px,9.4cqh,54px);height:clamp(36px,9.4cqh,54px)}.cdx .cmdr-hero-kit-skill-tile{width:clamp(64px,17cqh,90px)}.cdx .cmdr-hero-kit-skill-name{font-size:clamp(9px,2.2cqh,12.5px)}.cmdr-hero.cdx{--info-w: min(39cqw, 480px);--nav-w: clamp(66px, 10.4cqw, 112px);--gap-block: clamp(10px, 3.6cqh, 24px)}.cdx .cmdr-hero-scrim{background:radial-gradient(ellipse 30% 70% at 79% 50%,rgba(8,6,3,.66) 0%,rgba(8,6,3,.42) 55%,transparent 100%),radial-gradient(ellipse 40% 80% at 34% 62%,color-mix(in srgb,var(--rarity-color) 78%,transparent) 0%,transparent 72%),linear-gradient(180deg,rgba(10,8,4,.5) 0%,transparent 18%,transparent 76%,rgba(10,8,4,.5) 100%)}.cdx-info{background:none;gap:var(--gap-block);padding:clamp(14px,4.4cqh,30px) clamp(16px,4cqh,32px) clamp(10px,3cqh,20px) clamp(10px,2.4cqh,18px)}.cdx .cmdr-hero-nav{left:clamp(2px,.7cqh,6px);width:var(--nav-w);gap:3px}.cdx .cmdr-hero-nav-btn{padding:clamp(4px,1.3cqh,8px) clamp(5px,1.2cqh,8px);gap:5px;border-radius:8px;background:#0e0a0647;color:#d9cba9;font-size:clamp(10px,2.6cqh,14px);letter-spacing:.02em}.cdx .cmdr-hero-nav-btn .cmdr-art-icon{height:clamp(16px,4.2cqh,24px)}.cdx .cmdr-hero-nav-btn.active{box-shadow:0 1px 5px #0006,inset 0 1px #ffffff80}.cdx .cmdr-hero-character{left:var(--nav-w);right:var(--info-w)}.cdx .cmdr-hero-portrait-wrap{width:min(92cqh,calc(100% - (2*clamp(34px,8.6cqh,48px))))}.cdx .cmdr-hero-nav-arrow{width:clamp(30px,7.6cqh,42px);height:clamp(30px,7.6cqh,42px);opacity:.8}.cdx .cmdr-hero-nav-arrow.prev{left:0}.cdx .cmdr-hero-nav-arrow.next{right:0}#screen-commanders .cdx .power-badge.cmdr-hero-power-display{background:none;padding:0;gap:6px;bottom:clamp(6px,2.4cqh,16px);font-size:clamp(20px,5.4cqh,32px);text-shadow:var(--ol),0 0 16px rgba(0,0,0,.75)}#screen-commanders .cdx .power-badge.cmdr-hero-power-display img,#screen-commanders .cdx .power-badge.cmdr-hero-power-display svg{width:clamp(24px,6.4cqh,36px);height:clamp(24px,6.4cqh,36px)}.cdx .cmdr-hero-title{font-size:clamp(14px,3.4cqh,19px)}.cdx .cmdr-hero-topbar{right:var(--info-w)}.cdx-head{gap:3px}.cdx .cmdr-hero-panel-name{font-size:clamp(24px,6.8cqh,40px)}.cdx-head-sub{gap:8px}.cdx .cmdr-hero-panel-stars{margin-top:clamp(3px,1cqh,8px)}.cdx .cmdr-hero-panel-stars .cmdr-star-img{height:clamp(18px,5cqh,30px)}.cdx-level{display:flex;flex-direction:column;gap:clamp(2px,.8cqh,6px)}.cdx-level .cmdr-hero-level-label{align-self:flex-end;font-size:var(--fs-m)}.cdx .cmdr-hero-xp-bar{height:clamp(22px,5.6cqh,30px)}.cdx .cmdr-hero-section-title{align-self:flex-start;justify-content:flex-start;gap:8px;padding:0;margin:0 0 clamp(4px,1.2cqh,8px);background:none;font-size:clamp(10px,2.5cqh,13px);letter-spacing:.18em}.cdx .cmdr-hero-section-title:after{display:block;content:"";flex:0 0 clamp(28px,7cqh,54px);height:1px;background:linear-gradient(90deg,rgba(241,199,92,.7),transparent)}.cdx-body{gap:var(--gap-block)}.cdx .cmdr-hero-stats-grid{gap:clamp(10px,3.2cqh,22px) clamp(16px,4.4cqh,34px);padding:0}.cdx .cmdr-hero-stat{gap:clamp(8px,2cqh,14px)}.cdx .cmdr-hero-stat-icon{width:clamp(30px,8.4cqh,46px);height:clamp(30px,8.4cqh,46px)}.cdx .cmdr-hero-stat-label{font-size:clamp(9px,2.2cqh,12px)}.cdx .cmdr-hero-stat-value{font-size:clamp(20px,5.6cqh,32px)}.cdx .cmdr-hero-stat-text{gap:2px}.cdx .cmdr-army-bonus{background:linear-gradient(90deg,rgba(255,255,255,.07),transparent 85%);border-radius:0;padding:2px 0 2px 2px;gap:0 12px}.cdx .cmdr-army-bonus-value{font-size:clamp(18px,5cqh,28px)}.cdx .cmdr-army-bonus-next{margin-left:0}.cdx-skills{margin-top:clamp(4px,2.2cqh,16px)}.cdx .cmdr-hero-kit-skills-row,.cdx .cmdr-hero-skills-row{gap:clamp(12px,3.6cqh,26px);padding:0}.cdx .cmdr-hero-kit-skill-tile{width:clamp(52px,13.6cqh,76px);gap:4px}.cdx .cmdr-hero-kit-skill-icon{width:clamp(36px,9.6cqh,54px);height:clamp(36px,9.6cqh,54px)}.cdx .cmdr-hero-kit-skill-name{font-size:clamp(8.5px,2cqh,11px);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cdx-body{flex:1 1 auto}.cdx-su{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-block);min-height:0}.cdx-su-group{display:flex;flex-direction:column;gap:clamp(8px,2.4cqh,16px)}.cdx .cmdr-hero-star-rows{justify-content:flex-start}.cdx .cmdr-hero-star-group .cmdr-star-img{height:clamp(20px,5cqh,32px)}.cdx-su-step{justify-content:flex-start;align-items:center;gap:clamp(10px,3cqh,20px)}.cdx-su-big{display:inline-flex;align-items:center;gap:6px}.cdx-su-big .cmdr-star-img{height:clamp(34px,9.6cqh,56px)}.cdx-su-big b{font-size:clamp(24px,7cqh,40px)}.cdx-su-big.next b{color:#8fe58f}.cdx-su-step .arrow{font-size:clamp(18px,4.6cqh,26px)}.cdx-su-frag{background:none;padding:0;gap:clamp(10px,2.6cqh,18px)}.cdx-su-frag .cmdr-frag-icon{height:clamp(48px,13.4cqh,78px);margin:0}.cdx-su-frag-col{flex:0 1 62%;gap:6px}.cdx .cmdr-hero-starup-stats{gap:clamp(8px,2.4cqh,16px) clamp(14px,4cqh,28px);padding:0}.cdx-su-btn{align-self:flex-end;min-width:0;width:clamp(150px,46%,230px);margin:0}.cdx-su-done{justify-content:flex-start}.cdx-su-done .cdx-su-group+.cdx-su-group{margin-top:clamp(2px,1.4cqh,12px)}.cdx-su-done .cdx-skills{margin-top:clamp(4px,2cqh,14px)}.cdx-su-maxed{text-align:left;font-size:clamp(16px,4.2cqh,24px)}.cdx-gear{flex:1 1 auto;height:auto;min-height:clamp(150px,44cqh,280px);margin:0}.cdx-gear-lines path{stroke:#f1c75c61;stroke-width:1}.cdx-gear-node.center{left:50%;top:20%}.cdx-gear-node.weapon{left:15%;top:70%}.cdx-gear-node.armor{left:85%;top:70%}.cdx-gear-ring{background:radial-gradient(circle at 50% 35%,#ffe9ae29,#0e0a064d 70%);box-shadow:0 0 12px #f1c75c40;border-width:1.5px}.cdx-gear-label{font-size:clamp(10px,2.4cqh,13px)}.cdx-gear-note{align-self:flex-end;background:none;padding:0;font-size:clamp(9px,2.1cqh,11.5px);opacity:.7;text-align:right}@media (max-height: 420px){.cdx .cmdr-army-bonus-next{display:none}.cmdr-hero.cdx{--gap-block: clamp(8px, 3cqh, 14px)}}@media (max-height: 800px){.cmdr-hero.cdx{--gap-block: clamp(7px, 2.4cqh, 12px)}.cdx-info{padding-top:clamp(10px,3cqh,16px)}.cdx-stats>.cmdr-hero-section-title,.cdx-su .cmdr-hero-section-title{display:none}.cdx .cmdr-army-bonus-next{display:none}.cdx-su-big .cmdr-star-img{height:clamp(28px,7.6cqh,44px)}.cdx-su-big b{font-size:clamp(20px,5.6cqh,32px)}.cdx-su-frag .cmdr-frag-icon{height:clamp(40px,11cqh,60px)}.cdx .cmdr-hero-starup-stats{gap:6px 16px}.cdx .cmdr-hero-starup-stat-values{font-size:clamp(13px,3.4cqh,18px)}.cdx .cmdr-hero-stats-grid{gap:clamp(8px,2.4cqh,16px) clamp(14px,4cqh,28px)}.cdx-su-group{gap:clamp(6px,1.8cqh,12px)}}.cdx .cmdr-hero-scrim{background:radial-gradient(ellipse 32% 74% at 80% 50%,rgba(8,6,3,.74) 0%,rgba(8,6,3,.46) 58%,transparent 100%),radial-gradient(ellipse 40% 80% at 34% 62%,color-mix(in srgb,var(--rarity-color) 78%,transparent) 0%,transparent 72%),linear-gradient(180deg,rgba(10,8,4,.5) 0%,transparent 18%,transparent 76%,rgba(10,8,4,.5) 100%)}@media (max-height: 800px){.cdx .cmdr-hero-stat-icon{width:clamp(28px,7.4cqh,40px);height:clamp(28px,7.4cqh,40px)}.cdx .cmdr-hero-stat-value{font-size:clamp(18px,5cqh,28px)}.cdx .cmdr-hero-xp-bar{height:clamp(20px,5cqh,26px)}.cdx-skills{margin-top:0}.cdx .cmdr-hero-panel-stars{margin-top:2px}.cdx-info{padding-top:clamp(8px,2.4cqh,14px)}}.cdx-info{overflow-x:hidden}.cmdr-hero.cdx{--gap-block: clamp(12px, 3.8cqh, 24px)}@media (max-height: 800px){.cmdr-hero.cdx{--gap-block: clamp(10px, 3.3cqh, 20px)}.cdx-info{padding-top:clamp(8px,2.2cqh,14px);padding-bottom:clamp(6px,1.6cqh,12px)}.cdx-head{gap:1px}.cdx .cmdr-hero-panel-name{font-size:clamp(22px,6.2cqh,36px)}.cdx .cmdr-hero-panel-stars{margin-top:1px}.cdx .cmdr-hero-panel-stars .cmdr-star-img{height:clamp(15px,4.2cqh,26px)}.cdx-level{gap:1px}.cdx .cmdr-hero-xp-bar{height:clamp(18px,4.6cqh,24px);border-width:0 clamp(12px,3cqh,17px);border-image-width:0 clamp(12px,3cqh,17px)}.cdx .cmdr-hero-xp-label{font-size:clamp(10px,2.4cqh,13px)}.cdx .cmdr-xpbooks-open-btn{width:clamp(26px,6.6cqh,36px);height:clamp(26px,6.6cqh,36px)}.cdx .cmdr-hero-stats-grid{gap:clamp(8px,2.6cqh,16px) clamp(16px,4.4cqh,32px)}.cdx .cmdr-army-bonus{padding:0 0 0 2px}.cdx-skills .cmdr-hero-section-title{margin-bottom:3px}.cdx .cmdr-hero-kit-skill-tile{gap:2px}.cdx .cmdr-hero-kit-skill-name{font-size:clamp(8px,1.95cqh,10.5px);line-height:1.1}.cdx-skills{margin-top:0}}@media (max-height: 440px){.cmdr-hero.cdx{--gap-block: clamp(6px, 2cqh, 10px)}}.cdx-su{justify-content:space-between;gap:clamp(8px,2.4cqh,16px)}.cdx-su-top{display:flex;flex-direction:column;gap:clamp(6px,1.8cqh,12px)}.cdx-su-mid{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.cdx-su-bottom{display:flex;flex-direction:column;gap:clamp(10px,3cqh,18px)}.cdx-su-group{display:contents}.cdx-su-frag{gap:clamp(12px,3cqh,22px)}.cdx-su-frag-col{flex:0 1 58%}.cdx .cmdr-hero-starup-stats{gap:clamp(6px,1.8cqh,12px) clamp(14px,4cqh,28px)}.cdx-su-btn{align-self:flex-end;width:clamp(150px,50%,230px)}.cdx-su .cdx-su-top .cmdr-hero-section-title{display:none}@media (max-height: 800px){.cdx-su-done .cdx-su-mid .cmdr-hero-section-title{display:flex}}.cdx-su-done{justify-content:flex-start;gap:var(--gap-block)}.cdx-su-done .cdx-su-top{gap:clamp(6px,2cqh,14px)}.cdx-su-done .cmdr-hero-star-rows{justify-content:flex-start}.cdx-su-done .cmdr-hero-star-group .cmdr-star-img{height:clamp(38px,11cqh,66px);filter:drop-shadow(0 0 8px rgba(255,220,120,.45)) drop-shadow(0 2px 2px rgba(0,0,0,.55))}.cdx-su-done .cdx-su-mid{flex:0 0 auto;justify-content:flex-start}.cdx-su-done .cdx-su-bottom{gap:0}.cdx-su-maxed{font-size:clamp(17px,4.6cqh,26px)}.cdx-gear{min-height:clamp(180px,56cqh,330px)}.cdx-gear-lines path{stroke:#f1c75c9e;stroke-width:1.4;stroke-dasharray:none}.cdx-gear-node.center{left:50%;top:26%}.cdx-gear-node.weapon{left:20%;top:72%}.cdx-gear-node.armor{left:80%;top:72%}.cdx-gear-node.center .cdx-gear-ring{width:clamp(70px,21cqh,118px);height:clamp(70px,21cqh,118px);border-width:2px;box-shadow:0 0 20px #f1c75c66,inset 0 0 14px #00000073}.cdx-gear-node:not(.center) .cdx-gear-ring{width:clamp(58px,16.4cqh,92px);height:clamp(58px,16.4cqh,92px)}.cdx-gear-label{font-size:clamp(11px,2.7cqh,14px)}.cdx .cmdr-hero-nav-btn{background:#0e0a0633;color:#cbbd9b;font-weight:700}.cdx .cmdr-hero-nav-btn.active{color:#2f1f03;font-weight:900;background:linear-gradient(180deg,#fff1bf,#ffd45e 45%,#d99a1c);box-shadow:0 0 12px #ffd45e80,0 2px 6px #00000080,inset 0 1px #ffffffb3}.cdx-su-frag .cmdr-frag-icon{height:clamp(64px,21cqh,120px);margin:clamp(-16px,-3.4cqh,-8px) 0}@media (max-height: 800px){.cdx-su-frag .cmdr-frag-icon{height:clamp(64px,21cqh,112px);margin:clamp(-16px,-3.4cqh,-8px) 0}}.cdx-su-frag-text{font-size:clamp(15px,3.9cqh,22px)}.bw-buildtime{display:flex;align-items:center;justify-content:center;gap:10px;padding:clamp(2px,1cqh,6px) 0}.bw-buildtime img{width:clamp(24px,7cqh,36px);height:auto}.bw-buildtime b{font-size:clamp(22px,7cqh,34px);font-weight:800;color:#3b3020;letter-spacing:.02em}@media (max-height: 500px){.bw-buildtime{display:none}}.bw-upgrade .bw-btn-sub{font-size:clamp(14px,3.8cqh,20px);font-weight:700}.bw-upgrade .bw-btn-main{font-size:clamp(14px,3.4cqh,18px)}.bw-upgrade .bw-btn{min-height:clamp(44px,12.6cqh,60px)}.bw-bigtimer{display:flex;align-items:center;justify-content:center;gap:12px;padding:clamp(2px,1cqh,8px) 0}.bw-bigtimer img{width:clamp(30px,9cqh,46px);height:auto}.bw-bigtimer b{font-size:clamp(30px,11cqh,52px);font-weight:800;color:#3b3020;letter-spacing:.03em;font-variant-numeric:tabular-nums}.bw-progress-big{height:clamp(14px,3.6cqh,20px);margin:0 clamp(4px,1.4cqh,10px)}.bw-speedup-area .speedup-panel{margin-top:clamp(6px,1.6cqh,12px)}.bw-upgrading .bw-side{justify-content:flex-start;gap:clamp(6px,1.6cqh,12px)}.panel-icon-btn.icon-speed{background:linear-gradient(180deg,#9bd35a,#4f9a26);color:#fff}.bw-card-status .bw-status{font-size:clamp(15px,4.4cqh,22px);font-weight:700}.bw-upgrading .bw-speedup-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.bw-speedup-area .speedup-panel{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(8px,2cqh,14px);margin:0;padding:clamp(6px,1.6cqh,10px);background:#ffffff59;border:1px solid #d8c796;border-radius:8px}.bw-speedup-area .speedup-tier-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(74px,21cqh,100px),1fr));gap:clamp(6px,1.6cqh,10px);align-content:start}.bw-speedup-area .speedup-tier-btn{flex-direction:column;justify-content:center;gap:3px;padding:clamp(5px,1.4cqh,9px) 4px;border:2px solid #c9a24e;border-radius:10px;background:linear-gradient(180deg,#fffdf4,#f1e3bd);color:#3b3020;font-weight:800;font-size:clamp(11px,2.8cqh,14px);text-align:center;line-height:1.1}.bw-speedup-area .speedup-tier-btn img,.bw-speedup-area .speedup-tier-btn svg{width:clamp(34px,10cqh,52px);height:clamp(34px,10cqh,52px)}.bw-speedup-area .speedup-tier-btn small{font-size:clamp(11px,2.8cqh,15px);font-weight:900;color:#7a4d10}.bw-speedup-area .speedup-tier-btn:active{transform:scale(.96)}.bw-speedup-area .speedup-instant-btn{align-self:stretch;min-height:clamp(40px,11cqh,54px);font-size:clamp(15px,3.8cqh,20px);font-weight:800}.bw-speedup-area .speedup-panel .queue-empty{text-align:center;color:#7a6638;font-size:clamp(12px,3cqh,16px);margin:0}#deploy-root .dp-cmds{justify-content:space-around;gap:clamp(2px,1cqh,8px)}#deploy-root .dp-cmds .dp-cmd{flex:1 1 0;min-width:0}#deploy-root .dp-cmds .dp-cmd-stage{width:clamp(58px,17.5cqh,100px)}#deploy-root .dp-cmds .dp-cmd-name{max-width:100%;font-size:clamp(10px,2.6cqh,13px)}#deploy-root .dp-cmds .dp-cmd-hint{font-size:clamp(9px,2.3cqh,12px);text-align:center;line-height:1.1;white-space:normal;justify-content:center}#world-map-overlay .atk-compact{display:flex;flex-direction:column;gap:5px}#world-map-overlay .atk-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}#world-map-overlay .atk-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:3px 2px 4px;border:1px solid #d9c48d;border-radius:8px;background:#fffdf499}#world-map-overlay .atk-tile.empty,#world-map-overlay .atk-tile.add{border-style:dashed;border-color:#b08a4a;background:#fffdf44d}#world-map-overlay .atk-tile.ghost{opacity:.35;border-style:dashed}#world-map-overlay .atk-tile.over{border-color:#c0392b}#world-map-overlay .atk-cmd{position:relative;display:flex;justify-content:center;padding:0;border:0;background:none;cursor:pointer}#world-map-overlay .atk-tile .commander-slot-portrait{width:100%;max-width:clamp(46px,13.5cqh,62px);height:clamp(34px,10cqh,46px)}#world-map-overlay .atk-tile .commander-slot-portrait img,#world-map-overlay .atk-tile .commander-slot-portrait .cmdr-portrait-placeholder{width:clamp(24px,7cqh,32px);height:clamp(24px,7cqh,32px)}#world-map-overlay .atk-load{display:block;width:86%;height:5px;border-radius:3px;background:#785a1e40;overflow:hidden}#world-map-overlay .atk-load i{display:block;height:100%;background:linear-gradient(180deg,#7bd34a,#3f9a1f)}#world-map-overlay .atk-tile.over .atk-load i{background:#c0392b}#world-map-overlay .atk-tile.empty .atk-load,#world-map-overlay .atk-tile.add .atk-load{visibility:hidden}#world-map-overlay .atk-troops{display:flex;flex-direction:column;align-items:stretch;gap:1px;width:100%;min-height:clamp(14px,4.2cqh,20px)}#world-map-overlay .atk-troop{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0;font-size:clamp(10px,2.8cqh,13px);font-weight:700;color:#3b3020}#world-map-overlay .atk-troop .unit-icon{width:clamp(13px,3.8cqh,18px);height:clamp(13px,3.8cqh,18px);flex:0 0 auto}#world-map-overlay .atk-troop .unit-icon svg,#world-map-overlay .atk-troop .unit-icon img{width:85%;height:85%}#world-map-overlay .atk-none{text-align:center;color:#a58f5e;font-weight:700}#world-map-overlay .atk-remove{position:absolute;top:-5px;right:-4px;width:17px;height:17px;padding:0;border:1px solid #7a1f14;border-radius:50%;background:#b23a2a;color:#fff;font:700 12px/1 Rajdhani,sans-serif;cursor:pointer}#world-map-overlay .atk-remove:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}#world-map-overlay .atk-tile.empty .atk-remove,#world-map-overlay .atk-tile.add .atk-remove{display:none}#world-map-overlay .atk-gear{align-self:flex-end;position:relative;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid #e3bd5e;border-radius:999px;background:linear-gradient(180deg,#6b4a24,#3f2a12);color:#fff;font:700 clamp(10px,2.6cqh,12px) "Rajdhani","Inter",sans-serif;cursor:pointer}#world-map-overlay .atk-gear svg{width:1.2em;height:1.2em}#world-map-overlay .atk-gear:after{content:"";position:absolute;top:-7px;right:-2px;bottom:-7px;left:-2px}#world-map-overlay .atk-done{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:1px 9px;border:1px solid #e3bd5e;border-radius:999px;background:#ffffff1f;color:#fff;font:700 inherit "Rajdhani","Inter",sans-serif;cursor:pointer}#world-map-overlay .atk-done svg{width:1.1em;height:1.1em}#top-resources{gap:clamp(14px,3.6cqh,22px)}#top-resources .hud-res-pill{position:relative;overflow:visible;padding:3px 8px 3px clamp(20px,5.2cqh,28px);border:1px solid rgba(255,255,255,.22);background:#121816a8;box-shadow:none}#top-resources .hud-res-icon{position:absolute;left:clamp(-12px,-3cqh,-8px);top:50%;width:clamp(26px,7cqh,36px);height:clamp(26px,7cqh,36px);transform:translateY(-50%);display:block;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}#top-resources .hud-res-icon svg,#top-resources .hud-res-icon img{width:100%;height:100%}#top-resources .hud-res-pill[data-res=gold] .hud-res-icon img,#top-resources .hud-res-pill[data-res=gold] .hud-res-icon svg{transform:scale(1.28)}#top-resources .hud-res-value{font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}#top-resources .hud-res-pill.bump{animation:hud-pill-bump .42s cubic-bezier(.3,1.6,.5,1)}@keyframes hud-pill-bump{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}#collect-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;overflow:hidden}#collect-fx .collect-piece{position:absolute;left:0;top:0;width:clamp(18px,5cqh,26px);height:clamp(18px,5cqh,26px);object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));will-change:transform,opacity}#collect-fx .collect-label{position:absolute;left:0;top:0;font:800 clamp(14px,3.6cqh,19px) "Rajdhani","Inter",sans-serif;color:#ffe38a;text-shadow:0 1px 0 #6b4a05,0 2px 4px rgba(0,0,0,.7);white-space:nowrap;will-change:transform,opacity}@media (prefers-reduced-motion: reduce){#top-resources .hud-res-pill.bump{animation:none}}.battle-report-final{padding:clamp(5px,1.2cqh,14px) clamp(12px,2cqw,28px) clamp(6px,1.4cqh,16px)}.battle-report-final .battle-report-subhead{font-size:clamp(12px,3cqh,22px);margin-bottom:clamp(3px,.7cqh,8px)}.battle-report-final .battle-rewards{margin:0 0 clamp(5px,1.2cqh,12px);padding:0 0 clamp(5px,1.2cqh,12px);border-bottom:1px solid rgba(74,54,32,.18);gap:clamp(10px,1.8cqw,28px);flex-wrap:wrap}.battle-report-final .battle-rewards .cost-chip{gap:clamp(4px,.8cqw,10px);font-size:clamp(15px,3.9cqh,28px)}.battle-report-final .battle-rewards .cost-chip svg,.battle-report-final .battle-rewards .cost-chip img{width:clamp(22px,5.2cqh,38px);height:clamp(22px,5.2cqh,38px)}.battle-report-losses-tab{height:clamp(22px,5.4cqh,44px);margin-bottom:clamp(3px,.8cqh,8px)}.battle-report-final .battle-units-breakdown{font-size:clamp(12px,3cqh,22px);line-height:1.2}.battle-report-final .battle-unit-line{gap:clamp(4px,.8cqw,10px);padding:clamp(1px,.2cqh,3px) 0}.battle-report-final .battle-unit-icon{width:clamp(15px,3.6cqh,26px);height:clamp(15px,3.6cqh,26px);flex:0 0 auto}.battle-report-final .battle-hospital-label,.battle-report-final .queue-empty{font-size:clamp(12px,3cqh,22px)}.battle-report-final .battle-unit-line{display:block}.battle-report-final .battle-unit-line .battle-unit-icon{display:inline-block;vertical-align:middle;margin-right:clamp(4px,.8cqw,10px)}.battle-report-final .battle-unit-line .hs-ico{display:inline-block;vertical-align:middle;margin:0 clamp(3px,.5cqw,8px)}[data-reward-info]{cursor:pointer}#reward-info-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9500;display:none;align-items:center;justify-content:center}#reward-info-root.open{display:flex}#reward-info-root .ri2-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a08048c}#reward-info-root .ri2-card{position:relative;width:min(86%,clamp(260px,52cqh,420px));box-sizing:border-box;padding:clamp(12px,3cqh,22px) clamp(14px,3.4cqh,26px) clamp(10px,2.4cqh,18px);border:2px solid #e3bd5e;border-radius:14px;background:linear-gradient(180deg,#f8efd6,#e9d7a8);color:#3b3020;text-align:center;box-shadow:0 10px 30px #0000008c;animation:ri2-pop .18s cubic-bezier(.3,1.5,.5,1)}@keyframes ri2-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}#reward-info-root .ri2-art{width:clamp(56px,16cqh,92px);height:clamp(56px,16cqh,92px);margin:0 auto clamp(4px,1cqh,8px);display:flex;align-items:center;justify-content:center;font-size:clamp(40px,12cqh,64px)}#reward-info-root .ri2-art img,#reward-info-root .ri2-art svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}#reward-info-root .ri2-title{font:800 clamp(16px,4.4cqh,26px) "Rajdhani","Inter",sans-serif}#reward-info-root .ri2-amount{font:800 clamp(20px,5.6cqh,34px) "Rajdhani","Inter",sans-serif;color:#8a5a0a;margin-bottom:clamp(4px,1cqh,8px)}#reward-info-root .ri2-desc{margin:0 0 clamp(6px,1.4cqh,12px);font-size:clamp(12px,3.1cqh,17px);line-height:1.3}#reward-info-root .ri2-row{display:flex;justify-content:space-between;gap:10px;padding:clamp(3px,.8cqh,6px) 0;border-top:1px solid rgba(74,54,32,.2);font-size:clamp(12px,3cqh,16px)}#reward-info-root .ri2-note{margin:2px 0 0;color:#a3281c;font-size:clamp(11px,2.7cqh,14px)}#reward-info-root .ri2-hint{margin-top:clamp(6px,1.4cqh,12px);color:#7a6638;font-size:clamp(10px,2.4cqh,13px)}.battle-report-final .cost-chip svg,.battle-report-final .cost-chip img{background:none;border:0;border-radius:0;box-shadow:none;padding:0;filter:drop-shadow(0 2px 2px rgba(60,40,10,.4))}.battle-report-final .battle-rewards{gap:clamp(14px,2.4cqw,36px)}.battle-report-final .battle-rewards .cost-chip{gap:clamp(5px,.9cqw,12px);font-size:clamp(17px,4.6cqh,32px)}.battle-report-final .battle-rewards .cost-chip svg,.battle-report-final .battle-rewards .cost-chip img{width:clamp(32px,7.6cqh,54px);height:clamp(32px,7.6cqh,54px)}#world-map-overlay .atk-actions{align-self:flex-end;display:flex;align-items:center;gap:6px}#world-map-overlay .atk-reward svg,#world-map-overlay .atk-reward img{width:1.3em;height:1.3em;object-fit:contain}#reward-info-root .ri2-camp{width:min(90%,clamp(300px,70cqh,460px))}#reward-info-root .ri2-amts{display:flex;flex-wrap:wrap;justify-content:center;gap:.3em .9em;margin:.45em 0;font-size:clamp(15px,4.2cqh,21px)}#reward-info-root .ri2-amt{display:inline-flex;align-items:center;gap:.3em;font-weight:800}#reward-info-root .ri2-amt svg,#reward-info-root .ri2-amt img{width:1.5em;height:1.5em;object-fit:contain}#reward-info-root .ri2-camp .ri2-row{font-size:clamp(14px,3.8cqh,19px);margin:.2em 0}#reward-info-root .ri2-next{margin-top:.5em;padding-top:.4em;border-top:1px solid rgba(176,138,74,.55);color:#6f5630;font-weight:700;font-size:clamp(13px,3.5cqh,17px)}#reward-info-root .ri2-next .ri2-amts{margin:.2em 0 0;font-size:1em}.cdx .cdx-su-frag{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0a07048c;border:1px solid rgba(255,220,150,.22);border-radius:12px;box-shadow:inset 0 1px #ffffff0f}.cdx .cdx-frag-tile{position:relative;flex:0 0 auto;width:clamp(40px,11cqh,56px);height:clamp(40px,11cqh,56px);border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rarity-color) 70%,#fff) 0%,var(--rarity-color) 45%,color-mix(in srgb,var(--rarity-color) 40%,#000) 100%);border:2px solid color-mix(in srgb,var(--rarity-color) 60%,#fff3c4);box-shadow:0 2px 6px #0000008c}.cdx .cdx-frag-tile img{position:absolute;left:50%;top:0;height:150%;width:auto;transform:translate(-50%);object-fit:cover}.cdx .cdx-frag-gem{position:absolute;right:2px;bottom:2px;width:34%;height:34%;transform:rotate(45deg);background:linear-gradient(135deg,#fff6d6,#f2c14e 45%,#b87916);border:1px solid #5c3a0a;box-shadow:0 1px 2px #0009}.cdx .cdx-su-frag-col{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-width:0}.cdx .cdx-su-frag-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cdx .cdx-su-frag-label{font-size:var(--fs-s);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);text-shadow:var(--ol)}.cdx .cdx-su-frag-text{font-size:var(--fs-m);font-weight:800;color:#ffffffd9;text-shadow:var(--ol);white-space:nowrap}.cdx .cdx-su-frag-text b{color:#fff;font-weight:900;font-size:1.15em}.cdx .cdx-su-frag.short .cdx-su-frag-text b{color:#ffb0a0}.cdx .cdx-su-frag.ready .cdx-su-frag-text b{color:#8fe58f}.cdx .cdx-su-frag-bar{display:block;height:clamp(6px,1.6cqh,8px);border-radius:999px;background:#0000008c;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.cdx .cdx-su-frag-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#e0a12c)}.cdx .cdx-su-frag.ready .cdx-su-frag-bar i{background:linear-gradient(180deg,#9af0a8,#3fae6c)}.cdx .cmdr-hero-panel-type{width:auto;height:auto;display:inline-flex;align-items:center;gap:6px;padding:2px 12px 2px 4px;border-radius:999px;background:#0a07048c;border:1px solid rgba(255,220,150,.35);margin-left:4px}.cdx .cmdr-hero-panel-type svg,.cdx .cmdr-hero-panel-type img{width:clamp(20px,5.6cqh,28px);height:clamp(20px,5.6cqh,28px)}.cdx .cmdr-hero-panel-type em{font-style:normal;font-size:var(--fs-s);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:var(--ol)}.cdx .cdx-frag-tile img{height:300%;top:-8%}.cmdr-card-fragment-progress .cmdr-frag-gem{flex:0 0 auto;width:clamp(12px,3.4cqh,16px);height:clamp(12px,3.4cqh,16px);margin:0 6px 0 4px;transform:rotate(45deg);background:linear-gradient(135deg,#fff6d6,#f2c14e 45%,#b87916);border:1px solid #5c3a0a;box-shadow:0 1px 2px #0009}