.portrait-choice-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:44vh;display:grid;overflow:auto}.portrait-choice{justify-items:center;gap:4px;min-height:72px;font-size:12px;display:grid}.portrait-choice img{object-fit:cover;width:52px;height:52px}.portrait-choice[aria-pressed=true]{outline:2px solid #e3bd62}.portrait-choice-actions{justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.portrait-choice-actions button{min-height:40px;font-size:14px}#character-portrait-selection [data-picker=retry],#character-portrait-selection [data-picker=later]{min-height:40px;padding:0 12px;font-size:14px}#character-portrait-selection .game-modal-body{padding:14px 16px}#character-portrait-selection .portrait-choice{color:#f0e8d6;cursor:pointer;background:#182638;border:1px solid #485a6a;border-radius:6px;padding:8px 6px}#character-portrait-selection .portrait-choice img{border-radius:4px}#character-portrait-selection .portrait-choice[aria-pressed=true]{outline-offset:-2px;background:#314044;border-color:#e3bd62;outline:2px solid #e3bd62}#character-portrait-selection .portrait-choice-actions button,#character-portrait-selection [data-picker=retry],#character-portrait-selection [data-picker=later]{color:#f0e8d6;cursor:pointer;background:#253547;border:1px solid #607488;border-radius:6px;padding:0 12px}#character-portrait-selection [data-picker=save]:not(:disabled){color:#1d201c;background:#e3bd62;border-color:#f2d591}#character-portrait-selection button:disabled{opacity:.5;cursor:default}#character-portrait-selection button:focus-visible{outline-offset:2px;outline:2px solid #f2d591}#character-portrait-selection .portrait-choice[aria-pressed=true]:focus-visible{outline-offset:2px;outline:2px solid #fff}.music-settings-content{overscroll-behavior:contain;flex-direction:column;gap:12px;max-width:520px;margin:0 auto;font-size:14px;display:flex}.music-settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.music-settings-content button{border:1px solid var(--color-border,#8b7650);color:#f6e7c4;cursor:pointer;background:#332b20;border-radius:6px;min-width:88px;min-height:44px;padding:8px 16px;font-size:14px}.music-settings-content button[aria-checked=true]{background:#695128}.music-settings-volume{flex-direction:column;gap:4px;font-size:14px;display:flex}.music-settings-volume input{touch-action:pan-y;accent-color:#c9a85e;width:100%;min-height:44px;margin:0}.music-settings-track,.music-settings-status,.music-settings-save{margin:0;font-size:13px}.music-settings-save{color:#e7bd83}.music-settings-overlay .game-modal-close{min-width:44px;min-height:44px}.music-settings-overlay .game-modal-body{overscroll-behavior:contain;touch-action:pan-y}.music-settings-content [hidden]{display:none}#hud-events-more-menu [data-action=music-settings]{grid-column:1/-1}.hud-more-item-glyph{justify-content:center;align-items:center;width:26px;height:26px;font-size:22px;display:inline-flex}.tutorial-music-open #tut-dim-layer,.tutorial-music-open #tut-gold-box-layer,.tutorial-music-open #tut-overlay-root{visibility:hidden}.tcoach-slot{pointer-events:none;flex:0 0 76px;min-height:76px}.tcoach{z-index:9998;box-sizing:border-box;color:#f4ecd5;min-height:68px;font-family:var(--font);touch-action:pan-y;overscroll-behavior:contain;background:linear-gradient(105deg,#19382f 0%,#10251f 64%,#182d24 100%);border:1px solid #aa8a47;border-radius:9px;align-items:center;gap:12px;padding:7px 12px 7px 7px;display:flex;position:fixed;box-shadow:inset 0 0 0 2px #0b1816,0 6px 18px #0007}.tcoach[hidden],.tcoach [hidden],.tcoach-marker[hidden]{display:none}.tcoach-portrait{background:#26392c;border:1px solid #baa566;border-radius:5px;flex:0 0 44px;height:52px;overflow:hidden}.tcoach-portrait img{object-fit:cover;object-position:center 18%;width:100%;height:100%}.tcoach-copy{flex:1;min-width:0}.tcoach-meta{align-items:center;gap:10px;margin-bottom:4px;font-size:11px;line-height:14px;display:flex}.tcoach-chapter{color:#efd38b;font-weight:700}.tcoach-status{color:#a7bdac;font-size:10px}.tcoach-instruction{overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:14px;font-weight:600;line-height:20px}.tcoach-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.tcoach button{cursor:pointer;font:inherit;touch-action:manipulation}.tcoach .tcoach-action{min-height:var(--hit-compact,44px);color:#201b11;background:linear-gradient(#f3dfa5,#c1a15e);border:1px solid #c6a557;border-radius:5px;min-width:104px;padding:0 14px;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 2px #ffffff24}.tcoach .tcoach-action:disabled{cursor:default;opacity:.55}.tcoach .tcoach-help{width:var(--hit-compact,44px);height:var(--hit-compact,44px);color:#e5d8b4;background:#ffffff08;border:1px solid #6c7960;border-radius:5px;font-size:18px}.tcoach button:focus-visible{outline-offset:2px;outline:2px solid #fff3bf}.tcoach-details{touch-action:pan-y;overscroll-behavior:contain;background:#10241f;border:1px solid #ad9158;border-radius:8px;width:min(420px,100%);padding:16px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0009}.tcoach-details strong{color:#f0d490;font-size:15px}.tcoach-details p{white-space:pre-line;margin:10px 0 14px;font-size:13px;line-height:1.65}.tcoach .tcoach-help-close{min-height:var(--hit-compact,44px);color:#f5eaca;background:#263a2a;border:1px solid #9a875a;border-radius:4px;margin-left:auto;padding:0 14px;font-size:12px;display:block}.tcoach[data-state=error] .tcoach-status{color:#ffb3a1}.tcoach[data-state=success] .tcoach-status{color:#a7e5b1}.tcoach-target{outline-offset:-2px!important;outline:2px solid #fff0b7!important;box-shadow:0 0 0 2px #dfb957,0 0 12px #f5c45166!important}.tcoach-marker{pointer-events:none;z-index:9997;filter:drop-shadow(0 2px 3px #000c);width:24px;height:24px;position:fixed}.tcoach-marker svg{fill:#f5c451;stroke:#fff4c6;stroke-width:1.2px;width:100%;height:100%}#tut-guide.tcoach .tut-guide-portrait{border-radius:0;width:100%;height:100%;display:block}#tut-guide.tcoach .tut-guide-next{min-height:var(--hit-compact,44px);margin:0;padding:0 14px;font-size:14px}#tut-guide.tcoach .tcoach-action[hidden]{display:none}body:has(#tut-guide.tcoach:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:0px;--tut-guide-h:0px;--tut-guide-h-inner:0px;--tut-guide-gap:0px}@media (width<=700px){.tcoach{gap:8px;padding-right:8px}.tcoach-portrait{flex-basis:34px;height:48px}.tcoach-instruction{font-size:13px;line-height:18px}.tcoach-status{display:none}.tcoach .tcoach-action{min-width:84px;padding:0 8px}.tcoach-actions{gap:4px}#tut-guide.tcoach{gap:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){.tcoach *,.tcoach-marker{scroll-behavior:auto}}#tut-guide.tcoach{width:280px;min-width:0;height:auto;min-height:0;max-height:var(--tut-card-budget,112px);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;display:grid}#tut-guide.tcoach .tcoach-portrait{width:32px;height:40px}#tut-guide.tcoach .tcoach-copy{min-width:0;min-height:0}#tut-guide.tcoach .tcoach-meta{font-size:var(--tut-ui-font,14px);flex-wrap:wrap;gap:4px;line-height:1.2}#tut-guide.tcoach .tcoach-status{font-size:12px;display:inline}#tut-guide.tcoach .tcoach-instruction,#tut-guide.tcoach .tut-guide-text{font-size:var(--tut-ui-font,14px);line-height:var(--tut-ui-leading,16.8px);white-space:pre-wrap;overscroll-behavior:contain;touch-action:pan-y;margin:0;overflow-y:auto}#tut-guide.tcoach .tcoach-actions{gap:6px}#tut-guide.tcoach .tcoach-action,#tut-guide.tcoach .tut-guide-next{min-width:44px;min-height:44px;font-size:max(14px,var(--tut-ui-font,14px));padding:0 10px}#tut-guide.tcoach .tcoach-help{width:44px;height:44px;font-size:max(14px,var(--tut-ui-font,14px))}#tut-guide.tcoach[data-compact-height=true]{grid-template-columns:minmax(0,1fr) auto}#tut-guide.tcoach[data-compact-height=true] .tcoach-portrait{display:none}#tut-guide.tcoach[data-layout-crowded=true]{visibility:hidden;opacity:0;pointer-events:none}.tut-guide-row{flex-basis:0;height:0;display:none}#tut-live-arrow{width:24px;height:24px;animation:none}#tut-live-arrow svg{transform-origin:12px 12px;width:24px;height:24px}.bnode .bnode-tile.tut-highlight-gold{border-radius:50%}.ur-rolling-notice{--ur-close-edge-reserve:72px;--ur-modal-center-clearance:250px;--ur-notice-top-gap:8px;--ur-notice-left-reserve:calc(var(--hud-queue-gutter,14px) + var(--hud-queue-w,308px) + var(--ur-notice-top-gap));top:calc(env(safe-area-inset-top,0px) + var(--hud-top-h,46px) + var(--ur-notice-top-gap));left:max(12px, env(safe-area-inset-left,0px));right:max(var(--ur-close-edge-reserve), calc(env(safe-area-inset-right,0px) + var(--ur-close-edge-reserve)));color:#fff1c4;max-width:608px;z-index:var(--z-toast,1200);pointer-events:none;background:#1f160cf5;border:1px solid #dba94c;border-radius:6.4px;align-items:center;gap:8px;margin-inline:auto;padding:6.4px 9.6px;font-size:11.2px;display:flex;position:fixed;box-shadow:0 3px 16px #0008}:root[data-approved-canvas] .ur-rolling-notice{top:calc(var(--approved-canvas-top,0px) + (var(--hud-top-h,70px) + var(--ur-notice-top-gap)) * var(--approved-canvas-scale,1));left:calc(var(--approved-canvas-left,0px) + var(--ur-notice-left-reserve) * var(--approved-canvas-scale,1))}body:has(.game-modal-overlay.open) .ur-rolling-notice{top:max(8px, env(safe-area-inset-top,0px));left:max(12px, env(safe-area-inset-left,0px));right:max(var(--ur-close-edge-reserve), calc(env(safe-area-inset-right,0px) + var(--ur-close-edge-reserve)), calc(50vw - var(--ur-modal-center-clearance)))}.ur-rolling-notice__label{color:#ffd479;flex:none;font-weight:700}.ur-rolling-notice__viewport{flex:1;min-width:0;overflow:hidden}.ur-rolling-notice__line{white-space:nowrap;animation:linear both ur-notice-scroll;display:inline-block}@keyframes ur-notice-scroll{0%{transform:translateX(var(--ur-start))}to{transform:translateX(var(--ur-end))}}.ur-rolling-notice--suspended{visibility:hidden}:root{--tut-highlight-color:#f5c451;--tut-highlight-core:#fff7d6;--tut-highlight-halo:#f5c45180;--tut-highlight-width:2px}@keyframes tut-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tut-highlight-color) 70%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--tut-highlight-color) 0%, transparent)}}@keyframes tut-blink{0%,49%{opacity:1}50%,to{opacity:.3}}@keyframes tut-ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes tut-slide-in{0%{transform:translate(-110%)}to{transform:translate(0)}}@keyframes tut-slide-out{0%{transform:translate(0)}to{transform:translate(-110%)}}@keyframes tut-fade-in{0%{opacity:0}to{opacity:1}}.tut-elevate{z-index:9996!important}.tut-elevate-static{z-index:9996!important;position:relative!important}.tut-highlight-gold,.tut-highlight-gold-flat,.tut-highlight-green,.tut-highlight-blue,.tut-highlight-red{z-index:9999;animation:2.4s ease-in-out infinite tut-highlight-sheen;position:relative;outline:var(--tut-highlight-width) solid var(--tut-highlight-core)!important;outline-offset:calc(-1 * var(--tut-highlight-width))!important;box-shadow:0 0 0 2px var(--tut-highlight-color), 0 0 12px var(--tut-highlight-halo)!important}.bnode-empty .bnode-tile:is(.tut-highlight-gold,.tut-highlight-gold-flat,.tut-highlight-green,.tut-highlight-blue,.tut-highlight-red){filter:none;box-shadow:0 0 0 2px var(--tut-highlight-color), 0 0 12px var(--tut-highlight-halo)!important}.bnode-empty .bnode-tile:is(.tut-highlight-gold,.tut-highlight-gold-flat,.tut-highlight-green,.tut-highlight-blue,.tut-highlight-red) .bnode-icon{filter:grayscale(.85)brightness(.65);transition:filter var(--transition-fast)}.bnode-empty:hover .bnode-tile:is(.tut-highlight-gold,.tut-highlight-gold-flat,.tut-highlight-green,.tut-highlight-blue,.tut-highlight-red) .bnode-icon{filter:grayscale(0)brightness()}@keyframes tut-highlight-sheen{0%,to{box-shadow:0 0 0 2px var(--tut-highlight-color), 0 0 8px #f5c45159}50%{box-shadow:0 0 0 2px var(--tut-highlight-color), 0 0 16px #fff7d6cc}}body.tutorial-active :is(.ga-pcard-clickable,.ga-pcard-btn,.ga-pdet-opt,.ga-confirm-ok,.ga-confirm-ten,.ga-result-ok,.ga-result-chain,.ga-bn-claim,.gp-tab-btn,.gp-filter-btn,.gp-help-btn,.gp-dtab,.gp-portrait-card,.pp-sort-btn,.cs-submit,.cs-attach-add,.cs-card,.cs-att,.mp-mail-row,.ip-item-card,.inv-card,.cq-speedup,.ep-floor-card,.mkt-slot,.unit-row,.sp-close,.upgrade-popup-x,.gp-guild-table-row,.du-team-card,#bf-mycity-btn,#bf-search-run,#bf-coord-go,.bf-search-item,.bf-confirm-cancel):active:not(#tut-guide):not(#tut-guide *):not(#tut-overlay-root):not(#tut-overlay-root *):not(.tut-highlight-gold):not(.tut-highlight-gold-flat):not(.tut-highlight-green):not(.tut-highlight-blue):not(.tut-highlight-red):not(.tut-elevate):not(.tut-elevate-static){filter:none!important;transform:none!important}body.tutorial-active .bnode:active:not(#tut-guide):not(#tut-guide *):not(#tut-overlay-root):not(#tut-overlay-root *):not(.tut-highlight-gold):not(.tut-highlight-gold-flat):not(.tut-highlight-green):not(.tut-highlight-blue):not(.tut-highlight-red):not(.tut-elevate):not(.tut-elevate-static){filter:none!important;transform:translate(-50%,-50%)!important}#tut-guide{bottom:env(safe-area-inset-bottom,0px);left:max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px));z-index:9998;pointer-events:auto;padding:8px 0 8px max(8px, env(safe-area-inset-left,0px));align-items:flex-end;gap:8px;display:flex;position:fixed}#tut-guide.tut-guide-hidden{visibility:hidden;opacity:0;pointer-events:none}.tut-guide-portrait-frame{box-sizing:border-box;border:2px solid var(--tut-highlight-color);outline:1px solid var(--tut-highlight-core);outline-offset:-5px;background:linear-gradient(160deg,#123d3d 0%,#17231c 52%,#0c100d 100%);border-radius:14px 14px 24px 24px;flex-shrink:0;width:120px;height:180px;padding:2px;position:relative;overflow:hidden;box-shadow:0 6px 18px #000000b8,0 0 12px #f5c45166}.tut-guide-portrait{object-fit:cover;filter:brightness(1.08)saturate(1.04)contrast(1.04);border-radius:11px 11px 21px 21px;width:100%;height:100%;display:block}.tut-guide-bubble{background:var(--surface-raised,#141414eb);border:1px solid var(--line-emphasis,#c8a84b);border-radius:var(--radius-md,8px);max-width:260px;color:var(--text-primary,#f5f0e0);margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.5;box-shadow:0 4px 12px #0006}.tut-guide-text{white-space:pre-line;margin:0}.tut-guide-next{min-height:var(--hit-compact,44px);background:var(--intent-primary,#c8a84b);color:var(--surface-canvas,#1a1200);cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s;display:inline-block}.tut-guide-next:hover{background:var(--intent-primary-hi,#dab95b)}.tut-guide-enter{animation:.3s ease-out both tut-slide-in}.tut-guide-exit{animation:.2s ease-in both tut-slide-out}#tut-dim-layer{z-index:9995;pointer-events:none;background:#00000073;animation:.25s ease-out both tut-fade-in;position:fixed;inset:0}#tut-gold-box-layer{z-index:9997;pointer-events:none;position:fixed;inset:0}.tut-gold-box{border:var(--tut-highlight-width) solid var(--tut-highlight-color);outline:1px solid var(--tut-highlight-core);outline-offset:-3px;box-sizing:border-box;pointer-events:none;box-shadow:0 0 12px var(--tut-highlight-halo), inset 0 0 8px #fff7d673;border-radius:4px;animation:2.4s ease-in-out infinite tut-highlight-sheen;position:absolute}#tut-overlay-root{z-index:9999;pointer-events:none;position:fixed;inset:0}@keyframes tut-compass-glow{0%,to{filter:drop-shadow(0 2px 4px #0009)}50%{filter:drop-shadow(0 2px 10px color-mix(in srgb, var(--tut-highlight-color) 75%, transparent))}}#tut-live-arrow{z-index:9999;pointer-events:none;width:24px;height:24px;transition:opacity .2s;animation:1.8s ease-in-out infinite tut-compass-glow;position:absolute}#tut-live-arrow svg{width:100%;height:100%;transition:none;display:block}#tut-live-arrow svg path{fill:var(--tut-highlight-color);stroke:var(--tut-highlight-core)}@media (width<=1023px) and (height<=460px){#tut-live-arrow{width:24px;height:24px}.tut-guide-portrait-frame{width:72px;height:108px}.tut-guide-bubble{max-width:180px;margin-bottom:8px;padding:8px 10px;font-size:11px}.tut-guide-next{padding:3px 10px;font-size:11px}#tut-guide{gap:6px;padding:6px 0 6px 6px}}#tut-guide.tut-guide--compact .tut-guide-portrait-frame{width:72px;height:108px}#tut-guide.tut-guide--compact .tut-guide-bubble{max-width:180px;margin-bottom:8px;padding:8px 10px;font-size:11px}#tut-guide.tut-guide--compact .tut-guide-next{padding:3px 10px;font-size:11px}#tut-guide.tut-guide--compact{gap:6px;padding:6px 0 6px 6px}.tut-guide-row{pointer-events:none;flex:0 0 64px;height:64px}#tut-guide.tut-guide--confirm{z-index:10002}.confirm-dialog:has(>.tut-guide-row){gap:6px;max-height:calc(100dvh - 24px);padding:12px 16px;overflow:hidden}.confirm-dialog:has(>.tut-guide-row)>:is(.confirm-title,.confirm-actions){flex-shrink:0}.confirm-dialog:has(>.tut-guide-row)>.confirm-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}#tut-guide.tut-guide--row{align-items:center;gap:8px;height:60px;padding:2px 4px}#tut-guide.tut-guide--row .tut-guide-portrait-frame{border-width:1px;border-radius:7px 7px 11px 11px;width:36px;height:54px;padding:1px}#tut-guide.tut-guide--row .tut-guide-portrait{border-radius:5px 5px 9px 9px}#tut-guide.tut-guide--row .tut-guide-bubble{flex:1;align-items:center;gap:8px;min-width:0;max-width:none;height:56px;margin:0;padding:2px 8px;font-size:12px;display:flex}#tut-guide.tut-guide--row .tut-guide-text{overscroll-behavior:contain;flex:1;min-width:0;max-height:50px;overflow-y:auto}#tut-guide.tut-guide--row .tut-guide-next{flex-shrink:0;margin:0;font-size:14px}.tut-fullscreen{z-index:10000;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));pointer-events:auto;background:#080808eb;justify-content:center;align-items:center;animation:.4s ease-out tut-fade-in;display:flex;position:fixed;inset:0}.tut-completion-cinematic{background:#030509;position:absolute;inset:0;overflow:hidden}.tut-completion-cinematic-video{object-fit:cover;object-position:center;background:#030509;width:100%;height:100%;display:block}.tut-completion-cinematic-skip{right:max(16px, env(safe-area-inset-right,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));min-height:var(--hit-compact,44px);color:#fff;font:inherit;cursor:pointer;background:#030509a8;border:1px solid #ffffffc7;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;position:absolute}.tut-completion-cinematic-skip:focus-visible{outline:2px solid var(--intent-primary-hi,gold);outline-offset:3px}.tut-fullscreen-panel{background:linear-gradient(180deg, var(--surface-raised,#2a1f12) 0%, var(--surface-panel,#1a1408) 100%);border:1px solid var(--line-emphasis,#c8a84b);border-radius:var(--radius-lg,12px);width:90%;max-width:min(480px,100%);max-height:100%;color:var(--text-primary,#f5f0e0);text-align:center;padding:28px 36px;overflow-y:auto;box-shadow:0 8px 30px #0009}.tut-fullscreen-title{color:var(--intent-primary-hi,gold);margin:0 0 12px;font-size:20px;font-weight:700}.tut-fullscreen-text{white-space:pre-line;margin:0 0 20px;font-size:14px;line-height:1.7}.tut-fullscreen-actions{justify-content:center;gap:12px;display:flex}.tut-fullscreen-btn{min-height:var(--hit-compact,44px);background:var(--intent-primary,#c8a84b);color:var(--surface-canvas,#1a1200);cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.tut-fullscreen-btn:hover{background:var(--intent-primary-hi,#dab95b)}.tut-fullscreen-btn.secondary{color:var(--text-secondary,#aaa);border:1px solid var(--line-subtle,#555);background:0 0}.tut-fullscreen-btn.secondary:hover{color:var(--text-primary,#ddd);border-color:var(--line-emphasis,#888)}.tut-battle-result{z-index:10000;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));pointer-events:auto;background:#080808d9;justify-content:center;align-items:center;animation:.3s ease-out tut-fade-in;display:flex;position:fixed;inset:0}.tut-battle-result-panel{background:linear-gradient(180deg, var(--surface-raised,#2a1f12) 0%, var(--surface-panel,#1a1408) 100%);border:1px solid var(--line-emphasis,#c8a84b);border-radius:var(--radius-lg,12px);width:min(760px,100%);max-height:100%;color:var(--text-primary,#f5f0e0);flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto;box-shadow:0 8px 30px #0009}.tut-battle-result-title{text-align:center;color:var(--intent-primary-hi,gold);margin:0;font-size:18px;font-weight:700}.tut-battle-result-body{min-height:200px}.tut-battle-result-actions{justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){#tut-dim-layer,#tut-live-arrow,.tut-highlight-gold,.tut-highlight-gold-flat,.tut-highlight-green,.tut-highlight-blue,.tut-highlight-red,.tut-gold-box,.tut-guide-enter,.tut-guide-exit,.tut-fullscreen{animation:none}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.tl-list{flex-direction:column;padding:8px 12px;display:flex}.tl-item{background:var(--surface-raised);border-left:3px solid #0000;border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.tl-item.under_siege,.tl-item.incoming_attack{border-left-color:var(--intent-danger)}.tl-item.incoming_rally,.tl-item.incoming_chase{border-left-color:var(--intent-warning)}.tl-icon{flex-shrink:0;margin-top:1px;font-size:18px}.tl-info{flex:1;min-width:0}.tl-label{color:var(--text);margin-bottom:3px;font-size:13px;font-weight:600}.tl-who{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.tl-attacker{color:var(--intent-danger-hi);font-weight:500}.tl-attacker.unknown{color:var(--text-muted);font-style:italic}.tl-eta{color:var(--intent-warning);font-size:11px}.tl-coord{color:var(--text-muted);font-size:11px;font-weight:400}.tl-goto{flex-shrink:0;align-self:center;min-height:44px;padding:0 12px;font-size:12px}.hud-threat-list-btn{width:100%;min-height:44px;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:block}.hud-threat-list-btn:hover{text-decoration:underline}:is(.game-modal-body:has(.mgl-layout),.base-panel-content:has(.mgl-layout),.base-panel-content>:has(>.mgl-layout)){touch-action:pan-x pan-y;flex-direction:column;flex:auto;min-width:0;height:auto;min-height:0;display:flex;overflow:hidden}.mgl-layout{flex:auto;grid-template-columns:minmax(0,1fr) clamp(132px,17vw,188px);min-width:0;min-height:0;display:grid;overflow:hidden}.mgl-main{overscroll-behavior:contain;touch-action:pan-x pan-y;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.mgl-main>.mgl-body{overscroll-behavior:contain;touch-action:pan-x pan-y;flex:auto;min-width:0;min-height:0;overflow:auto}.mgl-layout>.mgl-rail{border-left:1px solid var(--line-subtle,#8c754688);overscroll-behavior:contain;touch-action:pan-y;background:#102821;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:8px;display:flex;overflow:hidden auto}.mgl-rail>.mgl-navigation,.mgl-rail .mgl-navigation>.sp-tabs,.mgl-rail>.mgl-actions,.mgl-rail .gp-footer-row{flex-direction:column;flex:none;align-items:stretch;gap:6px;width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:0;display:flex;position:static;overflow:visible}.mgl-rail .mgl-navigation button,.mgl-rail .mgl-actions button,.mgl-rail>button.mgl-actions{width:100%;min-width:0;min-height:var(--hit-compact,44px);white-space:normal;touch-action:manipulation;flex:none;height:auto;padding:8px 6px;font-size:12px;line-height:1.35}.mgl-rail .mgl-navigation button.active{outline:1px solid var(--line-emphasis,#d9b76f);outline-offset:-2px}.mgl-rail .mgl-navigation button:focus-visible{outline-offset:-2px;outline:2px solid #e7ca86}.mgl-rail>.qp-claim-all{margin-top:auto;font-size:14px}.mgl-rail .inv-search.open{box-sizing:border-box;flex:none;width:100%}.mgl-rail .inv-popover{box-sizing:border-box;width:100%;min-width:0;max-height:none;position:static}.mgl-rail .inv-found{margin-left:0;display:block}.mgl-rail .ga-hdr-rates{flex-wrap:wrap;margin:0;display:flex}.mgl-rail .ch-tab-label{font-size:12px}.mgl-rail .mkt-refrsh-row,.mgl-rail .mkt-currency-row{flex-direction:column;align-items:stretch;gap:6px;display:flex}.mgl-rail .mkt-refresh-btn{margin-left:0}#gacha-panel .mgl-rail .ga-view-tab{font-size:12px}.mgl-rail .rs-current-head,.mgl-rail .rs-current-actions{flex-direction:column;gap:6px;display:flex}.mgl-rail .rs-eff-badge{white-space:normal}.mgl-rail>.mgl-actions.hidden{display:none}.mgl-main>.rs-grid{grid-auto-rows:max-content;align-content:start}@media (width<=620px){.mgl-layout{grid-template-columns:minmax(0,1fr) 124px}.mgl-layout>.mgl-rail{padding:6px}}.ga-video-overlay{z-index:var(--z-recruitment-video);cursor:pointer;touch-action:manipulation;background:#030509;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.ga-video-player{object-fit:contain;opacity:0;background:#030509;width:100%;height:100%}.ga-video-player[data-frame-ready=true]{opacity:1}.ga-video-skip{z-index:1;left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));text-align:center;color:#fffc;text-shadow:0 2px 6px #000000f2;pointer-events:none;bottom:max(16px, env(safe-area-inset-bottom));font-size:12px;position:absolute}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.csort-control{border-top:1px solid #f0c0401f;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.csort-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.csort-group-label{color:var(--text-dim);flex-shrink:0;min-width:26px;font-size:10px}.csort-chips{flex-wrap:wrap;flex:1;gap:4px;display:flex}.csort-chip{color:var(--text-dim);cursor:pointer;background:#0000004d;border:1px solid #f0c04040;border-radius:10px;padding:2px 8px;font-size:10px;transition:background .15s,border-color .15s,color .15s}.csort-chip:hover{border-color:var(--gold-dim);color:#d0a840}.csort-chip.active{border-color:var(--gold-dim);color:var(--gold);background:#503000d9;font-weight:600}.csort-chip.csort-chip-disabled,.csort-chip:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.csort-dir-btns{flex-shrink:0;gap:3px;display:flex}.csort-dir-btn{color:var(--text-dim);cursor:pointer;background:#0000004d;border:1px solid #f0c04033;border-radius:8px;align-items:center;gap:3px;padding:2px 9px;font-size:10px;transition:background .15s,border-color .15s,color .15s;display:flex}.csort-dir-btn:hover:not(:disabled){border-color:var(--gold-dim);color:#d0a840}.csort-dir-btn.active.desc{border-color:var(--gold-dim);color:var(--gold);background:#503000e6}.csort-dir-btn.active.asc{color:#80c8f0;background:#003050e6;border-color:#2888c0}.csort-dir-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.csort-badge{background:var(--gold);color:#1a0e06;border-radius:50%;justify-content:center;align-items:center;min-width:14px;height:14px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.csort-reset{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #f0c04033;border-radius:8px;align-self:flex-end;padding:2px 10px;font-size:10px;transition:border-color .15s,color .15s}.csort-reset:hover{border-color:var(--gold-dim);color:var(--gold)}@media (width<=1023px) and (height<=460px){.csort-control{gap:4px;padding:5px 8px}.csort-chip,.csort-dir-btn{padding:1px 6px;font-size:9px}.csort-group-label{min-width:22px;font-size:9px}}.mp-report-mode .game-modal-body{min-height:0;padding:6px;display:flex;overflow:hidden}.mp-report-mode .base-panel-content,.mp-report-mode #mp-content,.mp-report-mode .brp-mount{flex:auto;min-width:0;min-height:0;display:flex}.mp-report-mode .game-modal-close{min-width:44px;min-height:44px}.brp{min-height:0;color:var(--text-primary);flex-direction:column;flex:auto;gap:6px;display:flex}.brp-tabs{flex:none;gap:4px;min-width:0;display:flex}.brp.brp-tabrow>.brp-tabs{min-height:44px}.game-modal-header-actions .brp-tabs{max-width:100%;overflow:hidden}.brp-tab{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line-subtle);background:var(--surface-raised);min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;border-radius:4px;flex:1 1 0;padding:0 6px;font-size:12px;overflow:hidden}.brp-tab.active{background:var(--surface-pressed);border-color:var(--intent-primary);color:var(--text-primary)}.brp-main{flex:auto;min-height:0;overflow-y:auto}.brp-controls{border-top:1px solid var(--line-subtle);flex:none;align-items:center;gap:6px;min-width:0;min-height:48px;padding:0 4px;display:flex}.brp-control{border:1px solid var(--line-subtle);background:var(--surface-raised);min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;border-radius:4px;font-size:12px}.brp-control.active{border-color:var(--intent-primary);color:var(--text-primary)}.brp-play{border:1px solid var(--intent-primary);background:var(--surface-pressed);min-width:48px;min-height:48px;color:var(--text-primary);cursor:pointer;border-radius:4px;font-size:14px}.brp-play:disabled,.brp-seek:disabled{opacity:.45;cursor:default}.brp-seek{flex:auto;min-width:60px;min-height:44px}.brp-progress{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.brp-reason{color:var(--text-secondary);flex:none;font-size:12px}.brp-battle{align-items:stretch;gap:6px;height:100%;min-height:0;display:flex}.brp-battle .brp-formation{flex:auto;min-width:0}.br3d-area{flex:auto;min-width:0;min-height:200px;position:relative}.br3d-mount{visibility:hidden;position:absolute;inset:0;overflow:hidden}.br3d-mount.br3d-ready{visibility:visible}.br3d-mount canvas{width:100%;height:100%;display:block}.br3d-labels{pointer-events:none;position:absolute;inset:0}.br3d-unit{pointer-events:auto;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;top:-22px;left:-22px}.br3d-track{background:#1d2229;border:1px solid #d5d1c5;width:40px;height:6px;margin:auto;display:block}.br3d-fill{background:#5fa2e0;height:100%;display:block}.br3d-unit.enemy .br3d-fill,.br3d-unit.defender .br3d-fill{background:#d76f66}.br3d-status{color:var(--text-secondary);font-size:11px;position:absolute;bottom:2px;left:4px}.br3d-unit.acting .br3d-track{outline-offset:1px;outline:2px solid #f3d68a}.br3d-unit.targeted .br3d-track{outline-offset:1px;outline:2px solid #e05a4e}.brp-reduced .br3d-unit.acting .br3d-track,.brp-reduced .br3d-unit.targeted .br3d-track{outline-width:3px}.brp-log{border-left:1px solid var(--line-subtle);flex:0 0 clamp(180px,24%,232px);min-width:0;max-height:100%;padding-left:6px;overflow-y:auto}.brp-log-empty{font-size:12px}.brp-formation{gap:6px;display:flex}.brp-form-side{flex:1 1 0;min-width:0}.brp-form-head{border-radius:3px;padding:2px 4px;font-size:12px}.brp-form-head.ally,.brp-res-side.brp-side-ally .brp-res-side-label{color:#80aaf0;background:#5078c826}.brp-form-head.enemy,.brp-res-side.brp-side-enemy .brp-res-side-label{color:#f08080;background:#c8505026}.brp-form-head.attacker,.brp-res-side.brp-side-attacker .brp-res-side-label{color:#9fb4c8;background:#788caa26}.brp-form-head.defender,.brp-res-side.brp-side-defender .brp-res-side-label{color:#c8b49f;background:#aa967826}.brp-form-note{color:var(--intent-warning);font-size:12px}.brp-grid{flex-direction:column;gap:2px;display:flex}.brp-grid-row{gap:2px;display:flex}.brp-cell{border:1px solid var(--line-subtle);background:var(--surface-raised);cursor:pointer;border-radius:3px;flex:1 1 0;min-width:0;padding:3px 4px}.brp-cell-empty{cursor:default;background:0 0;border-style:dashed;justify-content:center;align-items:center;display:flex}.brp-dot{background:var(--line-subtle);border-radius:50%;width:4px;height:4px}.brp-cell-dead{opacity:.55}.brp-unit-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.2;display:-webkit-box;overflow:hidden}.brp-unitline{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.brp-unit{color:var(--text-secondary);font-size:12px}.brp-soldiers{font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.brp-form-text{color:var(--text-secondary);margin-top:4px;font-size:12px}.brp-history{flex-direction:column;gap:4px;display:flex}.brp-history-empty{color:var(--text-secondary);font-size:12px}.brp-hgroup-label{color:var(--text-disabled);margin-top:4px;font-size:12px}.brp-row{border-radius:3px;flex-wrap:wrap;align-items:baseline;gap:4px;padding:2px 3px;font-size:12px;display:flex}.brp-row-active{background:var(--surface-pressed);outline:1px solid var(--intent-primary)}.brp-actor,.brp-target{min-width:0}.brp-act{color:var(--text-secondary)}.brp-act.brp-skill{color:var(--accent-bronze)}.brp-act.brp-heal{color:var(--intent-success)}.brp-loss{color:#f08080;font-variant-numeric:tabular-nums}.brp-heal{color:var(--intent-success);font-variant-numeric:tabular-nums}.brp-arrow{color:var(--text-disabled)}.brp-row-meta{font-size:12px}.brp-filters{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.brp-result{flex-direction:column;gap:6px;display:flex}.brp-result-hero{border:1px solid var(--line-metal);background:linear-gradient(100deg,#2a364cb8,#1a1611cc);border-radius:6px;grid-template-columns:auto 1fr;gap:2px 10px;padding:8px 10px;display:grid}.brp-result-kicker{border-right:1px solid var(--line-subtle);color:var(--text-secondary);grid-row:span 2;align-self:center;padding-right:10px;font-size:12px}.brp-result-outcome{min-width:0;font-size:16px;font-weight:700;line-height:1.2}.brp-result-hero[data-outcome=win] .brp-result-outcome{color:var(--intent-success)}.brp-result-hero[data-outcome=loss] .brp-result-outcome{color:var(--intent-danger-hi)}.brp-result-hero[data-outcome=draw] .brp-result-outcome{color:var(--intent-warning)}.brp-result-hero[data-outcome=unknown] .brp-result-outcome{color:var(--text-secondary)}.brp-result-context,.brp-result-reason{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere;font-size:12px}.brp-result-reason{border-top:1px solid var(--line-subtle);grid-column:1/-1;margin-top:3px;padding-top:5px}.brp-status{flex-direction:column;gap:2px;display:flex}.brp-st{font-size:12px}.brp-st-ok{color:var(--text-secondary)}.brp-st-partial{color:var(--intent-warning)}.brp-st-unknown{color:var(--text-disabled)}.brp-st-failed{color:var(--intent-danger-hi)}.brp-st-pending{color:var(--intent-info)}.brp-st-nc{color:var(--text-secondary)}.brp-grade{align-items:baseline;gap:6px;font-size:12px;display:flex}.brp-grade-tag{border:1px solid var(--line-subtle);border-radius:3px;padding:1px 6px}.brp[data-grade=a] .brp-grade-tag{border-color:var(--intent-success);color:var(--intent-success)}.brp[data-grade=b] .brp-grade-tag{border-color:var(--intent-warning);color:var(--intent-warning)}.brp[data-grade=c] .brp-grade-tag{border-color:var(--line-metal);color:var(--text-disabled)}.brp-res-sides{gap:6px;display:flex}.brp-res-side{flex:1 1 0;min-width:0;font-size:12px}.brp-res-side-label{border-radius:3px;padding:2px 4px;font-size:12px}.brp-result-side{border:1px solid var(--line-subtle);background:var(--surface-raised);border-radius:5px;padding:7px}.brp-result-side-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:4px 0 6px;font-size:14px;font-weight:700;overflow:hidden}.brp-result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.brp-result-stat{background:var(--surface-pressed);border-radius:3px;flex-direction:column;gap:1px;min-width:0;padding:4px;display:flex}.brp-result-stat>span{color:var(--text-disabled);font-size:12px}.brp-result-stat>strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.brp-result-stat-survived>strong{color:var(--intent-success)}.brp-result-stat-loss>strong{color:#f08080}.brp-result-casualty,.brp-result-unavailable{color:var(--text-secondary);margin-top:5px;font-size:12px}.brp-res-rows{flex-direction:column;gap:2px;display:flex}.brp-res-row{gap:6px;font-size:12px;display:flex}.brp-res-row .brp-k{color:var(--text-disabled);flex:0 0 96px}.brp-res-row .brp-v{flex:auto;min-width:0}.brp-s21 .brp-v{color:var(--intent-warning)}.brp-syn{border:1px solid var(--line-subtle);border-radius:3px;align-items:baseline;gap:3px;margin-right:3px;padding:1px 5px;display:inline-flex}.brp-syn em{color:var(--text-disabled);font-size:12px;font-style:normal}.brp-syn-once{border-color:var(--accent-bronze)}.brp-mail-info{border-top:1px solid var(--line-subtle);flex-direction:column;gap:4px;padding-top:6px;font-size:12px;display:flex}.brp-mail-title{font-size:13px}.brp-mail-body{color:var(--text-secondary);overflow-wrap:anywhere}.brp-mail-items,.brp-mail-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.brp-mail-item{gap:4px;display:flex}.brp-detail-wrap{flex-direction:column;gap:6px;display:flex}.brp-detail{flex-direction:column;gap:3px;display:flex}.brp-detail-name{font-size:13px}.brp-detail-sub{color:var(--text-secondary);font-size:12px}.brp-detail-row{gap:6px;font-size:12px;display:flex}.brp-detail-row .brp-k{color:var(--text-disabled);flex:0 0 112px}.brp-fx{pointer-events:none;position:absolute;inset:0}.brp-reduced .brp-cell,.brp-reduced .brp-row{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.brp .brp-cell,.brp .brp-row{transition:none!important;animation:none!important}}@media (width<=1023px) and (orientation:landscape) and (height<=450px){.brp{gap:4px}.brp-log{flex-basis:clamp(180px,24%,232px)}.brp-hgroup-label{margin-top:2px}.brp-result-hero{padding:6px 8px}.brp-result-side{padding:5px}.brp-result-side-name{margin:3px 0 4px}.brp-result-casualty{margin-top:3px}}@media (width<=360px){.brp-battle{flex-direction:column}.brp-log{border-left:none;border-top:1px solid var(--line-subtle);flex:auto;padding-left:0}.brp-res-sides{flex-direction:column}.brp-res-row .brp-k{flex-basis:80px}.brp-result-hero{grid-template-columns:1fr}.brp-result-kicker{border-right:none;grid-row:auto;padding:0}.brp-result-reason{grid-column:auto}.brp-controls{flex-wrap:wrap;row-gap:4px}.brp-seek{flex:100%;order:1}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.season-header{background:var(--surface-raised,#ffffff0a);border:1px solid var(--line-subtle,#ffffff1f);border-radius:var(--radius-s,6px);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;padding:6px 10px;display:flex}.season-header-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.season-header-progress{color:var(--intent-primary,#d8af4a);white-space:nowrap;flex-shrink:0;font-size:12px}.season-header-progress--delayed{color:#e58a3c;font-weight:600}.season-header-progress--wait{color:#f5b342}@media (orientation:landscape) and (height<=700px){.season-header{margin-bottom:6px;padding:4px 8px}.season-header-name,.season-header-progress{font-size:11px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.cs-tabs{z-index:2;border-bottom:1px solid var(--line-subtle);background:var(--surface-panel);display:flex;position:sticky;top:0}.cs-tab{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:13px;font-weight:700}.cs-tab:active{background:#28180880}.cs-tab.active{color:var(--intent-primary);border-bottom-color:var(--intent-primary)}.cs-content{padding:12px 14px}.cs-loading,.cs-empty{text-align:center;color:var(--text-secondary);padding:32px 16px;font-size:13px;line-height:1.6}.cs-form{flex-direction:column;gap:12px;display:flex}.cs-field{flex-direction:column;gap:5px;display:flex}.cs-label{color:var(--intent-primary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.cs-req{color:var(--red-light);font-style:normal}.cs-hint{color:var(--text-dim);font-size:11px;font-weight:400}.cs-counter{color:var(--text-dim);margin-left:auto;font-size:11px;font-weight:400}.cs-select,.cs-input,.cs-textarea{box-sizing:border-box;background:var(--surface-raised);width:100%;color:var(--text-primary);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);padding:9px 10px}.cs-select:focus,.cs-input:focus,.cs-textarea:focus{border-color:var(--intent-primary);outline:none}.cs-textarea{resize:vertical;min-height:120px;line-height:1.5}.cs-warn{color:#e8a89a;background:#c0392b1f;border:1px solid #c0392b59;border-radius:6px;margin:0;padding:8px 10px;font-size:11px;line-height:1.5}.cs-attach{flex-direction:column;gap:8px;display:flex}.cs-attach-add{cursor:pointer;background:var(--accent-dark);color:var(--gold);border:1px dashed var(--border);border-radius:6px;align-self:flex-start;padding:7px 14px;font-size:12px;font-weight:700}.cs-attach-add:active{background:#3c240acc}.cs-attach-list{flex-wrap:wrap;gap:6px;display:flex}.cs-chip{background:var(--bg-secondary);border:1px solid var(--border);max-width:100%;color:var(--text);border-radius:14px;align-items:center;gap:6px;padding:4px 6px 4px 9px;font-size:11px;display:inline-flex}.cs-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.cs-chip-x{width:18px;height:18px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:12px;line-height:1}.cs-chip-x:active{color:var(--red-light)}.cs-snapshot{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.cs-snapshot>summary{cursor:pointer;color:var(--text-dim);font-size:12px;font-weight:700;list-style:none}.cs-snapshot>summary::-webkit-details-marker{display:none}.cs-snapshot>summary:before{content:"▸ "}.cs-snapshot[open]>summary:before{content:"▾ "}.cs-snapshot-body{margin-top:8px}.cs-snap-list{margin:0;padding-left:16px}.cs-snap-list li{color:var(--text);font-size:11px;line-height:1.7}.cs-snap-list b{color:var(--gold)}.cs-snap-note{color:var(--text-dim);margin:8px 0 0;font-size:10px}.cs-submit{min-height:var(--hit-primary);background:linear-gradient(180deg, var(--intent-primary) 0%, var(--gold-dim) 100%);color:var(--surface-canvas);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:4px;padding:11px;font-size:14px;font-weight:700}.cs-submit:active{filter:brightness(.92)}.cs-submit:disabled{opacity:.6;cursor:default}.cs-list{flex-direction:column;gap:8px;display:flex}.cs-card{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;padding:10px 12px}.cs-card:active{background:#281808cc}.cs-card-top{align-items:center;gap:8px;margin-bottom:5px;display:flex}.cs-card-cat{color:var(--text-dim);font-size:11px}.cs-card-time{color:var(--text-dim);margin-left:auto;font-size:10px}.cs-card-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.cs-badge{border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.cs-badge--open{color:#cfcfcf;background:#78787840}.cs-badge--progress{color:#8fc0ff;background:#4078c840}.cs-badge--answered{color:#8fe0a0;background:#3ca05040}.cs-badge--closed{color:#9a9a9a;background:#50505040}.cs-detail{flex-direction:column;gap:10px;display:flex}.cs-back{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:5px 4px;font-size:12px}.cs-back:active{color:var(--gold)}.cs-detail-head{align-items:center;gap:8px;display:flex}.cs-detail-title{color:var(--intent-primary);margin:0;font-size:15px;line-height:1.4}.cs-thread{flex-direction:column;gap:8px;display:flex}.cs-msg{border:1px solid #f0c04014;border-radius:8px;padding:9px 11px}.cs-msg--user{background:#140c0499}.cs-msg--admin{background:var(--surface-raised);border-color:var(--line-emphasis)}.cs-msg-who{color:var(--intent-primary);align-items:center;gap:8px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.cs-msg--user .cs-msg-who{color:var(--text-dim)}.cs-msg-time{color:var(--text-dim);font-size:10px;font-weight:400}.cs-msg-body{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.cs-msg-atts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.cs-att{background:var(--accent-dark);border:1px solid var(--border);max-width:100%;color:var(--gold);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;display:inline-flex;overflow:hidden}.cs-att:active{background:#3c240acc}.cs-att--purged{color:var(--text-dim);cursor:default;background:0 0;border-style:dashed}.cs-reply{flex-direction:column;gap:8px;margin-top:4px;display:flex}.cs-closed-note{text-align:center;color:var(--text-dim);margin:8px 0 0;font-size:12px}@media (orientation:landscape) and (height<=700px){.cs-content{padding:9px 11px}.cs-tab{padding:7px 6px;font-size:12px}.cs-textarea{min-height:84px}.cs-form{gap:9px}}:root[data-layout=square] .cs-content{padding:14px 18px}.apm-loading,.apm-error{padding:var(--space-5,24px);color:var(--text-dim);text-align:center}.apm-error{color:var(--intent-danger,#e57373)}.apm-gameplay{margin-bottom:var(--space-4,16px);padding-bottom:var(--space-3,12px);border-bottom:1px solid var(--line-subtle,#ffffff1f)}.apm-stat-list{margin:var(--space-2,8px) 0 0;gap:6px;padding:0;display:grid}.apm-stat{background:var(--surface-raised,#ffffff0a);border-radius:var(--radius-s,6px);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.apm-stat dt{color:var(--text-dim);font-size:.9em}.apm-stat dd{color:var(--text);margin:0;font-weight:700}.apm-stat-none{color:var(--text-dim);font-weight:400}.apm-actions{gap:var(--space-2,8px);display:grid}.apm-action{width:100%;min-height:var(--hit-primary,44px);padding:0 var(--space-3,12px);color:var(--text);background:var(--surface-raised,#ffffff0f);border:1px solid var(--line-subtle,#ffffff1f);border-radius:var(--radius-s,6px);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;display:flex}.apm-action:hover,.apm-action:focus-visible{border-color:var(--intent-primary,#d8af4a)}.apm-action-danger{margin-top:var(--space-4,16px);color:var(--intent-danger,#e57373)}.apm-links{margin-top:var(--space-4,16px);padding-top:var(--space-3,12px);border-top:1px solid var(--line-subtle,#ffffff1f)}.apm-section-title{color:var(--text);font-weight:700}.apm-section-title small{color:var(--text-dim);margin-left:6px;font-weight:400}.apm-links ul{margin:var(--space-2,8px) 0 0;gap:6px;padding:0;list-style:none;display:grid}.apm-provider{color:var(--text-dim);background:var(--surface-raised,#ffffff0a);border-radius:var(--radius-s,6px);justify-content:space-between;padding:8px 10px;display:flex}.apm-provider strong{color:var(--text-dim);font-size:.9em}.apm-provider.is-linked strong{color:var(--intent-success,#7acb8a)}.apm-link-button{width:100%;min-height:var(--hit-primary,44px);margin-top:var(--space-2,8px);color:var(--intent-primary,#d8af4a);border-radius:var(--radius-s,6px);cursor:pointer;background:0 0;border:1px solid}.apm-link-button:hover,.apm-link-button:focus-visible{background:var(--surface-raised,#ffffff0f)}.apm-link-button:disabled{cursor:wait;opacity:.65}.apm-gis-btn{width:100%;min-height:var(--hit-primary,44px);margin-top:var(--space-2,8px);justify-content:center;display:flex}.apm-link-error{margin:var(--space-2,8px) 0 0;color:var(--intent-danger,#e57373);white-space:pre-line;font-size:.9em}#account-profile-modal .game-modal-body{container-type:inline-size}@container (width>=620px){.apm-stat-list,.apm-actions,.apm-links ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.apm-portrait{place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden}.apm-portrait img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.apm-action{font-size:max(12px,1em)}.apm-character-layout{grid-template-columns:minmax(180px,.9fr) minmax(240px,1.1fr);align-items:start;gap:16px;display:grid}.apm-character-identity{flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.apm-character-name{overflow-wrap:anywhere;text-align:center;font-size:16px;font-weight:700}.apm-character-identity .apm-portrait{background:#202735;border-radius:8px;width:118px;height:118px}.apm-character-actions{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.apm-character-actions .apm-action{width:auto;min-height:38px;font-size:12px}.apm-settings-entry{width:100%;margin-top:10px}.apm-character-layout .apm-gameplay{min-width:0}.portrait-choice-grid img[hidden]{display:none}@media (orientation:landscape) and (height<=450px){.apm-character-layout{gap:10px}.apm-character-identity .apm-portrait{width:94px;height:94px}.apm-character-actions .apm-action{min-height:36px}}[data-profile-power-retry]{min-height:32px;font-size:12px}.cam-loading,.cam-error,.cam-empty{padding:var(--space-5,24px);color:var(--text-dim);text-align:center}.cam-error{color:var(--intent-danger,#e57373)}.cam-tabs{border-bottom:1px solid var(--line-subtle,#ffffff1f);display:flex}.cam-tab{min-height:var(--hit-primary,44px);color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-size:13px}.cam-tab.active{color:var(--gold,#d8af4a);border-bottom-color:currentColor}.cam-notice{margin:var(--space-3,12px);border-radius:var(--radius-s,6px);color:#efc477;border:1px solid #dc964659;padding:8px 10px;font-size:12px}.cam-list{gap:var(--space-2,8px);padding:var(--space-3,12px);display:grid}.cam-card{border:1px solid var(--line-subtle,#ffffff1f);border-radius:var(--radius-s,6px);background:var(--surface-raised,#ffffff0a);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:8px;display:grid}.cam-card.is-active{border-color:var(--gold,#d8af4a);box-shadow:inset 0 0 0 1px #d8af4a33}.cam-preview{background:#0000003d;border-radius:5px;place-items:center;width:72px;height:56px;display:grid;overflow:hidden}.cam-preview img{object-fit:contain;width:100%;height:100%}.cam-preview-city img{object-fit:contain}.cam-preview-base{color:var(--text-dim);font-size:12px}.cam-copy{gap:4px;min-width:0;display:grid}.cam-copy strong{color:var(--text);font-size:13px}.cam-copy span{color:var(--text-dim);font-size:11px}.cam-equip{min-width:52px;min-height:var(--hit-compact,36px);color:var(--gold,#d8af4a);cursor:pointer;background:0 0;border:1px solid;border-radius:5px;padding:0 8px;font-size:12px}.cam-equip:disabled{opacity:.55;cursor:default}.cam-city-error{gap:var(--space-3,12px);padding:var(--space-4,16px);color:var(--text-dim);text-align:center;display:grid}.cam-city-error p{margin:0}.cam-retry{min-height:var(--hit-compact,36px);color:var(--gold,#d8af4a);cursor:pointer;background:0 0;border:1px solid;border-radius:5px;justify-self:center;padding:0 12px}@media (width<=1023px) and (height<=460px){.cam-card{min-height:64px}.cam-preview{width:60px;height:48px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}#hud-top{height:max(var(--hud-top-h), calc(35px + var(--hud-canvas-safe-top,env(safe-area-inset-top))));padding-top:var(--hud-canvas-safe-top,env(safe-area-inset-top));background:var(--hud-top-bg,linear-gradient(180deg, #050b14f2 0%, #0a1323d9 100%)) center / 100% 100% no-repeat;border-style:solid;border-width:0;border-image-source:var(--frame-topbar,url(/assets/ui-v2/runtime/topbar_frame_single.webp));border-image-slice:var(--frame-topbar-slice,76 8 74 24);border-image-repeat:stretch;border-image-width:var(--frame-topbar-band-width,var(--frame-topbar-width,6px 12px 0));border-image-outset:var(--frame-topbar-band-outset,var(--frame-topbar-outset,0));-webkit-backdrop-filter:blur(8px);padding-left:max(6px, var(--hud-canvas-safe-left,env(safe-area-inset-left)));padding-right:max(7px, var(--hud-canvas-safe-right,env(safe-area-inset-right)));z-index:200;overflow:var(--hud-top-overflow,hidden);align-items:center;gap:5px;transition-property:none;display:flex;position:fixed;top:0;left:0;right:0}#hud-top[data-screen-type=battlefield]{height:max(var(--hud-top-bf-h,var(--hud-top-h)), calc(35px + var(--hud-canvas-safe-top,env(safe-area-inset-top))));background-image:var(--hud-top-bg-bf,var(--hud-top-bg,linear-gradient(180deg, #050b14f2 0%, #0a1323d9 100%)))}#hud-top-left{align-items:center;gap:5px;align-self:var(--hud-top-left-self,center);flex-shrink:0;min-width:0;max-width:40%;display:flex}#hud-player{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;min-width:0;min-height:36px;padding:0;display:flex}#hud-player:after{content:"›";color:var(--intent-primary);flex-shrink:0;font-size:16px}#hud-player:focus-visible{outline:2px solid var(--shadow-focus,var(--intent-primary));outline-offset:2px;border-radius:4px}#hud-player-avatar{background:linear-gradient(145deg, var(--surface-raised), var(--surface-canvas));border:1.5px solid #4c5b6b8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0009}#hud-guild-avatar{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex}#hud-guild-avatar.hud-guild-avatar--none span{color:#647384a6;letter-spacing:-.3px;text-align:center;font-size:11px;font-weight:700;line-height:1.2;display:block}#hud-top[data-screen-type=battlefield] #hud-guild-avatar.hud-guild-avatar--none span,#hud-top[data-screen-type=inner-city] #hud-guild-avatar.hud-guild-avatar--none span{font-size:14px}#hud-guild-avatar.hud-guild-avatar--tag span{color:var(--intent-primary);text-align:center;letter-spacing:-.3px;font-size:12px;font-weight:700;line-height:1.2;display:block}#hud-player-info{flex-direction:column;justify-content:center;min-width:0;display:flex;overflow:hidden}#hud-player-name-row{align-items:center;gap:4px;min-width:0;display:flex}#hud-player-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;line-height:1;overflow:hidden}.hud-player-level{color:var(--intent-primary);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700;line-height:1}.hud-title-badge{color:var(--accent-bronze);white-space:nowrap;background:#c3ab8429;border:1px solid #c3ab8473;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:11px;line-height:1.4}.hud-title-badge.hidden{display:none}#hud-lord-card{box-sizing:border-box;align-items:flex-start;gap:var(--hud-lord-gap,10px);padding:var(--hud-lord-pad,0);margin-left:calc(-1 * max(6px, var(--hud-canvas-safe-left,env(safe-area-inset-left))));display:flex;position:relative}#hud-lord-card:after{content:"";bottom:0;left:0;right:0;top:var(--hud-top-h);background:var(--hud-lord-fill,transparent);border-bottom-right-radius:var(--hud-lord-taper,0);z-index:-1;position:absolute}#hud-top[data-screen-type=battlefield] #hud-lord-card:after{top:var(--hud-top-bf-h,var(--hud-top-h));background:var(--hud-lord-fill-bf,var(--hud-lord-fill,transparent))}.hud-lord-portrait{width:var(--hud-lord-portrait-size);height:var(--hud-lord-portrait-size);background-image:url(/assets/ui-v3/runtime/identity/portrait_frame.webp);background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;flex-shrink:0;position:relative}.hud-lord-portrait-slot{border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset:6px;overflow:hidden}.hud-lord-level{z-index:3;pointer-events:none;box-sizing:border-box;min-width:26px;height:26px;color:var(--text);background-image:url(/assets/ui-v3/runtime/identity/level_badge.webp);background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-4px;left:-4px}.hud-lord-body{flex-direction:column;flex:1;justify-content:space-between;align-self:stretch;gap:6px;min-width:0;display:flex}.hud-lord-identity{align-items:center;gap:6px;min-width:0;display:flex}#hud-lord-card #hud-player-level,#hud-lord-card #hud-power{display:none}#hud-lord-card #hud-player{max-width:none}#hud-lord-card #hud-player-name-row{flex-wrap:wrap;row-gap:3px}#hud-lord-card #hud-player-name{font-size:20px}#hud-lord-card #hud-player-avatar{border-radius:6px;width:100%;height:100%}#hud-lord-portrait-img{display:none}#hud-lord-card #hud-player-avatar[data-portrait=on] #hud-lord-portrait-img{object-fit:cover;z-index:1;border-radius:6px;width:100%;height:100%;display:block;position:absolute;inset:0}#hud-profile-frame-img{display:none}#hud-lord-card #hud-player-avatar[data-profile-frame=on] #hud-profile-frame-img{object-fit:contain;pointer-events:none;z-index:2;width:110%;height:110%;display:block;position:absolute;inset:-5%}#hud-lord-card #hud-player-avatar[data-portrait=on] #hud-guild-avatar{z-index:3;background:#0c1016c7;border-radius:4px 0;width:auto;min-width:20px;height:auto;padding:1px 3px;position:absolute;bottom:0;right:0}#hud-lord-card #hud-player-avatar[data-portrait=on] #hud-guild-avatar.hud-guild-avatar--tag span{font-size:11px}#hud-lord-card #hud-player-avatar[data-portrait=on] #hud-guild-avatar.hud-guild-avatar--none{display:none}.hud-lord-fame{color:var(--text-dim);white-space:nowrap;font-size:13px;line-height:1}.hud-lord-fame-label{color:var(--text-dim)}.hud-lord-fame span[id]{color:var(--text);font-weight:700}.hud-lord-exp{width:var(--hud-lord-exp-w,auto);background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.hud-lord-exp-fill{background:linear-gradient(90deg,#34bec8f2,#78e2e8f2);border-radius:4px;width:0;height:100%;display:block}#hud-top-center{display:var(--hud-res-rail-display,flex);overflow:var(--hud-res-rail-overflow,hidden);position:var(--hud-res-rail-position,static);pointer-events:none;flex:1;justify-content:center;align-items:center;gap:10px;inset:0}#hud-top-center>*{pointer-events:auto}.hud-res-block{display:var(--hud-res-rail-item-display,flex);position:var(--hud-res-rail-item-position,static);top:var(--hud-res-rail-item-top,auto);padding:var(--hud-res-rail-item-padding,2px 4px);flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-width:0}#hud-rb-wood{left:var(--hud-res-rail-wood-x,auto);width:var(--hud-res-rail-wood-w,auto)}#hud-rb-food{left:var(--hud-res-rail-food-x,auto);width:var(--hud-res-rail-food-w,auto)}#hud-rb-iron{left:var(--hud-res-rail-iron-x,auto);width:var(--hud-res-rail-iron-w,auto)}#hud-rb-gold{left:var(--hud-res-rail-gold-x,auto);width:var(--hud-res-rail-gold-w,auto)}#hud-rb-paid{left:var(--hud-res-rail-paid-x,auto);width:var(--hud-res-rail-paid-w,auto)}#hud-rb-free{left:var(--hud-res-rail-free-x,auto);width:var(--hud-res-rail-free-w,auto)}.hud-res-head{grid-area:head}.hud-res-rate{grid-area:rate}.hud-res-val{grid-area:value}.hud-res-block{grid-template-columns:var(--hud-res-rail-cols,minmax(0, 1fr));grid-template-rows:var(--hud-res-rail-rows,auto auto auto);grid-template-areas:var(--hud-res-rail-areas,"head" "rate" "value");row-gap:var(--hud-res-rail-row-gap,0);column-gap:var(--hud-res-rail-col-gap,0)}.hud-res-block:before,#hud-rb-free:after{content:var(--hud-res-rail-sep-content,none);top:var(--hud-res-rail-sep-top,0);width:1px;height:var(--hud-res-rail-sep-h,0);background:var(--hud-res-rail-sep-color,transparent);pointer-events:none;position:absolute}#hud-rb-wood:before,#hud-rb-free:before{content:none}#hud-rb-food:before{left:var(--hud-res-sep-dx-food,0)}#hud-rb-iron:before{left:var(--hud-res-sep-dx-iron,0)}#hud-rb-gold:before{left:var(--hud-res-sep-dx-gold,0)}#hud-rb-paid:before{left:var(--hud-res-sep-dx-paid,0)}#hud-rb-free:after{left:var(--hud-res-sep-dx-free-end,0)}.hud-res-head{align-items:center;gap:var(--hud-res-rail-head-gap,3px);line-height:1;display:flex}.hud-res-icon{align-items:center;line-height:1;display:flex}.hud-res-img{width:var(--hud-res-rail-img-size,15px);height:var(--hud-res-rail-img-size,15px);flex:0 0 var(--hud-res-rail-img-size,15px);object-fit:contain;vertical-align:middle}.hud-res-name{font-size:var(--hud-res-rail-name-size,11px);color:var(--hud-res-rail-name-color,var(--text-dim));letter-spacing:.2px;white-space:nowrap}.hud-res-rate{font-size:var(--hud-res-rail-rate-size,11px);min-height:var(--hud-res-rail-rate-min-h,10px);color:var(--hud-res-rail-rate-color,var(--intent-primary));white-space:nowrap;align-self:var(--hud-res-rail-rate-self,auto);line-height:1}.hud-res-val{font-size:var(--hud-res-rail-value-size,13px);color:var(--hud-res-rail-value-color,var(--text));white-space:nowrap;padding-left:var(--hud-res-rail-value-indent,0);line-height:1}#hud-top-right{align-items:center;gap:var(--hud-top-menu-gap,6px);position:var(--hud-top-menu-position,static);left:var(--hud-top-menu-left,auto);top:var(--hud-top-menu-top,auto);width:var(--hud-top-menu-w,auto);flex-shrink:0;padding-left:0;display:flex}#hud-shop-dot{top:3px;right:3px}.hud-chip{color:var(--text-dim);white-space:nowrap;font-size:13px;line-height:1}.hud-chip-img{object-fit:contain;vertical-align:middle;width:14px;height:14px;margin-right:2px}#hud-power{color:#80a8e0;flex-shrink:0;font-weight:700}.hud-cash-chip{padding:var(--hud-res-rail-item-padding,2px 7px);white-space:nowrap;line-height:1}.hud-cash-icon{width:var(--hud-res-rail-img-size,16px);height:var(--hud-res-rail-img-size,16px);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hud-cash-img{object-fit:contain;width:100%;height:100%}.hud-cash-label{font-size:var(--hud-res-rail-name-size,11px);flex-shrink:0;font-weight:700;line-height:1}.hud-cash-val{font-size:var(--hud-res-rail-value-size,13px);font-weight:700;line-height:1}#hud-gem-plus{position:var(--hud-gem-plus-position,static);left:var(--hud-gem-plus-left,auto);top:var(--hud-gem-plus-top,auto);width:var(--hud-gem-plus-w,18px);height:var(--hud-gem-plus-h,18px);flex:0 0 var(--hud-gem-plus-basis,18px);cursor:pointer;border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:50%;align-self:center;padding:0;font-size:13px;font-weight:700;line-height:1}.hud-cash-paid .hud-cash-label{color:var(--accent-bronze)}.hud-cash-paid .hud-cash-val{color:#dcc9a8}.hud-cash-free .hud-cash-label{color:var(--intent-primary)}.hud-cash-free .hud-cash-val{color:var(--intent-primary-hi)}@keyframes hud-val-flash{0%{filter:brightness()}25%{filter:brightness(1.75)}to{filter:brightness()}}.hud-val-flash{animation:.42s ease-out hud-val-flash}@media (prefers-reduced-motion:reduce){.hud-val-flash{animation:none}}#hud-events-more-menu{top:calc(var(--hud-top-h) + 6px);right:calc(max(10px, env(safe-area-inset-right)) + var(--hud-nav-inset-right,0px));border:1px solid var(--border);z-index:201;background:#050b14f5;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;width:132px;padding:6px;position:fixed}#hud-events-more-menu:not(.hidden){display:grid}#hud-events-more-menu.hidden{display:none}#hud-events-more-menu button{min-width:0;min-height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px solid #6473842e;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px 1px;font-size:12px;display:flex}#hud-events-more-menu .hud-more-item-icon{object-fit:contain;flex:none;width:22px;height:22px;display:block}#hud-events-more-menu .hud-more-item-label{white-space:nowrap;font-size:12px;line-height:14px}.hud-event-btn{width:var(--hud-event-btn-w);height:var(--hud-event-btn-h);cursor:pointer;-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast);background:0 0;border:0;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:2px 4px;transition-property:background;display:flex;position:relative}#hud-top-right .hud-event-btn+.hud-event-btn{border-left:1px solid #64738429}.hud-mail-badge{background:var(--intent-danger);color:var(--text-primary);text-align:center;pointer-events:none;border-radius:8px;min-width:14px;padding:2px 4px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:3px;right:3px}.hud-mail-badge.hidden{display:none}.hud-quest-dot,.hud-bag-dot{background:var(--intent-danger);pointer-events:none;border:1px solid #00000059;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;right:3px;box-shadow:0 0 5px #c53526b3}.hud-quest-dot.hidden,.hud-bag-dot.hidden{display:none}.hud-event-btn:active{background:#4ca9a524}.hud-event-icon{font-size:calc(var(--hud-event-icon-sz) - 4px);width:var(--hud-top-art-w,var(--hud-event-icon-sz));height:var(--hud-top-art-h,var(--hud-event-icon-sz));justify-content:center;align-items:center;line-height:1;display:flex}.hud-event-icon img{object-fit:contain;filter:drop-shadow(0 1px 2px #0009);width:100%;height:100%;opacity:var(--hud-top-art-img-opacity,1);display:block}#hud-top-right [data-action=event] .hud-event-icon{background:var(--hud-top-art-event) center / contain no-repeat}#hud-top-right [data-action=challenge-hub] .hud-event-icon{background:var(--hud-top-art-challenge-hub) center / contain no-repeat}#hud-top-right [data-action=pvp-duel] .hud-event-icon{--hud-top-art-img-opacity:1}#hud-top-right [data-action=quest] .hud-event-icon{background:var(--hud-top-art-quest) center / contain no-repeat}#hud-top-right [data-action=mail] .hud-event-icon{background:var(--hud-top-art-mail) center / contain no-repeat}#hud-top-right #hud-events-more .hud-event-icon{background:var(--hud-top-art-more) center / contain no-repeat}.hud-event-label{color:var(--text-dim);letter-spacing:.3px;font-size:16px}#hud-events-more .hud-event-label{font-size:15px}.hud-event-secondary{display:none}#hud-command-dock{right:max(10px, env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:150;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}#hud-command-dock>*{pointer-events:auto}#hud-dock-row{flex-direction:row;align-items:flex-end;gap:8px;display:flex}#hud-command-dock-menu{right:0;bottom:calc(var(--hud-dock-toggle-h) + 8px);z-index:1;border:1px solid #0000;border-image-source:var(--frame-active-dock-menu,var(--frame-panel,url(/assets/ui-v2/runtime/panel_frame_single.webp)));border-image-slice:var(--frame-panel-slice,54 32 54 31 fill);border-image-repeat:stretch;border-image-width:var(--frame-active-dock-menu-width,var(--frame-dock-menu-width,10px));border-image-outset:var(--frame-active-dock-menu-outset,var(--frame-dock-menu-outset,0));background:var(--hud-dock-menu-bg,#050b14b8);-webkit-backdrop-filter:blur(6px);opacity:1;background-clip:padding-box;border-radius:10px;flex-direction:row;align-items:center;gap:6px;padding:6px;transition:opacity .16s,transform .16s;display:flex;position:absolute;transform:translateY(0)}#hud-command-dock[data-open=false] #hud-command-dock-menu{opacity:0;pointer-events:none;transform:translateY(8px)}#hud-command-dock-menu[hidden]{display:none}@media (prefers-reduced-motion:reduce){#hud-command-dock-menu{transition:none}}#hud-command-dock-toggle{width:60px;min-height:var(--hud-dock-toggle-h);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast), border-color var(--transition-fast);-webkit-backdrop-filter:blur(4px);background:linear-gradient(145deg,#131c2beb,#050b14eb);border:1px solid #4c5b6b80;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;transition-property:background,border-color;display:flex;position:relative}#hud-command-dock-toggle:active{background:linear-gradient(145deg,#1c2635eb,#0a1323eb)}.hud-dock-toggle-icon{color:var(--intent-primary);font-size:24px;line-height:1}.hud-dock-toggle-label{color:var(--text-dim);letter-spacing:.3px;font-size:12px}#hud-command-dock-badge{top:4px;right:4px}.hud-action-btn{width:54px;min-height:var(--hud-action-size);justify-content:center;align-items:center;gap:var(--hud-dock-slot-gap,4px);height:auto;padding:var(--hud-dock-slot-padding,8px 4px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast), border-color var(--transition-fast);-webkit-backdrop-filter:blur(4px);background:0 0;border:0;border-radius:10px;flex-direction:column;display:flex;position:relative}#hud-command-dock-menu .hud-action-btn+.hud-action-btn{border-left:1px solid #6473842e}.hud-action-icon{width:var(--hud-dock-art-size,40px);height:var(--hud-dock-art-size,40px);justify-content:center;align-items:center;font-size:32px;line-height:1;display:flex}.hud-action-icon img{object-fit:contain;filter:drop-shadow(0 1px 2px #0009);width:100%;height:100%;display:block}#hud-command-dock-menu .hud-action-icon img{opacity:var(--hud-dock-art-img-opacity,1)}#hud-command-dock-menu [data-action=shop] .hud-action-icon{background:var(--hud-dock-art-shop) center / contain no-repeat}#hud-command-dock-menu [data-action=general] .hud-action-icon{background:var(--hud-dock-art-general) center / contain no-repeat}#hud-command-dock-menu [data-action=troops] .hud-action-icon{background:var(--hud-dock-art-troops) center / contain no-repeat}#hud-command-dock-menu [data-action=troop-info] .hud-action-icon{background:var(--hud-dock-art-troop-info) center / contain no-repeat}#hud-command-dock-menu [data-action=guild] .hud-action-icon{background:var(--hud-dock-art-guild) center / contain no-repeat}#hud-command-dock-menu [data-action=bag] .hud-action-icon{background:var(--hud-dock-art-bag) center / contain no-repeat}.hud-action-label{font-size:var(--hud-dock-slot-label-size,16px);color:var(--hud-dock-slot-label-color,var(--text-dim));letter-spacing:.3px;white-space:nowrap}.hud-action-btn:active{background:#4ca9a524}.hud-btn-primary{background:var(--frame-primary-command) center / 100% 100% no-repeat}.hud-btn-primary .hud-action-icon{background:0 0;border-radius:50%}.hud-btn-primary .hud-action-icon img{width:62%;height:62%}.hud-btn-primary:active{background:linear-gradient(145deg,#1c2635e6,#0a1323e6)}#hud-btn-toggle{width:60px;height:var(--hud-dock-toggle-h);min-height:var(--hud-dock-toggle-h);gap:2px;padding:5px 3px}#hud-btn-toggle .hud-action-icon{width:28px;height:28px;font-size:22px}#hud-btn-toggle .hud-action-label{color:var(--text-primary);text-shadow:0 1px 2px #000000f2,0 0 5px #000c;font-size:12px;line-height:1.1}#hud-command-dock[data-pinned=true] #hud-btn-toggle .hud-action-label{font-size:16px}#hud-command-dock[data-pinned=true]{border-style:solid;border-width:0;border-image-source:var(--frame-active-dock,none);border-image-slice:var(--frame-active-panel-slice,32);border-image-repeat:var(--frame-active-panel-repeat,round);border-image-width:var(--frame-active-panel-width,32px);border-radius:var(--hud-dock-radius,0);background:var(--hud-dock-bg,none);background-clip:padding-box;border-image-outset:0;flex-flow:wrap;align-content:center;align-items:center;gap:10px}#hud-command-dock[data-pinned=true][data-screen-type=battlefield]{right:max(var(--hud-dock-inset-right), var(--hud-canvas-safe-right,env(safe-area-inset-right)));bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-canvas-safe-bottom,env(safe-area-inset-bottom)));width:var(--hud-dock-panel-w);height:var(--hud-dock-panel-h);padding-left:var(--hud-dock-pad-left,0)}#hud-command-dock[data-pinned=true][data-screen-type=battlefield] #hud-command-dock-menu{flex:var(--hud-dock-menu-flex,1 1 auto);justify-content:var(--hud-dock-menu-justify,space-evenly)}.hud-dock-header{height:var(--hud-dock-header-h);color:var(--text-normal,#d8e2ee);text-shadow:0 1px 2px #000000bf;flex:0 0 100%;align-items:center;gap:4px;padding-left:6px;font-size:15px;font-weight:600;line-height:1;display:flex}.hud-dock-header>span{color:var(--text-dim);font-size:12px}#hud-command-dock>.hud-dock-header{pointer-events:none}#hud-command-dock[data-pinned=true] #hud-command-dock-menu{gap:var(--hud-dock-menu-gap,6px);padding:var(--hud-dock-menu-padding,6px);opacity:1;pointer-events:auto;flex-flow:row;display:flex;position:static;transform:none}#hud-command-dock[data-pinned=true] #hud-command-dock-menu .hud-action-btn{margin-bottom:var(--hud-dock-slot-lift,0);width:var(--hud-dock-slot-w,60px);min-height:var(--hud-dock-slot-h,56px);border-style:solid;border-width:0;border-image-source:var(--frame-active-dock-slot,none);background:var(--hud-dock-slot-bg,transparent);border-image-slice:14;border-image-width:14px;border-image-outset:0;border-image-repeat:round}#hud-command-dock[data-pinned=true] #hud-command-dock-menu .hud-action-btn:after{content:"";left:8px;right:8px;top:var(--hud-dock-slot-band-top,78px);border-top:var(--hud-dock-slot-band,0);pointer-events:none;position:absolute}#hud-command-dock[data-pinned=true][data-screen-type=inner-city] #hud-command-dock-menu .hud-action-btn{width:var(--hud-dock-slot-w-ic,60px)}#hud-command-dock[data-pinned=true] #hud-command-dock-menu .hud-action-btn+.hud-action-btn{border-left:1px solid var(--hud-dock-slot-divider,#6473842e)}#hud-command-dock[data-pinned=true][data-screen-type=inner-city]{right:max(var(--hud-dock-inset-right-ic,8px), var(--hud-canvas-safe-right,env(safe-area-inset-right)));bottom:calc(var(--hud-dock-inset-bottom-ic,0px) + var(--hud-canvas-safe-bottom,env(safe-area-inset-bottom)));width:var(--hud-dock-panel-w-ic,auto);height:var(--hud-dock-panel-h-ic,auto);padding-left:var(--hud-dock-pad-left-ic,10px)}#hud-command-dock[data-pinned=true][data-screen-type=inner-city] #hud-btn-toggle{width:var(--hud-dock-primary-size-ic,var(--hud-dock-primary-size));height:var(--hud-dock-primary-size-ic,var(--hud-dock-primary-size));min-height:var(--hud-dock-primary-size-ic,var(--hud-dock-primary-size))}#hud-command-dock[data-pinned=true] #hud-btn-toggle{border:var(--hud-toggle-ring-w,0) solid var(--hud-toggle-ring-color,transparent);box-shadow:var(--hud-toggle-ring-shadow,none)}#hud-command-dock[data-pinned=true] #hud-dock-row{position:var(--hud-dock-row-pos,static);top:var(--hud-dock-row-top,auto);transform:var(--hud-dock-row-transform,none)}#hud-command-dock[data-pinned=true][data-screen-type=battlefield] #hud-dock-row{right:var(--hud-dock-primary-right,auto)}#hud-command-dock[data-pinned=true][data-screen-type=inner-city] #hud-dock-row{right:var(--hud-dock-primary-right-ic,auto)}#hud-command-dock[data-pinned=true] #hud-command-dock-toggle{display:none}#hud-command-dock[data-pinned=true] #hud-btn-toggle{width:var(--hud-dock-primary-size);height:var(--hud-dock-primary-size);min-height:var(--hud-dock-primary-size);border-radius:50%;gap:3px;padding:6px 4px}#hud-command-dock[data-pinned=true] #hud-btn-toggle .hud-action-icon{width:calc(var(--hud-dock-primary-size) * .46);height:calc(var(--hud-dock-primary-size) * .46)}#hud-command-dock #hud-btn-toggle.hud-navigation-button{position:relative}#hud-command-dock #hud-btn-toggle.hud-navigation-button .hud-action-icon{pointer-events:none;width:96%;height:96%;position:absolute;inset:2%}#hud-btn-toggle.hud-navigation-button .hud-navigation-art{object-fit:contain;filter:none;pointer-events:none;width:100%;height:100%}#hud-btn-toggle.hud-navigation-button .hud-navigation-art[hidden]{display:none}#hud-btn-toggle.hud-navigation-button .hud-action-label{z-index:1;text-align:center;pointer-events:none;position:absolute;bottom:14%;left:0;right:0}@media (orientation:landscape) and (height<=700px){:where(:root:not([data-approved-canvas])) #hud-top{height:max(var(--hud-top-h), calc(35px + env(safe-area-inset-top)));padding-left:max(4px, env(safe-area-inset-left));padding-right:max(5px, env(safe-area-inset-right));gap:3px}:where(:root:not([data-approved-canvas])) #hud-player-avatar{width:22px;height:22px}:where(:root:not([data-approved-canvas])) #hud-guild-avatar.hud-guild-avatar--none{display:none}:where(:root:not([data-approved-canvas])) #hud-player-avatar:has(.hud-guild-avatar--tag){border-radius:11px;width:auto;min-width:22px;max-width:74px;padding:0 4px}:where(:root:not([data-approved-canvas])) #hud-guild-avatar.hud-guild-avatar--tag{white-space:nowrap;flex-direction:row;overflow:hidden}:where(:root:not([data-approved-canvas])) #hud-guild-avatar.hud-guild-avatar--tag span{font-size:11px}:where(:root:not([data-approved-canvas])) #hud-player-info{min-width:0;overflow:hidden}:where(:root:not([data-approved-canvas])) #hud-player-name-row{flex-wrap:nowrap;min-width:0;overflow:hidden}:where(:root:not([data-approved-canvas])) #hud-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}:where(:root:not([data-approved-canvas])) .hud-player-level{font-size:11px}:where(:root:not([data-approved-canvas])) .hud-title-badge{padding:1px 2px;font-size:7px}:where(:root:not([data-approved-canvas])) #hud-top-center{gap:8px}:where(:root:not([data-approved-canvas])) #hud-top-right{gap:1.6px;padding-left:4px;padding-right:19.65px}:where(:root:not([data-approved-canvas])) .hud-res-block{flex:1 1 0;padding:2px 3px}:where(:root:not([data-approved-canvas])) .hud-res-img{width:10px;height:10px}:where(:root:not([data-approved-canvas])) .hud-res-name{font-size:9px;line-height:1.2}:where(:root:not([data-approved-canvas])) .hud-res-val{font-size:11px;line-height:1.2}:where(:root:not([data-approved-canvas])) .hud-chip{font-size:11px}:where(:root:not([data-approved-canvas])) .hud-chip-img{width:11px;height:11px}:where(:root:not([data-approved-canvas])) .hud-cash-chip{gap:2px;padding:2px 3px}:where(:root:not([data-approved-canvas])) .hud-cash-icon{width:12px;height:12px}:where(:root:not([data-approved-canvas])) .hud-cash-label{display:none}:where(:root:not([data-approved-canvas])) .hud-cash-val{font-size:11px}:where(:root:not([data-approved-canvas])) .hud-event-btn{gap:2px;padding:4px 1px}:where(:root:not([data-approved-canvas])) .hud-event-label{font-size:11px}:where(:root:not([data-approved-canvas])) .hud-action-btn{gap:2px;padding:5px 3px}:where(:root:not([data-approved-canvas])) .hud-action-icon{width:30px;height:30px;font-size:24px}:where(:root:not([data-approved-canvas])) .hud-action-label{font-size:12px}}@media (orientation:landscape) and (height<=450px){:where(:root:not([data-approved-canvas])) .hud-cash-chip{gap:1px;padding:2px 3px}:where(:root:not([data-approved-canvas])) .hud-cash-icon{width:11px;height:11px}:where(:root:not([data-approved-canvas])) .hud-cash-val{font-size:11px}}#hud-threat-overlay{pointer-events:none;z-index:1003;border:3px solid #0000;position:fixed;inset:0}#hud-threat-overlay.flashing{animation:.6s ease-in-out 6 threat-flash}@keyframes threat-flash{0%{background:#c5352600;border-color:#0000}40%{background:#c5352638;border-color:#d4412ecc}to{background:#c5352600;border-color:#0000}}#hud-threat-banner{top:var(--hud-top-h);z-index:1002;color:var(--text-primary);text-align:center;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);max-width:calc(var(--approved-canvas-w,100vw) - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));white-space:nowrap;text-overflow:ellipsis;background:#c53526eb;border:1px solid #d4412e80;border-top:none;border-radius:0 0 6px 6px;padding:6px 16px;font-size:16px;font-weight:700;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 12px #00000073}#hud-threat-banner.threat-urgent{animation:1.2s ease-in-out infinite banner-pulse}@keyframes banner-pulse{0%,to{background:#c53526e0}50%{background:#d4412ef2}}#hud-merge-banner{top:calc(var(--hud-top-h) + 36px);z-index:1001;color:var(--intent-primary-hi);text-align:center;max-width:calc(var(--approved-canvas-w,100vw) - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));white-space:nowrap;text-overflow:ellipsis;cursor:default;background:#de9a3beb;border:1px solid #4c5b6b80;border-top:none;border-radius:0 0 6px 6px;padding:5px 20px;font-size:14px;font-weight:700;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px 8px #0006}#hud-merge-banner.merge-banner-urgent{cursor:pointer;animation:1.5s ease-in-out infinite merge-banner-pulse}@keyframes merge-banner-pulse{0%,to{background:#de9a3be0}50%{background:#de9a3bf5}}.merge-banner-warn{color:var(--intent-warning);margin-left:8px}#merge-conflict-panel .mcp-cards{align-items:stretch;gap:16px;margin:12px 0;display:flex}#merge-conflict-panel .mcp-card{text-align:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}#merge-conflict-panel .mcp-card-server{color:var(--text-secondary);font-size:12px}#merge-conflict-panel .mcp-card-name{color:var(--intent-primary-hi);font-size:20px;font-weight:700}#merge-conflict-panel .mcp-card-stat{color:var(--text-secondary);font-size:13px}#merge-conflict-panel .mcp-keep-btn{background:var(--intent-danger);color:var(--text-primary);cursor:pointer;border:none;border-radius:6px;margin-top:auto;padding:8px 12px;font-size:14px;font-weight:700}#merge-conflict-panel .mcp-keep-btn:hover{background:var(--intent-danger-hi)}#merge-conflict-panel .mcp-vs{color:var(--text-disabled);align-self:center;font-size:18px;font-weight:700}#merge-conflict-panel .mcp-warn{color:var(--intent-danger-hi);text-align:center;margin-top:4px;font-size:12px}#merge-conflict-panel .mcp-header-info{color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}@media (width<=1023px) and (height<=460px){#merge-conflict-panel .mcp-cards{gap:10px;margin:8px 0}#merge-conflict-panel .mcp-card{gap:4px;padding:8px}#merge-conflict-panel .mcp-card-name{font-size:16px}#merge-conflict-panel .mcp-card-stat{font-size:12px}#merge-conflict-panel .mcp-keep-btn{padding:6px 10px;font-size:13px}#merge-conflict-panel .mcp-warn{font-size:11px;line-height:1.4}}.hud-raid-ack-btn{color:var(--text-primary);cursor:pointer;background:#4ca9a533;border:1.5px solid #4c5b6bb3;border-radius:4px;margin-left:12px;padding:4px 12px;font-size:16px;font-weight:700;transition:background .12s}.hud-raid-ack-btn:hover{background:#4ca9a566}.hud-raid-ack-btn:active{background:#4ca9a599}#hud-protection-status{background:#6d9dc533;border:1px solid #6d9dc580;border-radius:3px;flex-shrink:0;padding:1px 5px}#hud-protection-status.hud-protect-clickable{cursor:pointer;background:#55b58a33;border-color:#55b58a80}#hud-protection-status.hud-protect-clickable:hover{background:#55b58a59}.hud-fire{vertical-align:middle;width:18px;height:16px;margin-right:3px;display:inline-block;position:relative}.hud-fire i{transform-origin:50% 100%;filter:drop-shadow(0 0 2px #ff7828b3);background:radial-gradient(circle at 50% 85%,#fff6c0 0%,#ffd24a 22%,#ff8a1e 52%,#ff3d1e 78%,#ff3d1e00 100%);border-radius:50%/62% 62% 38% 38%;animation:.7s ease-in-out infinite hud-flame-flicker;position:absolute;bottom:0}.hud-fire i:first-child{z-index:3;width:9px;height:16px;animation-delay:0s;left:5px}.hud-fire i:nth-child(2){z-index:2;opacity:.9;width:7px;height:11px;animation-delay:.22s;left:1px}.hud-fire i:nth-child(3){z-index:2;opacity:.9;width:7px;height:11px;animation-delay:.38s;left:9px}@keyframes hud-flame-flicker{0%,to{transform:scaleY(1)skew(0)}25%{transform:scaleY(1.28)skew(-5deg)}50%{transform:scaleY(.88)skew(4deg)}75%{transform:scaleY(1.16)skew(-2deg)}}@media (prefers-reduced-motion:reduce){.hud-fire i{animation:none}}.hud-reloc-modal{box-shadow:0 0 24px #f0643259;border-color:#f0783c8c!important}.hud-bj-modal-bg{z-index:1004;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hud-bj-modal{background:var(--surface-panel);border:1px solid var(--line-metal);max-width:440px;color:var(--text-primary);border-radius:8px;padding:24px 28px;box-shadow:0 8px 24px #0009}.hud-bj-modal h3{color:var(--intent-primary);margin:0 0 14px}.hud-bj-modal p{margin:8px 0;font-size:14px;line-height:1.5}.hud-bj-cost{color:var(--accent-bronze);background:#c3ab841a;border:1px solid #c3ab8466;border-radius:4px;padding:10px 12px;font-weight:700;margin-top:14px!important}.hud-bj-msg{text-align:center;min-height:18px;margin:14px 0;font-size:13px}.hud-bj-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.hud-bj-actions .btn-secondary,.hud-bj-actions .btn-primary{cursor:pointer;border:1px solid;border-radius:4px;padding:8px 18px;font-size:14px}.hud-bj-actions .btn-secondary{color:var(--text-secondary);border-color:var(--line-metal);background:0 0}.hud-bj-actions .btn-primary{background:var(--accent-bronze);color:var(--surface-canvas);border-color:#d8c4a0;font-weight:700}.hud-bj-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}[data-layout=square] #hud-threat-banner,[data-layout=square] #hud-merge-banner{max-width:calc(100vw - 48px)}#hud-chat{left:calc(max(var(--hud-chat-gutter,8px), var(--hud-canvas-safe-left,env(safe-area-inset-left))) + var(--frame-active-chat-outset,var(--frame-chat-window-outset,0px)));bottom:calc(var(--hud-chat-bottom-gap,14px) + var(--hud-canvas-safe-bottom,env(safe-area-inset-bottom)) + var(--frame-active-chat-outset,var(--frame-chat-window-outset,0px)));z-index:150;width:calc(var(--hud-chat-w) - 2 * var(--frame-active-chat-outset,var(--frame-chat-window-outset,0px)));position:fixed}#hud-chat[data-screen-type=inner-city]{left:calc(max(var(--hud-chat-gutter-ic,var(--hud-chat-gutter,8px)), var(--hud-canvas-safe-left,env(safe-area-inset-left))) + var(--frame-active-chat-outset,var(--frame-chat-window-outset,0px)));bottom:calc(var(--hud-chat-bottom-gap-ic,var(--hud-chat-bottom-gap,14px)) + var(--hud-canvas-safe-bottom,env(safe-area-inset-bottom)) + var(--frame-active-chat-outset,var(--frame-chat-window-outset,0px)));width:calc(var(--hud-chat-w-ic,var(--hud-chat-w)) - 2 * var(--frame-active-chat-outset,var(--frame-chat-window-outset,0px)))}#hud-chat[data-screen-type=inner-city] #hud-chat-window{height:var(--hud-chat-shell-h-ic,var(--hud-chat-shell-h,auto))}#hud-chat.keyboard-open{bottom:calc(14px + var(--hud-canvas-safe-bottom,env(safe-area-inset-bottom)) + var(--hud-chat-kb-inset,0px))}:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-window{max-height:var(--hud-chat-kb-h);min-height:0;position:relative}:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-body{flex:1 1 0;height:auto;min-height:0;overflow:hidden}:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-tabs,:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-input-row,:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-picker-head,:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-dm-search{flex-shrink:0}:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-close{justify-content:center;align-items:center;display:inline-flex}:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-picker-close{display:inline-flex}:where(:root[data-approved-canvas]) #hud-chat.keyboard-open .hud-chat-history-btn,:where(:root[data-approved-canvas]) #hud-chat.keyboard-open .hud-dm-empty-note,:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-dm-recent-section,:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-newmsg,:where(:root[data-approved-canvas]) #hud-chat.keyboard-open .hud-chat-approved-chrome{display:none}:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-chat-picker{overflow:hidden}:where(:root[data-approved-canvas]) #hud-chat.keyboard-open #hud-dm-results-section{flex:1 1 0;min-height:0;overflow-y:auto}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-tabs .hud-chat-tab{display:none}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-tabs{width:var(--hit-primary);border-bottom:none;flex-direction:column;justify-content:space-between;position:absolute;top:0;bottom:0;right:0}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-body,:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-input-row{margin-right:var(--hit-primary)}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-channel{justify-content:center;align-items:center;display:inline-flex}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-window.hud-chat-chansheet-open #hud-chat-tabs{flex-direction:row;width:100%;bottom:auto}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-window.hud-chat-chansheet-open #hud-chat-tabs:not(.hidden) .hud-chat-tab{display:block}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-picker{gap:0;padding-top:0;padding-bottom:0}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-picker-head{padding-bottom:0}:where(:root[data-approved-canvas]) #hud-chat.keyboard-compact #hud-chat-window[data-view=picker] #hud-chat-body{margin-right:0}body.tutorial-active #hud-chat,#hud-chat-launcher{display:none}#hud-chat-window{width:100%;height:var(--hud-chat-shell-h,auto);background:var(--hud-chat-surface,#050b14ed);border:1px solid #0000;border-image-source:var(--frame-active-chat,var(--frame-panel,url(/assets/ui-v2/runtime/panel_frame_single.webp)));border-image-slice:var(--frame-active-chat-slice,var(--frame-panel-slice,54 32 54 31 fill));border-image-repeat:var(--frame-active-panel-repeat,stretch);border-image-width:var(--frame-active-chat-width,var(--frame-chat-window-width,10px));border-image-outset:var(--frame-active-chat-outset,var(--frame-chat-window-outset,0px));-webkit-backdrop-filter:blur(6px);background-clip:padding-box;border-radius:10px;flex-direction:column;transition-property:none;display:flex;overflow:hidden}#hud-chat-tabs{border-bottom:var(--hud-chat-tabs-bottom-border,1px solid #6473841f);align-items:stretch;display:flex}.hud-chat-approved-chrome{display:var(--hud-chat-approved-chrome-display,none);flex:0 0 var(--hud-chat-approved-chrome-w,auto);color:#b8d3d2;background:var(--hud-chat-approved-chrome-bg,transparent);border-left:var(--hud-chat-approved-chrome-border,0);pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:700;line-height:1}#hud-chat-input-row .hud-chat-approved-chrome{flex:0 0 var(--hud-chat-input-gear-size,0);width:var(--hud-chat-input-gear-size,0);height:var(--hud-chat-input-gear-size,0);border:var(--hud-chat-input-gear-border,0);border-radius:var(--hud-chat-input-gear-radius,0);background:var(--hud-chat-input-gear-bg,transparent);font-size:var(--hud-chat-input-gear-font,inherit);font-weight:400}.hud-chat-approved-chrome+.hud-chat-approved-chrome{border-left:0}.hud-chat-approved-settings{font-size:18px}.hud-chat-approved-caret{padding-bottom:3px;font-size:19px;font-weight:400}.hud-chat-tab{color:var(--text-dim);letter-spacing:1px;min-height:var(--hit-compact);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 2px;font-size:12px;font-weight:700;position:relative}.hud-chat-tab+.hud-chat-tab{border-left:var(--hud-chat-tab-sep,0)}.hud-chat-tab.active{color:var(--intent-primary);border-bottom-color:var(--intent-primary);border-style:var(--hud-chat-tab-active-frame-style,solid);border-width:var(--hud-chat-tab-active-frame-width,0 0 2px);border-image-source:var(--hud-chat-tab-active-frame-image,var(--frame-tab-selected,url(/assets/ui-v2/runtime/tab_selected_frame_single.webp)));border-image-slice:var(--frame-tab-selected-slice,60 25 60 25 fill);border-image-repeat:stretch;border-image-width:var(--frame-chat-tab-band-width,var(--frame-chat-tab-width,7px));border-image-outset:var(--frame-chat-tab-outset,0);border-bottom-color:var(--hud-chat-tab-active-line,var(--intent-primary));border-color:var(--hud-chat-tab-active-frame-color,transparent transparent var(--hud-chat-tab-active-line,var(--intent-primary)));border-radius:var(--hud-chat-tab-active-radius,0);background:var(--hud-chat-tab-active-bg,transparent);box-shadow:var(--hud-chat-tab-active-shadow,none);transition-property:color}.hud-chat-tab.disabled{opacity:.35;cursor:not-allowed}#hud-chat-picker-head{align-items:center;gap:4px;padding:0 4px 4px;display:flex}#hud-chat-title{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:700;overflow:hidden}.hud-chat-hbtn{color:var(--text-dim);min-height:var(--hit-compact);min-width:var(--hit-compact);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--transition-fast);background:0 0;border:none;flex:none;padding:0 6px;font-size:12px}.hud-chat-hbtn:active,.hud-chat-hbtn:hover{color:var(--intent-primary)}#hud-chat-close,#hud-chat-picker-close,#hud-chat-channel{display:none}#hud-chat-mini-badge{cursor:pointer;background:var(--intent-danger);min-width:16px;color:var(--text-primary);text-align:center;border-radius:9px;flex:none;padding:2px 5px;font-size:11px;font-weight:700;line-height:1.2;display:none}#hud-chat-mini-badge.hud-chat-badge--guild,.hud-chat-launcher-badge.hud-chat-badge--guild{background:var(--intent-primary)}.hud-tab-badge{background:var(--red-light);color:var(--text-primary);text-align:center;border-radius:6px;min-width:12px;padding:0 3px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:2px;right:4px}#hud-chat-dm-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 8px;display:flex}.hud-dm-empty-text{color:var(--text-secondary);margin:0;font-size:11px}.hud-dm-empty-note{color:var(--text-dim);margin:0;font-size:10px}#hud-dm-pick-btn,.hud-chat-cta{min-height:var(--hit-compact);border:1px solid var(--border);color:var(--intent-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#4ca9a51a;border-radius:6px;padding:0 14px;font-size:12px}.hud-chat-cta{align-self:center;margin-top:6px}#hud-dm-pick-btn:active,.hud-chat-cta:active{background:#4ca9a533}#hud-chat-picker{scrollbar-width:thin;scrollbar-color:var(--line-metal) transparent;flex-direction:column;gap:4px;padding:6px 8px;display:flex;overflow-y:auto}#hud-dm-search{width:100%;color:var(--text);min-height:var(--hit-compact);box-sizing:border-box;background:#0a1323cc;border:1px solid #64738426;border-radius:4px;outline:none;padding:4px 8px;font-size:12px}#hud-dm-search::placeholder{color:var(--text-dim)}.hud-dm-section-title{color:var(--text-dim);letter-spacing:1px;padding:2px 2px 0;font-size:10px}#hud-dm-recent,#hud-dm-search-results{flex-direction:column;display:flex}.hud-dm-result-item{width:100%;min-height:var(--hit-compact);color:var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-bottom:1px solid #6473840f;align-items:center;padding:4px 8px;font-size:12px;display:flex}.hud-dm-result-item:hover,.hud-dm-result-item:active{background:#4ca9a514}.hud-dm-result-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-dm-result-guild{color:var(--text-dim);flex-shrink:0}.hud-dm-result-empty{color:var(--text-dim);padding:6px 8px;font-size:11px}.hud-chat-history-btn{width:100%;color:var(--text-secondary);min-height:var(--hit-compact);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#4ca9a50f;border:1px solid #64738426;border-radius:4px;margin-bottom:4px;padding:4px 0;font-size:12px;display:block}.hud-chat-history-btn:hover{color:var(--intent-primary);background:#4ca9a51f}.hud-chat-history-btn:disabled{opacity:.5;cursor:default}#hud-chat-body{flex:1 1 var(--hud-chat-msgs-h,163px);flex-direction:column;min-height:0;display:flex}#hud-chat-body>*{flex:auto;min-height:0}#hud-chat-msgs{scrollbar-width:thin;scrollbar-color:var(--line-metal) transparent;flex-direction:column;flex:1 1 0;gap:3px;min-height:0;padding:6px 8px;display:flex;overflow-y:auto}#hud-chat-newmsg{width:100%;min-height:var(--hit-compact);color:var(--intent-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#4ca9a524;border:none;border-top:1px solid #6473841f;font-size:11px;display:block}#hud-chat-newmsg:active{background:#4ca9a53d}.hud-chat-msg{color:var(--text);word-break:break-all;font-size:12px;line-height:14px}.hud-chat-msg-meta{color:var(--text-dim);font-size:12px}.hud-chat-msg-name{color:var(--text-secondary);font-weight:700}.hud-chat-msg-body{color:var(--text)}.hud-chat-system{color:var(--text-dim);font-style:italic}.hud-chat-me{text-align:right}.hud-chat-me .hud-chat-msg-body{color:var(--intent-primary)}#hud-chat-input-row{min-height:var(--hit-primary);border-top:1px solid #6473841f;flex-wrap:nowrap;align-items:center;gap:4px;padding:5px 6px;display:flex}#hud-chat-input{min-width:0;color:var(--text);background:#ffffff0f;border:1px solid #64738447;border-radius:999px;outline:none;flex:1;padding:5px 10px;font-size:12px}#hud-chat-input::placeholder{color:var(--text-dim)}#hud-chat-input:disabled{opacity:.4;cursor:not-allowed}#hud-chat-send{width:var(--hud-chat-send-w,auto);height:var(--hud-chat-send-h,auto);min-height:var(--hit-compact);background:var(--hud-chat-send-art,none) center / var(--hud-chat-send-ink,contain) no-repeat;min-width:56px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;writing-mode:horizontal-tb;white-space:nowrap;border:none;flex-shrink:0;padding:0 7px;font-size:12px}#hud-chat-send .hud-chat-send-label{display:var(--hud-chat-send-icon-display,inline)}#hud-chat-send:active{color:var(--intent-primary)}@media (orientation:landscape) and (height<=700px),(orientation:portrait) and (width<=480px){:where(:root:not([data-approved-canvas])) #hud-chat-window{flex-direction:column;width:100%;display:flex}:where(:root:not([data-approved-canvas])) #bf-host #hud-chat-window{--bf-chat-overlay-w:390px;--bf-chat-overlay-gap:8px;--bf-chat-min-w:120px;width:min(var(--hud-chat-w), calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)), max(var(--bf-chat-min-w), calc(50vw - var(--bf-chat-overlay-w) / 2 - var(--bf-chat-overlay-gap) - max(8px, env(safe-area-inset-left)))))}:where(:root:not([data-approved-canvas])) body:has(#bf-search-panel.open,#bf-rally-panel.open) #bf-host #hud-chat{display:none}:where(:root:not([data-approved-canvas])) #hud-chat-body{height:var(--hud-chat-msgs-h);flex:0 auto;min-height:0}:where(:root:not([data-approved-canvas])) #hud-chat-newmsg{flex:none}:where(:root:not([data-approved-canvas])) #hud-chat-window{position:relative}:where(:root:not([data-approved-canvas])) #hud-chat-tabs{border-bottom:none}:where(:root:not([data-approved-canvas])) .hud-chat-hbtn,:where(:root:not([data-approved-canvas])) .hud-chat-tab,:where(:root:not([data-approved-canvas])) .hud-chat-history-btn{font-size:12px}:where(:root:not([data-approved-canvas])) #hud-dm-pick-btn,:where(:root:not([data-approved-canvas])) .hud-chat-cta{font-size:13px}:where(:root:not([data-approved-canvas])) #hud-dm-search{font-size:14px}:where(:root:not([data-approved-canvas])) .hud-dm-result-item{font-size:13px}:where(:root:not([data-approved-canvas])) #hud-chat-newmsg{font-size:12px}:where(:root:not([data-approved-canvas])) #hud-chat-input-row{align-items:stretch;padding-top:0;padding-bottom:0}:where(:root:not([data-approved-canvas])) #hud-chat-input{padding:6px 8px;font-size:12px}:where(:root:not([data-approved-canvas])) #hud-chat-send{font-size:13px}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-open #hud-chat-window{max-height:var(--hud-chat-kb-h,none)}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-open #hud-chat-body{flex:1 1 0;height:auto}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-open .hud-chat-history-btn,:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-open .hud-dm-empty-note,:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-open #hud-dm-recent-section{display:none}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-open #hud-chat-picker{overflow:hidden}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-open #hud-dm-results-section{flex:1 1 0;min-height:0;overflow-y:auto}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-compact #hud-chat-tabs .hud-chat-tab{display:none}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-compact #hud-chat-window.hud-chat-chansheet-open #hud-chat-tabs:not(.hidden) .hud-chat-tab{display:block}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-compact #hud-chat-tabs{border-bottom:none;border-left:1px solid #6473841f;flex-direction:column;width:44px;padding:2px 0;position:absolute;top:0;bottom:0;right:0}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-compact #hud-chat-body,:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-compact #hud-chat-newmsg,:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-compact #hud-chat-input-row{padding-right:48px}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-compact #hud-chat-channel{justify-content:center;align-items:center;display:inline-flex}:where(:root:not([data-approved-canvas])) #hud-chat.keyboard-compact #hud-chat-body{flex:0 auto;height:auto;min-height:0}}@media (orientation:landscape) and (height<=320px){:where(:root:not([data-approved-canvas])) #hud-chat-launcher{width:52px;height:52px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#050b14ed;border-radius:50%;place-items:center;font-size:23px;display:grid;position:relative}:where(:root:not([data-approved-canvas])) .hud-chat-launcher-badge{min-width:16px;color:var(--text-primary);background:var(--intent-danger);border-radius:9px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:-3px;right:-3px}:where(:root:not([data-approved-canvas])) .hud-chat-launcher-badge.hidden{display:none}:where(:root:not([data-approved-canvas])) #hud-chat-window{width:min(var(--hud-chat-panel-w,360px), calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100vh - 78px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:none;position:absolute;bottom:58px;left:0}:where(:root:not([data-approved-canvas])) #hud-chat.hud-chat-mobile-open #hud-chat-window{display:flex}:where(:root:not([data-approved-canvas])) #hud-chat-body{flex:96px;height:auto;min-height:0}:where(:root:not([data-approved-canvas])) #hud-chat-tabs{border-bottom:1px solid #6473841f;border-left:none;flex-direction:row;width:auto;padding:0;position:static}:where(:root:not([data-approved-canvas])) #hud-chat-tabs .hud-chat-tab{display:block}:where(:root:not([data-approved-canvas])) #hud-chat-body,:where(:root:not([data-approved-canvas])) #hud-chat-newmsg,:where(:root:not([data-approved-canvas])) #hud-chat-input-row{padding-right:0}:where(:root:not([data-approved-canvas])) #hud-chat-channel,:where(:root:not([data-approved-canvas])) #hud-chat-mini-badge:not(.hidden){display:none}:where(:root:not([data-approved-canvas])) #hud-chat-close{justify-content:center;align-items:center;display:inline-flex}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]){--court-ivory:#f0e5c9;--court-muted:#b9b59f;--court-gold:#a4864b;--court-line:#8a724555}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison])>.game-modal{border-color:var(--court-gold);background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-image-source:none;border-radius:5px;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]) .game-modal-header{border-bottom-color:var(--court-gold);background:0 0}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]) .game-modal-body{background:0 0}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]) .game-modal-icon{filter:drop-shadow(0 3px 3px #000);background:0 0;border-color:#0000}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]) .game-modal-name{color:var(--court-ivory)}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]) .game-modal-sub{color:var(--court-muted)}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]) .game-modal-close{color:var(--court-ivory);background:linear-gradient(#4c482f,#252d23);border-radius:3px;box-shadow:inset 0 0 0 1px #ae9050}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#gacha-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]) .game-modal-close:hover{color:#fff0bd}#event-panel .ep-tabs,#attendance-panel .ap-tabs,#quest-panel .qp-tabs,#challenge-hub-panel .ch-tabs,#challenge-hub-panel .stp-view-tabs,#challenge-hub-panel .cap-tabs{background:linear-gradient(100deg,#17342e,#0b211d);border-bottom-color:#8b724577;box-shadow:inset 0 -1px #0a1714,inset 0 1px #ffffff0d}#event-panel .ep-tab,#attendance-panel .ap-tab,#quest-panel .qp-tab,#challenge-hub-panel .ch-tab-btn,#challenge-hub-panel .stp-view-tab,#challenge-hub-panel .cap-tab{border-color:#0000;border-radius:4px 4px 0 0}#event-panel .ep-tab.active,#attendance-panel .ap-tab.active,#quest-panel .qp-tab.active,#challenge-hub-panel .ch-tab-btn.active,#challenge-hub-panel .stp-view-tab.active,#challenge-hub-panel .cap-tab.active{color:#f4e3bd;border-color:#b29a5b;background:linear-gradient(#3b4935,#203329);border-image-source:none;box-shadow:inset 0 0 0 1px #17231b,0 -1px #d5b978}#event-panel .season-header,#quest-panel .season-header{background:linear-gradient(100deg,#17342e,#0b211d);border-color:#a4864b;border-radius:4px;box-shadow:inset 0 0 0 1px #091a17,inset 0 0 0 2px #7a643b55}#event-panel .season-header-name,#quest-panel .season-header-name{color:#f4e3bd}#event-panel .season-header-progress,#quest-panel .season-header-progress{color:#d8c58f}#event-panel .ep-event-card:not(.buff-card):not(.cum-card),#event-panel .ep-schedule-row,#attendance-panel .ap-today-reward,#attendance-panel .ap-expired-banner,#quest-panel .qp-points-section,#quest-panel .qp-quest-card:not(.done),#quest-panel .qp-ach-card,#quest-panel .qp-accumulated,#quest-panel .qp-empty,#challenge-hub-panel .stp-level-row-item:not(.milestone):not(.current),#challenge-hub-panel .stp-guide-row,#challenge-hub-panel .stp-history-list,#challenge-hub-panel .ep-status,#challenge-hub-panel .ep-info,#challenge-hub-panel .ep-result,#challenge-hub-panel .cap-chapter-card,#challenge-hub-panel .cap-mission-card,#challenge-hub-panel .cap-diff-card.cap-diff-normal:not(.cap-diff-blocked),#challenge-hub-panel .cap-exchange-card,#challenge-hub-panel .cap-result,#challenge-hub-panel .cap-missing-popup{background:linear-gradient(120deg,#152d27,#101f1c);border-color:#a4864b;border-radius:4px;box-shadow:inset 0 0 0 2px #091a17,inset 0 0 0 3px #7a643b55,0 3px 8px #0005}#challenge-hub-panel .stp-guide-row,#challenge-hub-panel .stp-history-list,#challenge-hub-panel .stp-level-row-item:not(.milestone):not(.current),#event-panel .ep-schedule-row{background:linear-gradient(110deg,#142b26,#10221e);border-color:#8a724555;box-shadow:inset 0 -1px #8a724533}#event-panel .ep-event-card.buff-card,#event-panel .ep-event-card.cum-card{background:linear-gradient(120deg,#152d27,#101f1c);border-radius:4px;box-shadow:inset 0 0 0 2px #091a17,inset 0 0 0 3px #7a643b55,0 3px 8px #0005}#event-panel .ep-milestone,#attendance-panel .ap-day,#quest-panel .qp-chest-btn,#challenge-hub-panel .stp-ssr-general-card,#challenge-hub-panel .stp-guide-summary,#challenge-hub-panel .ep-detail-panel,#challenge-hub-panel .cap-form-slot,#challenge-hub-panel .cap-champ-team-card{border-radius:4px;box-shadow:inset 0 0 0 1px #091a17}#quest-panel .sc-card:not(.done),#quest-panel .sc-milestone-btn:not(.claimable):not(.claimed){background:linear-gradient(120deg,#152d27,#101f1c);border-color:#a4864b;border-radius:4px;box-shadow:inset 0 0 0 2px #091a17,inset 0 0 0 3px #7a643b55,0 3px 8px #0005}#quest-panel .qp-card-img{background:linear-gradient(135deg,#1b4037,#102720);box-shadow:inset 0 -1px #a4864b77}#attendance-panel .ap-day:not(.milestone):not(.complete):not(.claimed):not(.claimable):not(.expired),#attendance-panel .ap-reward-chip{background:linear-gradient(120deg,#152d27,#101f1c);border-color:#a4864b;border-radius:4px;box-shadow:inset 0 0 0 1px #091a17,inset 0 0 0 2px #7a643b55}#challenge-hub-panel .cap-champ-btn:not(:disabled){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b;border-radius:3px;box-shadow:inset 0 0 0 2px #142c23,inset 0 0 0 3px #5c785c70,0 2px 5px #0007}#challenge-hub-panel .cap-champ-btn.cap-champ-btn-locked:disabled{color:var(--text-dim);cursor:not-allowed;background:linear-gradient(#303a35,#202823);border-color:#6b705f;border-radius:3px;box-shadow:inset 0 0 0 2px #18201c}#event-panel .ep-today-badge,#event-panel .ep-milestone,#challenge-hub-panel .stp-reward-chip.rare,#challenge-hub-panel .stp-reward-chip.epic{border-radius:4px;box-shadow:inset 0 0 0 1px #091a17}#challenge-hub-panel .stp-reward-chip:not(.rare):not(.epic){background:linear-gradient(120deg,#1b4037,#102720);border-color:#8b724577;border-radius:4px;box-shadow:inset 0 0 0 1px #091a17}#event-panel .ep-card-title,#attendance-panel .ap-section-title,#quest-panel .qp-card-title,#quest-panel .qp-ach-title,#challenge-hub-panel .stp-season-name,#challenge-hub-panel .cap-exchange-item-name{color:#f4e3bd}#event-panel .ep-ms-btn:not(:disabled),#attendance-panel .ap-claim-header.claimable:not(:disabled),#quest-panel .qp-card-claim.claimable:not(:disabled),#challenge-hub-panel .stp-ssr-confirm-btn:not(:disabled),#challenge-hub-panel .stp-link-btn:not(:disabled),#challenge-hub-panel .ep-btn-enter:not(:disabled),#challenge-hub-panel .ep-btn-save:not(:disabled){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b;border-radius:3px;box-shadow:inset 0 0 0 2px #142c23,inset 0 0 0 3px #5c785c70,0 2px 5px #0007}#event-panel .ep-ms-btn:not(:disabled):hover,#attendance-panel .ap-claim-header.claimable:not(:disabled):hover,#quest-panel .qp-card-claim.claimable:not(:disabled):hover,#challenge-hub-panel .stp-ssr-confirm-btn:not(:disabled):hover,#challenge-hub-panel .stp-link-btn:not(:disabled):hover,#challenge-hub-panel .ep-btn-enter:not(:disabled):hover,#challenge-hub-panel .ep-btn-save:not(:disabled):hover{filter:brightness(1.12)}#challenge-hub-panel .ep-btn-enter:not(:disabled){box-shadow:inset 0 0 0 1px #b29a5b,inset 0 0 0 2px #142c23,inset 0 0 0 3px #5c785c70,0 2px 5px #0007}#challenge-hub-panel .cap-chapter-card:hover:not(.cap-locked),#challenge-hub-panel .cap-mission-card:hover,#challenge-hub-panel .cap-diff-card.cap-diff-normal:not(.cap-diff-blocked):hover{filter:brightness(1.12)}#event-panel .ep-ms-btn:disabled,#attendance-panel .ap-claim-header:disabled,#quest-panel .qp-card-claim:disabled,#challenge-hub-panel .stp-ssr-confirm-btn:disabled,#challenge-hub-panel .ep-btn-save:disabled{cursor:not-allowed}#help-panel .game-modal-name,#support-panel .game-modal-name{color:#f0e5c9}#help-panel .hlp-tabs,#support-panel .cs-tabs{background:linear-gradient(100deg,#17342e,#0b211d);border-color:#8b724577;box-shadow:inset 0 -1px #0a1714,inset 0 1px #ffffff0d}#help-panel .hlp-tab.active,#support-panel .cs-tab.active{color:#f4e3bd;border-color:#b29a5b;background:linear-gradient(#3b4935,#203329);border-image-source:none;box-shadow:inset 0 0 0 1px #17231b,0 -1px #d5b978}#help-panel .hlp-unit-card,#help-panel .hlp-phase,#help-panel .hlp-target-diag,#help-panel .hlp-scout-sub,#help-panel .hlp-kv th,#support-panel .cs-card,#support-panel .cs-snapshot{background:linear-gradient(120deg,#152d27,#101f1c);border-color:#a4864b;border-radius:4px;box-shadow:inset 0 0 0 2px #091a17,inset 0 0 0 3px #7a643b55,0 3px 8px #0005}#help-panel .hlp-h,#help-panel .hlp-uc-name,#help-panel .hlp-phase-name,#help-panel .hlp-scout-label,#support-panel .cs-detail-title{color:#f4e3bd}#support-panel .cs-attach-add,#support-panel .cs-submit:not(:disabled),#support-panel .cs-att:not(.cs-att--purged){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b;border-radius:3px;box-shadow:inset 0 0 0 2px #142c23,inset 0 0 0 3px #5c785c70,0 2px 5px #0007}#support-panel .cs-attach-add:active,#support-panel .cs-card:active,#support-panel .cs-submit:not(:disabled):active,#support-panel .cs-att:not(.cs-att--purged):active{filter:brightness(.92)}#support-panel .cs-select:not(:focus),#support-panel .cs-input:not(:focus),#support-panel .cs-textarea:not(:focus){background-color:#101f1c;border-color:#8a724555}:is(#mail-panel,#item-panel,#ranking-panel,#troops-panel){--management-court-ivory:#f0e5c9;--management-court-gold:#a4864b;--management-court-line:#8b724577;--management-court-surface:linear-gradient(120deg, #152d27, #101f1c);--management-court-active:linear-gradient(#3b4935, #203329)}:is(#mail-panel,#item-panel,#ranking-panel,#troops-panel) .game-modal-name,#mail-panel .mp-title,#item-panel .gp-title,#ranking-panel .gp-title{color:var(--management-court-ivory)}#mail-panel .mp-cat-btn.active{background:var(--management-court-active);color:#f4e3bd;border-left-color:#b29a5b}#item-panel .ip-tabs,#ranking-panel .rp-tabs{border-bottom-color:var(--management-court-line);background:linear-gradient(100deg,#17342e,#0b211d);box-shadow:inset 0 -1px #0a1714,inset 0 1px #ffffff0d}#item-panel .ip-tab.active,#ranking-panel .rp-tab.active{color:#f4e3bd;border-bottom-color:#b29a5b;background:var(--management-court-active);border-image-source:none;box-shadow:inset 0 0 0 1px #17231b,0 -1px #d5b978}#mail-panel .mp-mail-row:not(.unread):not(.expired){background:var(--management-court-surface);border-color:var(--management-court-line);box-shadow:inset 0 0 0 1px #091a17,inset 0 0 0 2px #7a643b55}#mail-panel .mp-mail-row:not(.unread):not(.expired):hover{filter:brightness(1.12)}#mail-panel .mp-mail-row:not(.unread):not(.expired):active{filter:brightness(.92)}#item-panel .ip-item-card{background:var(--management-court-surface);border-color:var(--management-court-line);box-shadow:inset 0 0 0 1px #091a17,inset 0 0 0 2px #7a643b55}#item-panel .ip-item-card:hover{filter:brightness(1.12)}#item-panel .ip-item-card:active{filter:brightness(.92)}#ranking-panel .rp-row:not(.is-me){background:var(--management-court-surface);border-bottom-color:var(--management-court-line);box-shadow:inset 0 0 0 1px #091a17}:is(#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#account-profile-modal){--roster-court-ivory:#f0e5c9;--roster-court-line:#8a724555;--roster-court-card:linear-gradient(120deg, #152d27, #101f1c);--roster-court-tab:linear-gradient(#75623b, #3b3828)}:is(#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#account-profile-modal) .game-modal-name,#general-panel .gp-title,#guild-panel .gp-title,#party-panel .pp-col-title{color:var(--roster-court-ivory)}#general-panel .gp-tab-btn.active,#general-panel .gp-dtab.active,#guild-panel .gp-tab.active,#title-panel .tp-tab.active,#pvp-duel-panel .du-tab.active{color:#fff0bd;background:var(--roster-court-tab);border-color:#c4a65f;border-image-source:none;box-shadow:inset 0 0 0 1px #17231b,0 -1px #d5b978}#general-panel .gp-sg2-row{background:var(--roster-court-card);border-color:var(--roster-court-line);box-shadow:inset 0 0 0 1px #091a17}#party-panel .pp-info-row{background:var(--roster-court-card);box-shadow:inset 0 0 0 1px #091a17}#guild-panel .gp-member-row,#guild-panel .gp-info-row,#guild-panel .gp-guild-table-head,#guild-panel .gp-guild-table-row:not(.selected):not(:active){background:var(--roster-court-card);border-color:var(--roster-court-line)}#guild-panel .gp-guild-table-row:not(.selected):hover{filter:brightness(1.12)}#guild-panel .gp-guild-table-row:not(.selected):active{filter:brightness(.92)}#title-panel .tp-siege-window,#title-panel .tp-slot-row{background:var(--roster-court-card);border-color:var(--roster-court-line);box-shadow:inset 0 0 0 1px #091a17}#pvp-duel-panel .du-attempts-bar,#pvp-duel-panel .du-detail-panel,#pvp-duel-panel .du-team-card:not(.du-locked):not(.du-pending):not(.du-result-win):not(.du-result-loss){background:var(--roster-court-card);border-color:var(--roster-court-line)}#pvp-duel-panel .du-team-card:not(.du-locked):not(.du-pending):not(.du-result-win):not(.du-result-loss):hover{filter:brightness(1.12)}#pvp-duel-panel .du-team-card:not(.du-locked):not(.du-pending):not(.du-result-win):not(.du-result-loss):active{filter:brightness(.92)}#account-profile-modal .apm-provider:not(.is-linked){background:var(--roster-court-card);box-shadow:inset 0 0 0 1px #091a17}#event-panel .court-event-banner,#challenge-hub-panel .court-campaign-banner{box-sizing:border-box;border:1px solid #8a724577;border-radius:4px;flex-direction:column;justify-content:center;min-height:72px;padding:12px 14px;display:flex}#event-panel .court-event-banner{text-shadow:0 1px 2px #071512;background:linear-gradient(90deg,#0a211dee,#0a211d33 65%),url(/assets/images/ui-court/event-dispatch-v1.webp) 50%/cover}#challenge-hub-panel .court-campaign-banner{background:linear-gradient(90deg,#0a211dee,#0a211d33 65%),url(/assets/images/ui-court/campaign-command-v1.webp) 50%/cover}#challenge-hub-panel .ep-floor-card.ep-floor-card--court{box-shadow:none;background:0 0;border:0;padding:0}#challenge-hub-panel .court-campaign-banner .ep-floor-label,#challenge-hub-panel .court-campaign-banner .ep-floor-number{text-shadow:0 1px 2px #071512}@media (width<=1023px) and (height<=460px){#event-panel .court-event-banner,#challenge-hub-panel .court-campaign-banner{min-height:56px;padding:10px 14px}}@media (width<=1023px) and (height<=360px){#event-panel .court-event-banner,#challenge-hub-panel .court-campaign-banner{background-color:#0a211d;background-image:none;min-height:40px;padding:6px 10px}#challenge-hub-panel .court-campaign-banner{flex-direction:row;justify-content:space-between;align-items:center}#challenge-hub-panel .court-campaign-banner .ep-floor-label,#challenge-hub-panel .court-campaign-banner .ep-floor-number{margin:0}#challenge-hub-panel .court-campaign-banner .ep-floor-number{font-size:20px}}:is(#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel,[data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center],[data-court-surface=garrison]){--production-court-ivory:#f0e5c9;--production-court-line:#8a724555;--production-court-card:linear-gradient(120deg, #152d27, #101f1c);--production-court-tab:linear-gradient(#75623b, #3b3828)}#building-panel #bp-footer{border-top-color:var(--production-court-line);background:#102821}#building-panel .bp-effect-row,#building-panel .bp-cmp-row,#wall-panel #wp-body .panel-section{background:var(--production-court-card);border-color:var(--production-court-line);box-shadow:inset 0 0 0 1px #091a17}#market-panel .mkt-refrsh-row,#market-panel .mkt-currency-row,#market-panel .mkt-slot:not(.purchased){background:var(--production-court-card);border-color:var(--production-court-line)}#market-panel .mkt-slot:not(.purchased):hover{border-color:var(--gold);filter:brightness(1.12)}#market-panel .mkt-slot:not(.purchased):active{filter:brightness(.92)}#castle-panel .czp-card:not(.czp-card--unbuilt){background:var(--production-court-card);border-color:var(--production-court-line);box-shadow:inset 0 0 0 1px #091a17}#research-panel .rs-tabs{border-bottom-color:var(--production-court-line)}#research-panel .rs-tab.rs-tab-active{color:#fff0bd;background:var(--production-court-tab);border-color:#c4a65f;border-image-source:none;box-shadow:inset 0 0 0 1px #17231b,0 -1px #d5b978}#research-panel .rs-card{background:var(--production-court-card);border-color:var(--production-court-line);box-shadow:inset 0 0 0 1px #091a17}#threat-list-panel .tl-item{background:var(--production-court-card);border-right-color:var(--production-court-line);border-top-color:var(--production-court-line);border-bottom-color:var(--production-court-line)}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) .mil-section-title,:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) .unit-row:not(.locked):not(.busy){background:var(--production-court-card);border-color:var(--production-court-line)}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) .unit-row:not(.locked):not(.busy):hover{filter:brightness(1.12)}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) .unit-row:not(.locked):not(.busy):active{filter:brightness(.92);background:#4ca9a514}[data-court-surface=garrison] .gar-summary-card:not(.gar-card-wounded),[data-court-surface=garrison] .gar-troop-card:not(.gar-troop-card-dim),[data-court-surface=garrison] .gar-formation-card:not(.gar-card-warning),[data-court-surface=garrison] .gar-info-row,[data-court-surface=garrison] .gar-allied-card,[data-court-surface=garrison] .gar-history-row{background:var(--production-court-card);border-color:var(--production-court-line);box-shadow:inset 0 0 0 1px #091a17}#speedup-popup-overlay .sp-popup,.upgrade-popup-overlay>.upgrade-popup{background:linear-gradient(110deg,#163b36,#0a1d1c 55%,#17342e);border-color:#a4864b;border-image-source:none;border-radius:5px;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}#speedup-popup-overlay .sp-header,.upgrade-popup-overlay .upgrade-popup-header{background:0 0;border-bottom-color:#a4864b}#speedup-popup-overlay .sp-title,.upgrade-popup-overlay .upgrade-popup-title{color:#f0e5c9}#speedup-popup-overlay .sp-close,.upgrade-popup-overlay .upgrade-popup-x{color:#f0e5c9;background:linear-gradient(#4c482f,#252d23);box-shadow:inset 0 0 0 1px #ae9050}#speedup-popup-overlay .sp-section,#speedup-popup-overlay .sp-time-bar,#speedup-popup-overlay .sp-item-row,.upgrade-popup-overlay .upgrade-popup-cost-item:not(.cant){background:linear-gradient(120deg,#152d27,#101f1c);border-color:#8a724555}#speedup-popup-overlay .sp-section-title,.upgrade-popup-overlay .upgrade-popup-section-title{color:#b9b59f}#speedup-popup-overlay .sp-close:hover,.upgrade-popup-overlay .upgrade-popup-x:hover{filter:brightness(1.12)}#speedup-popup-overlay .sp-close:active,.upgrade-popup-overlay .upgrade-popup-x:active{filter:brightness(.92)}#construction-queue .cq-header{color:#f0e5c9}#construction-queue .cq-slot--idle:not(.cq-slot--gold-open){background:#0d211de6;border-color:#8a724555}body #bf-search-panel{background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-left-color:#a4864b}#bf-search-panel .bf-search-hdr,#bf-search-panel .bf-search-divider{border-color:#8a724555}#bf-search-panel .bf-search-title{color:#f0e5c9}#bf-search-panel #bf-search-close{color:#b9b59f}#bf-search-panel #bf-search-close:hover{color:#f0e5c9}#bf-search-panel #bf-mycity-btn,#bf-search-panel #bf-search-run,#bf-search-panel #bf-coord-go{color:#f0e5c9;background-color:#17342e;background-image:linear-gradient(#24564b,#14382f);border-color:#b29a5b}#bf-search-panel #bf-mycity-btn:hover,#bf-search-panel #bf-search-run:hover,#bf-search-panel #bf-coord-go:hover,#bf-search-panel .bf-search-item:hover{filter:brightness(1.12)}#bf-search-panel #bf-mycity-btn:active,#bf-search-panel #bf-search-run:active,#bf-search-panel #bf-coord-go:active,#bf-search-panel .bf-search-item:active{filter:brightness(.92)}#bf-search-panel .bf-search-form select:not(:disabled),#bf-search-panel .bf-coord-stepper .nsb-direct:not(:focus){background-color:#101f1c;border-color:#8a724555}#bf-search-panel .bf-search-item{border-bottom-color:#8a724555}body #bf-tile-info{background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36f5,#0a1d1cfa 55%,#17342ef5);border-color:#a4864b;box-shadow:inset 0 0 0 1px #e1c37b26,0 3px 12px #0008}#bf-tile-info #bf-march-unit-banner{border-bottom-color:#8a724555}#bf-tile-info #bf-tile-title{color:#f0e5c9}.bf-confirm-overlay>.bf-confirm-dialog{background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}.bf-confirm-overlay>.bf-confirm-dialog .bf-confirm-body{color:#e4e4db}.bf-confirm-overlay>.bf-confirm-dialog .bf-confirm-cancel{color:#e4e4db;background-color:#101f1c;border-color:#8a724555}.bf-confirm-overlay>.bf-confirm-dialog .bf-confirm-cancel:hover{filter:brightness(1.12)}.bf-confirm-overlay>.bf-confirm-dialog .bf-confirm-cancel:active{filter:brightness(.92)}.teleport-modal-overlay>.teleport-modal{color:#e4e4db;background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b;border-image-source:none;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}.teleport-modal-overlay>.teleport-modal .teleport-modal-header,.teleport-modal-overlay>.teleport-modal .teleport-modal-actions{background-color:#17342e;border-color:#8a724555}.teleport-modal-overlay>.teleport-modal .teleport-modal-title{color:#f0e5c9}.teleport-modal-overlay>.teleport-modal .teleport-modal-close{color:#b9b59f}.teleport-modal-overlay>.teleport-modal .teleport-modal-close:hover{color:#f0e5c9}.teleport-modal-overlay>.teleport-modal .teleport-modal-row input:not(:focus),.teleport-modal-overlay>.teleport-modal .teleport-modal-row .ns-direct .nsb-direct:not(:focus){background-color:#101f1c;border-color:#8a724555}#bf-strategic-map .bf-strategic-panel{color:#e4e4db;background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b}#bf-strategic-map .bf-strategic-panel__empty{color:#b9b59f}#bf-strategic-map .bf-strategic-legend{background-color:#101f1c}#bf-search-panel #bf-mycity-btn{background-color:#4a4823;background-image:linear-gradient(#55502a,#393a1c);border-color:#c4aa63}.confirm-overlay>.confirm-dialog{background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}.confirm-overlay>.confirm-dialog.confirm-danger{border-color:#c04040}.confirm-overlay>.confirm-dialog .confirm-title{color:#f0e5c9}.confirm-overlay>.confirm-dialog .confirm-body{color:#e4e4db}.lcm-overlay>.confirm-dialog.lcm-dialog{background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b;border-image-source:none;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}.lcm-overlay>.lcm-dialog .confirm-title{color:#f0e5c9}.lcm-overlay>.lcm-dialog .lcm-summary{background-color:#101f1c}.lcm-overlay>.lcm-dialog .lcm-link{color:#b9b59f}.ncm-overlay>.ncm-card,.adm-overlay>.adm-card{color:#e4e4db;background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b;border-image-source:none;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}.ncm-overlay>.ncm-card .ccs-title,.adm-overlay>.adm-card .ccs-title{color:#f0e5c9}.ncm-overlay>.ncm-card .ccs-input:not(:focus),.adm-overlay>.adm-card .ccs-input:not(:focus){background-color:#101f1c;border-color:#8a724555}.aum-overlay>.aum-card{background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-bottom-color:#a4864b;border-left-color:#a4864b;border-right-color:#a4864b;border-image-source:none;box-shadow:0 14px 55px #000}.aum-overlay>.aum-card .aum-title{color:#f0e5c9}.aum-overlay>.aum-card .aum-msg{color:#e4e4db}.aum-overlay>.aum-card.aum-recommend .aum-btn-secondary{color:#e4e4db;background-color:#101f1c;border-color:#8a724555}#merge-conflict-panel .mcp-card{background-color:#101f1c;border-color:#8a724555}#merge-conflict-panel .mcp-header-info,#merge-conflict-panel .mcp-card-server,#merge-conflict-panel .mcp-card-stat,#server-transfer-modal .stm-desc,#server-transfer-modal .stm-label{color:#b9b59f}#server-transfer-modal .stm-select:not(:focus),#server-transfer-modal .stm-agree-label{color:#e4e4db;background-color:#101f1c;border-color:#8a724555}.pp-unit-modal .pp-umodal-box{border-color:#a4864b;background:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-image-source:none;max-height:calc(100% - 16px);overflow-y:auto;box-shadow:0 8px 30px #000000a6,inset 0 0 0 1px #091a17}.pp-unit-modal .pp-umodal-hd{color:#f0e5c9;background:#101f1cbd}.pp-unit-modal .pp-ustock-row{background:linear-gradient(120deg,#152d27,#101f1c);border-top-color:#8a724555;border-bottom-color:#8a724555}#pvp-duel-panel .du-form-narrow{background:linear-gradient(120deg,#152d27,#101f1c);box-shadow:inset 0 0 0 1px #091a17}#pvp-duel-panel .du-form-header .du-form-title{color:#f0e5c9}[data-court-surface=garrison] #gar-pp-embed .pp-info-row{background:linear-gradient(120deg,#152d27,#101f1c);box-shadow:inset 0 0 0 1px #091a17}#mail-panel .mp-scout-summary,#mail-panel .mp-formation-section,#mail-panel .mp-blog-side,#mail-panel .mp-blog-metrics,#mail-panel .mp-blog-group{background:linear-gradient(120deg,#152d27,#101f1c);border-color:#8a724555;box-shadow:inset 0 0 0 1px #091a17}#mail-panel .mp-formation-title,#mail-panel .mp-blog-metrics-title,#mail-panel .mp-blog-group-label{color:#f0e5c9;background:#101f1cc2;border-color:#8a724555}#gacha-panel #ga-result-actions{background:linear-gradient(120deg,#152d27,#101f1c);box-shadow:inset 0 1px #8a724555}#gacha-panel #ga-result-actions .ga-result-ok{color:#f0e5c9;background:linear-gradient(160deg,#24564b,#14382f);border-color:#b29a5b}#gacha-panel #ga-result-actions .ga-result-ok:hover{filter:brightness(1.12)}#gacha-panel #ga-result-actions .ga-result-ok:active{filter:brightness(.92)}:is(#general-panel,#party-panel,#troops-panel,#mail-panel,#guild-panel,#ranking-panel,#item-panel,#title-panel){--detail-court-ink:#f0e5c9;--detail-court-line:#8a724577;--detail-court-surface:linear-gradient(120deg, #173b34, #0d2420 62%, #142d28);--detail-court-field:#102824}#general-panel :is(.gp-detail-right,.gp-skill-box,.gp-enhance-box,.gp-shard-box,.gp-apt-item){background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17,inset 0 0 0 2px #7a643b33}#general-panel :is(.gp-detail-name,.gp-skill-name,.gp-enh-label,.gp-shard-head){color:var(--detail-court-ink)}#general-panel .gp-stat-btn:not(.active):not(.gp-stat-capped){background:var(--detail-court-field);border-color:var(--detail-court-line);border-image-source:none}#party-panel :is(.pp-picker-hint,.pp-syn-list,.pp-commander-btn),#party-panel .pp-slot-empty:not(.drag-over){background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17}#party-panel :is(.pp-auto-troops-btn,.pp-clear-troops-btn):not(:disabled){background:var(--detail-court-field);border-color:var(--detail-court-line);color:var(--detail-court-ink);border-image-source:none}#party-panel .pp-unit-modal :is(.pp-unit-count-row,.pp-ulevel-row):not(.pp-ustock-row){background:var(--detail-court-field);border-color:var(--detail-court-line);border-image-source:none}#party-panel .pp-unit-modal :is(#pp-umodal-close,#pp-umodal-cancel):not(:disabled){border-color:var(--detail-court-line);border-image-source:none}#mail-panel :is(.mp-detail-header,.mp-detail-body,.mp-items-box,.mp-guild-invite-box){background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17}#mail-panel .mp-detail-title{color:var(--detail-court-ink)}#mail-panel .mp-act-btn:not(.mp-act-del):not(.mp-act-del-all),#mail-panel .mp-detail-actions .mp-delete-btn{border-image-source:none}#guild-panel :is(.gp-no-guild-box,.gp-search-bar,.gp-guild-detail-panel,.gp-invite-section,.gp-player-row,.gp-member-row):not(.selected){background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17}#guild-panel :is(.gp-form-input,.gp-invite-input):not(:focus){background:var(--detail-court-field);border-color:var(--detail-court-line);color:var(--detail-court-ink);border-image-source:none}#guild-panel :is(.gp-search-btn,.gp-invite-search-btn):not(:disabled){border-image-source:none;box-shadow:inset 0 0 0 1px #7a643b55}#ranking-panel :is(.rp-my-rank,.rp-row:not(.is-me)){background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17}#ranking-panel .rp-row:not(.is-me):hover{filter:brightness(1.12)}#item-panel :is(.ip-detail-info,.ip-desc-box,.ip-use-box,.ip-exchange-calc,.ip-hint-box){background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17}#item-panel :is(.ip-detail-name,.ip-qty-label){color:var(--detail-court-ink)}#item-panel .ip-select:not(:focus){background:var(--detail-court-field);border-color:var(--detail-court-line);color:var(--detail-court-ink);border-image-source:none}#title-panel :is(.tp-my-title,.tp-no-title,.tp-city-block,.tp-tier-group,.tp-assign-slot,#tp-picker-sheet,.tp-picker-row:not(.tp-picker-disabled)){background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17}#title-panel :is(.tp-section-head,.tp-my-title-name,#tp-picker-title){color:var(--detail-court-ink)}#title-panel :is(.tp-assign-btn,#tp-picker-cancel):not(:disabled){border-image-source:none;box-shadow:inset 0 0 0 1px #7a643b55}@media (width<=1023px) and (height<=460px){:is(#general-panel,#party-panel,#troops-panel,#mail-panel,#guild-panel,#ranking-panel,#item-panel,#title-panel) :is(.gp-detail-right,.gp-skill-box,.gp-enhance-box,.pp-picker-hint,.mp-detail-body,.gp-no-guild-box,.rp-my-rank,.ip-detail-info,.tp-my-title){box-shadow:inset 0 0 0 1px #091a17}}#attendance-panel,#event-panel,#quest-panel,#challenge-hub-panel,#support-panel,#help-panel,#pvp-duel-panel,#gacha-panel{--activity-surface:linear-gradient(145deg, #152d27 0%, #101f1c 100%);--activity-line:#8a724555;--activity-gold:#a4864b;--activity-title:#f0e5c9;--activity-cta:linear-gradient(145deg, #24564b, #14382f)}#attendance-panel .ap-tabs,#event-panel .ep-tabs,#quest-panel .qp-tabs,#challenge-hub-panel .ch-tabs,#challenge-hub-panel .cap-tabs,#support-panel .cs-tabs,#help-panel .hlp-tabs,#pvp-duel-panel .du-tabs{border-color:var(--activity-line);background:#102821}#attendance-panel .ap-tab,#event-panel .ep-tab,#quest-panel .qp-tab,#challenge-hub-panel .ch-tab-btn,#challenge-hub-panel .cap-tab,#support-panel .cs-tab,#help-panel .hlp-tab,#pvp-duel-panel .du-tab{background:linear-gradient(145deg,#33433a,#1a2924);border-image-source:none}#attendance-panel .ap-tab.active,#event-panel .ep-tab.active,#quest-panel .qp-tab.active,#challenge-hub-panel .ch-tab-btn.active,#challenge-hub-panel .cap-tab.active,#support-panel .cs-tab.active,#help-panel .hlp-tab.active,#pvp-duel-panel .du-tab.active{color:var(--activity-title);border-color:var(--activity-gold);background:linear-gradient(145deg,#75623b,#3b3828);border-image-source:none}#attendance-panel .ap-today-reward,#event-panel .ep-today-section,#event-panel .ep-schedule-row:not(.today-row),#quest-panel .qp-points-section,#quest-panel .qp-quest-card:not(.done),#quest-panel .qp-ach-card:not(.done),#quest-panel .qp-empty,#attendance-panel .ap-day:not(.milestone):not(.complete):not(.claimed):not(.claimable):not(.expired),#event-panel .ep-event-card:not(.buff-card):not(.cum-card),#event-panel .ep-milestone:not(.reached):not(.claimed),#challenge-hub-panel .stp-overview,#challenge-hub-panel .stp-level-row-item:not(.milestone):not(.current):not(.claimed),#challenge-hub-panel .ep-floor-card,#challenge-hub-panel .ep-stat,#challenge-hub-panel .ep-npc-info,#challenge-hub-panel .ep-reward-item,#challenge-hub-panel .ep-slot-card,#challenge-hub-panel .ep-slot-empty,#challenge-hub-panel .cap-chapter-card:not(.cap-locked),#challenge-hub-panel .cap-mission-card:not(.cap-locked),#help-panel .hlp-unit-card,#help-panel .hlp-phase,#support-panel .cs-snapshot,#support-panel .cs-card,#pvp-duel-panel .du-attempts-bar,#pvp-duel-panel .du-detail-panel,#pvp-duel-panel .du-team-card:not(.du-locked):not(.du-pending):not(.du-result-win):not(.du-result-loss),#pvp-duel-panel .du-npc-slot,#pvp-duel-panel .du-form-narrow,#gacha-panel #ga-result-box,#gacha-panel #ga-result-actions{background:var(--activity-surface);border-color:var(--activity-line);border-image-source:none}#attendance-panel .ap-intro .ap-section-title,#event-panel .ep-event-title,#quest-panel .qp-section-title,#challenge-hub-panel .stp-season-name,#challenge-hub-panel .ep-info-title,#challenge-hub-panel .cap-chapter-title,#help-panel .hlp-h,#support-panel .cs-detail-title,#pvp-duel-panel .du-section-header,#gacha-panel .ga-hero-label{color:var(--activity-title)}#attendance-panel .ap-claim-header.claimable,#quest-panel .qp-card-claim:not(:disabled),#challenge-hub-panel .stp-ssr-confirm-btn:not(:disabled),#challenge-hub-panel .ep-btn-enter:not(:disabled),#challenge-hub-panel .ep-btn-continue:not(:disabled),#challenge-hub-panel .cap-btn-enter:not(:disabled),#support-panel .cs-submit:not(:disabled),#pvp-duel-panel .du-btn.du-btn-primary:not(:disabled),#gacha-panel .ga-result-ok:not(:disabled){background:var(--activity-cta);border-color:#b29a5b;border-image-source:none}#attendance-panel .ap-day:not(.complete):not(.claimed):not(.expired):hover,#event-panel .ep-event-card:not(.buff-card):not(.cum-card):hover,#quest-panel .qp-quest-card:not(.done):hover,#challenge-hub-panel .ep-floor-card:hover,#challenge-hub-panel .cap-chapter-card:not(.cap-locked):hover,#support-panel .cs-card:hover,#pvp-duel-panel .du-team-card:not(.du-locked):not(.du-pending):hover{filter:brightness(1.12)}#attendance-panel .ap-day:not(.complete):not(.claimed):not(.expired):active,#event-panel .ep-event-card:not(.buff-card):not(.cum-card):active,#quest-panel .qp-quest-card:not(.done):active,#challenge-hub-panel .ep-floor-card:active,#challenge-hub-panel .cap-chapter-card:not(.cap-locked):active,#support-panel .cs-card:active,#pvp-duel-panel .du-team-card:not(.du-locked):not(.du-pending):active{filter:brightness(.92)}#challenge-hub-panel .cap-btn:not(.cap-btn-primary):not(.cap-btn-retry){color:#f0e5c9;background:linear-gradient(#33433a,#1a2924);box-shadow:inset 0 0 0 1px #8a724577}#challenge-hub-panel .cap-btn.cap-btn-primary{color:#f0e5c9;background:linear-gradient(#24564b,#14382f);box-shadow:inset 0 0 0 1px #b29a5b}#challenge-hub-panel .cap-btn{min-height:44px;font-size:14px}#support-panel .cs-select:not(:focus):not(:disabled),#support-panel .cs-input:not(:focus):not(:disabled),#support-panel .cs-textarea:not(:focus):not(:disabled){border-color:var(--activity-line);background:#101f1c;border-image-source:none}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel) .btn-primary:not(:disabled):not(.btn-danger){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b}:is(#event-panel,#quest-panel,#attendance-panel,#challenge-hub-panel,#help-panel,#support-panel,#mail-panel,#item-panel,#ranking-panel,#troops-panel,#general-panel,#party-panel,#guild-panel,#title-panel,#pvp-duel-panel,#account-profile-modal,#merge-conflict-panel,#server-transfer-modal,#building-panel,#market-panel,#castle-panel,#research-panel,#wall-panel,#threat-list-panel) .btn-secondary:not(:disabled):not(.btn-danger){color:#f0e5c9;background:linear-gradient(#33433a,#1a2924);border-color:#8a724577}#guild-panel :is(.gp-search-btn,.gp-invite-search-btn):not(:disabled){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) :is(.rm-header-info,.rm-tabs,.rcm-effect-row){background:#102821;border-color:#8a724555}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) :is(.rm-prod-pending,.rm-pending-row,.queue-item,.heal-ws-card:not(.heal-cap-full)){background:linear-gradient(120deg,#152d27,#101f1c);box-shadow:inset 0 0 0 1px #091a17}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) :is(.unit-cost-tag:not(.cant),.unit-count-input:not(:focus),.recruit-level-sel:not(:focus)){background:#102824;border-color:#8a724577}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) .rm-tab.active{color:#fff0bd;background:linear-gradient(#75623b,#3b3828);border-bottom-color:#c4a65f}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) .unit-btn:not(:disabled){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b;font-size:14px}:is([data-court-surface=recruit],[data-court-surface=training],[data-court-surface=healing],[data-court-surface=recruit-center]) :is(.unit-max-btn,.queue-time-remain,.queue-pending-tag,.heal-ws-label,.rcm-effect-chip){font-size:12px}#castle-panel .czp-slot--empty{background:#102824;border-color:#8a724577}#research-panel :is(.rs-eff-panel,.rs-tab:not(.rs-tab-active)){background:#102824;border-color:#8a724555}#research-panel :is(.rs-cta:not(.rs-cta-disabled):not(:disabled),.rs-btn-primary:not(:disabled)){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b}#threat-list-panel .tl-item{background:linear-gradient(120deg,#152d27,#101f1c)}#threat-list-panel .tl-goto{background:#102824}#building-panel .bp-cost-chip:not(.cant),.upgrade-popup-overlay .upgrade-popup-cost-item:not(.cant){background:#102824;border-color:#8a724577}#building-panel :is(.bp-max-badge,.bp-preview-header,.ucost-time,#bp-warning){font-size:12px}.confirm-overlay .confirm-dialog:not(.confirm-danger) .confirm-ok{color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b}#castle-panel .czp-picker{background:linear-gradient(110deg,#163b36,#0a1d1c 55%,#17342e);border-color:#a4864b;border-radius:5px;box-shadow:0 0 0 2px #17231b,0 0 0 3px #65522f,0 12px 40px #000b}#castle-panel .czp-picker-head{color:#f0e5c9;border-bottom-color:#a4864b66}#castle-panel .czp-picker-close{color:#f0e5c9;background:linear-gradient(#4c482f,#252d23);border-radius:3px;min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px #ae9050}#castle-panel .czp-picker-list{overscroll-behavior:contain;touch-action:pan-y;min-height:0}#castle-panel .czp-picker-item{flex-shrink:0;min-height:44px}#castle-panel .czp-picker-item:not(.czp-picker-item--current):not(.czp-picker-item--disabled){color:#e4e4db;background:linear-gradient(120deg,#152d27,#101f1c);border-color:#8a724555}#castle-panel .czp-picker-item:not(.czp-picker-item--current):not(:disabled):hover{background:linear-gradient(120deg,#244237,#183128);border-color:#a4864b}#speedup-popup-overlay :is(.sp-gem-btn,.sp-use-btn){min-height:44px;font-size:14px}#speedup-popup-overlay :is(.sp-gem-btn,.sp-use-btn):not(:disabled){color:#f0e5c9;background:linear-gradient(#536048,#293f32);border-color:#a4864b;box-shadow:inset 0 1px #d6ba7133}#speedup-popup-overlay :is(.sp-max-btn,.sp-item-max-btn){min-height:44px;font-size:12px}#speedup-popup-overlay .sp-qty-btn{width:44px;height:44px}#speedup-popup-overlay :is(.sp-gem-btn,.sp-use-btn):not(:disabled):hover{filter:brightness(1.12)}#speedup-popup-overlay :is(.sp-gem-btn,.sp-use-btn):not(:disabled):active{filter:brightness(.92)}#castle-panel .czp-picker-close:focus-visible,#speedup-popup-overlay button:focus-visible{outline-offset:2px;outline:2px solid #edcf86}body .ga-disclosure-modal>.ga-disclosure-inner,body .ga-confirm-modal>.ga-confirm-inner{color:#e4e4db;background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b;border-image-source:none;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}body .ga-disclosure-modal .ga-disc-header{border-bottom-color:#8a724555}body .ga-disclosure-modal .ga-disc-header h3,body .ga-confirm-modal .ga-confirm-title{color:#f0e5c9}body .ga-confirm-modal .ga-confirm-msg{color:#e4e4db}body .ga-disclosure-modal .ga-disc-close,body .ga-confirm-modal .ga-confirm-cancel{color:#b9b59f}.confirm-overlay>.confirm-dialog .btn-primary:not(:disabled),.lcm-overlay>.lcm-dialog .btn-primary:not(:disabled),.ncm-overlay>.ncm-card .ccs-submit:not(.ncm-cancel):not(:disabled),.aum-overlay>.aum-card .aum-btn-primary:not(:disabled),.teleport-modal-overlay>.teleport-modal .btn-primary:not(:disabled),#bf-strategic-map .bf-strategic-panel button:not(:disabled),#bf-strategic-map .bf-strategic-map__retry:not(:disabled),#bf-strategic-map .bf-strategic-map__banner button:not(:disabled){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b;box-shadow:inset 0 0 0 1px #b29a5b}.confirm-overlay>.confirm-dialog .btn-secondary:not(:disabled),.lcm-overlay>.lcm-dialog .btn-secondary:not(:disabled),.ncm-overlay>.ncm-card .ncm-cancel:not(:disabled),.teleport-modal-overlay>.teleport-modal .btn-secondary:not(:disabled),#bf-strategic-map .bf-strategic-map__close:not(:disabled){color:#f0e5c9;background:linear-gradient(#33433a,#1a2924);border-color:#8a724577}.bf-confirm-overlay>.bf-confirm-dialog .bf-march-party-btn:not(:disabled):not(.active){background-color:#102821}.bf-confirm-overlay>.bf-confirm-dialog .bf-march-party-btn:not(:disabled):not(.active):hover{background-color:#173b34}#server-transfer-modal .stm-btn-row>:is(.btn-secondary,.btn-danger){white-space:nowrap;flex:1 1 0;width:auto;min-width:0}#party-panel .pp-picker{background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17,inset 0 0 0 2px #7a643b33}#party-panel :is(.pp-picker-hd,#pp-filter-panel,.pp-picker-list){background:var(--detail-court-field);border-color:var(--detail-court-line);border-image-source:none}#party-panel .pp-pick-item:not(.pp-cross){border-color:#8a724555;background:linear-gradient(120deg,#173b34,#102824);border-image-source:none}#party-panel .pp-pick-item:not(.pp-cross):hover{filter:brightness(1.12)}#party-panel .pp-picker-hd .pp-sort-btn:not(.active),#party-panel #pp-picker-close{background:var(--detail-court-field);color:var(--detail-court-ink);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #7a643b55}#general-panel :is(.gp-chr-head,.gp-chr-locked-note,.gp-chr-mission:not(.done):not(.locked)),#guild-panel :is(.gp-form,.gp-emblem-grid){background:var(--detail-court-surface);border-color:var(--detail-court-line);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17}#guild-panel .gp-emblem-cell:not(.selected){background:var(--detail-court-field);border-color:#8a724555;border-image-source:none}#guild-panel .gp-emblem-cell:not(.selected):hover{filter:brightness(1.12)}body>.ip-shard-result{overscroll-behavior:contain;background:radial-gradient(at 50% 40%,#163b36f0 0%,#0a1d1cf7 62%,#040c0bfa 100%);overflow-y:auto}body>.ip-shard-result>.ip-shard-result-box{box-sizing:border-box;max-height:100%}body>.ip-shard-result .ip-shard-result-header{color:#f0e5c9;text-shadow:0 1px 2px #000}body>.ip-shard-result :is(.ip-shard-result-close.btn-primary,#gp-synth-go-enh.btn-primary){border-color:#b29a5b;color:#f0e5c9;background:linear-gradient(135deg,#24564b,#14382f);border-image-source:none;box-shadow:inset 0 0 0 1px #091a17,inset 0 0 0 2px #7a643b44}body>.ip-shard-result>.ip-shard-result-box>.ip-shard-result-actions{gap:10px;width:100%;display:flex}body>.ip-shard-result>.ip-shard-result-box>.ip-shard-result-actions>.btn-primary{flex:1 1 0;min-width:0}@media (width<=1023px) and (height<=460px){#party-panel .pp-picker{max-block-size:calc(100dvh - 116px);scroll-margin-block:8px}#party-panel .pp-picker-list{flex:auto;min-block-size:0;max-block-size:none}body>.ip-shard-result{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));justify-content:flex-start;gap:8px}body>.ip-shard-result>.ip-shard-result-box{gap:8px;height:100%;overflow:hidden}body>.ip-shard-result .ip-shard-grid{flex:auto;align-content:start;min-height:0;max-height:none}body>.ip-shard-result .ip-shard-grid.ip-shard-grid-1{flex:0 0 128px;width:96px;max-width:96px;height:128px;min-height:0}body>.ip-shard-result .ip-shard-grid.ip-shard-grid-1 .ip-shard-card{min-height:0}body>.ip-shard-result>.ip-shard-result-box>.ip-shard-result-hint{text-align:center;flex:none;max-width:100%;line-height:1.35}body>.ip-shard-result>.ip-shard-result-box>.ip-shard-result-actions{flex:0 0 44px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}body>.ip-shard-result>.ip-shard-result-box>.ip-shard-result-actions>.btn-primary,body>.ip-shard-result .ip-shard-result-close.btn-primary{box-sizing:border-box;white-space:nowrap;min-width:0;height:44px;min-height:44px;padding:6px 8px}body>.ip-shard-result>.ip-shard-result-box>.ip-shard-result-actions>.btn-primary:only-child{grid-column:1/-1}body>.ip-shard-result>.ip-shard-result-box>.ip-shard-result-close.btn-primary{flex:0 0 44px;align-self:stretch;width:100%}}#quest-panel .sc-reroll-btn:not(:disabled),#challenge-hub-panel .stp-view-tab:not(.active),#challenge-hub-panel .stp-ssr-btn:not(:disabled),#challenge-hub-panel .stp-ssr-cancel-btn:not(:disabled),#challenge-hub-panel .stp-hist-more-btn:not(:disabled),#challenge-hub-panel .cap-exchange-btn:not(:disabled),#pvp-duel-panel .du-preset-tab:not(.active):not(:disabled),#pvp-duel-panel .du-exchange-btn:not(:disabled),#pvp-duel-panel .du-replay-btn:not(:disabled),#gacha-panel .ga-pdet-prob-btn:not(:disabled){color:#f0e5c9;border-color:#b29a5b;background:linear-gradient(145deg,#24564b,#14382f);border-image-source:none}#challenge-hub-panel .stp-view-tab.active,#pvp-duel-panel .du-preset-tab.active{color:#f0e5c9;border-color:#a4864b;background:linear-gradient(145deg,#75623b,#3b3828);border-image-source:none}#quest-panel .sc-reroll-btn:not(:disabled):hover,#challenge-hub-panel .stp-ssr-btn:not(:disabled):hover,#challenge-hub-panel .stp-hist-more-btn:not(:disabled):hover,#challenge-hub-panel .cap-exchange-btn:not(:disabled):hover,#pvp-duel-panel .du-exchange-btn:not(:disabled):hover,#pvp-duel-panel .du-replay-btn:not(:disabled):hover,#gacha-panel .ga-pdet-prob-btn:not(:disabled):hover{filter:brightness(1.12)}#quest-panel .sc-reroll-btn:not(:disabled):active,#challenge-hub-panel .stp-ssr-btn:not(:disabled):active,#challenge-hub-panel .cap-exchange-btn:not(:disabled):active,#pvp-duel-panel .du-exchange-btn:not(:disabled):active,#gacha-panel .ga-pdet-prob-btn:not(:disabled):active{filter:brightness(.92)}.game-modal-overlay{z-index:var(--z-modal-overlay);padding:max(var(--frame-modal-outset-t,11px), env(safe-area-inset-top)) max(var(--frame-modal-outset-r,10px), env(safe-area-inset-right)) max(var(--frame-modal-outset-b,12px), env(safe-area-inset-bottom)) max(var(--frame-modal-outset-l,9px), env(safe-area-inset-left));background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.game-modal-overlay.open{display:flex}.game-modal-overlay-bg{z-index:0;pointer-events:auto;background:0 0;position:absolute;inset:0}.game-modal{z-index:var(--z-modal);background:var(--surface-panel);border:1px solid var(--line-emphasis);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);border-image-source:var(--frame-panel,url(/assets/ui-v2/runtime/panel_frame_single.webp));border-image-slice:var(--frame-panel-slice,54 32 54 31 fill);border-image-repeat:stretch;border-image-width:var(--frame-modal-width,16px);border-image-outset:var(--frame-modal-outset-t,11px) var(--frame-modal-outset-r,10px) var(--frame-modal-outset-b,12px) var(--frame-modal-outset-l,9px);animation:gm-fade-in var(--transition-mid) var(--ease-enter);flex-direction:column;width:min(95vw,960px);max-width:100%;height:min(88dvh,540px);max-height:100%;transition-property:none;display:flex;position:relative;overflow:hidden}.game-modal.size-s{width:min(95vw,640px);height:min(88dvh,360px)}.game-modal.size-m{width:min(95vw,800px);height:min(88dvh,450px)}.game-modal.size-l{width:min(95vw,960px);height:min(88dvh,600px)}.game-modal.size-xl{width:min(95vw,1200px);height:min(92dvh,760px)}@media (width<=420px),(width<=1023px) and (height<=520px){.game-modal,.game-modal.size-s,.game-modal.size-m,.game-modal.size-l,.game-modal.size-xl{border-radius:8px;width:100%;max-width:100%;height:100%;max-height:100%}}@keyframes gm-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-modal-header{border-bottom:1px solid var(--line-subtle);background:var(--surface-raised);flex-shrink:0;align-items:center;gap:clamp(8px,2vw,12px);min-height:48px;padding:6px 10px;display:flex}.game-modal-icon{border:1px solid var(--border);background:linear-gradient(145deg,#1e2840,#0e1628);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(28px,8vw,36px);height:clamp(28px,8vw,36px);padding:4px;font-size:clamp(16px,4.5vw,20px);display:flex;overflow:hidden}.game-modal-icon img{object-fit:contain;width:100%;height:100%}.game-modal-title-wrap{flex:1;min-width:0}.game-modal-name{color:var(--intent-primary-hi);font-size:clamp(14px,4vw,17px);font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.2;overflow:hidden}.game-modal-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:clamp(10px,3vw,12px);line-height:1.2;overflow:hidden}.game-modal-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.game-modal-upgrade-btn{color:var(--intent-primary-hi);background:color-mix(in srgb, var(--intent-primary) 12%, transparent);border:1px solid var(--line-emphasis);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;min-height:var(--hit-compact);align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:flex}.game-modal-upgrade-btn:hover{background:#f0c04033}.game-modal-close{color:var(--text-dim);cursor:pointer;min-width:var(--hit-primary);min-height:var(--hit-primary);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;font-size:clamp(18px,5vw,22px);display:flex}.game-modal-close:active,.game-modal-close:hover{color:var(--intent-primary-hi)}.game-modal-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;min-height:0;padding-bottom:max(16px, env(safe-area-inset-bottom));word-break:break-word;overflow-wrap:anywhere;flex:1;position:relative;overflow:hidden auto}.game-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--line-subtle);background:var(--surface-raised);flex-shrink:0;display:flex}@media (width<=1023px) and (height<=460px){.game-modal-header{min-height:var(--hit-compact)}.game-modal-close{min-width:var(--hit-compact);min-height:var(--hit-compact)}}.game-modal-overlay,.game-modal{touch-action:auto}.game-modal-body img,.game-modal-body video,.game-modal-body svg{max-width:100%;height:auto}.game-modal-body>*,.game-modal-subbar>*{min-width:0}[data-layout=square] .game-modal{width:min(90vw,960px)}[data-layout=square] .game-modal.size-s{width:min(90vw,640px)}[data-layout=square] .game-modal.size-m{width:min(90vw,800px)}[data-layout=square] .game-modal.size-l{width:min(90vw,960px)}[data-layout=square] .game-modal.size-xl{width:min(90vw,1200px)}.game-modal-subbar{background:#0003;border-bottom:1px solid #f0c04014;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.base-panel-list{height:100%;min-height:0;color:var(--text-primary)}.base-panel-list :is(.gp-tabs,.ip-tabs,.rp-tabs,.qp-tabs,.tp-tabs){z-index:1;background:var(--surface-raised);min-height:48px;position:sticky;top:0}.base-panel-list :is(.gp-tab,.ip-tab,.rp-tab,.qp-tab,.tp-tab){justify-content:center;align-items:center;min-height:48px;display:inline-flex}.base-panel-list :is(.gp-tab,.ip-tab,.rp-tab,.qp-tab,.tp-tab).active{border-style:solid;border-width:0 0 2px;border-image-source:var(--frame-tab-selected,url(/assets/ui-v2/runtime/tab_selected_frame_single.webp));border-image-slice:var(--frame-tab-selected-slice,60 25 60 25 fill);border-image-repeat:stretch;border-image-width:var(--frame-list-tab-width,9px);border-image-outset:var(--frame-list-tab-outset,0);transition-property:color,border-bottom-color}.base-panel-list :is(.ip-item-card,.mp-mail-row,.rp-row,.gp-member-row,.tp-member-row){border-radius:var(--radius-md);background:var(--surface-raised);border-color:var(--line-subtle);min-height:60px;padding:10px 12px}.base-panel-list :is(.ip-item-card,.mp-mail-row,.rp-row,.gp-member-row,.tp-member-row):hover{border-color:var(--line-emphasis);background:var(--surface-pressed)}.base-panel-list :is(.ip-item-card,.mp-mail-row,.rp-row,.gp-member-row,.tp-member-row).selected,.base-panel-list :is(.ip-item-card,.mp-mail-row,.rp-row,.gp-member-row,.tp-member-row).is-me{border-color:var(--line-emphasis);box-shadow:inset 3px 0 0 var(--intent-primary)}.base-panel-list :is(.base-panel-empty,.gp-empty,.ip-empty,.rp-empty,.qp-empty,.tp-empty){place-content:center;gap:var(--space-2);min-height:120px;padding:var(--space-4);text-align:center;color:var(--text-secondary);background:var(--surface-raised);border:1px dashed var(--line-subtle);border-radius:var(--radius-md);display:grid}.base-panel-empty-action{width:auto;min-width:132px}@media (width<=1023px) and (height<=460px){.base-panel-list :is(.gp-tabs,.ip-tabs,.rp-tabs,.qp-tabs,.tp-tabs),.base-panel-list :is(.gp-tab,.ip-tab,.rp-tab,.qp-tab,.tp-tab){min-height:44px}.base-panel-list :is(.ip-item-card,.mp-mail-row,.rp-row,.gp-member-row,.tp-member-row){min-height:56px}}@media (width<=620px),(width<=1023px) and (height<=320px){.base-panel-list :is(.gp-tabs,.ip-tabs,.rp-tabs,.qp-tabs,.tp-tabs),.base-panel-list :is(.gp-tab,.ip-tab,.rp-tab,.qp-tab,.tp-tab){min-height:40px}.base-panel-list :is(.ip-item-card,.mp-mail-row,.rp-row,.gp-member-row,.tp-member-row){min-height:52px;padding:8px 10px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}#ga-result.ga-motion-managed .ga-res-portrait,#ga-result.ga-motion-managed .ga-res-portrait:before,#ga-result.ga-motion-managed .ga-res-portrait:after{animation:none}#ga-result.ga-motion-managed .ga-res-portrait{transform:translateY(6px)scale(.98)}#ga-result.ga-motion-managed .ga-res-portrait.ga-revealed{transition:opacity .32s ease-out,transform .32s ease-out;transform:none}#ga-result.ga-motion-managed .ga-res-card-flip,.ip-gacha-result.ga-motion-managed .ga-res-card-flip{transform-style:preserve-3d;transform:rotateY(0)}#ga-result.ga-motion-managed .ga-res-portrait.ga-revealed .ga-res-card-flip,.ip-gacha-result.ga-motion-managed .ga-res-portrait.ga-revealed .ga-res-card-flip{animation:ga-result-card-flip var(--ga-card-flip-ms) cubic-bezier(.22, .74, .24, 1) both}#ga-result.ga-motion-managed .ga-res-portrait.ga-revealed:not(.ga-motion-active) .ga-res-card-flip,.ip-gacha-result.ga-motion-managed .ga-res-portrait.ga-revealed:not(.ga-motion-active) .ga-res-card-flip,#ga-result.ga-motion-managed .ga-res-portrait.ga-skip .ga-res-card-flip,.ip-gacha-result.ga-motion-managed .ga-res-portrait.ga-skip .ga-res-card-flip{animation:none;transform:rotateY(180deg)}#ga-result.ga-motion-managed .ga-res-portrait.ga-motion-active{animation:ga-result-focus var(--ga-result-motion-ms) ease-out both}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ssr.ga-motion-active.ga-face-up{animation:ga-result-ssr-reveal var(--ga-result-motion-ms) ease-out both}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ur.ga-motion-active.ga-face-up{animation:ga-result-ur-reveal var(--ga-result-motion-ms) ease-out both}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ssr.ga-revealed:not(.ga-motion-active):not(.ga-skip):before{content:"";z-index:4;pointer-events:none;filter:drop-shadow(0 0 4px #de7dffe6);background:radial-gradient(circle at 18% 22%,#ffe6fff2 0 1px,#0000 2px),radial-gradient(circle at 77% 18%,#e694ffe6 0 1.4px,#0000 2.4px),radial-gradient(circle at 84% 70%,#ffd7ffd1 0 1px,#0000 2px),radial-gradient(circle at 24% 82%,#ca70ffd9 0 1.3px,#0000 2.4px);animation:3.6s ease-in-out infinite ga-result-ssr-stardust;position:absolute;inset:-10%}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ssr.ga-revealed:not(.ga-motion-active):not(.ga-skip){animation:2.6s ease-in-out infinite ga-result-ssr-ambient-card}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ssr.ga-revealed:not(.ga-motion-active):not(.ga-skip):after{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 40%,#d269ff5c,#0000 58%);animation:2.6s ease-in-out infinite ga-result-ssr-breathe;position:absolute;inset:0}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ur.ga-revealed:not(.ga-motion-active):not(.ga-skip):before{opacity:.92;animation:3.8s linear infinite ur-border-spin}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ur.ga-revealed:not(.ga-motion-active):not(.ga-skip){animation:2.2s ease-in-out infinite ga-result-ur-ambient-card}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ur.ga-revealed:not(.ga-motion-active):not(.ga-skip):after{mix-blend-mode:screen;opacity:.78;background:radial-gradient(circle at 16% 24%,#fffacbfa 0 1px,#0000 2px),radial-gradient(circle at 79% 19%,#ffd551f2 0 1.4px,#0000 2.5px),radial-gradient(circle at 87% 72%,#fff4aee0 0 1px,#0000 2px),radial-gradient(circle at 22% 80%,#ffc427eb 0 1.3px,#0000 2.4px),radial-gradient(at 50% 42%,#ffca315e,#0000 62%);animation:3.1s ease-in-out infinite ga-result-ur-stardust;inset:-8%}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ur:before{opacity:.45}#ga-result.ga-motion-managed .ga-res-portrait.ga-res-ur:after{opacity:0}#ga-result.ga-motion-managed .ga-res-portrait.ga-motion-active.ga-face-up:after{animation:ga-result-sheen var(--ga-result-motion-ms) ease-out both}#ga-result.ga-motion-managed .ga-result-sparks{pointer-events:none;z-index:2;border-radius:5px;position:absolute;inset:4px;overflow:hidden}#ga-result.ga-motion-managed .ga-result-sparks:before{content:"";pointer-events:none;position:absolute;inset:0}#ga-result.ga-motion-managed .ga-result-sparks-ssr:before{animation:ga-result-ssr-aura var(--ga-result-motion-ms) ease-out both;background:radial-gradient(circle at 50% 43%,#ffd0ffd1 0%,#b448f67a 25%,#561ea514 56%,#0000 72%)}#ga-result.ga-motion-managed .ga-result-sparks-ur:before{animation:ga-result-ur-aura var(--ga-result-motion-ms) ease-out both;background:radial-gradient(circle at 50% 43%,#fffad6f2 0%,#ffcb44b8 22%,#ed85122e 58%,#0000 76%)}#ga-result.ga-motion-managed .ga-result-spark{animation:ga-result-spark-out var(--ga-result-motion-ms) ease-out both;position:absolute;top:43%;left:50%}#ga-result.ga-motion-managed .ga-result-spark-ssr{background:linear-gradient(135deg,#fff6ff 0%,#e785ff 45%,#8a32ce 100%);border-radius:1px;width:6px;height:6px;margin:-3px;box-shadow:0 0 8px #e577ffe6}#ga-result.ga-motion-managed .ga-result-spark-ur{background:linear-gradient(#0000 0%,#fff8ca 28%,#ffd24d 58%,#0000 100%);border-radius:99px;width:3px;height:20px;margin:-10px -1.5px;box-shadow:0 0 8px #ffca39e6}#ga-result.ga-motion-managed #ga-result-actions{transition:opacity .12s ease-out,transform .12s ease-out}@keyframes ga-result-focus{0%,to{filter:brightness()}28%{filter:brightness(1.18)}}@keyframes ga-result-sheen{0%,to{opacity:0}25%{opacity:.65}}@keyframes ga-result-card-flip{0%{transform:rotateY(0)scale(.98)}46%{transform:rotateY(82deg)scale(1.04)}to{transform:rotateY(180deg)scale(1)}}@keyframes ga-result-ssr-reveal{0%,to{filter:brightness()drop-shadow(0 0 #c75bff00)}26%{filter:brightness(1.28)drop-shadow(0 0 14px #d372ffeb)}}@keyframes ga-result-ur-reveal{0%,to{filter:brightness()drop-shadow(0 0 #ffce3500)}20%{filter:brightness(1.46)drop-shadow(0 0 20px #ffd23dfa)}}@keyframes ga-result-ssr-aura{0%{opacity:0;transform:scale(.35)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes ga-result-ur-aura{0%{opacity:0;transform:scale(.25)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes ga-result-ssr-stardust{0%,to{opacity:.38;transform:translate(-2%,2%)rotate(0)}50%{opacity:1;transform:translate(3%,-3%)rotate(8deg)}}@keyframes ga-result-ssr-ambient-card{0%,to{filter:brightness(1.04)drop-shadow(0 0 5px #ca5fff6b)}50%{filter:brightness(1.27)drop-shadow(0 0 16px #dc82fffa)}}@keyframes ga-result-ssr-breathe{0%,to{opacity:.38;transform:scale(.92)}50%{opacity:.88;transform:scale(1.08)}}@keyframes ga-result-ur-stardust{0%,to{opacity:.46;transform:translate(-3%,2%)rotate(0)scale(.96)}50%{opacity:1;transform:translate(3%,-3%)rotate(-7deg)scale(1.06)}}@keyframes ga-result-ur-ambient-card{0%,to{filter:brightness(1.08)drop-shadow(0 0 7px #ffc0268a)}50%{filter:brightness(1.42)drop-shadow(0 0 22px #ffd752)}}@keyframes ga-result-spark-out{0%{opacity:0;transform:rotate(var(--ga-spark-angle)) translateX(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:rotate(var(--ga-spark-angle)) translateX(var(--ga-spark-distance)) scale(.1)}}#fortress-view .bnode.nc-motion-success .bnode-tile,#general-panel #gp-enh-btn.nc-motion-success,#general-panel #gp-enh-msg.nc-motion-success{animation:.42s ease-out nc-success-confirm}@keyframes nc-success-confirm{0%,to{filter:brightness()}25%{filter:brightness(1.45)}}@media (prefers-reduced-motion:reduce){#ga-result.ga-motion-managed .ga-res-portrait,#ga-result.ga-motion-managed .ga-res-portrait:before,#ga-result.ga-motion-managed .ga-res-portrait:after,#ga-result.ga-motion-managed .ga-result-spark{transition:none;animation:none}#ga-result.ga-motion-managed #ga-result-actions{transition:none}#fortress-view .bnode.nc-motion-success .bnode-tile,#general-panel #gp-enh-btn.nc-motion-success,#general-panel #gp-enh-msg.nc-motion-success{animation:none}}.gp-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:5px 12px;display:flex}.gp-count{color:var(--text-dim);font-size:12px;font-weight:400}.gp-close-btn,.gp-back-btn{color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px 8px;font-size:16px;display:flex}.gp-back-btn{color:var(--gold-dim);white-space:nowrap;font-size:14px}.gp-body{flex:1;padding:14px 16px;overflow-y:auto}.gp-empty{text-align:center;color:var(--text-dim);padding:32px 0;font-size:13px}.gp-msg{min-height:16px;margin-top:6px;font-size:11px}.gp-arrow{color:var(--text-dim);padding-left:6px;font-size:18px}.gp-list-layout{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}#general-panel .game-modal-body:has(.gp-list-layout){display:flex;overflow:hidden}#general-panel .base-panel-content:has(.gp-list-layout){flex:1;min-width:0;height:auto;min-height:0;display:flex}#general-panel #gp-content:has(.gp-list-layout){flex:1;min-width:0;height:auto;min-height:0;display:flex}.gp-tab-sidebar{background:#080402f2;border-right:1px solid #f0c0401f;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:54px;padding:6px 0;display:flex;overflow-y:auto}.gp-close-top{margin-bottom:6px;font-size:14px}.gp-tab-btn{width:42px;min-height:36px;color:var(--text-dim);cursor:pointer;text-align:center;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#1e120699;border:1px solid #f0c0401f;border-radius:6px;padding:8px 4px;font-size:12px;font-weight:700}.gp-tab-btn.active{border-color:var(--gold-dim);color:var(--gold);background:#503000d9}.gp-tab-btn:active{filter:brightness(1.2)}.gp-list-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.gp-list-header{border-bottom:1px solid #f0c0401a;flex-shrink:0;align-items:center;gap:8px;padding:5px 12px;display:flex}.gp-filter-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#1e1206cc;border:1px solid #f0c04033;border-radius:14px;margin-left:auto;padding:4px 10px;font-size:11px}.gp-filter-btn.active{border-color:var(--gold-dim);color:var(--gold);background:#503000d9}.gp-filter-btn:active{filter:brightness(1.2)}.gp-help-btn{width:28px;height:28px;color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#1e1206cc;border:1px solid #f0c04033;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.gp-help-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.gp-help-btn:active{filter:brightness(1.2)}#gp-filter-panel{background:#0c0702f2;flex-shrink:0;max-height:260px;overflow-y:auto}#gp-filter-panel.hidden{display:none}#gp-filter-panel .csort-control{border-top:none;border-bottom:1px solid #f0c0401f;padding:10px 12px}.gp-portrait-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));grid-auto-rows:max-content;place-content:start;gap:10px;min-height:0;padding:10px;display:grid;overflow-y:auto}.gp-portrait-card{aspect-ratio:3/4;cursor:pointer;width:100%;height:auto;transition:filter var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;border:1.5px solid;border-radius:8px;position:relative;overflow:hidden}.gp-portrait-card:active{filter:brightness(1.2);transform:scale(.96)}.gp-pc-portrait{position:absolute;inset:0;overflow:hidden}.gp-pc-thumb{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block;position:absolute;inset:0}.gp-pc-icon{opacity:.7;filter:drop-shadow(0 2px 6px #000c);justify-content:center;align-items:center;font-size:36px;display:flex;position:absolute;inset:0}.gp-pc-info-overlay{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.gp-pc-overlay-top{background:linear-gradient(#000000bf,#0000);justify-content:space-between;align-items:flex-start;padding:5px 6px;display:flex}.gp-pc-overlay-left{align-items:center;gap:3px;display:flex}.gp-pc-overlay-right{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.gp-pc-overlay-bottom{text-align:center;background:linear-gradient(#0000,#000000eb 28%);padding:18px 6px 6px}.gp-pc-rarity{text-shadow:0 1px 3px #000000f2;font-size:10px;font-weight:700}.gp-pc-faction{color:#e0d090;text-shadow:0 1px 2px #000000e6;background:#00000080;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.gp-pc-enh-badge{color:#80e060;text-shadow:0 1px 2px #000000e6;background:#003200b3;border:1px solid #8cf07880;border-radius:8px;padding:2px 5px;font-size:11px;font-weight:700}@keyframes gp-enh-blink{0%,to{opacity:1}50%{opacity:.3}}.gp-pc-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000000f2,0 0 6px #000000b3;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}.gp-pc-stars{color:#f0c040;text-shadow:0 1px 2px #000000e6;margin-top:2px;font-size:10px;line-height:1}.gp-pc-stats{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 5px;margin-top:4px;display:grid}.gp-pc-stat{color:#e8ddc0;white-space:nowrap;font-size:11px}.gp-pc-stat b{color:var(--text-dim);font-weight:400}.gp-pc-stat em{color:#80e060;margin-left:2px;font-style:normal;font-weight:700}.gp-pc-actions{flex-wrap:wrap;gap:3px;min-height:15px;margin-top:5px;display:flex}.gp-pc-action{color:#d7d0c0;background:#0000009e;border:1px solid #ffffff29;border-radius:3px;padding:1px 4px;font-size:11px;line-height:15px}.gp-pc-action.material{color:#f0d27a;border-color:#f0c04085}.gp-pc-action.points{color:#8bd7f2;border-color:#60c0e085}.gp-pc-action.shard{color:#caa3ef;border-color:#a06edc85}.gp-pc-action.idle{color:var(--text-dim)}.gp-avatar{border:1.5px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:11px;font-weight:700;display:flex}.gp-avatar.small{border-radius:6px;width:32px;height:32px;font-size:10px}.gp-avatar.gp-avatar-lg{border-radius:10px;width:56px;height:56px;font-size:13px}.rarity-R{color:#90b0d0;background:#1a2030;border-color:#6080a0}.rarity-SR{color:#60a0e0;background:#102030;border-color:#2070c0}.rarity-SSR{color:#b070e0;background:#200c30;border-color:#8040c0}.rarity-UR{color:#f0c060;background:#301000;border-color:#d09030;box-shadow:0 0 6px #f0c0404d}.gp-card-body{flex:1;min-width:0}.gp-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.gp-card-sub{margin-top:2px;font-size:11px}.gp-stars{color:#c09030}.gp-enh{color:#80c060;font-size:11px}.gp-mini-stats{color:var(--text-dim);text-align:right;flex-direction:column;flex-shrink:0;gap:1px;font-size:10px;display:flex}.gp-detail-layout{height:100%;display:flex;overflow:hidden}.gp-detail-left{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:130px;padding:8px 6px;display:flex;overflow:hidden}.gp-detail-nav{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.gp-detail-portrait{aspect-ratio:3/4;background:#0000004d;border:2px solid #f0c0404d;border-radius:10px;flex-shrink:0;align-self:center;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000080}.gp-dp-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.gp-dp-rarity{text-shadow:0 1px 3px #000000e6;z-index:2;background:#000000b3;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700;position:absolute;top:6px;left:8px}.gp-dp-icon{filter:drop-shadow(0 2px 8px #000c);opacity:.85;justify-content:center;align-items:center;width:100%;height:100%;font-size:72px}.gp-detail-identity{text-align:center;flex-shrink:0}.gp-detail-name{color:var(--gold);font-size:15px;font-weight:700;line-height:1.3}.gp-detail-stars{color:#c09030;margin:2px 0;font-size:11px}.gp-detail-meta{color:var(--text-dim);font-size:9px;line-height:1.4}.gp-dis-btn-left{flex-shrink:0;width:100%;padding:6px 0;font-size:11px}.gp-detail-right{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.gp-detail-tabs{border-bottom:1px solid #f0c04026;flex-shrink:0;gap:0;display:flex}.gp-dtab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#0a060299;border:none;border-bottom:2px solid #0000;flex:1;padding:9px 4px;font-size:12px}.gp-dtab.active{color:var(--gold);border-bottom-color:var(--gold-dim);background:#28180080}.gp-dtab:active{filter:brightness(1.2)}.gp-dtab-enh-dot{vertical-align:super;background:#f0c040;border-radius:50%;width:6px;height:6px;margin-left:2px;animation:1.5s ease-in-out infinite gp-dot-pulse;display:inline-block}@keyframes gp-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.gp-dtab-panel{flex:1;padding:12px 14px;overflow-y:auto}.gp-bio{max-width:620px;margin:0 auto}.gp-bio-title{color:var(--gold);margin:0;font-size:16px;line-height:1.35}.gp-bio-role{color:#d9bd7b;margin:4px 0 10px;font-size:12px;font-weight:700}.gp-bio-section+.gp-bio-section{margin-top:13px}.gp-bio-section h4{border-left:3px solid var(--gold-dim);color:#e7ca89;background:#50300040;margin:0;padding:5px 8px;font-size:12px}.gp-bio-prose{color:var(--text-primary,#e8ddc0);border-top:1px solid #f0c0402e;font-size:12px;line-height:1.58}.gp-bio-prose p{margin:9px 0}.gp-stats-grid2{flex-direction:column;gap:6px;display:flex}.gp-sg2-row{background:#140c04b3;border:1px solid #f0c0401a;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.gp-sg2-label{color:var(--text-dim);font-size:12px}.gp-sg2-val{color:var(--text);font-size:14px;font-weight:700}.gp-sg2-enh{color:#80e060;text-align:right;min-width:56px;font-size:11px}.gp-stat-summary{color:var(--text-dim);background:#50300057;border:1px solid #f0c04033;border-radius:5px;margin-bottom:7px;padding:6px 9px;font-size:12px}.gp-stat-summary strong{color:var(--gold)}.gp-stat-summary span{color:#8bd7f2}.gp-skill-box{background:#140a1eb3;border:1px solid #a050c840;border-radius:6px;padding:12px}.gp-skill-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.gp-skill-name{color:#c070e0;font-size:14px;font-weight:700}.gp-skill-type{color:#d8b0f0;border:1px solid #c070e073;border-radius:9px;padding:2px 6px;font-size:11px}.gp-skill-trigger{color:#e8ddc0;margin-top:6px;font-size:12px}.gp-skill-desc{color:var(--text-dim);margin-top:6px;font-size:12px;line-height:1.45}.gp-skill-data{border-top:1px solid #ffffff1a;margin-top:10px}.gp-skill-row{color:var(--text-dim);border-bottom:1px solid #ffffff12;justify-content:space-between;gap:10px;padding:6px 0;font-size:12px;display:flex}.gp-skill-row strong{color:#f0dca0;text-align:right}.gp-skill-note{color:var(--text-dim);background:#0000002e;border-left:3px solid #c070e0b8;margin-top:9px;padding:7px 8px;font-size:11px;line-height:1.45}.gp-enhance-box{border:1px solid var(--border);background:#140e06cc;border-radius:6px;padding:12px}.gp-enhance-status{background:#783c0047;border:1px solid #f0c0405c;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.gp-enhance-status-main{color:#f0dfb0;font-size:13px;font-weight:700}.gp-enhance-status-main strong{color:var(--gold)}.gp-enhance-status-remaining{color:#e8ddc0;background:#00000038;border-radius:10px;flex:none;padding:3px 6px;font-size:11px}.gp-enhance-rule{color:var(--text-dim);margin:7px 1px 8px;font-size:11px;line-height:1.4}.gp-enhance-resources{margin-bottom:8px}.gp-growth-guide{background:#0003;border:1px solid #f0c04029;border-radius:5px;gap:5px;margin-top:12px;padding:8px;display:grid}.gp-growth-guide-title{color:var(--gold);font-size:12px;font-weight:700}.gp-growth-guide>div:not(.gp-growth-guide-title){color:var(--text-dim);grid-template-columns:70px 1fr;gap:6px;font-size:11px;line-height:1.35;display:grid}.gp-growth-guide strong{color:#e8ddc0;font-weight:700}.gp-stat-btns{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.gp-stat-btn{min-width:44px;color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:#1e1206e6;border:1px solid #f0c04033;border-radius:4px;flex:1;padding:6px 4px;font-size:12px}.gp-stat-btn.active{border-color:var(--gold-dim);color:var(--gold);background:#783c00cc}.gp-stat-label{display:block}.gp-stat-cnt{opacity:.82;margin-top:2px;font-size:11px;display:block}.gp-stat-btn.gp-stat-capped{opacity:.5}.gp-stat-btn.gp-stat-capped .gp-stat-cnt{color:#e08040;opacity:1}.gp-unassigned{color:#60c0e0;font-weight:700}.gp-mat-info{font-size:12px}.gp-enhance-unavailable{color:var(--text-dim);background:#0000002e;border:1px solid #f0c0402e;border-radius:4px;margin-top:6px;padding:7px 9px;font-size:12px;line-height:1.35}.gp-shard-box{border-top:1px solid #ffffff14;margin-top:12px;padding-top:10px}.gp-shard-head{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.gp-shard-ready{color:#1a1a1a;background:#f0c860;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:700}.gp-shard-bar{background:#0006;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.gp-shard-bar-fill{background:linear-gradient(90deg,#3a78c0,#60b0f0);border-radius:4px;height:100%;transition:width .3s}#gp-synth-btn{width:100%}#gp-synth-btn:disabled{opacity:.45}.gp-pc-unassigned-dot{vertical-align:middle;background:#60c0e0;border-radius:50%;width:8px;height:8px;margin-left:3px;display:inline-block;box-shadow:0 0 5px #60c0e0e6}.gp-enhance-row{align-items:center;gap:8px;margin-top:8px;display:flex}.gp-enh-label{color:var(--text-dim);white-space:nowrap;font-size:11px}.gp-enhance-row .btn-primary{flex:1;padding:7px;font-size:13px}.gp-apt-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gp-apt-item{background:#100a04cc;border:1px solid #f0c0401a;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:11px;display:flex}.gp-apt-item span:first-child{font-size:18px}.gp-apt-item span:first-child img{object-fit:contain;vertical-align:middle;width:18px;height:18px}.gp-disassemble-box{background:#1e0606cc;border:1px solid #c828284d;border-radius:6px;padding:12px}.btn-danger{color:#f08080;cursor:pointer;letter-spacing:.5px;width:100%;transition:background var(--transition-fast);background:linear-gradient(135deg,#5a0808,#3a0404);border:1px solid #c04040;border-radius:4px;padding:9px;font-size:13px;font-weight:700}.btn-danger:hover{background:linear-gradient(135deg,#7a1010,#500808)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (height<=450px) and (orientation:landscape){.gp-portrait-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,112px),1fr));gap:6px;padding:6px}.gp-portrait-card{aspect-ratio:128/190}.gp-pc-overlay-top{padding:4px}.gp-pc-overlay-bottom{padding:14px 4px 4px}.gp-pc-name{font-size:12px}.gp-pc-stat{font-size:10px}.gp-pc-actions{gap:2px;margin-top:3px}.gp-pc-action{font-size:11px;line-height:14px}.gp-enhance-box{padding:8px}.gp-stat-btns{gap:4px;margin-bottom:6px}.gp-stat-btn{padding:4px 3px;font-size:12px}.gp-stat-cnt{font-size:11px}.gp-enhance-row{gap:6px;margin-top:6px}.gp-enhance-row .btn-primary{padding:5px;font-size:12px}.gp-enhance-status{padding:6px 7px}.gp-enhance-status-main{font-size:12px}.gp-enhance-rule{margin-top:5px;margin-bottom:6px}.gp-mat-info{font-size:11px;margin-bottom:6px!important}.gp-growth-guide{gap:3px;margin-top:8px;padding:6px}.gp-growth-guide>div:not(.gp-growth-guide-title){grid-template-columns:62px 1fr;font-size:10px}}.gp-chr{flex-direction:column;gap:8px;display:flex}.gp-chr-head{border-bottom:1px solid #f0c04026;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.gp-chr-progress{align-items:baseline;gap:5px;display:flex}.gp-chr-progress-num{color:var(--gold);font-size:15px;font-weight:700}.gp-chr-progress-label{color:var(--text-dim);font-size:11px}.gp-chr-badge{color:var(--text-dim);white-space:nowrap;background:#28180099;border:1px solid #f0c04040;border-radius:10px;padding:3px 8px;font-size:10px}.gp-chr-badge.done{border-color:var(--gold-dim);color:var(--gold);background:#3c2800d9;font-weight:700}.gp-chr-locked-note{color:var(--text-dim);background:#0a060280;border:1px dashed #f0c04033;border-radius:4px;padding:6px 8px;font-size:11px;line-height:1.5}.gp-chr-mission{background:#0a060280;border:1px solid #f0c0401f;border-left:3px solid #f0c0404d;border-radius:4px;padding:8px 10px}.gp-chr-mission.done{border-left-color:var(--gold);background:#281c0073}.gp-chr-mission.locked{opacity:.55;border-left-color:#ffffff1f}.gp-chr-m-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gp-chr-m-seq{width:16px;height:16px;color:var(--gold);background:#f0c04026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.gp-chr-mission.done .gp-chr-m-seq{background:var(--gold-dim);color:#1a1200}.gp-chr-m-name{color:var(--text-primary,#e8ddc0);font-size:12px;font-weight:700}.gp-chr-pending{color:var(--text-dim);white-space:nowrap;background:#5a5a5a59;border:1px solid #ffffff26;border-radius:8px;padding:1px 5px;font-size:9px}.gp-chr-m-desc{color:var(--text-dim);margin-top:3px;font-size:10px}.gp-chr-m-cond{color:var(--text-dim);opacity:.9;margin-top:2px;font-size:11px}.gp-chr-bar{background:#00000073;border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.gp-chr-bar-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold));height:100%;transition:width var(--transition-fast);border-radius:3px}.gp-chr-mission.locked .gp-chr-bar-fill{background:#ffffff26}.gp-chr-m-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.gp-chr-m-count{color:var(--text-dim);font-size:11px}.gp-chr-m-reward{color:var(--gold);text-align:right;font-size:11px}.gp-chr-m-buff{color:var(--gold);border-top:1px dashed #f0c04033;margin-top:5px;padding-top:5px;font-size:10px;font-weight:700}.gp-pc-chr-badge,.gp-pc-chr-lock{filter:drop-shadow(0 0 2px #000000e6);font-size:11px;line-height:1}.gp-pc-chr-prog{color:var(--gold);text-shadow:0 0 2px #000000e6;font-size:10px;font-weight:700;line-height:1}.gp-chr-card-locked .gp-pc-thumb{filter:grayscale()brightness(.55)}.gp-chr-card-locked .gp-pc-name{color:#fff}.gp-chr-card-locked{opacity:1}.gp-chr-unowned{color:var(--text-dim)}@media (height<=450px) and (orientation:landscape){.gp-chr{gap:5px}.gp-chr-head{padding-bottom:5px}.gp-chr-progress-num{font-size:13px}.gp-chr-mission{padding:5px 7px}.gp-chr-m-desc{display:none}.gp-chr-locked-note{padding:4px 6px;font-size:10px}.gp-chr-bar{margin-top:4px}}.gp-browse-filters{background:#081412eb;border-left:1px solid #f0c04038;flex-direction:column;flex:0 0 clamp(144px,18vw,190px);gap:14px;min-height:0;padding:10px;display:flex;overflow-y:auto}.gp-browse-filters,.gp-portrait-grid,.gp-tab-sidebar{overscroll-behavior:contain;touch-action:pan-y}.gp-filter-section{flex-shrink:0}.gp-filter-heading{color:var(--text);margin-bottom:6px;font-size:12px;font-weight:700}.gp-national-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.gp-national-filter button:first-child{grid-column:1/-1}.gp-catalog-filter{flex-direction:column;gap:12px;display:flex}.gp-catalog-filter label{color:var(--text);flex-direction:column;gap:5px;font-size:12px;display:flex}.gp-national-filter button,.gp-catalog-filter select{color:#fff;background:#263347;border:1px solid #aab8cc;border-radius:4px;width:100%;min-width:0;min-height:36px;padding:4px 8px;font-size:12px}.gp-national-filter button[aria-pressed=true]{outline-offset:-4px;outline:2px solid #fff;font-weight:700}.gp-owned-label{color:#fff;background:#19202c;border-radius:3px;padding:2px 5px;font-size:12px}.gp-chr-card-locked .gp-pc-info-overlay{opacity:1;filter:none}.gp-exp-bar{background:#140c04cc;border:1px solid #f0c04026;border-radius:3px;height:5px;margin-top:3px;overflow:hidden}.gp-exp-bar>span{background:var(--gold-dim,#a98a3c);height:100%;display:block}.gp-exp-entry{background:#15324852;border:1px solid #6fc1ed52;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px;display:flex}.gp-exp-entry>div{flex-direction:column;gap:2px;min-width:0;display:flex}.gp-exp-entry strong{color:#aee2ff;font-size:13px}.gp-exp-entry span{color:var(--text-dim);font-size:11px}.gp-exp-open{flex:none;width:auto;min-height:34px;padding:6px 10px;font-size:12px}.gp-exp-sheet{z-index:5;overscroll-behavior:contain;touch-action:none;background:#00000094;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.gp-exp-sheet-card{overscroll-behavior:contain;background:#102333;border:1px solid #6fc1ed80;border-radius:8px;flex-direction:column;width:min(100%,580px);max-height:100%;display:flex;overflow:hidden;box-shadow:0 12px 32px #0000007a}.gp-exp-sheet-head{border-bottom:1px solid #6fc1ed3d;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.gp-exp-sheet-head>div{flex-direction:column;gap:2px;min-width:0;display:flex}.gp-exp-sheet-head strong{color:#c2edff;font-size:14px}.gp-exp-sheet-head span{color:var(--text-dim);font-size:11px}.gp-exp-close{width:32px;min-width:32px;min-height:32px;color:var(--text-dim);cursor:pointer;background:#ffffff12;border:0;border-radius:5px;padding:0;font-size:15px}.gp-exp-sheet-body{overscroll-behavior:contain;touch-action:pan-y;padding:8px;overflow-y:auto}.gp-exp-book{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 4px;display:grid}.gp-exp-book+.gp-exp-book{border-top:1px solid #ffffff14}.gp-exp-book-icon{justify-content:center;align-items:center;font-size:24px;display:flex}.gp-exp-book-img{object-fit:contain;width:28px;height:28px}.gp-exp-book-info{flex-direction:column;gap:2px;min-width:0;display:flex}.gp-exp-book-info strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.gp-exp-book-info span{color:var(--text-dim);font-size:10px}.gp-exp-book-controls{align-items:center;gap:6px;display:flex}.gp-exp-book .ns-inline-arrows{width:94px}.gp-exp-book .ns-inline-arrows .nsb-main-row{min-height:32px}.gp-exp-book .ns-inline-arrows .nsb{min-width:28px;min-height:30px}.gp-exp-book .ns-inline-arrows .nsb-direct{min-width:26px}.gp-exp-use{min-height:32px;padding:5px 9px;font-size:12px}.gp-exp-warning{color:#e7be6f;grid-column:2/-1;margin:-2px 0 0;font-size:10px;line-height:1.35}.gp-exp-sheet-note,.gp-exp-sheet-msg,.gp-exp-empty,.gp-exp-sheet-error{color:var(--text-dim);margin:0;padding:9px 12px;font-size:11px;line-height:1.45}.gp-exp-sheet-note{border-top:1px solid #ffffff14}.gp-exp-sheet-msg{color:#80c060;min-height:34px}.gp-exp-sheet-msg.error,.gp-exp-sheet-error{color:#e08040}@media (height<=450px) and (orientation:landscape){.gp-exp-sheet{padding:8px}.gp-exp-sheet-head{padding:7px 9px}.gp-exp-book{padding:5px 2px}.gp-exp-sheet-note,.gp-exp-sheet-msg{padding:5px 9px}.gp-exp-entry{margin-top:8px;padding:7px 8px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.pp-subbar{border-bottom:1px solid var(--border);background:#08040099;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.pp-order-tabs{flex:1;gap:5px;display:flex}.pp-order-tab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:#140c0499;border:1px solid #f0c04026;border-radius:4px;padding:6px 16px;font-size:12px}.pp-order-tab.active{color:var(--gold);background:#f0c0401f;border-color:#f0c04080}.pp-order-tab:hover:not(.active){color:var(--text);border-color:#f0c0404d}.pp-order-tab.has-zero{color:#ffb0b0;background:#78141459;border-color:#dc3c3cd9;animation:1.6s ease-in-out infinite pp-zero-pulse;box-shadow:inset 0 0 8px #dc3c3c73}.pp-order-tab.has-zero.active{color:#ffd0d0;background:#a01e1e8c;border-color:#ff5050}.pp-order-tab.has-zero:hover{background:#a01e1e80;border-color:#ff5050}.pp-order-tab-badge{color:#f55;text-shadow:0 0 4px #dc3c3cb3;margin-left:4px;font-weight:700}@keyframes pp-zero-pulse{0%,to{box-shadow:inset 0 0 6px #dc3c3c59}50%{box-shadow:inset 0 0 14px #dc3c3cbf}}.pp-slot.pp-slot-zero-troop{outline-offset:-2px;outline:2px solid #dc3c3cd9;animation:1.6s ease-in-out infinite pp-zero-pulse;position:relative}.pp-slot-zero-banner{color:#fff;text-align:center;z-index:5;pointer-events:none;text-shadow:0 1px 2px #000000b3;background:#b41e1ee0;padding:2px 4px;font-size:11px;font-weight:700;position:absolute;top:0;left:0;right:0}.pp-slot-unit.pp-unit-zero .pp-unit-cnt{color:#f55;font-weight:700}.pp-clear-troops-btn{color:#ffa0a0d9;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#b43c3c1f;border:1px solid #c8505059;border-radius:4px;padding:6px 12px;font-size:11px}.pp-clear-troops-btn:hover{color:#faa;background:#b43c3c40}.pp-auto-troops-btn{color:#8cbeffd9;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#3c78c81f;border:1px solid #508cdc59;border-radius:4px;padding:6px 12px;font-size:11px}.pp-auto-troops-btn:hover{color:#a8d4ff;background:#3c78c840}.pp-save-btn{color:var(--gold);cursor:pointer;transition:all var(--transition-fast);background:#f0c0401a;border:1px solid #f0c04066;border-radius:4px;padding:6px 18px;font-size:12px}.pp-save-btn:hover:not(:disabled){background:#f0c04033}.pp-save-btn.saved{color:#80e080;border-color:#50c85066}.pp-save-btn.error{color:#e08080;border-color:#c8505066}.pp-save-btn:disabled{opacity:.55;cursor:not-allowed}.pp-save-warn{color:#e07070;white-space:nowrap;font-size:11px;animation:.2s ease-out pp-warn-in}.pp-save-warn.hidden{display:none}@keyframes pp-warn-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.pp-zero-warn{color:#f0aa40;text-align:center;letter-spacing:.01em;background:#b4640038;border-bottom:1px solid #dc820073;flex-shrink:0;padding:9px 16px;font-size:12px}.pp-zero-warn.hidden{display:none}.pp-zero-warn.flash{animation:.45s ease-out pp-zero-flash}@keyframes pp-zero-flash{0%{color:#f0aa40;background:#b4640038}35%{color:#ffcc60;background:#d246008c}to{color:#f0aa40;background:#b4640038}}.pp-body{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.pp-columns{grid-template-columns:200px 1fr 1.4fr;height:100%;display:grid;overflow:hidden}@media (width<=480px){.pp-columns{grid-template-columns:1fr;overflow:hidden auto}.pp-col-left,.pp-col-grid,.pp-col-generals{border-right:none}.pp-col-left{border-bottom:1px solid #f0c04012;height:auto}.pp-col-grid{border-bottom:1px solid #f0c04012}}.pp-col-left{border-right:1px solid #f0c04012;flex-direction:column;height:100%;display:flex;overflow:hidden}.pp-col-info{border-bottom:1px solid #f0c04012;flex-shrink:0;padding:14px 12px;overflow:hidden auto}.pp-col-synergy{flex:1;padding:14px 12px;overflow:hidden auto}.pp-col-grid,.pp-col-generals{border-right:1px solid #f0c04012;padding:14px 12px;overflow:hidden auto}.pp-col-generals{border-right:none}.pp-col-title{letter-spacing:1px;color:var(--gold-dim);border-bottom:1px solid #f0c0401f;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:10px;font-weight:700;display:flex}.pp-info-list{flex-direction:column;gap:10px;display:flex}.pp-info-row{justify-content:space-between;align-items:center;display:flex}.pp-info-lbl{color:var(--text-dim);font-size:11px}.pp-info-val{color:var(--text);font-size:13px;font-weight:700}.pp-info-val.full{color:#80e080}.pp-col-lbls{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px;display:grid}.pp-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:8px;display:grid}.pp-col-lbl{color:var(--text-dim);letter-spacing:1px;text-align:center;border-bottom:2px solid #0000;padding-bottom:4px;font-size:8px;font-weight:700}.pp-col-lbl[data-lane=rear]{color:var(--lane-rear);border-bottom-color:rgba(var(--lane-rear-rgb), .4)}.pp-col-lbl[data-lane=mid]{color:var(--lane-mid);border-bottom-color:rgba(var(--lane-mid-rgb), .4)}.pp-col-lbl[data-lane=van]{color:var(--lane-van);border-bottom-color:rgba(var(--lane-van-rgb), .45)}.pp-col-lbl[data-lane=van]:after{content:" ▶";font-size:9px}.pp-slot[data-lane]:before{content:"";border-radius:8px 0 0 8px;width:3px;position:absolute;top:0;bottom:0;left:0}.pp-slot[data-lane=rear]:before{background:var(--lane-rear-soft)}.pp-slot[data-lane=mid]:before{background:var(--lane-mid-soft)}.pp-slot[data-lane=van]:before{background:var(--lane-van-soft)}.formation-3x3-wrap[data-arrow-dir=right] .pp-slot[data-lane]:before{border-radius:0 8px 8px 0;left:auto;right:0}.pp-slot-empty[data-lane=rear]{border-color:var(--lane-rear-line)}.pp-slot-empty[data-lane=mid]{border-color:var(--lane-mid-line)}.pp-slot-empty[data-lane=van]{border-color:var(--lane-van-line)}.pp-slot{aspect-ratio:3/4;transition:filter var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1.5px solid;border-radius:8px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.pp-slot-empty{background:#0c060280;border-style:dashed;border-color:#f0c0401a;justify-content:center}.pp-slot-empty.clickable{cursor:pointer}.pp-slot-empty.clickable:hover{background:#1c1006b3;border-color:#f0c04038}.pp-slot-num{color:#f0c0402e;font-size:8px;position:absolute;top:4px;left:5px}.pp-slot-plus{color:#f0c0402e;font-size:22px;line-height:1}.pp-slot-filled{background:var(--rar-bg,#1e2c40);border-color:var(--rar-bd,#3a5878);cursor:grab}.pp-slot-filled:active{cursor:grabbing}.pp-slot-filled.dragging{opacity:.45;transform:scale(.94)}.pp-slot.drag-over{box-shadow:0 0 0 2px var(--gold);filter:brightness(1.25)}.pp-slot-top{flex-shrink:0;align-items:center;gap:4px;width:100%;padding:4px 5px;display:flex}.pp-slot-rar{color:var(--gold-dim);flex-shrink:0;font-size:8px;font-weight:700}.pp-slot-remove{color:#faa;cursor:pointer;background:#b428288c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;margin-left:auto;font-size:8px;display:flex}.pp-slot-portrait{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.pp-slot-img-ph{z-index:0;background:var(--rar-bg,#1e2c40);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pp-slot-img-ph span{color:#ffffff40;font-size:28px;font-weight:700}.pp-slot-img{z-index:1;object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.pp-slot-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:9px;font-weight:700;overflow:hidden}.pp-slot-apt{z-index:2;text-align:center;cursor:pointer;background:#000000a6;padding:3px 4px;font-size:10px;line-height:1.2;transition:background .15s;position:absolute;bottom:0;left:0;right:0}.pp-slot-apt:hover{background:#f0c0402e}.pp-slot-apt strong{font-weight:800}.pp-slot-apt-empty{color:#fff3}.pp-slot-unit{cursor:pointer;background:#00000080;border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:4px 6px;transition:background .15s;display:flex}.pp-slot-unit:hover{background:#f0c0401f}.pp-unit-type{color:var(--gold-dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;line-height:1.2;overflow:hidden}.pp-unit-lv{color:var(--text-dim);opacity:.8;font-size:9px}.pp-unit-cnt{color:var(--text-dim);flex-shrink:0;font-size:9px}.pp-unit-hint{color:#f0c04059;font-size:10px;line-height:1.6;display:block}.pp-slot-unit.empty .pp-unit-hint{color:#f0c0404d}.pp-gen-cnt{color:var(--text-dim);font-size:11px;font-weight:400}.pp-gen-slots{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.pp-gen-slot{cursor:pointer;min-height:44px;transition:all var(--transition-fast);border:1px solid;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative}.pp-gen-slot-empty{background:#0c060266;border-style:dashed;border-color:#f0c0401a;justify-content:center}.pp-gen-slot-empty.clickable:hover{background:#1c1006a6;border-color:#f0c04040}.pp-gen-slot-filled{background:var(--rar-bg,#1e2c40);border-color:var(--rar-bd,#3a5878)}.pp-gen-slot.picking{box-shadow:0 0 0 2px var(--gold)}.pp-gen-rar{color:var(--gold-dim);flex-shrink:0;min-width:28px;font-size:9px;font-weight:700}.pp-gen-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:72px;font-size:12px;font-weight:700;overflow:hidden}.pp-gen-stats{flex-shrink:0;align-items:center;gap:4px;display:flex}.pp-gen-stat-item{color:var(--text);white-space:nowrap;background:#0000004d;border-radius:3px;padding:1px 4px;font-size:9px}.pp-gs-lbl{color:var(--text-dim);margin-right:1px}.pp-gen-apts{flex-wrap:wrap;flex:1;align-items:center;gap:2px;margin-right:20px;display:flex;overflow:hidden}.pp-gen-apt-item{white-space:nowrap;background:#00000059;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:9px;font-weight:700}.pp-gen-empty-icon{color:#f0c04033;font-size:14px}.pp-gen-empty-lbl{color:var(--text-dim);font-size:11px}.pp-gen-remove{color:#faa;cursor:pointer;background:#b4282880;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pp-picker-hint{color:var(--text-dim);text-align:center;background:#08040059;border:1px dashed #f0c0401a;border-radius:5px;padding:12px 6px;font-size:11px;line-height:1.6}.pp-picker{background:#0804008c;border:1px solid #f0c04033;border-radius:7px;flex-direction:column;display:flex;overflow:hidden}.pp-picker-hd{border-bottom:1px solid var(--border);color:var(--gold);background:#080400cc;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.pp-picker-hd>span{flex:1}.pp-picker-hd button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.pp-picker-hd .pp-sort-btn{width:auto;height:auto;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#1e1206cc;border:1px solid #f0c04033;border-radius:12px;padding:3px 8px;font-size:10px}.pp-picker-hd .pp-sort-btn.active{border-color:var(--gold-dim);color:var(--gold);background:#503000d9}.pp-picker-hd .pp-sort-btn:active{filter:brightness(1.2)}#pp-filter-panel{background:#0a0502f2;flex-shrink:0;max-height:220px;overflow-y:auto}#pp-filter-panel.hidden{display:none}#pp-filter-panel .csort-control{border-top:none;border-bottom:1px solid #f0c0401a;padding:8px 10px}#pp-filter-panel .csort-chip,#pp-filter-panel .csort-dir-btn{padding:2px 6px;font-size:9px}.pp-grade-tabs{border-bottom:1px solid #f0c04014;flex-shrink:0;display:flex}.pp-grade-tab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:6px 2px;font-size:11px}.pp-grade-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.pp-grade-tab:hover:not(.active){color:var(--text)}.pp-faction-tabs{border-bottom:1px solid #f0c0400f;flex-shrink:0;display:flex}.pp-faction-tab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:5px 2px;font-size:10px}.pp-faction-tab.active{color:#7090d0;border-bottom-color:#7090d0}.pp-faction-tab:hover:not(.active){color:var(--text)}.pp-picker-list{flex-direction:column;gap:4px;max-height:260px;padding:6px 8px;display:flex;overflow-y:auto}.pp-pick-item{cursor:pointer;transition:background var(--transition-fast);background:#120a0499;border:1px solid #f0c04014;border-radius:5px;align-items:center;gap:8px;padding:7px 9px;display:flex}.pp-pick-item:hover{border-color:var(--rar-bd,#f0c0404d);background:#281808cc}.pp-pick-rar{color:var(--gold-dim);min-width:24px;font-size:8px;font-weight:700}.pp-pick-name{color:var(--text);min-width:60px;font-size:12px;font-weight:700}.pp-pick-apts{flex-wrap:nowrap;flex:1;align-items:center;gap:3px;display:flex;overflow:hidden}.pp-pick-apt-item{white-space:nowrap;background:#00000059;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:10px;font-weight:700}.pp-pick-lv{text-align:right;flex-shrink:0;min-width:36px;font-size:10px}.pp-syn-list{flex-direction:column;gap:6px;display:flex}.pp-syn-group{letter-spacing:1px;border-radius:3px;margin-bottom:1px;padding:2px 6px;font-size:9px;font-weight:700}.pp-syn-group.active{color:#80e080;background:#50c8501a}.pp-syn-group.partial{color:#e0c060;background:#c8b43c1a}.pp-syn-item{border:1px solid;border-radius:6px;padding:8px 10px}.pp-syn-item.active{background:#122c1280;border-color:#50c85038}.pp-syn-item.partial{background:#24200880;border-color:#c8a02833}.pp-syn-name{color:var(--text);margin-bottom:3px;font-size:12px;font-weight:700}.pp-syn-progress{color:var(--text-dim);margin-left:4px;font-size:10px;font-weight:400}.pp-syn-effect{color:var(--text-dim);font-size:10px;line-height:1.4}.pp-syn-empty{color:var(--text-dim);text-align:center;padding:14px 4px;font-size:11px;line-height:1.7}.pp-unit-modal{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pp-unit-modal.hidden{display:none}.pp-umodal-box{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;width:min(90vw,340px);overflow:hidden;box-shadow:0 8px 30px #000000a6}.pp-umodal-loading{text-align:center;color:var(--text-dim);padding:32px 16px;font-size:13px}.pp-umodal-hd{border-bottom:1px solid var(--rar-bd,var(--border));color:var(--gold);justify-content:space-between;align-items:center;padding:12px 15px;font-size:13px;display:flex}.pp-umodal-hd button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px}.pp-unit-type-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 15px;display:grid}.pp-utype-btn{border:1px solid var(--apt-color,#f0c0401f);color:var(--apt-color,var(--text-dim));cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#140c04b3;border-radius:6px;padding:9px 4px;font-size:12px}.pp-utype-btn.active{background:#f0c0401f;background:color-mix(in srgb, var(--apt-color) 15%, transparent)}.pp-utype-btn:hover:not(.active){filter:brightness(1.25)}.pp-utype-grade{opacity:.85;margin-left:4px;font-weight:700}.pp-unit-count-row{color:var(--text-dim);align-items:center;gap:10px;padding:6px 15px 12px;font-size:12px;display:flex}.pp-pick-badge{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px;display:inline-block}.pp-pick-cross{color:#80b8f0;background:#64a0f026;border:1px solid #64a0f04d}.pp-pick-marching{color:#f08070;background:#e6503c26;border:1px solid #e6503c4d}.pp-pick-item.pp-cross{opacity:.88}.pp-gen-badge{white-space:nowrap;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:10px;display:inline-block}.pp-gen-badge-march{color:#f08878;background:#e6503c2e;border:1px solid #e6503c59}.pp-gen-badge-no-defense{color:#c8aa50;background:#b496322e;border:1px solid #b4963259}.pp-ulevel-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;padding:0 15px 10px;display:flex}.pp-ulvl-label{color:var(--text-dim);flex-shrink:0;font-size:11px}.pp-ulvl-btn{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);opacity:var(--lvl-intensity,1);background:#140c04b3;border:1px solid #f0c0401f;border-radius:4px;padding:4px 10px;font-size:11px}.pp-ulvl-btn.active{color:var(--gold);opacity:1;background:#f0c0401f;border-color:#f0c04080}.pp-ulvl-btn:hover:not(.active){color:var(--text);border-color:#f0c04040}.pp-ulvl-btn--under{border-color:#e6785a73}.pp-ulvl-btn.pp-ulvl-btn--under small{color:#ffc1b3}.pp-ulvl-btn--ready{border-color:#8cc88259}.pp-ulvl-empty{color:var(--text-dim);opacity:.5;font-size:11px}.pp-ustock-row{background:#f0c0400a;border-top:1px solid #f0c04014;border-bottom:1px solid #f0c04014;flex-direction:column;gap:4px;padding:6px 15px 10px;display:flex}.pp-ustock-line1{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pp-ustock-line2{align-items:center;gap:6px;display:flex}.pp-ustock-label{color:var(--text-dim);flex-shrink:0;font-size:11px}.pp-ustock-val{color:var(--gold);flex-shrink:0;font-size:13px;font-weight:600}.pp-ustock-avail{font-size:14px}.pp-ustock-avail--empty{color:#f55}.pp-ustock-avail:not(.pp-ustock-avail--empty){color:#7fd88f}.pp-ustock-sep{color:var(--text-dim);opacity:.4;font-size:11px}.pp-ustock-none{color:var(--text-dim);opacity:.45;font-size:11px}.pp-ustock-used{color:#f08878;flex-shrink:0;font-size:13px;font-weight:600}.pp-umodal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 15px;display:flex}.pp-commander-btn{color:#c8a050d9;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:#321e05cc;border:1px solid #c8a03c4d;border-radius:4px;padding:2px 8px;font-size:9px}.pp-commander-btn:hover{color:#f0c040;background:#503208;border-color:#f0c04080}@media (width<=1023px) and (height<=460px){.pp-subbar{gap:6px;padding:6px 12px}.pp-col-lbls,.pp-grid{gap:5px}.pp-slot{aspect-ratio:4/3}.pp-col-lbl{padding-bottom:2px;font-size:7px}.pp-umodal-box{max-height:92vh;overflow-y:auto}.pp-unit-type-grid{gap:4px;padding:8px 12px}.pp-utype-btn{padding:7px 4px}.pp-unit-count-row{padding:5px 12px 9px}}#party-panel .game-modal-body:has(.pp-subbar){padding-bottom:0;overflow:hidden}#party-panel .base-panel-content{flex-direction:column;height:100%;display:flex;position:relative}#gar-pp-embed{position:relative}#party-panel .base-panel-content,.gar-pp-embed,.pp-body,.pp-columns,.pp-col-grid,.pp-col-right,.pp-summary,.pp-col-generals{min-width:0;min-height:0}.pp-subbar{gap:5px;height:53px;padding:4px 9px}.pp-order-tabs{scrollbar-width:none;white-space:nowrap;min-width:0;overflow:auto hidden}.pp-order-tabs::-webkit-scrollbar{display:none}.pp-order-state{color:#e4d9bc;align-self:center;font-size:12px}.pp-order-tab{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;min-width:77px;height:44px;padding:2px 6px;line-height:1.1;display:flex}.pp-tab-label{font-size:12px;font-weight:700}.pp-tab-state{color:#c0d3c5;font-size:11px}.pp-order-tab.has-zero{box-shadow:none;background:#462d2a;border-color:#cf8579;animation:none}.pp-order-tab.has-zero .pp-tab-state{color:#ffd0c5}.pp-clear-troops-btn,.pp-auto-troops-btn,.pp-save-btn{flex:none;min-height:44px;font-size:12px;font-weight:700}.pp-save-btn{min-width:105px;font-size:14px}.pp-subbar button:disabled{opacity:.55;cursor:default}.pp-body{overflow:hidden}.pp-load-error{color:#f1dfbd;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;height:100%;padding:18px 20px;display:flex}.pp-load-error strong{font-size:16px}.pp-load-error p{color:#c4d0c1;margin:0;font-size:12px}.pp-load-error button{color:#f7e6bd;background:#354c3a;border:1px solid #cdb471;border-radius:5px;min-height:44px;padding:7px 15px;font-size:14px}.pp-columns{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);overflow:hidden}.pp-col-grid{border-right:1px solid var(--border);flex-direction:column;padding:7px 9px;display:flex;overflow:hidden}.pp-grid-head{color:#dbc99f;justify-content:space-between;gap:5px;margin-bottom:3px;font-size:11px;display:flex}.pp-col-lbls{flex:none;gap:5px;margin-bottom:4px}.pp-col-lbl{letter-spacing:0;border-radius:4px;padding:3px 0;font-size:12px}.pp-col-lbl[data-lane=rear]{background:rgba(var(--lane-rear-rgb), .17);border-bottom-color:var(--lane-rear)}.pp-col-lbl[data-lane=mid]{background:rgba(var(--lane-mid-rgb), .17);border-bottom-color:var(--lane-mid)}.pp-col-lbl[data-lane=van]{background:rgba(var(--lane-van-rgb), .17);border-bottom-color:var(--lane-van)}.pp-col-lbl[data-lane=van]:after{content:""}.pp-col-grid .formation-3x3-wrap{flex:1;width:100%;min-height:0;display:flex}.pp-grid{z-index:1;grid-template-rows:repeat(3,minmax(66px,1fr));grid-auto-rows:unset;overscroll-behavior:contain;flex:1;gap:5px;min-height:0;position:relative;overflow-y:auto}.pp-slot{aspect-ratio:auto;text-align:left;min-width:0;height:100%;min-height:44px;color:var(--text);font:inherit;flex-direction:row;align-items:center;gap:5px;padding:4px;display:flex}.pp-slot[data-lane=rear]{background:linear-gradient(145deg, rgba(var(--lane-rear-rgb), .29), rgba(var(--lane-rear-rgb), .13));border-color:rgba(var(--lane-rear-rgb), .7)}.pp-slot[data-lane=mid]{background:linear-gradient(145deg, rgba(var(--lane-mid-rgb), .28), rgba(var(--lane-mid-rgb), .12));border-color:rgba(var(--lane-mid-rgb), .7)}.pp-slot[data-lane=van]{background:linear-gradient(145deg, rgba(var(--lane-van-rgb), .29), rgba(var(--lane-van-rgb), .13));border-color:rgba(var(--lane-van-rgb), .72)}.pp-slot-empty{border-style:dashed;justify-content:center}.pp-slot-plus{color:#e2c58e;white-space:nowrap;font-size:12px;font-weight:700}.pp-slot-portrait{aspect-ratio:3/4;border:1px solid var(--rar-bd);border-radius:3px;flex:none;width:clamp(27px,5vw,42px);height:auto;position:relative}.pp-slot-img,.pp-slot-img-ph{object-fit:cover;object-position:center 20%;width:100%;height:100%;position:absolute;inset:0}.pp-slot-portrait .pp-slot-img{height:100%}.pp-slot-img-ph{color:#d9c79f;place-items:center;font-size:18px;display:grid}.pp-slot-copy{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.pp-slot-title{align-items:center;gap:4px;min-width:0;display:flex}.pp-slot-name{min-width:0;font-size:13px}.pp-slot-commander{color:#ffdb85;font-size:11px}.pp-slot-rar{font-size:10px}.pp-slot-unit-level,.pp-unit-cnt{color:#eadfc7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pp-unit-cnt.pp-unit-zero{color:#ffc0b3;font-weight:700}.pp-slot.pp-slot-zero-troop{outline:2px solid #e69b8c;animation:none}.pp-slot-unknown{border-style:dashed}.pp-slot-unknown .pp-slot-copy{padding:3px}.pp-slot-unknown .pp-slot-name{white-space:normal;line-height:1.1}.pp-data-error{color:#ffe1d7;background:#4a302c;border:1px solid #d8877c;border-radius:4px;margin:7px 0;padding:7px;font-size:12px}.pp-data-error button,.pp-work-scroll #pp-generals-retry{color:#fff0d5;background:#633f35;border:1px solid #d9ad85;border-radius:4px;min-height:36px;margin-left:5px;font-size:12px}.pp-slot-filled{touch-action:none}.pp-slot.dragging{opacity:.35;transform:none}.pp-slot.drag-over{filter:brightness(1.2);box-shadow:inset 0 0 0 3px #fff0b5}.pp-drag-ghost{z-index:1500;pointer-events:none;color:#fff0c7;background:#21392e;border:2px solid #ffe3a5;border-radius:5px;padding:7px 12px;font-size:12px;position:fixed;box-shadow:0 10px 20px #000b}.pp-unsaved-guard{z-index:30;background:#06100cc9;place-items:center;padding:10px;display:grid;position:absolute;inset:0}.pp-unsaved-card{color:#f4e5c1;background:#1d3429;border:1px solid #ddbc78;border-radius:8px;width:min(360px,100%);padding:14px}.pp-unsaved-card strong{font-size:15px}.pp-unsaved-card p{margin:5px 0 12px;font-size:12px}.pp-unsaved-card div{gap:5px;display:flex}.pp-unsaved-card button{color:#f2dfb7;background:#344b39;border:1px solid #b6a071;border-radius:4px;flex:1;min-height:40px;padding:3px;font-size:12px}.pp-col-right{background:#101f1b;flex-direction:column;display:flex;overflow:hidden}.pp-summary{overscroll-behavior:contain;flex:1;padding:9px 12px;overflow-y:auto}.pp-summary.hidden,.pp-col-generals.hidden{display:none}.pp-col-info,.pp-col-synergy{border:0;height:auto;padding:0;overflow:visible}.pp-col-info{margin-bottom:10px}.pp-summary-head{color:#f3dfae;justify-content:space-between;align-items:center;gap:5px;margin-bottom:8px;font-size:14px;display:flex}.pp-summary-head span{color:#b8d5c0;font-size:11px}.pp-zero-jump{color:#ffe1d7;text-align:left;background:#51352f;border:1px solid #d8877c;border-radius:4px;width:100%;min-height:35px;margin-top:7px;padding:5px 8px;font-size:12px;display:block}.pp-commander-line{color:#e4d1a5;align-items:center;gap:7px;margin-top:8px;font-size:12px;display:flex}.pp-commander-line strong{color:#f3dfae}.pp-commander-line button{color:#f0d58e;background:0 0;border:0;min-height:32px;margin-left:auto;font-size:12px}.pp-commander-option{color:#f1e4c4;text-align:left;background:#284337;border:1px solid #9e936f;border-radius:4px;width:100%;min-height:44px;margin-bottom:5px;padding:6px 10px;font-size:13px;display:block}.pp-commander-option.active{background:#53462d;border-color:#f1cc75}.pp-syn-summary-head{color:#efdba9;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.pp-syn-summary-head button{color:#f1d68d;background:0 0;border:0;min-height:36px;font-size:12px}.pp-syn-summary-text{color:#ccd7c8;font-size:12px;line-height:1.4}.pp-syn-group{font-size:12px}.pp-syn-progress{font-size:11px}.pp-syn-effect{font-size:12px}.pp-col-title{letter-spacing:0;margin-bottom:7px;padding-bottom:5px;font-size:14px}.pp-info-list{gap:5px}.pp-info-row{background:#24392f;border:1px solid #89795b77;border-radius:4px;padding:4px 7px}.pp-info-lbl{font-size:11px}.pp-info-val{font-size:13px}.pp-info-note{color:#b9cbb8;font-size:11px;line-height:1.3}.pp-col-generals{border:0;flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.pp-work-head,.pp-picker-hd{border-bottom:1px solid var(--border);color:#f6e2ad;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:39px;padding:0 12px;font-size:14px;display:flex}.pp-work-head button,.pp-picker-hd button{color:#eee0bd;background:0 0;border:0;min-width:40px;min-height:36px;font-size:18px}.pp-work-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:9px 12px;overflow-y:auto}.pp-detail-hero{border:1px solid #ab9262;border-radius:5px;align-items:center;gap:9px;padding:7px;display:flex}.pp-detail-hero img{object-fit:cover;width:42px;height:49px}.pp-detail-hero strong{color:#f5dfab;font-size:14px}.pp-detail-hero p{color:#d9dacb;margin:2px 0;font-size:11px}.pp-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.pp-detail-actions button{color:#f1e0b9;background:#284236;border:1px solid #a18a5e;border-radius:5px;min-height:40px;font-size:12px}.pp-readonly-note{color:#e8c88c;font-size:12px}.pp-picker{border:0;border-radius:0;flex:1;min-height:0}.pp-picker-hd{padding:0 10px}.pp-picker-controls{flex:none;padding:5px 7px}.pp-picker-controls.expanded{overscroll-behavior:contain;flex:none;height:min(140px,100% - 95px);min-height:0;padding-top:0;padding-bottom:0;overflow-y:auto}.pp-picker-controls.expanded :is(#pp-picker-search,.pp-sort-current,.pp-grade-tabs,.pp-faction-tabs){display:none}.pp-picker-controls.expanded .pp-sort-btn{flex:1}.pp-picker-controls.expanded .pp-picker-advanced,.pp-picker-controls.expanded #pp-advanced-filter-btn{display:none}.pp-picker-controls.expanded #pp-filter-panel{padding:0}.pp-picker-controls.expanded .pp-sort-directions{margin-top:0}.pp-picker-filter-row{gap:5px;display:flex}.pp-picker-filter-row input{color:#f1e6d0;background:#101f1b;border:1px solid #8e805f;border-radius:4px;flex:1;min-width:0;height:32px;padding:0 7px;font-size:12px}.pp-picker-filter-row .pp-sort-btn{color:#ffe8b0;white-space:nowrap;background:#334637;border:1px solid #b9a064;border-radius:4px;width:auto;min-width:130px;min-height:32px;padding:3px 6px;font-size:12px}#pp-advanced-filter-btn{color:#e9e4cf;background:#294033;border:1px solid #8e987d;border-radius:4px;min-width:45px;min-height:32px;padding:2px 5px;font-size:12px;display:none}.pp-sort-current{color:#e2d4a9;margin:4px 0;font-size:11px}.pp-sort-compact{display:none}.pp-sort-keys{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.pp-sort-key,.pp-sort-directions button{color:#e9e4cf;background:#294033;border:1px solid #8e987d;border-radius:4px;min-height:32px;padding:2px;font-size:12px}.pp-sort-key.active,.pp-sort-directions button.active{color:#fff1c9;background:#665334;border-color:#f0d184}.pp-sort-directions{gap:5px;margin-top:5px;display:flex}.pp-sort-directions button{flex:1}.pp-sort-directions button:disabled{opacity:.45}#pp-filter-panel{max-height:min(40vh,170px);padding:5px;overflow-y:auto}#pp-filter-panel p{color:#cbd7c4;margin:5px 0 0;font-size:11px}.pp-grade-tabs,.pp-faction-tabs{gap:3px;overflow-x:auto}.pp-grade-tab,.pp-faction-tab{flex:1;min-width:35px;min-height:28px;font-size:12px}.pp-picker-list{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;overflow-y:auto}.pp-pick-item{text-align:left;color:#eee7d3;width:100%;min-height:56px}.pp-pick-item img{object-fit:cover;flex:none;width:39px;height:44px}.pp-pick-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pp-pick-name{min-width:0}.pp-pick-name small{color:#b7c3b1;font-size:11px;font-weight:400}.pp-pick-sort-value{color:#f2d58c;font-size:11px;font-weight:700}.pp-pick-disabled{opacity:.7;cursor:not-allowed}.pp-pick-badge{color:#e7bb98;font-size:11px}.pp-unit-modal{z-index:20;background:#10211d;align-items:stretch;width:48%;inset:0 0 0 auto}.pp-unit-modal .pp-umodal-box{border-radius:0;flex-direction:column;width:100%;height:100%;max-height:100%;display:flex;overflow:hidden}.pp-umodal-hd{flex:none;padding:4px 10px}.pp-umodal-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.pp-current-loadout{color:#f2dfb4;background:#273d30;border:1px solid #ad9461;border-radius:4px;margin:8px 10px 4px;padding:6px 8px;font-size:12px;font-weight:700}.pp-unit-section-label{color:#dfc897;margin:7px 10px 3px;font-size:12px;font-weight:700}.pp-unit-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 10px}.pp-ulevel-row{overscroll-behavior-x:contain;flex-wrap:nowrap;gap:5px;padding:3px 10px 6px;display:flex;overflow-x:auto}.pp-ulvl-btn{text-align:left;opacity:1;flex:none;min-width:105px;min-height:44px;font-size:12px}.pp-ulvl-btn strong,.pp-ulvl-btn small{display:block}.pp-ulvl-btn small{color:#d0d2c6;margin-top:3px;font-size:11px}.pp-ulvl-empty{opacity:1;color:#ffc4ad;font-size:12px}.pp-level-effect,.pp-slot-max,.pp-unit-error{margin:3px 10px 6px;font-size:11px;line-height:1.3}.pp-level-effect{color:#f2e0b4;background:#3a392a;border-left:3px solid #e8b84b;padding:5px 7px}.pp-slot-max{color:#c4d0bd}.pp-unit-error{color:#ffc1b3;flex:none}.pp-unit-count-row{flex:none;padding:4px 10px}.pp-unit-count-row label{white-space:nowrap;font-size:12px}.pp-utype-btn,.pp-ulvl-btn{font-size:12px}.pp-utype-btn{min-height:36px}.pp-unit-modal .pp-utype-btn{color:#f2e9d6}.pp-unit-modal .pp-utype-grade{color:var(--apt-color);opacity:1}.pp-umodal-hd button{min-width:40px;min-height:36px}.pp-umodal-footer{flex:none;padding:5px 10px}.pp-umodal-footer button{min-width:88px;min-height:44px;font-size:14px}@media (width>=1024px) and (height>=461px){.pp-col-grid .formation-3x3-wrap{flex:0 340px}.pp-grid{grid-template-rows:repeat(3,minmax(96px,1fr))}.pp-slot{gap:8px;padding:6px}.pp-slot-portrait{width:56px}.pp-slot-name{font-size:16px}.pp-slot-unit-level,.pp-unit-cnt,.pp-slot-plus{font-size:14px}.pp-slot-rar{font-size:11px}}@media (width<=700px) and (orientation:landscape){#party-panel .game-modal-header{min-height:42px;padding:1px 8px}.pp-subbar{height:44px;padding:2px 6px}.pp-order-tab{min-width:73px;height:40px}.pp-clear-troops-btn,.pp-auto-troops-btn,.pp-save-btn{min-height:40px;padding:2px 5px}.pp-col-grid{padding:1px 5px}.pp-grid-head{display:none}.pp-col-lbls{margin-bottom:1px}.pp-col-lbl{padding:0;line-height:14px}.pp-grid{gap:3px}.pp-slot{gap:4px;padding:3px}.pp-slot-portrait{width:27px}.pp-slot-name{font-size:12px}.pp-slot-rar{z-index:2;text-shadow:0 1px #000;background:#10211de6;border-radius:2px;padding:0 2px;position:absolute;top:2px;left:4px}.pp-picker-hd,.pp-work-head{min-height:32px}#pp-advanced-filter-btn{display:block}.pp-sort-full{display:none}.pp-sort-compact{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pp-picker-advanced:not(.open){display:none}.pp-picker-controls.advanced-open:not(.expanded){height:min(73px,100% - 89px);overflow-y:auto}.pp-picker-list{padding:3px 5px}.pp-pick-item{min-height:52px}.pp-unit-type-grid{padding:5px}.pp-umodal-hd{padding:2px 6px}.pp-umodal-footer{gap:5px;padding:0 5px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.mp-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:5px 12px;display:flex}.mp-title{color:var(--gold);flex:1;font-size:13px;font-weight:700}.base-panel-list #mp-content:has(>.mp-body){flex-direction:column;height:100%;min-height:0;display:flex}.mp-body{flex:1;min-height:0;display:flex;overflow:hidden}.mp-sidebar{border-right:1px solid var(--border);background:#0a060299;flex-direction:column;flex-shrink:0;width:110px;display:flex;overflow-y:auto}.mp-cat-btn{min-height:44px;color:var(--text-dim);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #f0c0400f;align-items:center;gap:6px;padding:11px 10px;font-size:12px;display:flex;position:relative}.mp-cat-btn:active{background:#28180899}.mp-cat-btn.active{color:var(--gold);border-left:2px solid var(--gold);background:#3c240acc}.mp-cat-icon{flex-shrink:0;font-size:14px}.mp-cat-icon img{object-fit:contain;vertical-align:middle;width:14px;height:14px}.mp-cat-label{flex:1;font-size:12px;line-height:1.3}.mp-cat-badge{background:var(--red-light);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:inline-flex}.mp-list-wrap{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.mp-list-body{flex-direction:column;flex:1;gap:4px;min-height:0;padding:6px 8px;display:flex;overflow-y:auto}.mp-mail-row{cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#140c0499;border:1px solid #f0c04014;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;display:flex}.mp-mail-row:active{background:#281808cc}.mp-mail-row.unread{background:#181004cc;border-color:#f0c04033}.mp-mail-row.expired{opacity:.5}.mp-check{cursor:pointer;flex-shrink:0;width:15px;height:15px}.mp-mail-info{flex:1;min-width:0}.mp-mail-title-row{align-items:center;gap:5px;min-width:0;display:flex}.mp-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px}.mp-mail-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.mp-attach-icon{flex-shrink:0;font-size:11px}.mp-attach-claimed{color:#6fbf73}.mp-expired-tag{color:#e08040;flex-shrink:0;font-size:9px}.mp-mail-date{color:var(--text-dim);flex-shrink:0;margin-left:auto;font-size:10px}.mp-mail-preview{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.mp-actions{border-top:1px solid var(--border);background:#0a060280;flex-shrink:0;gap:6px;padding:8px 10px;display:flex}.mp-act-btn{min-height:44px;color:var(--text);cursor:pointer;transition:background var(--transition-fast);background:#281808cc;border:1px solid #f0c04033;border-radius:6px;flex:1;padding:9px 0;font-size:12px}.mp-act-btn:active{background:#3c240c}.mp-act-del{color:#e09060;border-color:#c850284d}.mp-act-del-all{color:#f0a080;background:#781e0a99;border-color:#c83c1480}.mp-act-del-all:active{background:#a0280acc}.mp-unread-badge{background:var(--red-light);color:#fff;vertical-align:middle;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.mp-type-badge{border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.mp-type-battle_report{color:#e08080;background:#b4282840;border:1px solid #b428284d}.mp-type-system{color:#90a8e0;background:#3c50a040;border:1px solid #3c50a04d}.mp-type-guild{color:#80c090;background:#288c3c40;border:1px solid #288c3c4d}.mp-type-season_reward{color:#d0a060;background:#a0641440;border:1px solid #a064144d}.mp-type-item_attachment{color:#c090e0;background:#6428a040;border:1px solid #6428a04d}.mp-detail-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}#mail-panel .gp-header .gp-back-btn{min-height:44px}.mp-detail-title{color:var(--gold);margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.4}.mp-detail-body{color:var(--text);border:1px solid var(--border);white-space:pre-wrap;background:#0e080299;border-radius:6px;padding:10px;font-size:13px;line-height:1.7}.mp-items-box{background:#140a1e80;border:1px solid #a050c833;border-radius:6px;flex-direction:column;gap:5px;margin-bottom:10px;padding:10px;display:flex}.mp-item-row{color:var(--text);justify-content:space-between;font-size:13px;display:flex}.mp-claim-btn{margin-top:4px}.mp-detail-actions{margin-top:16px}.mp-battle-log-section{border:1px solid #c878284d;border-radius:6px;margin-top:12px;overflow:hidden}.mp-battle-log-loading,.mp-battle-log-error{color:var(--dim);text-align:center;padding:12px;font-size:12px}.mp-battle-log-error{color:#e08040}.mp-battle-log-section-inner{padding:10px 12px}.mp-settlement-pending{text-align:center;background:#82642324;border:1px solid #d2a5465c;border-radius:6px;padding:14px 12px}.mp-settlement-pending-title{color:var(--gold);font-size:13px;font-weight:700}.mp-settlement-pending-body{color:var(--text-dim);margin-top:5px;font-size:12px}.mp-settlement-failed{background:#82282329;border-color:#d250466b}.mp-settlement-failed .mp-settlement-pending-title{color:var(--danger,#e06b60)}.mp-blog-title{color:var(--gold);letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:700}.mp-blog-summary{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.mp-blog-winner{border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700}.mp-blog-winner.attacker{color:#80aaf0;background:#508cdc40}.mp-blog-winner.defender{color:#f08080;background:#dc505040}.mp-blog-winner.draw{color:#cfcfcf;background:#bebebe33}.mp-blog-type{color:var(--dim);font-size:12px}.mp-terrain-chip{color:#a8d080;background:#50783c40;border:1px solid #78b45059;border-radius:4px;padding:1px 7px;font-size:11px}.mp-rounds-chip{color:#90b0e0;background:#3c507840;border:1px solid #5078c859;border-radius:4px;padding:1px 7px;font-size:11px}.mp-blog-troop-pre{color:var(--text-dim);font-size:12px}.mp-blog-sides{color:#d8c9a0;font-size:13px}.mp-blog-sides strong:first-child{color:#80aaf0}.mp-blog-sides strong:last-child{color:#f08080}.mp-blog-event-disabled{color:#aaa;background:#50505026;font-style:italic}.mp-blog-conclusion{background:#281e0a8c;border:1px solid #b48c3c73;border-radius:6px;margin-top:12px;padding:12px 14px}.mp-blog-conclusion-title{color:#d8b870;margin-bottom:8px;font-size:14px;font-weight:700}.mp-blog-conclusion-title strong.attacker{color:#80aaf0}.mp-blog-conclusion-title strong.defender{color:#f08080}.mp-blog-conclusion-title strong.draw{color:#cfcfcf}.mp-blog-conclusion-body{color:var(--text);font-size:13px;line-height:1.55}.mp-blog-conc-list{margin:6px 0 8px;padding-left:18px}.mp-blog-conc-list li{margin-bottom:2px}.mp-blog-conc-loss-pair{gap:10px;margin-top:10px;display:flex}.mp-blog-conc-loss{border-radius:5px;flex:1;padding:8px 10px;font-size:12px;line-height:1.55}.mp-blog-conc-loss.winner{color:#b8d0f0;background:#508cdc1f;border:1px solid #78aae673}.mp-blog-conc-loss.loser{color:#f0b8b8;background:#dc50501a;border:1px solid #dc787873}.mp-blog-conc-loss.draw{color:#d0d0d0;background:#bebebe17;border:1px solid #bebebe66}.mp-blog-conc-side-label{margin-bottom:4px;font-weight:700}.mp-blog-conc-reason{color:#d8c9a0;background:#ffdc7814;border-left:3px solid #ffdc7880;margin-bottom:10px;padding:6px 10px;font-size:13px}.mp-blog-conc-slot-pair{gap:10px;margin-bottom:10px;display:flex}.mp-blog-conc-slots{border-radius:5px;flex:1;padding:8px 10px;font-size:12px;line-height:1.55}.mp-blog-conc-slots.winner{background:#508cdc1a;border:1px solid #78aae659}.mp-blog-conc-slots.loser{background:#dc505014;border:1px solid #dc787859}.mp-blog-conc-slots.draw{background:#bebebe12;border:1px solid #bebebe52}.mp-blog-conc-slots .mp-blog-conc-list{margin:4px 0 0;padding-left:18px}.mp-blog-conc-slots .mp-blog-conc-list li{margin-bottom:2px}.mp-blog-conc-annihilated{color:#ff6060;font-size:11px;font-weight:700}.mp-blog-stats{gap:12px;margin-bottom:10px;display:flex}.mp-blog-side{border:1px solid var(--border);color:var(--text);background:#0e080280;border-radius:6px;flex:1;padding:8px 10px;font-size:12px;line-height:1.8}.mp-blog-side-label{color:var(--dim);margin-bottom:2px;font-size:11px}.mp-blog-side.attacker .mp-blog-side-label{color:#7090d0}.mp-blog-side.defender .mp-blog-side-label{color:#d07070}.mp-zone-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.mp-zone-chip{color:#80c090;background:#50a0642e;border:1px solid #50a06466;border-radius:10px;padding:1px 6px;font-size:10px}.mp-blog-metrics{border:1px solid var(--border);background:#0e080280;border-radius:6px;margin-bottom:10px;padding:8px 10px}.mp-blog-metrics-title{color:var(--gold);margin-bottom:5px;font-size:11px;font-weight:700}.mp-blog-metric{color:var(--text);align-items:baseline;gap:8px;font-size:12px;line-height:1.7;display:flex}.mp-blog-metric-k{min-width:74px;color:var(--dim);flex:none;font-size:11px}.mp-blog-metric-v{overflow-wrap:anywhere;flex:auto;min-width:0}.mp-blog-metrics-note{margin-top:4px;font-size:10px}.mp-synergy-chip{border-radius:10px;align-items:center;gap:4px;margin:2px 3px 0 0;padding:1px 6px;font-size:10px;display:inline-flex}.mp-synergy-chip em{opacity:.75;font-size:9px;font-style:normal}.mp-synergy-standing{color:#90b0e0;background:#648cc82e;border:1px solid #648cc866}.mp-synergy-once{color:#e0b070;background:#c896462e;border:1px solid #c8964673}.mp-blog-groups{flex-direction:column;gap:6px;display:flex}.mp-blog-group{border:1px solid var(--border);border-radius:5px;overflow:hidden}.mp-blog-group-label{color:var(--gold);border-bottom:1px solid var(--border);background:#1e1206cc;padding:4px 10px;font-size:11px;font-weight:700}.mp-blog-event{color:var(--text);border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.mp-blog-event:last-child{border-bottom:none}.mp-blog-event.mp-blog-event-attacker{background:#5078c833}.mp-blog-event.mp-blog-event-defender{background:#c8505033}.mp-formation-section{border:1px solid var(--border);border-radius:6px;margin-bottom:12px;overflow:hidden}.mp-formation-title{color:var(--gold);border-bottom:1px solid var(--border);background:#1e1206e6;padding:5px 10px;font-size:12px;font-weight:700}.mp-formation-pair{background:#0a060280;align-items:flex-start;gap:6px;padding:8px;display:flex}.mp-formation-side{flex:1;min-width:0}.mp-formation-vs{color:var(--dim);flex-shrink:0;align-self:center;font-size:14px;font-weight:700}.mp-3x3-header{text-align:center;border-radius:3px;margin-bottom:4px;padding:3px 0;font-size:11px;font-weight:700}.mp-3x3-header.attacker{color:#80aaf0;background:#5078c826}.mp-3x3-header.defender{color:#f08080;background:#c8505026}.mp-3x3-empty{color:var(--dim);text-align:center;padding:10px;font-size:11px}.mp-3x3-lane-labels{gap:2px;margin-bottom:2px;display:flex}.mp-3x3-lane-labels span{text-align:center;color:var(--dim);flex:1;font-size:9px}.mp-3x3-vanguard{color:var(--lane-van);font-weight:700}.mp-3x3-mid{color:var(--lane-mid)}.mp-3x3-rear{color:var(--lane-rear)}.mp-3x3-lane-labels span.mp-3x3-vanguard{color:var(--lane-van);font-weight:700}.mp-3x3-lane-labels span.mp-3x3-mid{color:var(--lane-mid)}.mp-3x3-lane-labels span.mp-3x3-rear{color:var(--lane-rear)}.mp-3x3-grid{flex-direction:column;gap:2px;display:flex}.mp-3x3-row{align-items:center;gap:2px;display:flex}.mp-3x3-cell{border:1px solid #ffffff0f;border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;height:52px;padding:2px;display:flex;position:relative;overflow:hidden}.mp-3x3-cell.empty{background:#ffffff05;border-style:dashed}.mp-3x3-cell.player{background:#141e3299;border-color:#508cdc4d}.mp-3x3-cell.npc{background:#1e140a99;border-color:#b4783c4d}.mp-3x3-cell.mp-3x3-lane-van{border-color:var(--lane-van-line)}.mp-3x3-cell.mp-3x3-lane-mid{border-color:var(--lane-mid-line)}.mp-3x3-cell.mp-3x3-lane-rear{border-color:var(--lane-rear-line)}.mp-3x3-name{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:10px;font-weight:700;overflow:hidden}.mp-3x3-unitline{white-space:nowrap;justify-content:center;align-items:center;gap:3px;min-width:0;max-width:100%;display:flex;overflow:hidden}.mp-3x3-unit{color:var(--text-dim);text-align:center;text-overflow:ellipsis;min-width:0;font-size:9px;overflow:hidden}.mp-3x3-count{color:var(--gold);text-align:center;text-overflow:ellipsis;min-width:0;font-size:9px;overflow:hidden}.mp-unit-icon{vertical-align:middle;width:12px;height:12px;margin-right:1px}.mp-3x3-grid .mp-3x3-row{align-items:stretch}.mp-3x3-grid .mp-3x3-cell{height:auto;min-height:52px}.mp-3x3-stats{border-top:1px solid #ffffff14;width:100%;margin-top:1px;padding-top:1px}.mp-3x3-stats-label{color:var(--dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.3;overflow:hidden}.mp-3x3-stats-row{white-space:nowrap;justify-content:center;align-items:center;gap:4px;display:flex;overflow:hidden}.mp-3x3-stat{color:var(--text);font-size:9px}.mp-3x3-stat em{color:var(--dim);margin-right:2px;font-style:normal}.mp-3x3-stats[data-stat-kind=effective] .mp-3x3-stats-label{color:#90b0e0}.mp-scout-summary{z-index:2;border:1px solid var(--border);background:#140c04f5;border-radius:6px;margin-bottom:8px;padding:5px 8px;position:sticky;top:0}.mp-scout-summary-main{color:var(--gold);font-size:12px;font-weight:700}.mp-scout-summary-sub{margin-top:2px;font-size:10px}.mp-scout-3d{margin:0 8px 8px}.mp-scout-3d-picker{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.mp-scout-3d-tab{min-height:28px;color:var(--text-secondary);border:1px solid var(--border);background:#140c04e6;border-radius:4px;padding:2px 8px;font-size:11px}.mp-scout-3d-tab.active{color:var(--gold);border-color:var(--gold)}.mp-scout-3d-stage{border:1px solid var(--border);background:#0a080499;border-radius:6px;height:200px;position:relative;overflow:hidden}.mp-scout-3d-mount{visibility:hidden;position:absolute;inset:0}.mp-scout-3d-mount.ready{visibility:visible}.mp-scout-3d-mount canvas{width:100%;height:100%;display:block}.mp-scout-3d-status{color:var(--text-secondary);pointer-events:none;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.mp-scout-3d-note{margin-top:3px;font-size:10px;line-height:1.5}.mp-scout-lane-summary{gap:6px;margin-bottom:4px;padding:4px 8px 0;font-size:10px;display:flex}.mp-scout-col-labels{gap:2px;margin-bottom:2px;display:flex}.mp-scout-col-labels span{text-align:center;color:var(--dim);flex:1;font-size:9px}.mp-scout-col-labels .mp-scout-corner{flex:0 0 22px}.mp-scout-col-labels span.mp-3x3-vanguard{color:var(--lane-van);font-weight:700}.mp-scout-col-labels span.mp-3x3-mid{color:var(--lane-mid)}.mp-scout-col-labels span.mp-3x3-rear{color:var(--lane-rear)}.mp-scout-grid{flex-direction:column;gap:2px;padding:0 8px;display:flex}.mp-scout-grid>.formation-3x3-wrap{flex-direction:column;gap:2px;display:flex}.mp-scout-grid .mp-3x3-unit,.mp-scout-grid .mp-3x3-count{font-size:11px}.mp-scout-row{align-items:center;gap:2px;display:flex}.mp-scout-row-label{color:var(--dim);text-align:center;flex:0 0 22px;font-size:9px}.mp-scout-note{color:var(--dim);padding:6px 8px 8px;font-size:10px;line-height:1.5}:root[data-layout=square] .mp-scout-grid .mp-3x3-cell{height:46px}.mp-loot-section{background:#783c002e;border:1px solid #f0a02859;border-radius:6px;margin-bottom:12px;padding:8px 12px}.mp-loot-title{color:#d4a040;letter-spacing:.4px;margin-bottom:7px;font-size:11px;font-weight:700}.mp-loot-grid{flex-wrap:wrap;gap:6px;display:flex}.mp-loot-item{background:#0a060280;border:1px solid #f0a02833;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;display:flex}.mp-loot-icon{font-size:13px;line-height:1}.mp-loot-label{color:var(--text-dim);font-size:10px}.mp-loot-val{color:#f0c060;font-size:12px;font-weight:700}.mp-guild-invite-box{background:#14280a4d;border:1px solid #50a02859;border-radius:8px;flex-direction:column;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.mp-guild-invite-msg{color:var(--text);font-size:13px;line-height:1.7}.mp-guild-invite-actions{gap:8px;display:flex}.mp-invite-accept-btn,.mp-invite-decline-btn{border-radius:6px;flex:1;padding:9px 0;font-size:13px}.mp-guild-invite-result{text-align:center;font-size:12px}@media (width<=1023px) and (height<=460px){.mp-body{flex-direction:column;min-height:0}.mp-sidebar{border-right:none;border-bottom:1px solid var(--border);scrollbar-width:none;flex-flow:row;flex-shrink:0;width:100%;overflow:auto hidden}.mp-sidebar::-webkit-scrollbar{display:none}.mp-cat-btn{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;flex:none;padding:7px 12px}.mp-cat-btn.active{border-left:none;border-bottom:2px solid var(--gold)}.mp-cat-label{font-size:12px}.mp-scout-grid .mp-3x3-cell{height:40px}.mp-scout-summary{margin-bottom:6px;padding:4px 6px}.mp-scout-summary-main{font-size:11px}.mp-scout-lane-summary{margin-bottom:2px;padding:3px 6px 0}.mp-scout-note{padding:4px 6px 6px;line-height:1.4}.mp-scout-report-inner .mp-formation-section{margin-bottom:8px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.gp-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:5px 12px;display:flex}.gp-title{color:var(--gold);flex:1;font-size:13px;font-weight:700}.gp-back-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:0 6px;font-size:20px;line-height:1;display:flex}.gp-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:4px 6px;font-size:14px;display:flex}.gp-scroll{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.gp-loading,.gp-error,.gp-empty{text-align:center;color:var(--text-dim);padding:32px 0;font-size:13px}.gp-footer{border-top:1px solid var(--border);flex-shrink:0;padding:8px 12px 10px}.gp-btn{cursor:pointer;border-radius:8px;width:100%;padding:11px 0;font-size:14px;font-weight:700}#guild-panel .base-panel-content:has(.gp-no-guild-box){flex-direction:column;min-height:0;display:flex}#guild-panel #gp-content:has(.gp-no-guild-box){flex-direction:column;min-height:0;display:flex}#guild-panel #gp-content:has(.gp-no-guild-box){flex:1}#guild-panel .gp-scroll:has(.gp-no-guild-box){min-height:0}.gp-no-guild-box{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.gp-no-guild-icon{font-size:48px}.gp-no-guild-icon img{object-fit:contain;width:48px;height:48px}.gp-no-guild-msg{color:var(--text);font-size:15px;font-weight:700}.gp-no-guild-sub{color:var(--text-dim);font-size:12px;line-height:1.6}.gp-no-guild-btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:8px;display:grid}#guild-panel .gp-no-guild-btns .gp-btn{min-height:48px;font-size:14px}#guild-panel .gp-scroll:has(#gp-invitations-section:empty) .gp-no-guild-box{flex:1;justify-content:center}@media (width<=600px){.gp-no-guild-btns{grid-template-columns:minmax(0,1fr)}}@media (orientation:landscape) and (width<=1200px){body[data-tut-guide-modal="1"]:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)) #guild-panel .gp-no-guild-btns{width:calc(100% - var(--tut-guide-w,0px) - var(--tut-guide-gap,0px));margin-inline-start:calc(var(--tut-guide-w,0px) + var(--tut-guide-gap,0px))}}.gp-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.gp-tab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:13px}.gp-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.gp-member-list{flex-direction:column;gap:4px;display:flex}.gp-member-row{background:#140c048c;border:1px solid #f0c04014;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.gp-member-role{border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.gp-role-master{color:#f0c060;background:#f0a00033;border:1px solid #f0a00066}.gp-role-vice{color:#b090e0;background:#643cc833;border:1px solid #643cc866}.gp-role-member{color:#80b080;background:#28502833;border:1px solid #28502866}.gp-role-applicant{color:#a0a0a0;background:#50505033;border:1px solid #50505066}.gp-member-name{color:var(--text);flex:1;font-size:13px}.gp-member-power{color:var(--text-dim);flex-shrink:0;font-size:11px}.gp-member-count{color:var(--text-dim);text-align:right;margin-top:6px;font-size:11px}.gp-member-actions{flex-shrink:0;gap:4px;display:flex}.gp-action-btn{cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast);border:1px solid;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;line-height:1.4}.gp-action-btn:active{opacity:.7}.gp-action-approve{color:#80d080;background:#28782840;border-color:#28782880}.gp-action-reject,.gp-action-kick{color:#d08080;background:#78282840;border-color:#78282880}.gp-action-promote{color:#b0a0e0;background:#503ca040;border-color:#503ca080}.gp-action-demote{color:#a0a0a0;background:#3c3c3c40;border-color:#3c3c3c80}.gp-action-transfer{color:#f0c060;background:#c88c0033;border-color:#c88c0080}.gp-footer-row{gap:8px;display:flex}.gp-footer-row .gp-btn{flex:1}.gp-invite-section{border-top:1px solid var(--border);margin:12px 0 0;padding-top:10px}.gp-invite-title{color:var(--text-dim);margin-bottom:8px;font-size:12px}.gp-invite-title img,.gp-btn img{object-fit:contain;vertical-align:middle;width:14px;height:14px}.gp-invite-row{border:1px solid var(--border);background:#0e08028c;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;display:flex}.gp-invite-info{flex-direction:column;gap:2px;min-width:0;display:flex}.gp-invite-guild{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.gp-invite-from{color:var(--text-dim);font-size:11px}.gp-invite-actions{flex-shrink:0;gap:6px;display:flex}.gp-invite-form{flex-direction:column;gap:10px;display:flex}.gp-invite-search-row{align-items:center;gap:6px;display:flex}.gp-invite-input{border:1px solid var(--border);min-width:0;color:var(--text);box-sizing:border-box;background:#0e0802cc;border-radius:6px;flex:1;padding:9px 10px;font-size:13px}.gp-invite-search-btn{cursor:pointer;white-space:nowrap;width:auto;color:var(--gold);background:#503008e6;border-color:#f0c04099;border-radius:6px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:700}.gp-invite-search-btn:hover{border-color:var(--gold);background:#78480cf2}.gp-player-results{border:1px solid var(--border);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.gp-player-results:empty{display:none}.gp-player-hint{color:var(--text-dim);text-align:center;padding:10px 12px;font-size:12px}.gp-player-row{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #f0c0400f;align-items:center;padding:10px 14px;display:flex}.gp-player-row:last-child{border-bottom:none}.gp-player-row:hover{background:#3c240a99}.gp-player-row.selected{background:#28501466;border-left:3px solid #50a028b3}.gp-player-name{color:var(--text);font-size:13px}.gp-invite-send-btn{cursor:pointer;border-radius:8px;width:100%;padding:11px 0;font-size:14px;font-weight:700}.gp-member-contrib{color:var(--text-dim);white-space:nowrap;margin-left:auto;margin-right:8px;font-size:11px}.gp-announce-list{flex-direction:column;gap:8px;display:flex}.gp-announce-row{border:1px solid var(--border);background:#0e0802a6;border-radius:8px;padding:10px 12px}.gp-announce-pinned{background:#1e1204cc;border-color:#f0c04080}.gp-announce-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.gp-pin-badge{flex-shrink:0;font-size:12px}.gp-announce-title{color:var(--text);flex:1;font-size:13px;font-weight:600}.gp-pin-btn{color:#f0c040cc;cursor:pointer;background:#503c0a66;border:1px solid #f0c0404d;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:11px}.gp-pin-btn:hover{background:#785a0a80}.gp-announce-author{color:var(--text-dim);margin-bottom:5px;font-size:10px}.gp-announce-date{color:#f0c04099}.gp-announce-body{color:var(--text);white-space:pre-wrap;font-size:13px;line-height:1.6}.gp-hint{color:var(--text-dim);font-size:10px;font-weight:400}.gp-info-box{flex-direction:column;gap:6px;display:flex}.gp-info-row{color:var(--text);background:#140c048c;border-radius:6px;align-items:flex-start;gap:10px;padding:7px 10px;font-size:13px;display:flex}.gp-info-label{color:var(--text-dim);flex-shrink:0;min-width:60px}.gp-info-desc{align-items:flex-start}.gp-search-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.gp-search-icon{flex-shrink:0;font-size:14px}.gp-search-bar input{border:1px solid var(--border);min-width:120px;color:var(--text);background:#0e0802cc;border-radius:6px;flex:1;padding:7px 8px;font-size:12px}.gp-search-btn{flex-shrink:0;padding:7px 14px;font-size:12px}.gp-open-filter{color:var(--text-dim);cursor:pointer;flex-shrink:0;align-items:center;gap:4px;font-size:10px;display:flex}.gp-open-filter input{cursor:pointer}.gp-search-layout{flex:1;gap:0;display:flex;overflow:hidden}@media (width<=480px){.gp-search-layout{flex-direction:column}.gp-guild-table-wrap{border-bottom:1px solid #f0c0401a;border-right:none;flex:60%;min-height:0}.gp-guild-detail-panel{flex:none;width:100%;max-height:40%}}.gp-guild-table-wrap{border-right:1px solid #f0c0401a;flex-direction:column;flex:1;display:flex;overflow:hidden}.gp-guild-table-head{color:var(--text-dim);background:#140c04e6;border-bottom:1px solid #f0c0401f;flex-shrink:0;grid-template-columns:50px 1fr 60px 40px 60px;gap:0;padding:7px 10px;font-size:10px;font-weight:700;display:grid}.gp-guild-table-body{flex:1;overflow-y:auto}.gp-guild-table-row{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #f0c0400f;grid-template-columns:50px 1fr 60px 40px 60px;align-items:center;gap:0;padding:8px 10px;font-size:12px;display:grid}.gp-guild-table-row:active,.gp-guild-table-row.selected{background:#3c240ab3}.gp-col-region{color:var(--text-dim);font-size:10px}.gp-col-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.gp-col-master{color:var(--text-dim);font-size:11px}.gp-col-rank{color:var(--gold-dim);text-align:center}.gp-col-members{color:var(--text-dim);text-align:right;font-size:11px}.gp-guild-detail-panel{flex-direction:column;flex-shrink:0;gap:8px;width:160px;padding:10px;display:flex;overflow-y:auto}.gp-detail-title{color:var(--gold-dim);margin-bottom:2px;font-size:11px;font-weight:700}.gp-detail-text{color:var(--text-dim);word-break:break-all;flex:1;font-size:11px;line-height:1.6}.gp-detail-actions{gap:5px;display:flex}.gp-detail-btn{border-radius:5px;flex:1;padding:7px 4px;font-size:10px}.gp-apply-btn{margin-top:8px}.gp-form{flex-direction:column;gap:10px;display:flex}.gp-form-label{color:var(--text-dim);font-size:12px}.gp-req{color:var(--red-light)}.gp-form-input{border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;background:#0e0802cc;border-radius:6px;padding:9px 10px;font-size:13px}.gp-form-textarea{resize:vertical;min-height:72px;font-family:inherit}.gp-announce-textarea{min-height:120px}.gp-radio-group{color:var(--text);gap:16px;font-size:13px;display:flex}.gp-radio-group label{cursor:pointer;align-items:center;gap:5px;display:flex}.gp-form-hint{color:var(--text-dim);text-align:center;font-size:10px}.gp-emblem-preview{justify-content:center;padding:6px 0 2px;display:flex}.gp-emblem-preview svg{filter:drop-shadow(0 0 4px #f0c04066)}.gp-emblem-grid{grid-template-columns:repeat(8,1fr);gap:4px;padding:4px 0;display:grid}.gp-emblem-cell{cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff0a;border:1.5px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:3px;display:flex}.gp-emblem-cell:hover{background:#f0c0401a}.gp-emblem-cell.selected{border-color:var(--gold);background:#f0c0401f}.gp-color-grid{grid-template-columns:repeat(8,28px);gap:6px;padding:4px 0;display:grid}.gp-color-cell{cursor:pointer;width:28px;height:28px;transition:transform var(--transition-fast), border-color var(--transition-fast);border:2.5px solid #0000;border-radius:50%}.gp-color-cell:hover{transform:scale(1.15)}.gp-color-cell.selected{transform:scale(1.1)}.gp-emblem-custom-label{color:var(--gold);font-size:11px;font-weight:700;line-height:1}.gp-custom-input-wrap{margin:4px 0 6px}.gp-custom-char-input{text-align:center;max-width:72px;font-size:20px;font-weight:700}.gp-custom-hint{color:#ffffff80;margin-top:4px;font-size:11px}@media (width<=1023px) and (height<=460px){.gp-panel-header{padding:3px 10px}.gp-scroll{gap:5px;padding:8px 10px}.gp-footer{padding:6px 10px 7px}.gp-btn,.gp-invite-send-btn{padding:8px 0;font-size:13px}.gp-tabs .gp-tab{padding:7px 0;font-size:12px}.gp-no-guild-box{gap:6px;padding:18px 12px}.gp-no-guild-icon,.gp-no-guild-icon img{width:36px;height:36px;font-size:36px}.gp-no-guild-msg{font-size:13px}.gp-no-guild-sub{font-size:11px;line-height:1.45}.gp-member-list,.gp-announce-list{gap:3px}.gp-member-row,.gp-invite-row{padding:6px 8px}.gp-member-name,.gp-guild-table-row,.gp-player-name,.gp-announce-title,.gp-announce-body,.gp-info-row{font-size:12px}.gp-member-power,.gp-member-contrib,.gp-invite-from,.gp-announce-author{font-size:10px}.gp-action-btn{padding:2px 5px}.gp-search-bar{padding:5px 10px}.gp-search-bar input{padding:5px 7px}.gp-search-btn{padding:5px 10px}.gp-guild-table-head{padding:5px 8px}.gp-guild-table-row{padding:6px 8px}.gp-guild-detail-panel{gap:5px;padding:7px 8px}.gp-detail-text{line-height:1.4}.gp-detail-btn{padding:5px 3px}.gp-form,.gp-invite-form{gap:6px}.gp-form-input,.gp-invite-input{padding:6px 8px;font-size:12px}.gp-form-textarea{min-height:54px}.gp-announce-textarea{min-height:84px}.gp-announce-row{padding:7px 9px}.gp-info-row{gap:7px;padding:5px 8px}.gp-emblem-grid{gap:3px}.gp-color-grid{gap:4px}.gp-color-cell{width:24px;height:24px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.rp-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;display:flex;overflow-x:auto}.rp-tabs::-webkit-scrollbar{display:none}.rp-tab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:13px}.rp-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.rp-my-rank{background:linear-gradient(135deg,#3d280080,#1a100080);border-bottom:1px solid #f0c04033;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.rp-my-rank .rp-rank-num{color:var(--gold)}.rp-list{flex:1;padding:8px 0;overflow-y:auto}.rp-list.rp-list-ranked{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));grid-auto-flow:row;align-content:start;gap:6px;padding:4px 8px;display:grid}.rp-list-ranked>.rp-row{min-width:0}.rp-list-ranked>.base-panel-empty{grid-column:1/-1}.rp-row{transition:background var(--transition-fast);border-bottom:1px solid #f0c0400d;align-items:center;gap:10px;padding:9px 16px;display:flex}.rp-row.is-me{border-left:3px solid var(--gold-dim);background:#3d280059}.rp-rank-num{text-align:center;min-width:32px;color:var(--text-dim);font-size:13px;font-weight:700}.rp-rank-num.top1{color:#f0c040;font-size:15px}.rp-rank-num.top2{color:silver;font-size:14px}.rp-rank-num.top3{color:#c08040;font-size:14px}.rp-medal{text-align:center;min-width:20px;font-size:16px}.rp-portrait{flex:0 0 32px;width:32px;height:32px;display:inline-flex;position:relative;overflow:visible}.rp-portrait-img{object-fit:cover;border-radius:5px;width:100%;height:100%}.rp-profile-frame{object-fit:contain;pointer-events:none;width:114%;height:114%;position:absolute;inset:-7%}.rp-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.rp-row.is-me .rp-name{color:var(--gold);font-weight:700}.rp-tag{color:var(--text-dim);white-space:nowrap;background:#f0c04014;border:1px solid #f0c04026;border-radius:3px;padding:1px 5px;font-size:11px}.rp-score{color:var(--gold);white-space:nowrap;text-align:right;min-width:60px;font-size:13px;font-weight:700}.rp-score-label{color:var(--text-dim);font-size:9px;font-weight:400;display:block}.rp-divider{color:var(--text-dim);align-items:center;gap:8px;padding:6px 16px;font-size:11px;display:flex}.rp-divider:before,.rp-divider:after{content:"";background:#f0c0401a;flex:1;height:1px}.rp-empty{text-align:center;color:var(--text-dim);padding:32px 0;font-size:13px}.rp-tier{white-space:nowrap;border-radius:3px;flex-shrink:0;margin-right:2px;padding:1px 4px;font-size:10px}.rp-tier-bronze{color:#fff;background:#cd7f32}.rp-tier-silver{color:#fff;background:#a0a0a0}.rp-tier-gold{color:#333;background:#f0c040}.rp-tier-platinum{color:#fff;background:#4af}.rp-tier-diamond{color:#fff;background:#a0e}.rp-floor{color:var(--gold)}@media (width<=1023px) and (height<=460px){.rp-tab{padding:7px 0;font-size:12px}.rp-my-rank{gap:7px;padding:7px 12px}.rp-list{padding:4px 0}.rp-row{gap:7px;padding:6px 12px}.rp-rank-num{min-width:27px;font-size:12px}.rp-rank-num.top1{font-size:14px}.rp-rank-num.top2,.rp-rank-num.top3{font-size:13px}.rp-medal{min-width:18px;font-size:14px}.rp-portrait{flex-basis:28px;width:28px;height:28px}.rp-name,.rp-score{font-size:12px}.rp-score{min-width:52px}.rp-score-label{font-size:8px}.rp-tag,.rp-tier{font-size:9px}.rp-divider{gap:6px;padding:4px 12px;font-size:10px}.rp-empty{padding:20px 0;font-size:12px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}#help-panel .game-modal-body{flex-direction:column;padding:0;display:flex;overflow:hidden}#help-panel .base-panel-content{flex:1;min-height:0;display:flex}#hlp-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hlp-body{flex:1;min-height:0;display:flex;overflow:hidden}.hlp-account-footer{border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:8px 12px;display:flex}.hlp-account-del{border:1px solid var(--danger,#c0432f);color:var(--danger,#e0644f);cursor:pointer;background:0 0;border-radius:5px;min-height:44px;padding:8px 12px;font-size:12px}.hlp-account-del:hover{background:#c0432f1f}.hlp-account-link{min-height:44px;color:var(--text-dim,#889);align-items:center;font-size:12px;text-decoration:underline;display:inline-flex}.hlp-tabs{border-right:1px solid var(--border);background:#0a060299;flex-direction:column;flex-shrink:0;width:96px;display:flex;overflow-y:auto}.hlp-tab{color:var(--text-dim);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #f0c0400f;padding:12px 8px;font-size:12px}.hlp-tab:active{background:#28180899}.hlp-tab.active{color:var(--gold);border-left:2px solid var(--gold);background:#3c240acc;font-weight:700}.hlp-content-area{flex:1;min-width:0;padding:12px 16px;overflow-y:auto}.hlp-h{color:var(--gold);border-bottom:1px solid #f0c04026;margin:16px 0 8px;padding-bottom:4px;font-size:13px;font-weight:700}.hlp-h:first-child{margin-top:0}.hlp-sub{color:var(--text-dim);margin-left:6px;font-size:10px;font-weight:400}.hlp-legend{color:var(--text-dim);flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.hlp-legend-item{align-items:center;gap:3px;display:flex}.hlp-matrix{border-collapse:collapse;table-layout:fixed;width:100%;margin-bottom:6px}.hlp-matrix th,.hlp-matrix td{text-align:center;border:1px solid #f0c0401f;padding:3px 2px;font-size:11px}.hlp-mx-corner{background:0 0}.hlp-mx-col{color:var(--text-dim);background:#140c0499;font-size:9px;font-weight:400}.hlp-mx-col img{object-fit:contain;width:16px;height:16px;margin:0 auto 1px;display:block}.hlp-mx-col span{display:block}.hlp-mx-row{color:var(--text);white-space:nowrap;background:#140c0499;font-size:11px}.hlp-mx-cell{cursor:default;font-weight:700}.hlp-c-strong{color:#d8ffd0;background:#2e7d328c}.hlp-c-adv{color:#c8f0c0;background:#66bb6a4d}.hlp-c-neutral{color:var(--text-dim);background:#7878782e}.hlp-c-weak{color:#ffd8a0;background:#e68c284d}.hlp-c-bane{color:#ffc8c0;background:#c8322873}.hlp-kv{border-collapse:collapse;width:100%;margin-bottom:6px}.hlp-kv th,.hlp-kv td{text-align:left;color:var(--text);border:1px solid #f0c0401a;padding:5px 10px;font-size:12px}.hlp-kv th{color:var(--text-dim);background:#140c0499;font-size:11px;font-weight:400}.hlp-num{text-align:right;color:var(--gold);font-weight:700}.hlp-unit-cards{flex-direction:column;gap:6px;display:flex}.hlp-unit-card{background:#140c0480;border:1px solid #f0c0401a;border-radius:6px;padding:8px 10px}.hlp-uc-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.hlp-uc-head img{object-fit:contain;width:20px;height:20px}.hlp-uc-name{color:var(--gold);font-size:13px;font-weight:700}.hlp-uc-tags{color:var(--text-dim);margin-left:auto;font-size:10px}.hlp-uc-desc{color:var(--text);font-size:11px;line-height:1.4}.hlp-phases{flex-direction:column;gap:6px;display:flex}.hlp-phase{border-left:2px solid var(--gold-dim);background:#140c0480;border-radius:0 6px 6px 0;padding:6px 10px}.hlp-phase-name{color:var(--gold);font-size:12px;font-weight:700}.hlp-phase-desc{color:var(--text);margin:2px 0;font-size:11px;line-height:1.4}.hlp-phase-tip{color:var(--text-dim);font-size:10px}.hlp-rules,.hlp-notes{margin:4px 0 8px;padding-left:18px}.hlp-rules li,.hlp-notes li{color:var(--text);margin-bottom:2px;font-size:11px;line-height:1.5}.hlp-notes li{color:var(--text-dim)}.hlp-note-line{color:var(--text-dim);margin:4px 0 8px;font-size:10px;line-height:1.4}.hlp-diagram-wrap{margin-bottom:8px;position:relative}.hlp-diagram-heads{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px;display:grid}.hlp-diagram{grid-template-columns:repeat(3,1fr);gap:4px 6px;display:grid}.hlp-col-head{text-align:center;color:#fff;border-radius:4px;padding:4px 0;font-size:11px;font-weight:700}.hlp-grid-cell{border:1px solid #ffffff26;border-radius:4px;height:28px}.hlp-lane-van{background:var(--lane-van)}.hlp-lane-mid{background:var(--lane-mid);color:#333}.hlp-lane-rear{background:var(--lane-rear)}.hlp-grid-cell.hlp-lane-van{background:rgba(var(--lane-van-rgb), .35)}.hlp-grid-cell.hlp-lane-mid{background:rgba(var(--lane-mid-rgb), .35)}.hlp-grid-cell.hlp-lane-rear{background:rgba(var(--lane-rear-rgb), .35)}.hlp-mx-caption{color:var(--text-dim);margin-bottom:4px;font-size:10px}.hlp-target-diag{background:#140c0480;border:1px solid #f0c0401a;border-radius:6px;align-items:center;gap:8px;margin:8px 0 4px;padding:8px 10px;display:flex}.hlp-td-half{flex:1}.hlp-td-title{color:var(--text-dim);text-align:center;margin-bottom:4px;font-size:9px}.hlp-td-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.hlp-td-cell{border-radius:3px;justify-content:center;align-items:center;height:22px;font-size:9px;font-weight:700;display:flex}.hlp-td-rear{background:rgba(var(--lane-rear-rgb), .22);color:rgba(var(--lane-rear-rgb), .9)}.hlp-td-mid{background:rgba(var(--lane-mid-rgb), .22);color:rgba(var(--lane-mid-rgb), .9)}.hlp-td-van{background:rgba(var(--lane-van-rgb), .22);color:rgba(var(--lane-van-rgb), .9)}.hlp-td-unit{color:#333;background:#e8b84bb3}.hlp-td-target{color:#fff;background:#e05a4ebf;outline:2px solid #ffc850cc}.hlp-scout-sub{background:#140c0473;border:1px solid #f0c0401a;border-radius:6px;margin-bottom:6px;padding:7px 10px}.hlp-scout-label{color:var(--gold);margin-bottom:4px;font-size:12px;font-weight:700}@media (width<=1023px) and (height<=460px){.hlp-body{flex-direction:column}.hlp-tabs{border-right:none;border-bottom:1px solid var(--border);scrollbar-width:none;flex-flow:row;width:100%;overflow-x:auto}.hlp-tabs::-webkit-scrollbar{display:none}.hlp-tab{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;flex:none;padding:7px 12px}.hlp-tab.active{border-left:none;border-bottom-color:var(--gold)}.hlp-content-area{padding:8px 10px}.hlp-h{margin:10px 0 6px;font-size:12px}.hlp-matrix th,.hlp-matrix td{padding:2px 1px;font-size:9px}.hlp-mx-col img{width:13px;height:13px}.hlp-grid-cell{height:20px}}@media (width<=1023px) and (height<=360px){.hlp-mx-col span,.hlp-uc-tags{display:none}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}#item-panel .game-modal-body{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}#item-panel .base-panel-content,#item-panel #ip-content{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}#item-panel #ip-content{padding:0 12px 6px;container-type:inline-size}#item-panel button,#item-panel select{touch-action:manipulation}#item-panel .game-modal-close{min-width:44px;min-height:44px}#item-panel button:focus-visible,#item-panel input:focus-visible,#item-panel select:focus-visible{outline-offset:2px;outline:2px solid #e7ca86}.inv-toolbar{z-index:4;flex:0 0 47px;align-items:center;gap:7px;min-width:0;display:flex;position:relative}.inv-tool{color:#f0e5c9;white-space:nowrap;background:linear-gradient(#254037,#142b29);border:1px solid #82704d;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;min-width:44px;height:44px;padding:0 12px;font-size:12px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #0b1b19,0 2px 4px #0005}.inv-tool:hover{border-color:#e7ca86}.inv-search-toggle{justify-content:center;padding:0;font-size:23px;line-height:1}.inv-search{width:0;min-width:0;display:none}.inv-search.open{color:#fff1cb;background:#081b1b;border:1px solid #bca46d;border-radius:4px;flex:150px;width:auto;height:44px;padding:0 10px;font-size:13px;display:block}.inv-menu-wrap{min-width:0;position:relative}.inv-category-toggle{min-width:140px}.inv-sort-toggle{min-width:158px}.inv-tool>span{color:#e7ca86}.inv-found{color:#c0b69a;white-space:nowrap;margin-left:auto;font-size:11px}.inv-popover{background:#0a211f;border:1px solid #ba995d;min-width:175px;max-height:min(230px,55dvh);padding:5px;position:absolute;top:46px;left:0;overflow-y:auto;box-shadow:0 10px 28px #000b,inset 0 0 0 2px #152e28}.inv-popover button{color:#f0e5c9;text-align:left;background:0 0;border:0;width:100%;min-height:44px;padding:0 9px;font-size:12px;display:block}.inv-popover button:hover,.inv-popover button.active{background:#375345}.inv-segments{border-bottom:1px solid #a1844e75;flex:0 0 45px;align-items:stretch;gap:3px;display:flex}.inv-segment{color:#b3b8ae;background:0 0;border:0;border-bottom:3px solid #0000;min-width:104px;padding:0 13px;font-size:12px;font-weight:700}.inv-segment.active{color:#fff1cb;background:linear-gradient(#55613c66,#293a2d55);border-bottom-color:#d9b76f}.inv-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-color:#9a7f48 #0a1818;scrollbar-width:thin;flex:auto;min-height:0;padding:3px 2px 0;overflow:auto}.inv-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px;display:grid}.inv-card{text-align:left;color:#f0e5c9;cursor:pointer;background:linear-gradient(115deg,#193b32,#0f2927 64%,#132b29);border:1px solid #8c754688;border-radius:4px;align-items:center;gap:9px;width:100%;min-width:0;height:72px;padding:7px 9px;display:flex;box-shadow:inset 0 0 0 2px #091a17,inset 0 0 0 3px #7a643b55,0 3px 5px #0005}.inv-card:hover,.inv-card:focus-visible{background:linear-gradient(115deg,#224c3c,#153831);border-color:#d6b776}.inv-card:active{transform:translateY(1px)}.inv-icon{border:1px solid var(--inv-rarity,#89958a);background:#09191a;border-radius:5px;flex:none;place-items:center;width:49px;height:49px;font-size:25px;display:grid;box-shadow:inset 0 0 8px #000}.inv-icon img{object-fit:contain;filter:drop-shadow(0 2px 2px #000);width:37px;height:37px}.inv-card-copy{flex:1;gap:3px;min-width:0;display:grid}.inv-card-name{color:#fff1cb;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.inv-card-effect{color:#c4c9bd;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.inv-card-state{color:#c9b382;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.inv-card-state.direct{color:#6dc2a6}.inv-card-side{flex-direction:column;flex:none;justify-content:space-between;align-items:flex-end;width:58px;height:100%;display:flex}.inv-card-rarity{color:var(--inv-rarity-ink,#c9d0c8);font-size:12px;font-weight:700}.inv-card-qty{color:#e7ca86;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.inv-card-qty small{color:#c6c0a9;font-size:12px;font-weight:400}.inv-state{color:#bac0b8;text-align:center;align-content:center;justify-items:center;gap:9px;height:100%;min-height:170px;font-size:12px;display:grid}.inv-state strong{color:#fff1cb;font-size:15px}.inv-state button{color:#fff1cb;background:#18352e;border:1px solid #a98e5a;border-radius:4px;min-width:124px;min-height:44px;font-size:12px}.inv-spinner{border:3px solid #48675d;border-top-color:#e7ca86;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite inv-spin}@keyframes inv-spin{to{transform:rotate(360deg)}}.inv-detail-nav{color:#e7ca86;border-bottom:1px solid #806c4570;flex:0 0 47px;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.inv-back{color:#fff1cb;background:#13322f;border:1px solid #9d8151;border-radius:4px;min-width:100px;min-height:44px;padding:0 10px;font-size:12px;font-weight:700}.inv-detail-scroll{overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;padding:7px 2px;overflow-y:auto}.inv-detail-grid{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:8px;display:grid}.inv-detail-card{background:linear-gradient(125deg,#15342d,#0b211f);border:1px solid #896e437a;border-radius:4px;min-width:0;padding:10px 12px;box-shadow:inset 0 0 0 2px #0a1a18}.inv-detail-hero{align-items:center;gap:10px;display:flex}.inv-detail-icon{border:1px solid var(--inv-rarity,#799081);background:#071817;border-radius:7px;flex:none;place-items:center;width:66px;height:66px;font-size:30px;display:grid}.inv-detail-icon img{object-fit:contain;width:52px;height:52px}.inv-detail-hero h2{color:#fff1cb;font:700 17px/1.15 var(--font-display,serif);word-break:keep-all;margin:0 0 5px}.inv-detail-rarity{color:var(--inv-rarity-ink,#c7c7c2);font-size:12px;font-weight:700}.inv-detail-effect{color:#e2c683;margin:8px 0 5px;font-size:13px;font-weight:700}.inv-detail-desc{color:#c2c7bb;word-break:keep-all;margin:0;font-size:12px;line-height:1.4}.inv-kicker{color:#c0aa72;letter-spacing:.04em;font-size:12px;font-weight:700;display:block}.inv-action-title{color:#fff1cb;margin:4px 0 8px;font-size:13px;display:block}.inv-action-form{gap:7px;display:grid}.inv-action-row{align-items:center;gap:8px;min-height:44px;display:flex}.inv-action-row>label{color:#cbd0c3;flex:0 0 70px;font-size:12px}.inv-action-row .ip-select{color:#fff1cb;background:#071a18;border:1px solid #917b4a;border-radius:4px;flex:1;min-width:0;min-height:44px;padding:0 8px;font-size:12px}.inv-action-row .num-stepper{min-width:0}.inv-action-row .ns-inline-arrows .nsb-row{flex-wrap:nowrap}.inv-action-row .ns-inline-arrows .nsb-main{min-width:44px;min-height:44px}.inv-action-row .ns-inline-arrows .nsb-direct{width:54px;min-width:45px;font-size:14px}.inv-action-row .ns-inline-arrows{flex-wrap:wrap}.inv-action-row .nsb-q-row .nsb{min-width:40px;min-height:40px;font-size:12px}.inv-preview{color:#bac0b8;border-top:1px solid #9d825456;justify-content:space-between;align-items:baseline;gap:7px;padding-top:6px;font-size:12px;display:flex}.inv-preview strong{color:#e7ca86;white-space:nowrap;font-size:14px}.inv-action-note{color:#c2c7bb;margin:0;font-size:12px;line-height:1.35}.inv-route-note{color:#ded2b5;background:#0a201d;border-left:2px solid #b99b5a;margin:0;padding:9px 11px;font-size:12px;line-height:1.5}.inv-route-note.warning{color:#f2c4b8;border-left-color:#d65d4a}.inv-use-msg{min-height:0;padding:4px 2px;font-size:12px}.inv-detail-footer{background:linear-gradient(#0c201e,#102b27);border-top:1px solid #9e814e80;flex:0 0 57px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.inv-footer-hint{color:#bac0b8;margin-right:auto;font-size:11px}.inv-secondary,.inv-primary{border-radius:4px;min-width:112px;min-height:48px;padding:0 14px;font-size:14px;font-weight:700}.inv-secondary{color:#f0e5c9;background:linear-gradient(#263b34,#132823);border:1px solid #8d7953}.inv-primary{color:#fff0c7;background:linear-gradient(#6a5a35,#3a3324);border:1px solid #d2b673;min-width:142px;box-shadow:inset 0 0 0 1px #262414,0 2px 5px #0007}.inv-primary.danger{color:#fff0e6;background:linear-gradient(#713d31,#431f1d);border-color:#d47c69}.inv-primary:disabled{opacity:.5;cursor:default}@container (width<=700px){.inv-grid{grid-template-columns:1fr}.inv-found{display:none}.inv-detail-grid{grid-template-columns:1fr}}@media (width<=620px),(width<=1023px) and (height<=320px){.inv-category-toggle{min-width:110px}.inv-sort-toggle{min-width:115px}.inv-segment{flex:1;min-width:0;padding:0 5px}.inv-footer-hint{display:none}}@media (prefers-reduced-motion:reduce){.inv-spinner{animation:none}}.ip-shard-result,.ip-gacha-result{z-index:var(--z-modal-popup);padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:radial-gradient(at 50% 40%,#1e3246eb 0%,#000000f0 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.ip-shard-result-box{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:680px;display:flex}.ip-shard-result-header{color:var(--text);text-align:center;font-size:14px;font-weight:700}.ip-shard-grid{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-height:70vh;padding:4px;display:grid;overflow-y:auto}.ip-shard-grid.ip-shard-grid-1{grid-template-columns:1fr;max-width:160px;margin:0 auto;overflow:visible}@media (width<=420px){.ip-shard-grid{grid-template-columns:repeat(2,1fr)}}:root[data-layout=square] .ip-shard-result-box{max-width:min(92vw,1100px)}:root[data-layout=square] .ip-shard-grid:not(.ip-shard-grid-1){grid-template-columns:repeat(7,1fr)}.ip-shard-result-close.btn-primary{min-width:120px;padding:10px 24px;font-size:14px}.ip-gacha-result-box{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:680px;min-height:0;max-height:100%;display:flex}.ip-gacha-result-header{color:var(--text);text-align:center;font-size:14px;font-weight:700}.ip-gacha-grid{overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;min-height:0;padding:4px;display:grid;overflow-y:auto}.ip-gacha-grid.ip-gacha-grid-1{grid-template-columns:1fr;max-width:160px;margin:0 auto}.ip-gacha-grid>.ga-res-portrait{width:100%;min-width:0;height:auto;overflow:hidden}.ip-gacha-result-close.btn-primary{min-width:120px;min-height:var(--hit-compact,44px);padding:10px 24px;font-size:14px}.ip-gacha-skip{color:#fff;background:#263347;border:1px solid #b9c4d5;min-height:32px;padding:4px 12px;font-size:12px}.ip-gacha-result-header,.ip-gacha-skip,.ip-gacha-result-close{flex-shrink:0}.ip-gacha-grid .ga-res-portrait-name{font-size:12px}.ip-shard-card{aspect-ratio:3/4;border:2px solid;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:visible}.ip-shard-card.ip-shard-synth{box-shadow:0 0 10px #f0c860bf}.ip-shard-card-body{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.ip-shard-card-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.ip-shard-card-icon{opacity:.75;filter:drop-shadow(0 2px 6px #000c);font-size:32px}.ip-shard-card-footer{text-align:center;background:#0009;padding:4px 4px 5px}.ip-shard-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;line-height:1.3;overflow:hidden}.ip-shard-card-stars{color:#c09030;font-size:7px;line-height:1.2}.ip-shard-progress{color:#90b0d0;font-size:8px;line-height:1.3}.ip-shard-gain-badge{color:#fff;background:#28508ceb;border:1px solid #78b4ff99;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:4px;left:4px}.ip-shard-synth-badge{color:#1a1a1a;background:#f0c860;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700;position:absolute;top:4px;right:4px}.ip-shard-new-badge{color:#f0c060;background:#643200d9;border:1px solid #f0c04080;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700;position:absolute;top:4px;right:4px}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}#ap-content{flex:1;padding:4px 16px 16px;overflow-y:auto}.ap-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.ap-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:3px 12px;font-size:14px}.ap-tab img{object-fit:contain;vertical-align:middle;width:13px;height:13px}.ap-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.ap-claim-dot{vertical-align:middle;background:#e53935;border-radius:50%;width:6px;height:6px;margin-left:3px;display:inline-block}.ap-section-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.ap-section-sub{color:var(--text-muted);margin-bottom:16px;font-size:12px}#attendance-panel .ap-intro{box-sizing:border-box;background:linear-gradient(90deg,#0a211dee,#0a211d33 65%),url(/assets/images/ui-court/rewards-banner-v1.webp) 50%/cover;border:1px solid #8a724577;border-radius:4px;min-height:90px;margin-bottom:12px;padding:14px 16px}#attendance-panel .ap-intro .ap-section-title{text-shadow:0 2px 2px #000}#attendance-panel .ap-intro .ap-section-sub{max-width:55%;margin-bottom:0}.ap-grid{grid-template-columns:repeat(7,1fr);gap:6px;min-width:0;margin-bottom:16px;display:grid}.ap-day{aspect-ratio:auto;border:1px solid var(--border);background:var(--bg-secondary);min-width:0;min-height:82px;color:var(--text-muted);cursor:default;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:10px;display:flex;position:relative}.ap-day .ap-day-num{color:var(--text);font-size:14px;font-weight:600}.ap-day .ap-day-icon{align-items:center;gap:1px;font-size:32px;line-height:1;display:inline-flex}.ap-day .ap-day-icon img{object-fit:contain;vertical-align:middle;width:32px;height:32px}.ap-day .ap-day-qty{color:var(--text);font-size:11px;font-weight:700}.ap-day .ap-day-more{color:var(--text-muted);font-size:10px;font-weight:700;line-height:1}.ap-day.milestone{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-secondary))}.ap-day.complete{border-color:var(--gold,#f0c040);background:color-mix(in srgb, var(--gold,#f0c040) 18%, var(--bg-secondary))}.ap-day.complete .ap-day-num{color:var(--gold,#f0c040)}.ap-day.claimed{background:color-mix(in srgb, #4caf50 15%, var(--bg-secondary));border-color:#4caf50}.ap-day.claimed:after{content:"✓";color:#4caf50;font-size:10px;font-weight:700;position:absolute;top:2px;right:4px}.ap-day.claimable{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, var(--bg-secondary));cursor:pointer;animation:none}@keyframes ap-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 0%, transparent)}}.ap-day.expired{opacity:.35}.ap-claim-header{white-space:nowrap;cursor:pointer;background:var(--bg-secondary);min-height:44px;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;align-items:center;padding:0 16px;font-size:14px;font-weight:700;display:flex}.ap-claim-header:disabled{cursor:default}.ap-claim-header.claimable{background:var(--gold,#f0c040);color:#1a1008;border-color:var(--gold,#f0c040);animation:none}@keyframes ap-claim-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold,#f0c040) 50%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--gold,#f0c040) 0%, transparent)}}.ap-today-reward{background:var(--bg-secondary);color:var(--text-muted);border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.ap-today-reward strong{color:var(--text);margin-bottom:4px;font-size:14px;display:block}.ap-reward-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ap-reward-chip{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:3px 10px;font-size:12px}.ap-reward-icon{object-fit:contain;vertical-align:middle;width:14px;height:14px}.ap-expired-banner{text-align:center;color:var(--text-muted);padding:24px;font-size:14px}@media (width<=1023px) and (height<=460px){#attendance-panel .ap-intro{min-height:72px;padding:10px 14px}.ap-day{min-height:70px}.ap-day .ap-day-num{font-size:12px}.ap-day .ap-day-icon{font-size:28px}.ap-day .ap-day-icon img{width:28px;height:28px}#ap-content{padding:4px 12px 12px}.ap-tabs,.ap-section-sub{margin-bottom:10px}.ap-grid{gap:4px;margin-bottom:10px}.ap-today-reward{margin-bottom:8px;padding:8px 12px}}@media (width<=700px){#attendance-panel .ap-intro .ap-section-sub{max-width:70%}}@media (width<=1023px) and (height<=360px){#attendance-panel .ap-intro{background-image:none;min-height:40px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.ap-day.claimable,.ap-claim-header.claimable{animation:none!important}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}#ep-content{padding:4px 16px 16px}.ep-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.ep-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:3px 14px;font-size:14px}.ep-tab img{object-fit:contain;vertical-align:middle;width:13px;height:13px}.ep-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.ep-today-section{margin-bottom:20px}.ep-today-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.ep-today-cards:not(.has-buff)>.cum-card,.ep-today-cards>.ep-event-card:only-child{grid-column:1/-1}.ep-today-cards>.ep-event-card{min-width:0;margin-bottom:0}.ep-today-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.ep-event-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:14px 16px}.ep-event-card.buff-card{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--bg-secondary))}.ep-event-card.cum-card{border-color:color-mix(in srgb, #ff9800 40%, var(--border));background:color-mix(in srgb, #ff9800 6%, var(--bg-secondary))}.ep-card-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ep-card-badge{border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.buff-badge{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent)}.cum-badge{color:#ff9800;background:#ff980033}.ep-card-title{color:var(--text);font-size:15px;font-weight:700}.ep-card-auto{color:var(--text-muted);margin-left:auto;font-size:11px}.ep-card-desc{color:var(--text-muted);margin-bottom:0;font-size:12px;line-height:1.5}.ep-progress-section{margin-top:10px}.ep-progress-bar-wrap{background:var(--bg-primary,#1a1a2e);border-radius:6px;height:8px;margin-bottom:0;overflow:hidden}.ep-progress-bar{background:linear-gradient(90deg,#ff9800,#ffb74d);border-radius:6px;height:100%;transition:width .4s}.ep-milestones{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.ep-milestone{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border);border-radius:8px;grid-template:"stage target""reward reward"1fr"action action"/minmax(0,1fr) auto;grid-column:span 2;align-items:start;gap:8px 6px;min-width:0;min-height:106px;padding:10px;display:grid}.ep-milestone:only-child,.ep-milestone:last-child:nth-child(3n+1){grid-column:1/-1}.ep-milestone:nth-last-child(2):nth-child(3n+1),.ep-milestone:last-child:nth-child(3n+2){grid-column:span 3}.ep-milestone.reached{background:color-mix(in srgb, #ff9800 8%, var(--bg-primary,#1a1a2e));border-color:#ff9800}.ep-milestone.claimed{opacity:.5}.ep-ms-stage{color:var(--text-muted);grid-area:stage;min-width:32px;font-size:11px;font-weight:700}.ep-ms-target{color:var(--text);text-align:right;grid-area:target;font-size:12px}.ep-ms-reward{color:var(--text-muted);overflow-wrap:anywhere;grid-area:reward;min-width:0;font-size:11px}.ep-reward-icon{object-fit:contain;vertical-align:middle;width:13px;height:13px}.ep-ms-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ff9800;border:none;border-radius:6px;grid-area:action;min-height:44px;padding:8px 12px;font-size:14px;font-weight:700}.ep-ms-btn:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:default}.ep-ms-check{color:#4caf50;grid-area:action;justify-content:center;align-items:center;min-height:44px;font-size:14px;display:flex}.ep-schedule-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ep-schedule-row:last-child:nth-child(4n+3){grid-column:span 2}.ep-schedule-row{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;min-width:0;min-height:90px;padding:10px 12px;display:flex}.ep-schedule-row.today-row{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg-secondary))}.ep-sch-head{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.ep-sch-date{align-items:baseline;gap:5px;min-width:0;display:flex}.ep-sch-date-main{color:var(--text);font-size:14px;font-weight:700}.ep-sch-date-sub{color:var(--text-muted);font-size:11px}.ep-sch-events{overflow-wrap:anywhere;flex-direction:column;gap:3px;min-width:0;display:flex}.ep-sch-buff{color:var(--accent);font-size:12px}.ep-sch-cum{color:#ff9800;font-size:12px}.ep-sch-none{color:var(--text-muted);font-size:12px}.ep-today-badge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:8px;padding:2px 7px;font-size:11px;font-weight:700}.ep-empty{text-align:center;color:var(--text-muted);padding:32px;font-size:14px}@media (width<=1023px) and (height<=460px){#ep-content{padding:4px 12px 12px}.ep-tabs{margin-bottom:10px}.ep-today-section{margin-bottom:12px}.ep-event-card{margin-bottom:8px;padding:10px 12px}.ep-today-cards>.ep-event-card{margin-bottom:0}.ep-milestone{padding:8px}}@media (width<=760px){.ep-schedule-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-schedule-row:last-child:nth-child(4n+3){grid-column:auto}.ep-schedule-row:last-child:nth-child(3n+1){grid-column:1/-1}.ep-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-milestone,.ep-milestone:last-child:nth-child(3n+1),.ep-milestone:nth-last-child(2):nth-child(3n+1),.ep-milestone:last-child:nth-child(3n+2){grid-column:auto}.ep-milestone:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=600px){.ep-today-cards,.ep-schedule-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-today-cards>.ep-event-card{grid-column:1/-1}.ep-schedule-row:last-child:nth-child(3n+1){grid-column:auto}.ep-schedule-row:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=400px){.ep-today-cards,.ep-milestones,.ep-schedule-list{grid-template-columns:1fr}.ep-schedule-row:last-child,.ep-milestone:last-child{grid-column:auto}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.qp-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.qp-tab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:9px 0;font-size:13px;position:relative}.qp-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.qp-dot-badge{background:var(--red-light);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:3px;display:inline-block;position:relative;top:-1px}#qp-tab-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.qp-points-section{border-bottom:1px solid var(--border);background:#0a060299;flex-shrink:0;padding:10px 12px 8px}.qp-points-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.qp-points-label{color:var(--gold);font-size:13px;font-weight:700}.qp-points-today{color:var(--text-dim);font-size:11px}.qp-points-today strong{color:var(--gold-dim)}.qp-bar-area{margin-bottom:10px;position:relative}.qp-points-bar-wrap{background:#140c04cc;border:1px solid #f0c04026;border-radius:5px;height:10px;position:relative;overflow:visible}.qp-points-bar{background:linear-gradient(90deg,#c0780a,#f0c040);border-radius:5px;height:100%;transition:width .4s}.qp-bar-marker{color:var(--text-dim);white-space:nowrap;text-align:center;min-width:14px;font-size:9px;position:absolute;top:12px;transform:translate(-50%)}.qp-bar-marker--end{transform:translate(-100%)}.qp-bar-marker--start{transform:translate(0)}.qp-chests{height:34px;position:relative}.qp-chest-btn{cursor:default;text-align:center;width:44px;min-width:44px;color:var(--text-dim);transition:all var(--transition-fast);background:#1e1206cc;border:1px solid #f0c04026;border-radius:6px;padding:4px 0;font-size:16px;position:absolute;top:0;transform:translate(-50%)}.qp-chest-btn--end{transform:translate(-100%)}.qp-chest-btn--start{transform:translate(0)}.qp-chest-btn img{object-fit:contain;vertical-align:middle;width:18px;height:18px}.qp-chest-btn.reachable{border-color:var(--gold);cursor:pointer;background:#78480066;animation:none}.qp-chest-btn.claimed{opacity:.4;color:#80c060;font-size:12px}@keyframes chest-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 6px #f0c04080}}.qp-quest-grid{flex:1;grid-template-columns:1fr 1fr;gap:8px;padding:10px 10px 4px;display:grid}@media (width>=900px){.qp-quest-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=360px){.qp-quest-grid{grid-template-columns:1fr}}.qp-quest-card{transition:border-color var(--transition-fast);background:#140c04bf;border:1px solid #f0c0401f;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.qp-quest-card.done{opacity:.55;border-color:#f0c0400f}.qp-card-img{background:linear-gradient(135deg,#1e1408e6,#3c240a99);flex-shrink:0;justify-content:center;align-items:center;height:64px;display:flex;position:relative}.qp-card-img-icon{opacity:.9;font-size:28px}.qp-card-img-icon img{object-fit:contain;width:40px;height:40px}.qp-card-body{flex-direction:column;flex:1;gap:3px;padding:6px 8px 8px;display:flex}.qp-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}.qp-card-progress{color:var(--text-dim);font-size:11px}.qp-card-prog-bar-wrap{background:#f0c0401a;border-radius:2px;height:3px;overflow:hidden}.qp-card-prog-bar{background:var(--gold);border-radius:2px;height:100%}.qp-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.qp-card-pts{color:var(--gold-dim);font-size:10px}.qp-card-go,.qp-card-claim{color:#c8e0ff;cursor:pointer;min-height:44px;transition:background var(--transition-fast);background:#3c78c8cc;border:1px solid #508cdc66;border-radius:4px;padding:8px 10px;font-size:12px;font-weight:700}.qp-card-go:active,.qp-card-claim:active{background:#508cdc}.qp-card-go.done,.qp-card-claim.done,.qp-card-go:disabled,.qp-card-claim:disabled{color:var(--text-dim);cursor:default;background:#28282899;border-color:#5050504d}.qp-card-claim.claimable{color:#fff3d0;background:#c89628d9;border-color:#f0c8508c;font-size:14px;animation:none}.qp-card-claim.claimable:active{background:#f0c850}.qp-card-reward{text-overflow:ellipsis;white-space:nowrap;margin-right:6px;overflow:hidden}.qp-accumulated{border-top:1px solid var(--border);color:var(--text-dim);text-align:right;background:#0a060280;flex-shrink:0;padding:8px 12px;font-size:12px}.qp-acc-val{color:var(--gold);font-weight:700}.qp-achievement-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));grid-auto-flow:row;align-content:start;gap:8px;padding:10px;display:grid}.qp-achievement-list>.qp-ach-card{min-width:0}.qp-ach-card{border:1px solid var(--border);background:#140c04bf;border-radius:8px;padding:10px 12px}.qp-ach-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.qp-ach-icon{font-size:18px}.qp-ach-icon img{object-fit:contain;vertical-align:middle;width:18px;height:18px}.qp-ach-title{color:var(--text);flex:1;font-size:13px;font-weight:700}.qp-ach-count{color:var(--text-dim);font-size:11px}.qp-ach-dots-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.qp-ach-dots{align-items:center;gap:5px;display:flex}.qp-ach-dot{background:#f0c0401f;border:1px solid #f0c04033;border-radius:50%;width:8px;height:8px}.qp-ach-dot.filled{background:var(--gold);border-color:var(--gold)}.qp-ach-dot.current{background:#78480080;border-color:#f0a020;box-shadow:0 0 5px #f0a02099}.qp-ach-dots-count{color:var(--text-dim);flex-shrink:0;font-size:10px}.qp-ach-cur{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.qp-ach-cur-stage{color:var(--gold-dim);font-size:11px;font-weight:700}.qp-ach-cur-prog{color:var(--text-dim);font-size:11px}.qp-ach-cur-bar-wrap{background:#f0c0401a;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.qp-ach-cur-bar{background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:2px;height:100%;transition:width .4s}.qp-ach-cur-footer{justify-content:space-between;align-items:center;display:flex}.qp-ach-alldone{text-align:center;color:#80c060;padding:6px 0;font-size:12px;font-weight:700}.qp-empty{text-align:center;color:var(--text-dim);padding:32px 0;font-size:13px}.sc-milestones{border-bottom:1px solid var(--border);background:#0a060299;flex-shrink:0;padding:10px 12px 8px}.sc-ms-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sc-ms-title{color:var(--gold);font-size:13px;font-weight:700}.sc-ms-count{color:var(--text-dim);font-size:11px}.sc-ms-row{gap:8px;display:flex}.sc-milestone-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.sc-milestone-btn{width:100%;color:var(--text-dim);cursor:default;background:#1e1206cc;border:1px solid #f0c04026;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:12px;display:flex}.sc-milestone-btn.claimable{border-color:var(--gold);color:var(--gold);cursor:pointer;background:#78480066;animation:1.5s ease-in-out infinite chest-pulse}.sc-milestone-btn.claimed{opacity:.4}.sc-ms-icon{font-size:18px}.sc-ms-icon img{object-fit:contain;vertical-align:middle;width:20px;height:20px}.sc-ms-step{font-size:10px}.sc-ms-reward{color:var(--text-dim);text-align:center;font-size:9px;line-height:1.3}.sc-cards{flex:1;gap:8px;padding:10px;display:flex}.sc-card{background:#140c04bf;border:1px solid #f0c0401f;border-radius:8px;flex-direction:column;flex:1;gap:6px;padding:10px 8px;display:flex;position:relative}.sc-card.done{background:#14281466;border-color:#50c85040}.sc-card-cat{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:9px}.sc-card-name{color:var(--text);font-size:12px;font-weight:700;line-height:1.3}.sc-card-desc{color:var(--text-dim);min-height:26px;font-size:10px;line-height:1.35}.sc-precondition{color:var(--text-dim);background:#3c78c814;border:1px solid #3c78c82e;border-radius:6px;margin:8px 10px 0;padding:6px 8px;font-size:10px;line-height:1.4}.sc-precondition b{color:var(--gold-dim)}.sc-card-prog-wrap{background:#f0c0401a;border-radius:2px;height:4px;overflow:hidden}.sc-card-prog-bar{background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:2px;height:100%;transition:width .3s}.sc-card.done .sc-card-prog-bar{background:#60c060;width:100%!important}.sc-card-footer{justify-content:space-between;align-items:center;display:flex}.sc-card-count{color:var(--text-dim);font-size:11px}.sc-diff-badge{border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.sc-diff-easy{color:#80e080;background:#3ca03c4d;border:1px solid #3ca03c4d}.sc-diff-normal{color:#80b0ff;background:#3c78c84d;border:1px solid #3c78c84d}.sc-diff-hard{color:#ff8080;background:#c83c3c4d;border:1px solid #c83c3c4d}.sc-reroll-btn{color:#a0a0e0;cursor:pointer;min-width:104px;min-height:44px;transition:background var(--transition-fast);background:#28283ccc;border:1px solid #6464b44d;border-radius:5px;align-self:flex-end;padding:8px 12px;font-size:12px}.sc-reroll-btn:hover{background:#3c3c64e6}.sc-reroll-btn:disabled{opacity:.4;cursor:default}.sc-card-done-badge{text-align:center;color:#60c060;padding:4px 0;font-size:11px;font-weight:700}.sc-weekly{border-top:1px solid var(--border);background:#0a060280;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.sc-weekly-label{color:var(--text-dim);flex-shrink:0;font-size:11px}.sc-pips{flex:1;gap:3px;display:flex}.sc-pip{background:#f0c0401f;border:1px solid #f0c04026;border-radius:2px;flex:1;height:8px}.sc-pip.filled{background:var(--gold);border-color:var(--gold)}.sc-weekly-count{color:var(--gold-dim);flex-shrink:0;font-size:11px}.sc-weekly-ssr{color:#e080ff;flex-shrink:0;font-size:11px}@media (width<=1023px) and (height<=460px){.qp-tab{padding:7px 0}.qp-points-section{padding:7px 12px 6px}.qp-card-img{height:52px}.qp-card-img-icon{font-size:24px}.qp-card-img-icon img{width:34px;height:34px}}@media (width<=360px){.sc-cards{flex-direction:column}}.qp-claim-all{color:#fff;background:#304966;border:1px solid #c5d2e2;border-radius:4px;flex-shrink:0;min-height:38px;padding:8px 16px;font-size:14px;font-weight:700}@media (prefers-reduced-motion:reduce){.qp-chest-btn.reachable,.qp-card-claim.claimable{animation:none!important}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}#troops-panel{--trp-ivory:#f1e8cf;--trp-bright:#fff3d2;--trp-gold:#e5cb88;--trp-number:#ffe3a0;--trp-number-shadow:0 1px 2px #000c;--trp-line:#987b48a8}#troops-panel>.game-modal{border:1px solid #0000;border-image-source:var(--frame-active-panel,url(/assets/ui-v3/runtime/frames/frame_v4_panel.webp));background:radial-gradient(at 56% -30%,#2a483b 0%,#0000 55%),linear-gradient(123deg,#102b29,#07191d 53%,#102a28);border-image-slice:32;border-image-width:16px;border-image-outset:0;border-image-repeat:round;border-radius:0;box-shadow:0 19px 40px #000c}#troops-panel .game-modal-header{border-bottom-color:var(--trp-line);background:linear-gradient(#223e3aaa,#0000);min-height:44px;padding:2px 12px}#troops-panel .game-modal-name{color:var(--trp-bright);font-size:18px}#troops-panel .game-modal-sub{color:#bbc9bd;font-size:11px}#troops-panel .game-modal-close{min-width:44px;min-height:44px}#troops-panel .game-modal-body{background:0 0;min-height:0;padding:0 14px 8px;display:flex;overflow:hidden}#troops-panel .trp-root{min-width:0;min-height:0;color:var(--trp-ivory);flex-direction:column;flex:1;display:flex}#troops-panel .trp-root button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}#troops-panel .trp-root button:focus-visible{outline:2px solid var(--trp-gold);outline-offset:2px}#troops-panel .trp-status{color:var(--trp-bright);flex:1;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}#troops-panel .trp-status button{min-height:44px;color:var(--trp-bright);background:#17362c;border:1px solid #c7a96a;border-radius:4px;padding:0 14px;font-size:12px}#troops-panel .trp-overview{flex:0 0 60px;align-items:center;gap:7px;min-width:0;padding:6px 3px 5px;display:flex}#troops-panel .trp-stat{background:linear-gradient(115deg,#1b4036,#102a28 70%);border:1px solid #856d4499;border-radius:4px;align-items:center;gap:8px;min-width:0;height:48px;display:flex;box-shadow:inset 0 0 0 2px #0a1c1b,0 2px 4px #0006}#troops-panel .trp-stat-main{flex:0 0 244px;padding:0 10px}#troops-panel .trp-stat-wounded{flex:0 0 190px;padding:0 9px}#troops-panel .trp-stat-icon{object-fit:contain;flex:none;width:28px;height:28px}#troops-panel .trp-stat-text{flex-direction:column;gap:1px;min-width:0;display:flex}#troops-panel .trp-stat-label{color:#c9cbbd;white-space:nowrap;font-size:11px}#troops-panel .trp-stat-value{color:var(--trp-number);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:var(--trp-number-shadow);white-space:nowrap;font-size:19px;font-weight:800;line-height:1.05}#troops-panel .trp-stat-value small{color:var(--trp-bright);letter-spacing:0;font-size:11px;font-weight:700}#troops-panel .trp-stat-wounded .trp-stat-value{font-size:15px}#troops-panel .trp-stat-sub{color:var(--text-dim);letter-spacing:0;font-size:11px;font-weight:400}#troops-panel .trp-stat-help{color:#c4c7ba;border-left:1px solid #a38a5966;flex:1;min-width:0;padding-left:10px;font-size:11px;line-height:1.4}#troops-panel .trp-stat-help strong{color:var(--trp-bright);font-size:12px;display:block}#troops-panel .trp-stat-help span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}#troops-panel .trp-stale{color:#f3cf85;white-space:nowrap;padding:0 5px;font-size:11px}#troops-panel .trp-types{scrollbar-color:#ad915c #102a26;scrollbar-width:thin;overscroll-behavior-x:contain;touch-action:pan-x;border-bottom:1px solid #a7884f7d;flex:0 0 61px;gap:5px;min-width:0;padding:2px 3px 5px;display:flex;overflow:auto hidden}#troops-panel .trp-type{text-align:left;color:#d7d6c5;background:linear-gradient(130deg,#18322e,#0e2223);border:1px solid #79694899;border-radius:4px;flex:1 0 0;align-items:center;gap:3px;min-width:0;height:54px;padding:3px 5px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #071a18}#troops-panel .trp-type:after{content:"";background:0 0;height:2px;position:absolute;inset:auto 7px -1px}#troops-panel .trp-type[aria-pressed=true]{color:var(--trp-bright);background:linear-gradient(130deg,#31523b,#182e2a 80%);border-color:#dbc078;box-shadow:inset 0 0 0 1px #a58d5b66,0 0 8px #c5a15b36}#troops-panel .trp-type[aria-pressed=true]:after{background:#e6cc87}#troops-panel .trp-type-art{object-fit:contain;flex:none;width:36px;height:38px}#troops-panel .trp-type.has-large-count .trp-type-art{width:30px}#troops-panel .trp-type-copy{gap:2px;min-width:0;display:grid}#troops-panel .trp-type-name{color:var(--trp-bright);white-space:nowrap;font-size:12px;font-weight:700}#troops-panel .trp-type-count{color:var(--trp-number);letter-spacing:-.02em;text-shadow:var(--trp-number-shadow);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}#troops-panel .trp-type.has-large-count .trp-type-count{letter-spacing:-.04em;font-size:11px}#troops-panel .trp-board{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}#troops-panel .trp-board-head{flex:0 0 28px;align-items:center;gap:9px;padding:3px 5px 1px;display:flex}#troops-panel .trp-board-title{color:var(--trp-bright);font:700 15px/1.2 var(--font-display);white-space:nowrap}#troops-panel .trp-board-sub{color:#afbdb3;white-space:nowrap;font-size:11px}#troops-panel .trp-board-total{color:var(--trp-number);letter-spacing:-.02em;text-shadow:var(--trp-number-shadow);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:800}#troops-panel .trp-grade-scroll{overscroll-behavior:contain;scrollbar-color:#a28653 #0c1e1d;scrollbar-width:thin;touch-action:pan-y;flex:1;min-height:0;padding:0 4px 2px;overflow:hidden auto}#troops-panel .trp-grade-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:6px;display:grid}#troops-panel .trp-grade{text-align:left;width:100%;min-width:0;height:74px;color:var(--trp-ivory);background:linear-gradient(123deg,#17372f,#0e2524 67%,#122d29);border:1px solid #9a7b47a6;border-radius:4px;align-items:center;gap:4px;padding:5px;display:flex;box-shadow:inset 0 0 0 2px #091c19,inset 0 0 0 3px #705b3b58,0 2px 5px #0006}#troops-panel .trp-grade:hover,#troops-panel .trp-grade:focus-visible{border-color:var(--trp-gold);background:linear-gradient(123deg,#22503a,#16342d)}#troops-panel .trp-grade.is-empty{background:linear-gradient(123deg,#152b29,#0a1d1f);border-color:#6c725681}#troops-panel .trp-grade-artbox{background:radial-gradient(circle at 50% 44%,#4360428a,#081919 70%);border:1px solid #9b814f7d;border-radius:4px;flex:none;place-items:center;width:56px;height:58px;display:grid;box-shadow:inset 0 0 8px #000a}#troops-panel .trp-grade.is-empty .trp-grade-artbox{opacity:.72}#troops-panel .trp-grade-art{object-fit:contain;width:53px;height:53px}#troops-panel .trp-grade-copy{flex-direction:column;justify-content:center;gap:5px;min-width:0;display:flex}#troops-panel .trp-grade-level{color:var(--trp-bright);white-space:nowrap;font-size:12px;font-weight:700}#troops-panel .trp-grade-count{color:var(--trp-number);letter-spacing:-.02em;text-shadow:var(--trp-number-shadow);white-space:nowrap;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#876b3b78,#876b3b00);border-radius:2px;align-self:flex-start;margin-left:-3px;padding:2px 3px;font-size:16px;font-weight:800;line-height:1.1}#troops-panel .trp-grade-count.is-long{font-size:12px}#troops-panel .trp-grade-count.is-very-long{letter-spacing:-.04em;padding-right:0;font-size:11px}#troops-panel .trp-grade.is-empty .trp-grade-count{color:#e0d9c6;background:linear-gradient(90deg,#576b5d54,#576b5d00)}#troops-panel .trp-grade-count small{color:#fff1cd;letter-spacing:0;margin-left:1px;font-size:12px;font-weight:700}#troops-panel .trp-grade-count.is-very-long small{font-size:11px}#troops-panel .trp-grade.is-empty .trp-grade-count small{color:#e0d9c6}#troops-panel .trp-detail{flex-direction:column;flex:1;min-height:0;display:flex}#troops-panel .trp-detail-nav{border-bottom:1px solid var(--trp-line);flex:0 0 48px;align-items:center;gap:10px;padding:2px 4px;display:flex}#troops-panel .trp-back{min-width:113px;height:44px;color:var(--trp-bright);background:linear-gradient(#29463a,#142b28);border:1px solid #ad915c;border-radius:4px;padding:0 10px;font-size:12px;font-weight:700}#troops-panel .trp-detail-heading{color:var(--trp-bright);font:700 18px/1.2 var(--font-display)}#troops-panel .trp-detail-context{color:#bbbcad;margin-left:auto;font-size:11px}#troops-panel .trp-detail-body{overscroll-behavior:contain;touch-action:pan-y;flex:1;grid-template-columns:220px 1fr;gap:10px;min-height:0;padding:8px 4px 3px;display:grid;overflow-y:auto}#troops-panel .trp-hero{background:radial-gradient(circle at 50% 45%,#51744b91,#132d29 54%,#07191c 87%);border:1px solid #b1965e;border-radius:5px;place-items:center;min-height:0;display:grid;position:relative;box-shadow:inset 0 0 0 3px #081b1b,inset 0 0 0 4px #8a744885,0 3px 8px #0008}#troops-panel .trp-hero:before{content:"";pointer-events:none;border:1px solid #c0a36a38;position:absolute;inset:8px}#troops-panel .trp-hero-art{object-fit:contain;width:145px;height:145px}#troops-panel .trp-hero-badge{color:#ffe7a7;background:#1c392edc;border:1px solid #c8aa69;border-radius:3px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:9px;left:9px}#troops-panel .trp-hero-caption{text-align:center;color:#d3d3bc;font-size:11px;position:absolute;bottom:7px;left:0;right:0}#troops-panel .trp-detail-right{flex-direction:column;gap:8px;min-width:0;display:flex}#troops-panel .trp-detail-stat{background:linear-gradient(115deg,#1d4036,#112a28);border:1px solid #947c4a9c;border-radius:4px;min-height:75px;padding:10px 13px;box-shadow:inset 0 0 0 2px #0a1b19}#troops-panel .trp-detail-stat-label{color:#c6d0c2;font-size:12px;display:block}#troops-panel .trp-detail-stat-value{color:var(--trp-number);letter-spacing:-.02em;text-shadow:var(--trp-number-shadow);font-variant-numeric:tabular-nums;margin-top:4px;font-size:25px;font-weight:800;line-height:1;display:block}#troops-panel .trp-detail-stat-value small{color:var(--trp-bright);letter-spacing:0;font-size:12px;font-weight:700}#troops-panel .trp-detail-grade-heading{color:var(--trp-bright);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}#troops-panel .trp-detail-grade-heading small{color:#9eb0a4;font-size:11px;font-weight:400}#troops-panel .trp-detail-grades{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}#troops-panel .trp-detail-grade{min-width:0;height:44px;color:var(--trp-ivory);background:linear-gradient(#1a352e,#102622);border:1px solid #806d4e;border-radius:4px;padding:2px;font-size:12px;font-weight:700}#troops-panel .trp-detail-grade[aria-pressed=true]{color:#fff1c8;background:linear-gradient(#557042,#293f2e);border-color:#edcf87;box-shadow:inset 0 0 0 1px #bd9f5c}#troops-panel .trp-detail-hint{color:#aebdaf;margin:0;font-size:11px;line-height:1.35}@media (orientation:landscape) and (width<=700px) and (height<=320px){#troops-panel .game-modal-body{padding:0 10px 2px}#troops-panel .game-modal-sub{display:none}#troops-panel .trp-overview{flex-basis:45px;padding:1px 2px}#troops-panel .trp-stat{height:42px}#troops-panel .trp-stat-main{flex-basis:210px}#troops-panel .trp-stat-wounded{flex-basis:170px}#troops-panel .trp-stat-help{font-size:10px}#troops-panel .trp-types{flex-basis:47px;padding-bottom:3px}#troops-panel .trp-type{flex:0 0 117px;height:44px}#troops-panel .trp-type-art{width:34px;height:34px}#troops-panel .trp-type.has-large-count .trp-type-art{width:26px}#troops-panel .trp-board-head{flex-basis:22px;padding-top:1px}#troops-panel .trp-grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#troops-panel .trp-grade{height:66px;padding-block:3px}#troops-panel .trp-detail-body{grid-template-columns:155px 1fr}#troops-panel .trp-hero-art{width:104px;height:104px}#troops-panel .trp-detail-stat{min-height:59px;padding:6px 10px}#troops-panel .trp-detail-stat-value{font-size:20px}#troops-panel .trp-detail-right{gap:5px}#troops-panel .trp-detail-hint{display:none}}@media (orientation:landscape) and (width<=760px) and (height<=460px){#troops-panel .trp-stat-help{display:none}#troops-panel .trp-grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){#troops-panel .trp-root *,#troops-panel .trp-root :before,#troops-panel .trp-root :after{transition:none;animation:none}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.tp-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.tp-tab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:13px}.tp-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.tp-tab:disabled{opacity:.4;cursor:not-allowed}.tp-body{flex:1;padding:12px 16px;overflow-y:auto}.tp-my-title{background:linear-gradient(135deg,#3d280099,#1a100080);border:1px solid #f0c04040;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.tp-my-title-icon{font-size:28px;line-height:1}.tp-my-title-info{flex:1}.tp-my-title-name{color:var(--gold);margin-bottom:2px;font-size:15px;font-weight:700}.tp-my-title-tier{color:var(--text-dim);font-size:11px}.tp-no-title{text-align:center;color:var(--text-dim);margin-bottom:16px;padding:24px;font-size:13px}.tp-section-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0c0401a;margin-bottom:6px;padding:6px 0 4px;font-size:11px}.tp-tier-group{margin-bottom:14px}.tp-tier-label{color:var(--gold-dim);letter-spacing:1px;border-left:2px solid var(--gold-dim);background:#f0c04012;border-radius:0 4px 4px 0;margin-bottom:4px;padding:4px 8px;font-size:10px;font-weight:700}.tp-slot-row{border-bottom:1px solid #f0c0400d;align-items:center;gap:8px;padding:7px 8px;display:flex}.tp-slot-type{color:var(--text);min-width:60px;font-size:12px}.tp-slot-guild{color:var(--text-dim);flex:1;font-size:11px}.tp-slot-holder{color:var(--gold);white-space:nowrap;font-size:12px;font-weight:700}.tp-slot-vacant{color:#a0806066;font-size:11px;font-style:italic}.tp-slot-row .tp-slot-holder,.tp-slot-row .tp-slot-vacant{margin-left:auto}.tp-siege-window{color:var(--gold);background:#f0c04014;border:1px solid #f0c04026;border-radius:4px;margin-bottom:6px;padding:6px 8px;font-size:11px}.tp-siege-none{color:var(--text-dim)}.tp-tier-count{color:var(--text-dim);font-weight:400}.tp-city-block{margin:4px 0 8px}.tp-city-head{border-bottom:1px dashed #f0c0401f;align-items:center;gap:8px;padding:4px 8px;display:flex}.tp-city-coord{color:var(--text-dim);min-width:56px;font-size:10px}.tp-city-guild{color:var(--gold-dim);text-align:right;flex:1;font-size:11px}.tp-city-vacant{color:#a0806080;font-style:italic}.tp-assign-slot{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #f0c0400f;border-radius:6px;align-items:center;gap:10px;padding:10px 8px;display:flex}.tp-assign-slot:hover{background:#f0c0400d}.tp-assign-slot-info{flex:1}.tp-assign-slot-type{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.tp-assign-slot-holder{color:var(--text-dim);font-size:11px}.tp-assign-slot-holder.assigned{color:var(--gold)}.tp-assign-btn{min-height:44px;color:var(--gold);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;background:#f0c0401f;border:1px solid #f0c0404d;border-radius:4px;padding:8px 10px;font-size:12px}.tp-assign-btn:hover{background:#f0c04038}.tp-assign-btn:disabled{opacity:.4;cursor:default;background:#f0c0400f}.tp-assign-btn:disabled:hover{background:#f0c0400f}.tp-unassign-btn{color:var(--danger,#e06c6c);background:#e06c6c1a;border-color:#e06c6c66}.tp-unassign-btn:hover{background:#e06c6c33}.tp-cooldown{color:var(--danger,#e06c6c);font-variant-numeric:tabular-nums}#tp-member-picker{z-index:400;align-items:flex-end;display:flex;position:fixed;inset:0}#tp-member-picker.hidden{display:none}#tp-picker-bg{background:#0009;position:absolute;inset:0}#tp-picker-sheet{z-index:1;background:var(--panel-bg);border-top:1px solid var(--border);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:60dvh;display:flex;position:relative;overflow:hidden}#tp-picker-title{color:var(--gold);border-bottom:1px solid #f0c04026;flex-shrink:0;padding:14px 16px 10px;font-size:14px;font-weight:700}#tp-picker-list{flex:1;padding:6px 0;overflow-y:auto}.tp-picker-row{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #f0c0400a;align-items:center;gap:10px;padding:10px 16px;display:flex}.tp-picker-row:hover{background:#f0c04012}.tp-picker-name{color:var(--text);flex:1;font-size:13px}.tp-picker-role{color:var(--text-dim);font-size:11px}.tp-picker-disabled{cursor:not-allowed;opacity:.45}.tp-picker-disabled:hover{background:0 0}.tp-picker-held{color:var(--gold-dim);font-size:11px;font-style:italic}.tp-picker-cancel{padding:12px 12px calc(12px + env(safe-area-inset-bottom));text-align:center;color:var(--text-dim);cursor:pointer;border-top:1px solid #f0c0401a;flex-shrink:0;font-size:13px}.tp-loading,.tp-empty{text-align:center;color:var(--text-dim);padding:32px 0;font-size:13px}.tp-forbidden{text-align:center;color:var(--text-dim);padding:32px 16px;font-size:13px;line-height:1.6}.tp-overview-cols{column-gap:14px}:root[data-layout=square] .tp-overview-cols{column-count:2}:root[data-layout=square] .tp-overview-cols .tp-city-block{break-inside:avoid}:root[data-layout=square] .tp-overview-cols .tp-tier-label{break-after:avoid}@media (width<=1023px) and (height<=520px){.tp-body{padding:8px 12px}.tp-tab{padding:7px 0;font-size:12px}.tp-my-title{gap:8px;margin-bottom:10px;padding:8px}.tp-my-title-icon{font-size:22px}}@media (width<=1023px) and (height<=460px){.tp-overview-cols{column-count:2}.tp-overview-cols .tp-city-block{break-inside:avoid}.tp-overview-cols .tp-tier-label{break-after:avoid}.tp-tier-group{margin-bottom:8px}.tp-slot-row,.tp-city-head{padding:3px 8px}.tp-section-head{margin-bottom:4px;padding:3px 0 2px}.tp-siege-window{margin-bottom:4px;padding:4px 8px}.tp-assign-slot{padding:7px 8px}}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}#shop-panel .sp-iap-card,#shop-panel .sp-sub-card,#shop-panel .sp-item-card{background:linear-gradient(120deg,#1b352dec,#101f1cf5),url(/assets/images/shop/interior.webp) 50%/cover;border:1px solid #a1864c;border-radius:4px;box-shadow:inset 0 0 0 3px #091a17,inset 0 0 0 4px #7a643b55,0 5px 10px #0005}#shop-panel .sp-iap-buy,#shop-panel .sp-sub-claim,#shop-panel .sp-buy-btn{color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border:1px solid #b29a5b;border-radius:3px;min-height:44px;padding:7px 10px;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 2px #142c23,inset 0 0 0 3px #5c785c70}#shop-panel .sp-iap-buy:hover:not(:disabled),#shop-panel .sp-sub-claim:hover:not(:disabled),#shop-panel .sp-buy-btn:hover:not(:disabled){filter:brightness(1.15)}#shop-panel .sp-grid--charge{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 2px}#shop-panel .sp-iap-card{gap:8px;padding:30px 12px 12px;overflow:hidden}#shop-panel .sp-iap-icon{background:radial-gradient(#7b9d524d,#0000 70%);border:0;border-radius:50%;width:76px;height:76px}#shop-panel .sp-iap-img{filter:drop-shadow(0 4px 5px #000);width:66px;height:66px}#shop-panel .sp-iap-amount{color:#f0e5c9;font-size:20px}#shop-panel .sp-iap-sub{color:#b9b59f;min-height:16px}#shop-panel .sp-iap-card .sp-iap-buy{margin-top:auto}#shop-panel .sp-iap-card .sp-firstbuy-badge{color:#f1dba0;box-sizing:border-box;background:#433821b0;border:1px solid #9d844b;border-radius:2px;justify-content:center;align-items:center;min-height:22px;padding:3px 6px;font-size:10px;line-height:14px;display:inline-flex;top:9px;right:9px}#shop-panel .sp-grid--sub{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 2px}#shop-panel .sp-sub-card{gap:12px;padding:18px;position:relative}#shop-panel .sp-sub-card:before{content:"금";color:#edcf86;width:70px;height:70px;font:bold 46px/1 var(--font-display);background:linear-gradient(145deg,#66502a,#292719);border:3px double #c9aa65;border-radius:5px;align-self:center;place-items:center;margin:2px 0 8px;display:grid;box-shadow:0 0 0 5px #152b23,0 0 0 6px #8a7245,0 5px 16px #0009}#shop-panel .sp-sub-card--silver:before{content:"은";color:#d9e0d7;background:linear-gradient(145deg,#495c51,#1f302a);border-color:#a8b7ae}#shop-panel .sp-sub-title{font:bold 22px var(--font-display);color:#f0e5c9}#shop-panel .sp-sub-detail{color:#d0c9b3;border-block:1px solid #8a724555;padding-block:10px;font-size:13px}#shop-panel .sp-sub-benefit{color:#d8c58f;background:#8b724516;border-color:#8b72454d;border-radius:3px}#shop-panel .sp-sub-card .sp-iap-buy,#shop-panel .sp-sub-claim{margin-top:auto}#shop-panel .sp-grid--item{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 2px}#shop-panel .sp-item-card{gap:5px;min-width:0;padding:10px}#shop-panel .sp-item-icon{background:#091a17;border-color:#92764480;width:42px;height:42px}#shop-panel .sp-item-icon img{width:32px;height:32px}#shop-panel .sp-item-name{white-space:normal;font-size:14px;line-height:1.4}#shop-panel .sp-item-effect{color:#bcb9a8;min-height:1.4em;font-size:12px}#shop-panel .sp-price{color:#ead7a5}#shop-panel .sp-price.insufficient{color:#e58a7c}#shop-panel .sp-buy-row{align-items:stretch;gap:8px;margin-top:auto;display:flex}#shop-panel .sp-buy-row .num-stepper{flex:1;align-items:stretch;min-width:0}#shop-panel .sp-buy-row .nsb-row{width:100%}#shop-panel .sp-buy-row .nsb,#shop-panel .sp-buy-row .nsb-val{color:#e5d6aa;border-color:#8b724577;flex:1 1 0;min-width:0;min-height:40px}#shop-panel .sp-buy-row .nsb{background:linear-gradient(#33433a,#1a2924)}#shop-panel .sp-buy-btn{flex:0 0 72px;width:72px}#shop-panel .sp-subchips{padding:8px 0 4px}#shop-panel .sp-chip,#shop-panel .csort-chip,#shop-panel .csort-dir-btn{color:#c7c0a9;border-color:#8b724570;border-radius:3px}#shop-panel .sp-chip.active,#shop-panel .csort-chip.active{color:#fff0bd;background:linear-gradient(#75623b,#3b3828);border-color:#c4a65f}#shop-panel .csort-control{flex-flow:wrap;align-items:center;padding:6px 0}#shop-panel .csort-group{flex:250px}#shop-panel .csort-reset{border-radius:3px;align-self:center}@media (width<=1023px) and (height<=460px){#shop-panel .sp-grid--charge{gap:8px;padding-block:8px}#shop-panel .sp-iap-card{gap:5px;padding:26px 9px 9px}#shop-panel .sp-iap-icon{width:62px;height:62px}#shop-panel .sp-iap-img{width:56px;height:56px}#shop-panel .sp-iap-amount{font-size:18px}#shop-panel .sp-sub-card{gap:8px;padding:13px}#shop-panel .sp-sub-card:before{width:52px;height:52px;margin-bottom:5px;font-size:34px}#shop-panel .sp-sub-title{font-size:19px}#shop-panel .sp-sub-detail{padding-block:7px;font-size:12px}}@media (width<=699px){#shop-panel .sp-grid--charge{grid-template-columns:repeat(2,minmax(0,1fr))}#shop-panel .sp-grid--item{grid-template-columns:minmax(0,1fr)}}#shop-panel{--sp-gold:#b29150;--sp-ivory:#f0e5c9;--sp-line:#a4894d;--sp-edge:#a1864c;--sp-muted:#b9b59f}#shop-panel .game-modal-body{background:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eeb),url(/assets/images/shop/interior.webp) 50%/cover no-repeat;flex-direction:column;padding-bottom:0;display:flex;overflow-y:hidden}#shop-panel .base-panel-content,#shop-panel #sp-content{flex-direction:column;flex:auto;min-height:0;display:flex}.sp-topbar{border-bottom:1px solid var(--sp-line);flex-shrink:0;align-items:flex-end;gap:8px;padding:8px 12px 0;display:flex}.sp-tabs{flex-wrap:wrap;flex:1;gap:6px;display:flex}.sp-tab{color:#beb8a1;cursor:pointer;white-space:nowrap;background:linear-gradient(#33433a,#1a2924);border:1px solid #706446;border-bottom:0;border-radius:4px 4px 0 0;padding:7px 18px;font-size:13px;font-weight:700;transition:background .15s,color .15s;position:relative}.sp-tab:hover{color:var(--sp-ivory)}.sp-tab.active{color:#fff0bd;text-shadow:0 2px 3px #000;background:linear-gradient(#75623b,#3b3828);border-color:#c4a65f}.sp-tab.active:after{content:"";background:#f3d48a;height:3px;position:absolute;bottom:0;left:15%;right:15%;box-shadow:0 0 12px #e7be64}#shop-panel .game-modal-header{border-bottom-color:var(--sp-line);background:linear-gradient(100deg,#1b4039,#0d2422 60%,#17342e)}#shop-panel .game-modal-name{color:var(--sp-ivory)}.sp-gems-badge{color:var(--sp-ivory);white-space:nowrap;background:#081b1bdd;border:1px solid #776847;border-radius:4px;flex-shrink:0;margin-bottom:6px;padding:4px 10px;font-size:14px;font-weight:700}.sp-gem-img{object-fit:contain;vertical-align:middle;width:14px;height:14px}.sp-tab-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:10px 12px;display:grid}.sp-grid--pkg{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:2px 2px 4px}.sp-grid--sub{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sp-grid--item{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sp-empty{text-align:center;color:var(--text-dim);padding:40px 0;font-size:14px}.sp-value-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#e8412c,#ff8a3d);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 1px 4px #dc3c2866}.sp-firstbuy-badge{color:#2a1800;white-space:nowrap;background:linear-gradient(135deg, var(--gold), var(--gold-dim));border-radius:999px;align-self:flex-start;padding:2px 7px;font-size:10px;font-weight:700}.sp-iap-card{border:1px solid var(--border);text-align:center;background:#ffffff08;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex;position:relative}.sp-iap-card:hover{background:#ffffff0f}.sp-iap-card .sp-firstbuy-badge{align-self:auto;position:absolute;top:6px;right:6px}.sp-iap-icon{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sp-iap-img{object-fit:contain;width:30px;height:30px}.sp-iap-amount{color:#a0cfff;font-size:16px;font-weight:700}.sp-iap-sub{font-size:11px}.sp-iap-sub s{align-items:center;gap:2px;display:inline-flex}.sp-iap-buy{white-space:nowrap;border-radius:6px;width:100%;min-height:48px;margin-top:2px;padding:7px 8px;font-size:13px;font-weight:700}.sp-iap-buy:disabled{opacity:.5;cursor:not-allowed}.sp-tab-body--pkg{overflow:hidden}.sp-pkg-pane{flex-direction:column;flex:1;min-height:0;padding:8px 12px 6px;display:flex}.sp-pkg-headline{color:var(--sp-muted);flex:none;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;font-size:11px;display:flex}.sp-pkg-headline strong{color:#dfd5b8;font-size:13px}.sp-pkg-count{color:var(--sp-muted);font-size:11px;font-weight:400}.sp-pkg-scrollhint{white-space:nowrap}.sp-pkg-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b19455 #091916;flex:1;min-height:0;overflow:hidden auto}.sp-pkg-note{text-align:center;letter-spacing:.4px;color:#a6aa93;flex:none;padding-top:7px;font-size:10px}.sp-pkg-card{border:1px solid var(--sp-edge);background:linear-gradient(120deg,#152d27,#101f1c);border-radius:4px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #091a17,inset 0 0 0 4px #7a643b55,0 6px 12px #0005}.sp-pkg-card--purchased{filter:grayscale(.75);opacity:.55;border-color:var(--border-dim,#ffffff2e)}.sp-pkg-card--purchased .sp-pkg-art{filter:saturate(.3)brightness(.65)}.sp-sold-badge{color:#c6c5b4;white-space:nowrap;background:#433821b0;border:1px solid #9d844b;border-radius:2px;padding:3px 7px;font-size:10px;font-weight:700}.sp-pkg-head{background:linear-gradient(100deg,#3b3824b0,#152820);border-bottom:1px solid #92764475;grid-template-columns:minmax(7em,1fr) auto;align-items:start;gap:6px 8px;padding:11px 13px 9px;display:grid}.sp-pkg-headtext{grid-column:1;min-width:0}.sp-pkg-eyebrow{letter-spacing:2px;color:#cbb278;margin-bottom:4px;font-size:10px;display:block}.sp-pkg-title{font-family:var(--font-display);letter-spacing:1px;color:#f4e3bd;text-shadow:0 2px 2px #000;font-size:17px;font-weight:700;line-height:1.25;display:block}.sp-pkg-badges{flex-direction:column;grid-area:1/2;align-items:flex-end;gap:4px;min-width:0;display:flex}.sp-pkg-art{aspect-ratio:3.8;object-fit:cover;border-bottom:1px solid #655431;width:100%;display:block}.sp-pkg-body{flex-direction:column;flex:1;padding:10px 13px 12px;display:flex}.sp-countdown{color:#f1dba0;white-space:nowrap;font-variant-numeric:tabular-nums;background:#433821b0;border:1px solid #9d844b;border-radius:2px;padding:3px 7px;font-size:10px;font-weight:700}.sp-reward-row{flex-wrap:wrap;align-items:center;gap:10px;min-height:38px;margin-bottom:10px;display:flex}.sp-reward{align-items:center;gap:6px;min-width:0;display:flex}.sp-reward-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-reward-text small{color:#bcb9a8;word-break:keep-all;overflow-wrap:anywhere;font-size:10px}.sp-reward-text b{color:var(--sp-ivory);font-size:13px;font-weight:500}.sp-reward-img{object-fit:contain;filter:drop-shadow(0 2px 3px #000);flex-shrink:0;width:30px;height:30px}.sp-pkg-card .sp-iap-buy{width:100%;min-height:48px;color:var(--sp-ivory);letter-spacing:1px;background:linear-gradient(#24564b,#14382f);border:1px solid #b29a5b;border-radius:3px;margin-top:auto;padding:7px 10px;font-size:16px;font-weight:700;box-shadow:inset 0 0 0 2px #142c23,inset 0 0 0 3px #5c785c70,0 2px 5px #0007}.sp-pkg-card .sp-iap-buy small{letter-spacing:0;color:#d6d5bb;margin-right:10px;font-size:11px;font-weight:400}.sp-pkg-card .sp-iap-buy:disabled{opacity:.55;cursor:not-allowed}.sp-sub-card{border:1px solid var(--border);background:#ffffff08;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.sp-sub-card.active{border-color:var(--gold-dim)}.sp-sub-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.sp-sub-title{color:var(--gold);font-size:14px;font-weight:700}.sp-sub-remain{color:#7fd17f;white-space:nowrap;font-size:11px;font-weight:700}.sp-sub-detail{font-size:11px;line-height:1.5}.sp-sub-benefit{color:var(--gold);background:#f0c04014;border:1px solid #f0c04029;border-radius:6px;padding:5px 7px;font-size:11px}.sp-sub-claim,.sp-sub-card .sp-iap-buy{border-radius:6px;width:100%;padding:7px 8px;font-size:13px;font-weight:700}.sp-sub-claim:disabled{opacity:.5;cursor:not-allowed}.sp-subchips{flex-wrap:wrap;flex-shrink:0;gap:4px;padding:8px 12px 0;display:flex}.sp-chip{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:3px 9px;font-size:11px;transition:background .15s,color .15s}.sp-chip:hover{color:var(--text);background:#ffffff0f}.sp-chip.active{background:var(--accent-dark);border-color:var(--gold);color:var(--gold)}.sp-item-card{border:1px solid var(--rarity,var(--border));background:#ffffff08;border-radius:6px;flex-direction:column;gap:6px;padding:10px;transition:background .15s;display:flex}.sp-item-card:hover{background:#ffffff0f}.sp-item-top{align-items:center;gap:8px;min-width:0;display:flex}.sp-item-icon{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.sp-item-icon img{object-fit:contain;width:22px;height:22px}.sp-item-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.sp-item-effect{min-height:2.7em;font-size:11px;line-height:1.35}.sp-price{color:#a0cfff;white-space:nowrap;font-size:13px;font-weight:700}.sp-price.insufficient{color:#e06060}.sp-no-sale{color:var(--text-dim);border:1px solid var(--border);border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:11px}.sp-buy-row{align-items:center;gap:4px;display:flex}.sp-buy-btn{white-space:nowrap;border-radius:4px;min-height:48px;padding:4px 12px;font-size:12px}.sp-buy-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1023px) and (height<=460px){.sp-iap-buy,.sp-buy-btn{min-height:44px}}.sp-store-notice{text-align:center;flex-shrink:0;padding:2px 12px 4px;font-size:12px}.sp-msg{text-align:center;color:#e06060;min-height:20px;padding:4px 12px max(4px, env(safe-area-inset-bottom));flex-shrink:0;font-size:13px}@media (width<=1023px) and (height<=460px){.sp-grid{gap:6px;padding:8px 10px}.sp-grid--sub{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sp-iap-card{padding:9px 8px}.sp-sub-card{padding:10px}.sp-tab{padding:6px 12px;font-size:12px}.sp-pkg-pane{padding:6px 10px 4px}.sp-pkg-headline{padding-bottom:5px;font-size:10px}.sp-pkg-headline strong{font-size:11px}.sp-grid--pkg{gap:9px;padding:2px 2px 4px}.sp-pkg-head{padding:7px 10px 6px}.sp-pkg-eyebrow{letter-spacing:1.4px;margin-bottom:2px;font-size:9px}.sp-pkg-title{letter-spacing:.5px;font-size:14px}.sp-pkg-art{aspect-ratio:3.8;object-position:center}.sp-pkg-body{padding:6px 10px 8px}.sp-reward-row{gap:7px;min-height:28px;margin-bottom:5px}.sp-reward-img{width:22px;height:22px}.sp-reward-text small{font-size:9px}.sp-reward-text b{font-size:11px}.sp-pkg-card .sp-iap-buy{min-height:44px;font-size:14px}.sp-pkg-note{padding-top:4px;font-size:9px}.sp-gems-badge{margin-bottom:4px;padding:3px 7px;font-size:12px}.sp-msg{min-height:0;padding:0 12px max(2px, env(safe-area-inset-bottom))}}#shop-panel.game-modal-overlay{padding:max(16px, env(safe-area-inset-top)) max(5vw, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(5vw, env(safe-area-inset-left));background:linear-gradient(#07191a66,#071113aa),url(/assets/images/shop/interior.webp) 50%/cover no-repeat}#shop-panel .game-modal{background:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border:2px solid #a4864b;border-radius:5px;width:100%;max-width:1380px;height:100%;max-height:800px;padding:0 14px 6px;overflow:visible;box-shadow:0 0 0 3px #17231b,0 0 0 5px #65522f,0 14px 55px #000}#shop-panel .game-modal:before,#shop-panel .game-modal:after{content:"◆";color:#d5b978;pointer-events:none;font-size:18px;line-height:20px;position:absolute;top:-12px}#shop-panel .game-modal:before{left:-10px}#shop-panel .game-modal:after{right:-10px}#shop-panel .game-modal-body{background:0 0}#shop-panel .game-modal-header{background:0 0;gap:10px;min-height:50px;padding:5px 0}#shop-panel .game-modal-icon{filter:drop-shadow(0 3px 3px #000);background:0 0;border:0;width:38px;height:38px;padding:0}#shop-panel .game-modal-name{letter-spacing:4px;font-size:23px}#shop-panel .game-modal-sub{color:#b8b7a1;font-size:9px}#shop-panel .game-modal-close{color:#f0e5c9;background:linear-gradient(#4c482f,#252d23);border:1px solid #ae9050;border-radius:3px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}#shop-panel .sp-gems-badge{background:0 0;border:0;gap:6px;margin:0;padding:0;font-size:12px;font-weight:400;display:flex}#shop-panel .sp-gem-paid,#shop-panel .sp-gem-free{background:#081b1bdd;border:1px solid #776847;border-radius:3px;align-items:center;gap:4px;padding:5px 8px;display:flex}#shop-panel .sp-gem-sep{display:none}#shop-panel .sp-gem-img{width:20px;height:20px}#shop-panel .sp-topbar{padding:6px 0 0}#shop-panel .sp-tabs{flex-wrap:nowrap}#shop-panel .sp-tab{min-height:38px;padding:6px 20px}#shop-panel .sp-pkg-pane{padding:7px 0 0}#shop-panel .sp-pkg-head{padding:8px 10px}#shop-panel .sp-pkg-badges{gap:3px}#shop-panel .sp-pkg-badges .sp-value-badge,#shop-panel .sp-pkg-badges .sp-firstbuy-badge{color:#f1dba0;box-shadow:none;background:#433821b0;border:1px solid #9d844b;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:400;line-height:12px}#shop-panel .sp-pkg-art{flex-shrink:0;height:auto}@media (width<=1023px) and (height<=460px){#shop-panel.game-modal-overlay{padding-top:10px;padding-bottom:10px}#shop-panel .game-modal-header{min-height:48px;padding:2px 0}#shop-panel .game-modal-sub{display:none}#shop-panel .sp-pkg-eyebrow{margin-bottom:2px;font-size:8px}#shop-panel .sp-pkg-title{font-size:15px}#shop-panel .sp-pkg-head{padding:6px 9px}#shop-panel .sp-pkg-badges{gap:2px}#shop-panel .sp-pkg-badges .sp-value-badge,#shop-panel .sp-pkg-badges .sp-firstbuy-badge{padding:1px 5px;font-size:8px;line-height:10px}#shop-panel .sp-pkg-art{aspect-ratio:4}#shop-panel .sp-pkg-note{padding-top:3px;font-size:8px}#shop-panel .sp-grid--pkg{gap:6px;width:92%;margin-inline:auto}#shop-panel .game-modal-header{min-height:44px;padding-block:0}#shop-panel .sp-topbar{padding-top:0}#shop-panel .sp-pkg-pane{padding-top:3px}#shop-panel .sp-pkg-headline{padding-bottom:3px}#shop-panel .sp-pkg-head{padding-block:2px}#shop-panel .sp-pkg-body{padding-block:3px}#shop-panel .sp-reward-row{margin-bottom:2px}}.stm-body{flex-direction:column;gap:10px;max-height:380px;padding:12px 16px;display:flex;overflow-y:auto}.stm-desc{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.5}.stm-label{color:var(--intent-info);margin-bottom:4px;font-size:12px;display:block}.stm-select{background:var(--surface-raised);border:1px solid var(--line-subtle);width:100%;color:var(--text-primary);cursor:pointer;border-radius:4px;padding:6px 8px;font-size:13px}.stm-select:focus{border-color:var(--intent-info);outline:none}.stm-next-btn{margin-top:10px}.stm-confirm-wrap{flex-direction:column;gap:10px;display:flex}.stm-target-banner{background:color-mix(in srgb, var(--intent-info) 18%, var(--surface-panel));border:1px solid var(--intent-info);border-radius:var(--radius-sm);color:var(--text-primary);padding:8px 12px;font-size:13px}.stm-target-banner strong{color:var(--intent-info)}.stm-warn-box{background:color-mix(in srgb, var(--intent-danger) 14%, var(--surface-panel));border:1px solid var(--intent-danger);border-radius:var(--radius-sm);padding:10px 12px}.stm-warn-title{color:var(--intent-danger);margin-bottom:6px;font-size:12px;font-weight:700}.stm-penalty-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.stm-penalty-item{color:var(--text-primary);align-items:baseline;gap:6px;font-size:12px;display:flex}.stm-pen-icon{flex-shrink:0;font-size:11px}.stm-keep-box{background:color-mix(in srgb, var(--intent-success) 10%, var(--surface-panel));border:1px solid var(--intent-success);border-radius:var(--radius-sm);padding:10px 12px}.stm-keep-title{color:var(--intent-success);margin-bottom:6px;font-size:12px;font-weight:700}.stm-keep-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.stm-keep-list li{color:var(--text-primary);font-size:11px}.stm-agree-label{color:var(--text-primary);cursor:pointer;background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.stm-agree-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:14px;height:14px}.stm-btn-row{justify-content:flex-end;gap:8px;display:flex}.stm-btn-row .btn-secondary{flex:none}.stm-btn-row .btn-danger{flex:1}.stm-msg{text-align:center;color:#e0e0e0;min-height:18px;font-size:12px}.stm-error{color:var(--intent-danger)}.stm-success{color:var(--intent-success)}@media (width<=1023px) and (height<=460px){.stm-body{gap:8px;max-height:none;padding:10px 14px}}:root{--surface-canvas:#050b14;--surface-panel:#0a1323;--surface-raised:#131c2b;--surface-pressed:#1c2635;--line-subtle:#64738447;--line-metal:#4c5b6b;--line-emphasis:#8399ad;--intent-primary:#4ca9a5;--intent-primary-hi:#54b1ae;--intent-primary-dim:#33635b;--intent-success:#55b58a;--intent-warning:#de9a3b;--intent-danger:#c53526;--intent-danger-hi:#d4412e;--intent-info:#6d9dc5;--accent-bronze:#c3ab84;--text-primary:#e4e4db;--text-secondary:#aab3bd;--text-disabled:#647384;--shadow-overlay:0 12px 48px #000000d9;--frame-resource-chip:url(/assets/ui-v3/runtime/frames/frame_resource_chip.webp);--frame-primary-command:url(/assets/ui-v3/runtime/frames/frame_primary_command.webp);--frame-resource-chip-slice:85 40 87 40 fill;--frame-topbar-width-v30:12px 12px 0;--frame-topbar-outset-v30:8px 8px 0;--frame-event-btn-width-v30:12px;--frame-event-btn-outset-v30:8px;--frame-action-btn-width-v30:12px;--frame-action-btn-outset-v30:8px;--frame-modal-width-v30:12px;--frame-modal-outset-t-v30:8px;--frame-modal-outset-r-v30:8px;--frame-modal-outset-b-v30:8px;--frame-modal-outset-l-v30:8px;--frame-chat-tab-width-v30:0 0 13px;--frame-chat-tab-outset-v30:0 0 10px;--frame-list-tab-width-v30:0 0 13px;--frame-list-tab-outset-v30:0 0 10px;--frame-chat-window-width-v30:12px;--frame-chat-window-outset-v30:8px;--frame-dock-menu-width-v30:12px;--frame-dock-menu-outset-v30:8px;--frame-queue-shell-width-v30:12px;--frame-queue-shell-outset-v30:8px;--frame-minimap-width-v30:12px;--frame-minimap-outset-v30:8px;--frame-minimap-slice-v30:136 169 262 170;--frame-panel-slice-v30:75 72 60 72;--frame-topbar-slice-v30:322 34 0 35;--frame-icon-button-slice-v30:208 223 222 224;--frame-tab-selected-slice-v30:134 124 137 127;--frame-v4-panel:url(/assets/ui-v3/runtime/frames/frame_v4_panel.webp);--frame-v4-chat:url(/assets/ui-v3/runtime/frames/frame_v4_chat.webp);--frame-v4-dock-slot:url(/assets/ui-v3/runtime/frames/frame_v4_dock_slot.webp);--frame-v4-action-blue:url(/assets/ui-v3/runtime/frames/frame_v4_action_blue.webp);--frame-v4-action-gold:url(/assets/ui-v3/runtime/frames/frame_v4_action_gold.webp);--frame-v4-action-red:url(/assets/ui-v3/runtime/frames/frame_v4_action_red.webp);--frame-v4-topbar-bf:url(/assets/ui-v3/runtime/frames/frame_v4_topbar_bf.webp);--frame-v4-topbar-ic:url(/assets/ui-v3/runtime/frames/frame_v4_topbar_ic.webp);--gold:#d8af4a;--gold-dim:#a77c28;--red:#8b1a1a;--red-light:#c0392b;--bg-dark:#1a0e06;--ground:#2e1f10;--ground-mid:#3d2a16;--wall-stone:#4a3c2e;--wall-light:#6b5a44;--wall-shadow:#2a1e12;--path-color:#5a4030;--path-light:#7a5840;--text:var(--text-primary);--text-dim:var(--text-secondary);--military-tint:#1e3c781f;--resource-tint:#1e64281f;--panel-bg:var(--surface-panel);--border:var(--line-subtle);--hud-top-h:46px;--hud-events-h:72px;--hud-event-row-count:0;--hud-event-row-h:72px;--hud-event-stack-h:calc(var(--hud-event-row-count) * var(--hud-event-row-h));--hud-event-btn-h:44px;--hud-event-btn-w:44px;--hud-event-icon-sz:16.5px;--hud-header-h:0px;--hud-action-size:68px;--hud-dock-toggle-h:56px;--hud-dock-primary-size:64px;--hud-action-dock-h:var(--hud-action-size);--hud-dock-panel-w:auto;--hud-dock-panel-h:auto;--hud-dock-inset-right:10px;--hud-dock-inset-bottom:14px;--hud-dock-header-h:26px;--hud-lord-portrait-size:84px;--hud-chat-panel-w:360px;--hud-chat-msgs-h:87px;--hud-chat-h:146px;--cq-active-row-min-h:60px;--cq-bar-h:2px;--res-bar-h:52px;--tab-bar-h:0px;--panel-w:min(340px, 90vw);--modal-w:min(420px, 96vw);--font-display:"Noto Serif KR", serif;--font:"Noto Sans KR", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--motion-fast:.15s;--motion-base:.3s;--ease-enter:cubic-bezier(.2, .8, .2, 1);--hit-legacy-primary:44px;--hit-legacy-modal-close:32px;--hit-primary:48px;--hit-hud:72px;--hit-event:72px;--hit-compact:44px;--transition-fast:var(--motion-fast);--transition-mid:var(--motion-base);--z-modal-overlay:1000;--z-modal:1001;--z-modal-popup:1100;--z-recruitment-video:1150;--z-toast:1200;--z-readonly-banner:1300;--accent:var(--gold);--accent-dark:#f0c0401f;--text-muted:var(--text-dim);--bg-secondary:#140c04cc;--bg-primary:#0a0602e6;--lane-van:#e05a4e;--lane-mid:#e8b84b;--lane-rear:#4e9be0;--lane-van-rgb:224, 90, 78;--lane-mid-rgb:232, 184, 75;--lane-rear-rgb:78, 155, 224;--lane-van-soft:#e05a4e80;--lane-mid-soft:#e8b84b80;--lane-rear-soft:#4e9be080;--lane-van-line:#e05a4e47;--lane-mid-line:#e8b84b47;--lane-rear-line:#4e9be047;--formation-arrow-opacity:.22;--formation-arrow-color:var(--lane-van-line,#e0c060)}@media (orientation:landscape) and (height<=700px){:root:where(:not([data-approved-canvas])){--hud-top-h:46px;--hud-events-h:52px;--hud-action-size:52px;--hud-chat-msgs-h:40px;--hud-chat-h:134px;--hud-chat-bottom-gap:3px;--hud-chat-shell-h:calc(150px - 2 * var(--frame-chat-window-outset,0px))}}@media (orientation:landscape) and (height<=390px){:root:where(:not([data-approved-canvas])){--hud-chat-msgs-h:40px;--hud-chat-h:134px}}@media (orientation:landscape) and (height<=320px){:root:where(:not([data-approved-canvas])){--hud-chat-h:52px;--hud-chat-shell-h:auto;--hud-chat-bottom-gap:14px}}:root{--layout-overlay-inset-t:max(12px, env(safe-area-inset-top));--layout-overlay-inset-r:max(12px, env(safe-area-inset-right));--layout-overlay-inset-b:max(12px, env(safe-area-inset-bottom));--layout-overlay-inset-l:max(12px, env(safe-area-inset-left));--layout-panel-max-w:560px;--layout-side-rail-w:260px;--layout-content-gap:16px;--layout-cta-h:40px;--hud-queue-w:308px;--hud-queue-shell-h:444px;--hud-ic-queue-w:var(--hud-queue-w);--hud-ic-queue-h:var(--hud-queue-shell-h);--hud-ic-queue-gutter:var(--hud-queue-gutter);--hud-ic-queue-top:calc(var(--hud-top-h) + var(--hud-queue-top-gap));--hud-chat-w:497px;--hud-chat-w-ic:var(--hud-chat-w);--hud-chat-shell-h-ic:var(--hud-chat-shell-h);--hud-chat-gutter-ic:var(--hud-chat-gutter);--hud-chat-bottom-gap-ic:var(--hud-chat-bottom-gap);--hud-chat-gutter:13px;--hud-chat-bottom-gap:0px;--hud-chat-shell-h:218px;--hud-queue-gutter:14px;--hud-queue-top-gap:59px;--hud-top-h:70px;--hud-top-bf-h:var(--hud-top-h);--hud-top-overflow:visible;--hud-top-left-self:flex-start;--hud-lord-fill:#0c1a22;--hud-lord-fill-bf:var(--hud-lord-fill);--hud-lord-pad:12px 14px 9px 18px;--hud-lord-gap:12px;--hud-lord-taper:44px;--hud-lord-exp-w:175px;--hud-event-btn-h:62px;--hud-event-btn-w:60px;--hud-event-icon-sz:30px;--hud-res-rail-position:absolute;--hud-res-rail-display:block;--hud-res-rail-overflow:visible;--hud-res-rail-item-display:grid;--hud-res-rail-item-position:absolute;--hud-res-rail-item-top:11px;--hud-res-rail-item-padding:0;--hud-res-rail-img-size:24px;--hud-res-rail-head-gap:8px;--hud-res-rail-name-size:16px;--hud-res-rail-name-color:#ffc967;--hud-res-rail-rate-color:#ffdf6f;--hud-res-rail-value-color:#fffae7;--hud-res-rail-rate-size:15px;--hud-res-rail-value-size:20px;--hud-res-rail-rate-min-h:0;--hud-res-rail-areas:"head rate" "value value";--hud-res-rail-cols:auto minmax(0, 1fr);--hud-res-rail-rows:auto auto;--hud-res-rail-row-gap:4px;--hud-res-rail-col-gap:6px;--hud-res-rail-rate-self:end;--hud-res-rail-value-indent:calc(var(--hud-res-rail-img-size) + var(--hud-res-rail-head-gap));--hud-res-rail-sep-content:"";--hud-res-rail-sep-color:#1e3037;--hud-res-rail-sep-top:0px;--hud-res-rail-sep-h:40px;--hud-res-sep-dx-food:-26px;--hud-res-sep-dx-iron:-13px;--hud-res-sep-dx-gold:-12px;--hud-res-sep-dx-paid:-26px;--hud-res-sep-dx-free-end:147px;--hud-res-rail-wood-x:392px;--hud-res-rail-wood-w:105px;--hud-res-rail-food-x:543px;--hud-res-rail-food-w:104px;--hud-res-rail-iron-x:680px;--hud-res-rail-iron-w:102px;--hud-res-rail-gold-x:824px;--hud-res-rail-gold-w:109px;--hud-res-rail-paid-x:1009px;--hud-res-rail-paid-w:118px;--hud-res-rail-free-x:1153px;--hud-res-rail-free-w:118px;--hud-gem-plus-position:absolute;--hud-gem-plus-left:1251px;--hud-gem-plus-top:37px;--hud-gem-plus-w:26px;--hud-gem-plus-h:25px;--hud-gem-plus-basis:26px;--hud-top-menu-position:absolute;--hud-top-menu-left:1316px;--hud-top-menu-top:4px;--hud-top-menu-w:400px;--hud-top-menu-gap:10px;--hud-top-art-w:48px;--hud-top-art-h:38px;--hud-top-art-img-opacity:0;--hud-top-art-event:url(/assets/ui-v3/runtime/icons/event_event.webp);--hud-top-art-challenge-hub:url(/assets/ui-v3/runtime/icons/event_challenge_hub.webp);--hud-top-art-shop:url(/assets/ui-v3/runtime/icons/icon_v4_top_shop.webp);--hud-top-art-quest:url(/assets/ui-v3/runtime/icons/event_quest.webp);--hud-top-art-mail:url(/assets/ui-v3/runtime/icons/event_mail.webp);--hud-top-art-more:url(/assets/ui-v3/runtime/icons/icon_v4_top_more.webp);--hud-dock-primary-size:124px;--hud-dock-primary-size-ic:var(--hud-dock-primary-size);--hud-dock-primary-right:3px;--hud-dock-primary-right-ic:var(--hud-dock-primary-right);--hud-dock-row-pos:absolute;--hud-dock-row-top:50%;--hud-dock-row-transform:translateY(-50%);--hud-dock-pad-left:4px;--hud-dock-pad-left-ic:var(--hud-dock-pad-left);--hud-dock-menu-flex:0 0 auto;--hud-dock-menu-justify:flex-start;--frame-active-panel:var(--frame-v4-panel);--frame-active-panel-slice:32;--frame-active-panel-width:32px;--frame-active-panel-outset:0px;--frame-active-panel-repeat:round;--entry-panel-frame:var(--frame-active-panel);--entry-panel-frame-slice:32 fill;--entry-panel-frame-width:16px;--entry-panel-frame-repeat:round;--frame-active-chat:var(--frame-v4-chat);--frame-active-chat-slice:16;--frame-active-chat-width:16px;--frame-active-chat-outset:0px;--frame-active-dock-slot:var(--frame-v4-dock-slot);--frame-active-dock:var(--frame-v4-panel);--frame-active-dock-menu:none;--frame-active-dock-menu-width:0;--frame-active-dock-menu-outset:0px;--hud-dock-bg:linear-gradient(180deg, #05141aeb, #061015eb);--hud-dock-menu-bg:transparent;--hud-dock-radius:10px;--hud-dock-menu-gap:2px;--hud-dock-menu-padding:3px;--hud-dock-slot-bg:linear-gradient(180deg, #020f16, #071215);--hud-dock-slot-divider:transparent;--hud-dock-slot-padding:6px 4px;--hud-dock-slot-band:1px solid #2571796b;--hud-dock-slot-gap:17px;--hud-dock-slot-label-size:24px;--hud-dock-slot-label-color:#f6f1e1;--hud-dock-slot-band-top:85px;--hud-dock-slot-lift:6px;--hud-dock-art-size:64px;--hud-dock-art-img-opacity:0;--hud-dock-art-shop:url(/assets/ui-v3/runtime/icons/action_shop.webp);--hud-dock-art-general:url(/assets/ui-v3/runtime/icons/action_general.webp);--hud-dock-art-troops:url(/assets/ui-v3/runtime/icons/action_troops.webp);--hud-dock-art-troop-info:url(/assets/ui-v3/runtime/icons/action_troop.webp);--hud-dock-art-guild:url(/assets/ui-v3/runtime/icons/action_guild.webp);--hud-dock-art-bag:url(/assets/ui-v3/runtime/icons/action_bag.webp);--frame-active-queue-inner:none;--frame-active-queue-inner-width:0;--hud-queue-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--hud-queue-inner-v4-bg:transparent;--hud-panel-v4-bg:linear-gradient(180deg, #05141af0, #061015f0);--bf-overlay-bottom:13px;--bf-tile-card-w:538px;--bf-tile-card-h:auto;--bf-tile-card-frame:none;--bf-act-btn-col:75px;--bf-act-btn-h:75px;--bf-act-gap:9px;--bf-act-btn-font:16px;--frame-active-action-blue:var(--frame-v4-action-blue);--frame-active-action-gold:var(--frame-v4-action-gold);--frame-active-action-red:var(--frame-v4-action-red);--bf-act-btn-bg:linear-gradient(180deg, #051925, #061927);--bf-act-btn-bg-gold:linear-gradient(180deg, #1f180e, #211a0e);--bf-act-btn-bg-red:linear-gradient(180deg, #27100e, #29100e);--bf-minimap-top:79px;--bf-minimap-right:13px;--bf-minimap-w:235px;--bf-minimap-h:243px;--bf-minimap-pad:4px;--bf-minimap-tools-pos:absolute;--bf-minimap-tools-bg:linear-gradient(180deg, #041117f5, #081c22fa);--bf-minimap-tools-separator:1px solid #5ca0a88f;--bf-minimap-tools-shadow:0 -2px 6px #000000b3;--bf-minimap-tools-pad:3px 7px 2px 4px;--bf-minimap-tools-gap:15px;--bf-minimap-tools-h:34px;--bf-minimap-tools-justify:flex-end;--bf-minimap-tool-w:29px;--bf-minimap-tool-h:26px;--bf-minimap-tools-display:flex;--bf-minimap-tool-radius:3px;--bf-minimap-tool-frame:1px solid #5ca0a826;--bf-minimap-tool-bg:linear-gradient(180deg, #0c272deb, #041117f5);--hud-top-bg:var(--frame-v4-topbar-bf);--hud-top-bg-bf:var(--hud-top-bg);--frame-topbar-band-width:0;--frame-topbar-band-outset:0;--hud-dock-slot-w:77px;--hud-dock-slot-h:124px;--hud-dock-slot-w-ic:var(--hud-dock-slot-w);--frame-chat-tab-band-width:0;--hud-chat-tab-active-line:#d8af4a;--hud-chat-surface:linear-gradient(180deg, #040b0d, #02080a);--hud-chat-tabs-bottom-border:1px solid #5ca0a873;--hud-chat-tab-sep:1px solid #5ca0a84d;--hud-chat-tab-active-frame-style:solid;--hud-chat-tab-active-frame-width:1px;--hud-chat-tab-active-frame-color:#c89d47;--hud-chat-tab-active-frame-image:none;--hud-chat-tab-active-radius:4px 4px 0 0;--hud-chat-tab-active-bg:linear-gradient(180deg, #4e39199e, #171c19d6);--hud-chat-tab-active-shadow:inset 0 1px 0 #f5d38359;--hud-chat-approved-chrome-display:flex;--hud-chat-approved-chrome-w:60px;--hud-chat-approved-chrome-border:1px solid #5ca0a873;--hud-chat-approved-chrome-bg:linear-gradient(180deg, #081b22eb, #051117f5);--hud-chat-input-gear-size:43px;--hud-chat-input-gear-border:1px solid #5ca0a86b;--hud-chat-input-gear-radius:8px;--hud-chat-input-gear-bg:linear-gradient(180deg, #0b1c22f2, #061116f2);--hud-chat-input-gear-font:22px;--hud-chat-send-art:url(/assets/ui-v3/runtime/hud/icon_v4_chat_send.webp);--hud-chat-send-w:42px;--hud-chat-send-h:32px;--hud-chat-send-ink:var(--hud-chat-send-w) var(--hud-chat-send-h);--hud-chat-send-icon-display:none;--bf-tile-title-display:none;--bf-tile-info-divider:1px solid #7db8be94;--bf-tile-info-pad-right:10px;--frame-primary-command:radial-gradient(circle at 50% 42%, #3a8794 0%, #175560 48%, #0a3540 78%, #06242e 100%);--hud-toggle-ring-w:7px;--hud-toggle-ring-color:#14262c;--hud-toggle-ring-shadow:0 0 0 2px #d8af4a4d, inset 0 0 0 2px #78c8d247;--hud-dock-panel-w:620px;--hud-dock-panel-h:178px;--hud-dock-inset-right:3px;--hud-dock-inset-bottom:3px;--hud-dock-panel-w-ic:var(--hud-dock-panel-w);--hud-dock-panel-h-ic:var(--hud-dock-panel-h);--hud-dock-inset-right-ic:var(--hud-dock-inset-right);--hud-dock-inset-bottom-ic:var(--hud-dock-inset-bottom);--bf-side-panel-bottom:calc(var(--hud-dock-inset-bottom) + var(--hud-dock-panel-h) + 8px)}:root[data-approved-canvas]{--hud-canvas-safe-top:0px;--hud-canvas-safe-left:0px;--hud-canvas-safe-right:0px;--hud-canvas-safe-bottom:0px}body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + max(8px, env(safe-area-inset-left,0px)) + 120px + 8px + 260px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 8px + 180px + 8px);--tut-guide-h-inner:calc(8px + 180px + 8px);--tut-guide-gap:12px}@media (width<=1023px) and (height<=460px){body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}}body:has(#tut-guide.tut-guide--compact:not(.tut-guide-hidden):not(.tut-guide-exit)){--tut-guide-w:calc(max(env(safe-area-inset-left,0px), var(--approved-canvas-left,0px)) + 6px + 72px + 6px + 180px);--tut-guide-h:calc(env(safe-area-inset-bottom,0px) + 6px + 108px + 6px);--tut-guide-h-inner:calc(6px + 108px + 6px)}@media (width<=1023px) and (height<=460px){:root{--entry-panel-frame-width:10px}}.ch-tabs{border-bottom:1px solid var(--border);background:#0003;flex-shrink:0;display:flex}.ch-tab-btn{min-height:var(--hit-compact,44px);color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px 7px;display:flex}.ch-tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.ch-tab-icon{font-size:14px;line-height:1}.ch-tab-icon img{object-fit:contain;width:18px;height:18px;display:block}.ch-tab-label{white-space:nowrap;font-size:12px}#challenge-hub-panel .game-modal-body{flex-direction:column;padding-bottom:0;display:flex;overflow-y:hidden}#challenge-hub-panel .base-panel-content{flex-direction:column;flex:auto;min-height:0;display:flex}.ch-body,.ch-stp-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ch-stp-ssr-view{padding:16px 12px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:#0009;flex-direction:column;flex:1;display:flex;overflow-y:auto}.hud-track-level-badge{color:#1a0f00;pointer-events:none;background:linear-gradient(135deg,#c8842a,#f0c040);border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-6px}@media (width<=1023px) and (height<=460px){.ch-tab-btn{padding:5px 4px 4px}.ch-tab-icon{font-size:12px}.ch-tab-icon img{width:16px;height:16px}}.stp-overview{background:#0000004d;border-bottom:1px solid #f0c04026;flex-shrink:0;padding:12px 14px 8px}.stp-level-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stp-level-badge{color:var(--gold);text-shadow:0 0 8px #f0c04080;font-size:22px;font-weight:700}.stp-season-name{color:#ffffff80;font-size:12px}.stp-exp-bar-wrap{margin-bottom:4px}.stp-exp-bar-track{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.stp-exp-bar-fill{background:linear-gradient(90deg,#c8842a,#f0c040);border-radius:4px;min-width:2px;height:100%;transition:width .4s}.stp-exp-text{color:#ffffff8c;justify-content:space-between;font-size:11px;display:flex}.stp-daily-row{color:#ffffff80;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;display:flex}.stp-daily-used{color:#f0c040cc;font-weight:700}.stp-catchup-badge{color:#96ff96e6;background:#64c86426;border:1px solid #64c8644d;border-radius:4px;padding:1px 5px;font-size:11px}.stp-ssr-banner{background:linear-gradient(90deg,#a040c833,#6440b426);border:1px solid #a040c866;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:10px 14px 0;padding:8px 12px;display:flex}.stp-ssr-label{color:#dcb4fff2;font-size:13px;font-weight:700}.stp-ssr-label img{object-fit:contain;vertical-align:middle;width:16px;height:16px}.stp-ssr-btn{color:#fff;min-height:var(--hit-primary,48px);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8a2be2,#6a1cc2);border:none;border-radius:5px;padding:5px 12px;font-size:14px;font-weight:700;transition:opacity .2s}.stp-ssr-btn:hover{opacity:.85}.stp-ssr-btn:active{opacity:.7}.stp-track-list{overscroll-behavior:contain;touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));grid-auto-flow:row;align-content:start;gap:8px;min-height:0;padding:10px 14px;display:grid;overflow-y:auto}.stp-level-row-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px 6px;min-width:0;min-height:70px;padding:9px 11px;transition:background .15s;display:grid}.stp-track-list>.stp-level-row-item:last-child:nth-child(odd){grid-column:1/-1}.stp-level-card-head{flex-wrap:wrap;grid-area:1/1;align-items:center;gap:5px 9px;min-width:0;display:flex}.stp-level-row-item.milestone{background:#f0c0400f;border-color:#f0c04033}.stp-level-row-item.current{background:#f0c0401f;border-color:#f0c04073}.stp-level-row-item.claimed .stp-level-num{color:#ffffff59}.stp-level-num{color:var(--gold);white-space:nowrap;font-size:14px;font-weight:700}.stp-status-label{color:#ffffffbf;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.stp-level-rewards{color:#ffffffbf;grid-area:2/1/auto/-1;min-width:0;font-size:12px;line-height:1.4}.stp-reward-chip{overflow-wrap:anywhere;background:#ffffff12;border-radius:4px;max-width:100%;margin:1px 4px 1px 0;padding:2px 5px;font-size:11px;display:inline-block}.stp-item-icon{object-fit:contain;vertical-align:middle;width:14px;height:14px}.stp-reward-chip.rare{color:#96c8ffe6;background:#0078ff26}.stp-reward-chip.epic{color:#c896fff2;background:#7800c833}.stp-milestone-star{color:var(--gold);background:#f0c04033;border:1px solid #f0c04059;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:10px}.stp-status-icon{text-align:center;min-width:16px;font-size:14px;display:inline-block}.stp-exp-needed{color:#ffffffb3;white-space:nowrap;grid-area:1/2;align-self:center;font-size:11px}.stp-ssr-modal-title{color:var(--gold);text-align:center;margin-bottom:10px;font-size:16px;font-weight:700}.stp-ssr-modal-subtitle{color:#ffffff8c;text-align:center;margin-bottom:14px;font-size:12px}.stp-ssr-general-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.stp-ssr-general-card{cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #f0c04040;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px;transition:background .15s,border-color .15s;display:flex}.stp-ssr-general-card:hover{background:#f0c0401a;border-color:#f0c04080}.stp-ssr-general-card.selected{border-color:var(--gold);background:#f0c0402e}.stp-ssr-general-name{color:#ffe678f2;font-size:13px;font-weight:700}.stp-ssr-general-tag{color:#ffffff80;font-size:11px}.stp-ssr-modal-actions{justify-content:center;gap:10px;margin-top:14px;display:flex}.stp-ssr-confirm-btn{color:#1a0f00;min-height:var(--hit-primary,48px);cursor:pointer;background:linear-gradient(135deg,#c8842a,#f0c040);border:none;border-radius:6px;padding:8px 22px;font-size:14px;font-weight:700;transition:opacity .2s}.stp-ssr-confirm-btn:disabled{opacity:.4;cursor:default}.stp-ssr-confirm-btn:not(:disabled):hover{opacity:.85}.stp-ssr-cancel-btn{color:#ffffffb3;min-height:var(--hit-compact,44px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:8px 18px;font-size:13px;transition:opacity .2s}.stp-ssr-cancel-btn:hover{opacity:.75}.stp-track-list::-webkit-scrollbar{width:4px}.stp-track-list::-webkit-scrollbar-track{background:0 0}.stp-track-list::-webkit-scrollbar-thumb{background:#f0c0404d;border-radius:2px}.stp-track-list{padding-bottom:max(10px, env(safe-area-inset-bottom))}@media (width<=1023px) and (height<=460px){.stp-overview{padding:8px 12px 5px}.stp-level-badge{font-size:17px}.stp-exp-bar-track{height:5px}.stp-daily-row{margin-top:3px;font-size:10px}}.ep-body{padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.ep-battle-footer{bottom:calc(-1 * max(14px, env(safe-area-inset-bottom)));z-index:10;background:var(--panel-bg,#0e0804f7);border-top:1px solid var(--border);margin:8px -14px calc(-1 * max(14px, env(safe-area-inset-bottom)));justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex;position:sticky}.ep-footer-reward{flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-width:0;font-size:11px;display:flex}.ep-footer-label{color:var(--text-dim);font-size:10px}.ep-footer-dim{color:var(--text-dim);font-size:11px}.ep-battle-footer .ep-btn-save,.ep-battle-footer .ep-btn-battle{flex-shrink:0;width:auto;padding:9px 18px;font-size:13px}.ep-body .cap-roster{margin-top:4px;padding-top:4px}.ep-skeleton{color:var(--text-dim);text-align:center;padding:24px 0;font-size:13px}.ep-floor-card{text-align:center;background:linear-gradient(135deg,#f0c0401f,#f0c0400a);border:1px solid #f0c0404d;border-radius:8px;padding:16px}.ep-floor-label{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:10px}.ep-floor-number{color:var(--gold);margin-bottom:6px;font-size:36px;font-weight:700;line-height:1}.ep-floor-meta{justify-content:center;gap:10px;font-size:12px;display:flex}.ep-difficulty{color:var(--text-dim)}.ep-reward{color:var(--gold-dim)}.ep-reward img{object-fit:contain;vertical-align:middle;width:13px;height:13px}.ep-stats-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (width<=360px){.ep-stats-row{grid-template-columns:repeat(2,1fr)}}.ep-stat{text-align:center;background:#ffffff0a;border-radius:6px;padding:8px 6px}.ep-stat-label{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:9px;overflow:hidden}.ep-stat-val{color:var(--text);font-size:13px;font-weight:700}.ep-status-idle{color:var(--text-dim)}.ep-status-in_battle{color:var(--gold)}.ep-status-floor_clear{color:#4caf50}.ep-status-failed{color:var(--red-light)}.ep-shield-row{text-align:center;font-size:12px}.ep-shield-on{color:#4caf50}.ep-shield-off{color:var(--text-dim)}.ep-actions{flex-direction:column;gap:8px;display:flex}.ep-btn{cursor:pointer;width:100%;transition:filter var(--transition-fast);border:none;border-radius:6px;padding:11px 0;font-size:14px;font-weight:700}.ep-btn:hover:not(:disabled){filter:brightness(1.15)}.ep-btn:disabled{opacity:.45;cursor:not-allowed}.ep-btn-enter{background:var(--gold);color:#1a1208}.ep-btn-battle{color:#fff;background:#c0392b}.ep-btn-reset{color:var(--text);border:1px solid var(--border);background:#ffffff1a}.ep-btn-exit{color:var(--text-dim);border:1px solid var(--border);background:0 0}.ep-btn-continue{background:var(--gold);color:#1a1208}.ep-notice{text-align:center;color:var(--text-dim);padding:8px 0;font-size:12px}.ep-result{text-align:center;padding:20px 0}.ep-result-icon{margin-bottom:8px;font-size:48px}.ep-result-title{color:var(--gold);margin-bottom:6px;font-size:20px;font-weight:700}.ep-result-next{color:var(--text-dim);margin-bottom:16px;font-size:13px}.ep-result-win .ep-result-title{color:var(--gold)}.ep-result-loss .ep-result-title{color:var(--red-light)}.ep-info{padding:4px 0}.ep-info-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ep-info-title{color:var(--gold);font-size:16px;font-weight:700}.ep-info-difficulty{color:var(--text-dim);margin-bottom:10px;font-size:13px}.ep-info-section{margin-bottom:6px}.ep-info-label{color:var(--text-dim);margin-bottom:4px;font-size:11px}.ep-npc-info{background:#ffffff0d;border-radius:6px;padding:8px 10px}.ep-npc-name{color:var(--text);font-size:14px;font-weight:700}.ep-npc-sub{color:var(--text-dim);margin-top:2px;font-size:12px}.ep-npc-general{gap:8px;padding:2px 0;font-size:12px;display:flex}.ep-npc-gen-id{color:var(--gold);font-weight:700}.ep-npc-unit{color:var(--text-dim)}.ep-npc-troops{color:var(--text);margin-left:auto}.ep-reward-row{flex-wrap:wrap;gap:6px;display:flex}.ep-reward-item{background:#ffffff12;border-radius:4px;padding:3px 7px;font-size:12px}.ep-chapter-bonus{color:var(--gold);background:#d4af371a;border:1px solid #d4af374d;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:12px}.ep-bonus-icon{object-fit:contain;vertical-align:-3px;width:16px;height:16px;margin-right:2px}.ep-bonus-items{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ep-result-section{margin-bottom:10px}.ep-result-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.ep-result-notice{color:var(--text-dim);text-align:center;margin-bottom:10px;font-size:12px}.ep-btn-back{color:var(--text-dim);border:1px solid var(--border);background:0 0;width:auto;padding:5px 10px;font-size:12px}.ep-info-title{white-space:nowrap;text-align:center;flex:1}.ep-info-label{align-items:center;gap:6px;display:flex}.ep-grid-head{color:var(--text-dim);text-align:right;margin-bottom:4px;font-size:10px}.ep-slot-cards{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.ep-grid{flex-direction:column;gap:3px;display:flex}.ep-grid-row{gap:3px;display:flex}.ep-faceoff{margin-top:4px}.ep-faceoff .ep-face-grid{flex-direction:row;flex:1;gap:3px;display:flex}.ep-face-lane{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ep-faceoff .ep-grid-head{text-align:center}.ep-slot-cards-face{flex-direction:column;gap:4px;display:flex}.ep-slot,.ep-slot-card{border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:46px;padding:3px 2px;display:flex}.ep-slot-card{background:#ffffff0a;border:1px solid #ffffff1a}.ep-slot-filled{cursor:pointer;background:#f0c04014;border:1px solid #f0c0404d}.ep-slot-empty{background:#ffffff05;border:1px dashed #ffffff14}.ep-slot-sel{outline:2px solid var(--gold)}.ep-card-name{text-align:center;font-size:9px;font-weight:700;line-height:1.2}.ep-card-unit{color:var(--text-dim);font-size:8px}.ep-card-troops{color:#e07a5f;font-size:8px}.ep-card-grade{border-radius:3px;padding:0 3px;font-size:8px;font-weight:700}.ep-grade-sr{color:#5b8def}.ep-grade-ssr{color:var(--gold)}.ep-grade-ur{color:#e0563f}.ep-npc-npc_t1{border-color:#888!important}.ep-npc-npc_t2{border-color:#a07040!important}.ep-npc-npc_t3{border-color:#c8a000!important}.ep-npc-npc_t4{border-color:#d06000!important}.ep-ally-empty{color:var(--text-dim);text-align:center;padding:8px;font-size:10px}.ep-btn-changeparty{color:var(--gold);background:0 0;border:1px solid #f0c04066;width:auto;margin-left:auto;padding:3px 8px;font-size:10px}.ep-detail-panel{border:1px solid var(--border);background:#ffffff0d;border-radius:8px;margin:8px 0;padding:8px 10px}.ep-detail-head{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.ep-detail-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto}.ep-detail-stats,.ep-detail-unit,.ep-detail-tactics{color:var(--text-dim);font-size:10px;line-height:1.5}.ep-counter-warn{color:#e07a5f;background:#c0392b1f;border-radius:4px;margin-top:4px;padding:4px 6px;font-size:10px}.ep-btn-replay{color:var(--text);border:1px solid var(--border);background:#ffffff1a}.ep-error-notice{color:var(--red-light);text-align:center;background:#c0392b26;border:1px solid #c0392b66;border-radius:6px;padding:8px 12px;font-size:12px}@media (width<=1023px) and (height<=460px){.ep-floor-number{font-size:26px}.ep-stat{padding:5px 4px}.ep-stat-val{font-size:11px}.ep-btn{padding:8px 0;font-size:13px}.ep-slot,.ep-slot-card{min-height:38px}.ep-info-difficulty{margin-bottom:6px}.ep-detail-panel{margin:6px 0;padding:6px 8px}.ep-detail-head{font-size:11px}}.cap-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cap-skeleton{color:var(--text-dim);text-align:center;padding:28px 0;font-size:13px}.cap-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.cap-tab{color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:12px}.cap-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.cap-scroll{padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.cap-scroll.cap-chapter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-auto-flow:row;align-content:start;display:grid}.cap-chapter-grid>.cap-chapter-card{min-width:0}.cap-chapter-grid>.cap-empty{grid-column:1/-1}.cap-back-row{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;margin-bottom:4px;padding:4px 0 8px;display:flex}.cap-back-btn{border:1px solid var(--border);color:var(--gold);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:700;line-height:1.2}.cap-back-btn:hover{background:#f0c04029;border-color:#f0c04080}.cap-back-title{color:var(--text);font-size:13px;font-weight:700}.cap-chapter-card{border:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff08;border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.cap-chapter-card:hover:not(.cap-locked){background:#f0c04012;border-color:#f0c04080}.cap-chapter-card.cap-locked{opacity:.5;cursor:not-allowed}.cap-chapter-name{color:var(--gold);font-size:14px;font-weight:700}.cap-chapter-bg-text{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.cap-chapter-meta{justify-content:space-between;align-items:center;font-size:11px;display:flex}.cap-chapter-progress{color:var(--text-dim)}.cap-star-filled,.cap-star-empty{display:inline-flex}.cap-star-filled .star-img,.cap-star-empty .star-img{object-fit:contain;width:14px;height:14px}.cap-lock-badge{color:var(--text-dim);border:1px solid var(--border);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:11px}.cap-mission-card{border:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.cap-mission-card:hover{background:#f0c0400f;border-color:#f0c04066}.cap-mission-num{color:var(--gold-dim);text-align:center;min-width:26px;font-size:20px;font-weight:700}.cap-mission-info{flex:1;min-width:0}.cap-mission-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.cap-mission-story{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.cap-mission-badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.cap-normal-badge{color:#4caf50;background:#4caf5026;border:1px solid #4caf5066;border-radius:3px;padding:1px 5px;font-size:10px}.cap-normal-badge.cap-cleared{opacity:1}.cap-normal-badge.cap-not-cleared{opacity:.4}.cap-hard-stars{gap:1px;font-size:12px;display:flex}.cap-diff-header{border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:10px;padding:2px 0 10px}.cap-diff-story{color:var(--text-dim);font-size:11px;line-height:1.5}.cap-diff-required{color:#f39c12;margin-top:6px;font-size:11px}.cap-diff-special-rule{color:#9b59b6;margin-top:6px;font-size:11px}.cap-diff-conditions{border-top:1px solid #ffffff14;flex-direction:column;gap:3px;margin-top:8px;padding-top:8px;display:flex}.cap-cond-row{color:var(--text-dim);font-size:10px;line-height:1.4}.cap-diff-grid{flex-direction:column;gap:8px;margin-top:8px;display:flex}.cap-diff-card{border:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff08;border-radius:8px;padding:12px 14px}.cap-diff-card:hover{background:#f0c04012;border-color:#f0c04080}.cap-diff-card.cap-diff-hard{border-color:#c0392b66}.cap-diff-card.cap-diff-hard:hover{background:#c0392b14;border-color:#c0392bb3}.cap-diff-label{margin-bottom:4px;font-size:14px;font-weight:700}.cap-diff-normal .cap-diff-label{color:#4caf50}.cap-diff-hard .cap-diff-label{color:var(--red-light)}.cap-diff-status{color:var(--text-dim);font-size:11px}.cap-diff-star-preview{gap:2px;margin-top:6px;font-size:14px;display:flex}.cap-result{flex-direction:column;align-items:center;gap:8px;padding:16px 0 8px;display:flex}.cap-form-slot{touch-action:none}.cap-roster-card{touch-action:pan-x}.fdnd-dragging{opacity:.4}.fdnd-ghost{z-index:4000;pointer-events:none;border:1px solid var(--gold,#d4af37);color:#fff;white-space:nowrap;background:#14141ceb;border-radius:6px;padding:4px 10px;font-size:12px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000080}.cap-result-wrap{flex-direction:column;width:100%;display:flex;position:relative}.cap-result-scene,.cap-champ-result-scene,.ep-result-scene{background:#000;flex-shrink:0;width:100%;min-height:280px}.cap-champ-result-scene:empty,.ep-result-scene:empty{display:none}.cap-result-scene-skeleton{color:#fff6;justify-content:center;align-items:center;width:100%;min-height:120px;font-size:13px;display:flex}.cap-result-summary{opacity:0;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 8px;transition:opacity .4s;display:flex}.cap-result-summary--show,.cap-result--no-scene .cap-result-summary{opacity:1}.cap-result-icon{font-size:48px}.cap-result-title{font-size:20px;font-weight:700}.cap-result-win .cap-result-title{color:var(--gold)}.cap-result-loss .cap-result-title{color:var(--red-light)}.cap-result-stars{gap:4px;margin:4px 0;font-size:24px;display:flex}.cap-result-rewards{border:1px solid var(--border);background:#ffffff08;border-radius:8px;width:100%;padding:10px 12px}.cap-result-reward-title{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px}.cap-result-reward-list{flex-wrap:wrap;gap:4px;display:flex}.cap-result-reward-item{color:var(--gold);background:#f0c04014;border:1px solid #f0c04040;border-radius:4px;padding:2px 6px;font-size:11px}.cap-result-actions{gap:8px;width:100%;display:flex}.cap-btn{cursor:pointer;transition:filter var(--transition-fast);border:none;border-radius:6px;flex:1;padding:10px 0;font-size:13px;font-weight:700}.cap-btn:hover:not(:disabled){filter:brightness(1.15)}.cap-btn:disabled{opacity:.45;cursor:not-allowed}.cap-btn-primary{background:var(--gold);color:#1a1208}.cap-btn-retry{color:#fff;background:#c0392b}.cap-loading{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:13px;display:flex}.cap-loading-spinner{border:3px solid #f0c04033;border-top-color:var(--gold);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite cap-spin}@keyframes cap-spin{to{transform:rotate(360deg)}}.cap-exchange-intro{color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:8px;padding:4px 0 8px;font-size:11px}.cap-exchange-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;min-width:0;display:grid}.cap-exchange-card{border:1px solid var(--border);background:#ffffff08;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:8px;min-width:0;min-height:124px;padding:10px 11px;display:flex}.cap-exchange-info{flex:1;min-width:0}.cap-exchange-item-name{color:var(--text);margin-bottom:3px;font-size:13px;font-weight:700}.cap-exchange-cost{color:var(--text-dim);font-size:11px}.cap-exchange-btn{min-height:var(--hit-compact,44px);background:var(--gold-dim);color:#1a1208;cursor:pointer;white-space:nowrap;transition:filter var(--transition-fast);border:none;border-radius:5px;padding:6px 14px;font-size:12px;font-weight:700}.cap-exchange-btn:hover{filter:brightness(1.15)}@media (width<=800px){.cap-exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-exchange-grid>.cap-exchange-card:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=520px){.cap-exchange-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=1023px) and (height<=360px){.cap-scroll:has(.cap-exchange-grid){gap:4px;padding:4px 10px}.cap-exchange-intro{margin-bottom:0;padding:0 0 3px;line-height:1.2}.cap-exchange-grid{gap:6px}.cap-exchange-card{flex-direction:row;align-items:center;min-height:0;padding:5px 8px}.cap-exchange-btn{flex-shrink:0}}.cap-error-notice{color:var(--red-light);text-align:center;background:#c0392b26;border:1px solid #c0392b66;border-radius:6px;margin-bottom:6px;padding:8px 12px;font-size:12px}.cap-success-notice{color:#4caf50;text-align:center;background:#4caf5026;border:1px solid #4caf5066;border-radius:6px;margin-bottom:6px;padding:8px 12px;font-size:12px}.cap-diff-required-warn{color:var(--red-light)!important}.cap-diff-missing-badge{color:var(--red-light);margin-top:3px;font-size:10px}.cap-diff-card.cap-diff-blocked{opacity:.55;cursor:not-allowed;pointer-events:auto}.cap-diff-card.cap-diff-blocked:hover{border-color:var(--border);background:#ffffff08}.cap-diff-lock-hint{margin-top:6px;font-size:18px}.cap-missing-overlay{z-index:10;border-radius:inherit;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cap-missing-popup{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;width:90%;max-width:260px;padding:20px;display:flex}.cap-missing-title{color:var(--red-light);text-align:center;font-size:14px;font-weight:700}.cap-missing-names{color:#f0c040;text-align:center;font-size:13px;font-weight:700}.cap-missing-desc{color:var(--text-dim);text-align:center;margin-top:4px;font-size:11px}.cap-missing-actions{flex-direction:column;gap:6px;display:flex}@media (width<=1023px) and (height<=460px){.cap-chapter-name{font-size:12px}.cap-chapter-bg-text{display:none}.cap-mission-name,.cap-diff-label{font-size:12px}.cap-result-icon{font-size:32px}.cap-result-title{font-size:16px}.cap-btn{padding:8px 0;font-size:12px}.cap-scroll{gap:6px;padding:6px 10px}}.cap-form-story{color:var(--text-dim);margin-bottom:6px;font-size:11px;line-height:1.5}.cap-form-banner{color:#f0c040;background:#f0c04014;border:1px solid #f0c04040;border-radius:6px;flex-direction:column;gap:2px;margin-bottom:8px;padding:6px 10px;font-size:10px;display:flex}.cap-form-grid{flex-direction:column;gap:3px;display:flex}.cap-form-row{gap:3px;display:flex}.cap-form-slot{cursor:pointer;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:88px;padding:4px 2px;font-size:10px;transition:background .12s;display:flex;position:relative}.cap-form-slot-empty{border:1px dashed var(--border);background:#ffffff0a}.cap-form-slot-empty:hover{border-color:#f0c04080}.cap-form-slot-filled{background:#f0c0401f;border:1px solid #f0c04066}.cap-form-slot-filled:hover{background:#f0c04033}.cap-form-slot-locked{cursor:not-allowed;opacity:.5;background:#ffffff05;border:1px dashed #ffffff1a}.cap-form-picked{box-shadow:0 0 0 2px #f0c04059;border-color:#f0c040!important}.cap-form-plus{color:var(--text-dim);font-size:18px}.cap-form-gname{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:14px;font-weight:700;line-height:1.2}.cap-form-gunit{color:var(--text-dim);text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:12px}.cap-form-remove{min-width:var(--hit-compact,44px);color:#fff;cursor:pointer;background:#c0392b99;border:none;border-radius:3px;min-height:32px;padding:1px 3px;font-size:12px;line-height:1;position:static}.cap-form-gen-section{margin-bottom:6px}.cap-form-gen-label{color:var(--text-dim);margin-bottom:4px;font-size:10px;font-weight:700}.cap-form-gen-list{flex-wrap:wrap;gap:4px;max-height:72px;display:flex;overflow-y:auto}.cap-form-gen{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:5px;align-items:center;gap:3px;padding:4px 8px;font-size:10px;transition:background .1s;display:flex}.cap-form-gen:hover{background:#f0c0401f;border-color:#f0c04066}.cap-form-gen-placed{background:#4caf501a;border-color:#4caf5059}.cap-form-gen-dim{opacity:.45}.cap-form-gen-disabled{opacity:.3;cursor:not-allowed}.cap-form-gen-name{font-weight:700}.cap-form-gen-badge{color:#4caf50;background:#4caf504d;border-radius:3px;padding:1px 3px;font-size:9px}.cap-form-warn{color:var(--red-light);text-align:center;margin-bottom:4px;font-size:10px}.cap-form-actions{z-index:10;background:var(--panel-bg,var(--surface-panel));justify-content:flex-end;gap:8px;margin-top:4px;padding-top:6px;display:flex;position:sticky;bottom:0}:is(.cap-scroll:has(.cap-form-actions),.ep-body:has(.ep-battle-footer)){scroll-padding-block:4px 64px}.cap-body{position:relative}.cap-enemy-wave{color:#e07a5f;background:#e07a5f40;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px}.cap-enemy-grid{flex-direction:column;gap:3px;display:flex}.cap-enemy-row{gap:3px;display:flex}.cap-enemy-slot{border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:42px;padding:3px 2px;display:flex}.cap-enemy-filled{background:#c0392b1f;border:1px solid #c0392b66}.cap-enemy-empty{background:#ffffff05;border:1px dashed #ffffff14}.cap-enemy-name{text-align:center;font-size:9px;font-weight:700;line-height:1.2}.cap-enemy-unit{color:var(--text-dim);font-size:8px}.cap-enemy-troops{color:#e07a5f;font-size:8px}.cap-counter-banner{color:#e07a5f;background:#c0392b1f;border:1px solid #c0392b66;border-radius:6px;margin-bottom:8px;padding:6px 10px;font-size:10px;line-height:1.4}.cap-faceoff{flex-direction:row;align-items:stretch;gap:4px;margin-bottom:8px;display:flex}.cap-faceoff-side{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cap-faceoff-side>.formation-3x3-wrap{flex:1;display:flex}.cap-faceoff-side :is(.cap-form-grid,.cap-enemy-grid),.cap-faceoff-side :is(.cap-form-row,.cap-enemy-row){flex:1}.cap-faceoff-divider{background:linear-gradient(#0000,#f0c04066,#0000);align-self:stretch;width:2px}.cap-faceoff-label{text-align:center;font-size:10px;font-weight:700}.cap-faceoff--ally .cap-faceoff-label{color:#7aa2e0}.cap-faceoff--enemy .cap-faceoff-label{color:#e07a5f}.cap-lane-labels{color:var(--text-dim);gap:3px;font-size:7px;display:flex}.cap-lane-labels>span{text-align:center;flex:1}.cap-lane-van{color:var(--lane-van);font-weight:700}.cap-lane-mid{color:var(--lane-mid)}.cap-lane-rear{color:var(--lane-rear)}.cap-form-slot:before{content:"";border-radius:6px 0 0 6px;width:3px;position:absolute;top:0;bottom:0;left:0}.cap-form-slot[data-col="3"]:before{background:var(--lane-van-soft)}.cap-form-slot[data-col="2"]:before{background:var(--lane-mid-soft)}.cap-form-slot[data-col="1"]:before{background:var(--lane-rear-soft)}.formation-3x3-wrap[data-arrow-dir=right] .cap-form-slot:before{border-radius:0 6px 6px 0;left:auto;right:0}.cap-form-slot-empty[data-col="3"]{border-color:var(--lane-van-line)}.cap-form-slot-empty[data-col="2"]{border-color:var(--lane-mid-line)}.cap-form-slot-empty[data-col="1"]{border-color:var(--lane-rear-line)}.ep-face-lane[data-lane=van] .ep-slot{border-left:3px solid var(--lane-van-soft)}.ep-face-lane[data-lane=mid] .ep-slot{border-left:3px solid var(--lane-mid-soft)}.ep-face-lane[data-lane=rear] .ep-slot{border-left:3px solid var(--lane-rear-soft)}.cap-form-unit-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 4px;font-size:8px;line-height:1.2}.cap-form-unit-toggle:hover{color:#f0c040;background:#f0c0402e}.cap-roster{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.cap-roster-head{justify-content:space-between;align-items:baseline;display:flex}.cap-roster-title{color:#f0c040;font-size:12px;font-weight:700}.cap-roster-hint{color:var(--text-dim);font-size:9px}.cap-roster-scroll{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.cap-roster-card{white-space:nowrap;flex-direction:column;flex:none;align-items:flex-start;gap:2px;min-width:96px}.cap-roster-card-picked{box-shadow:0 0 0 2px #f0c04059;border-color:#f0c040!important}.cap-roster-stats{color:var(--text-dim);font-size:8px}.cap-swap-filters{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.cap-swap-filter{border:1px solid var(--border);cursor:pointer;color:inherit;background:#ffffff0d;border-radius:5px;padding:4px 10px;font-size:10px}.cap-swap-filter.active{color:#f0c040;background:#f0c04033;border-color:#f0c04099}.cap-swap-filter-disabled{opacity:.3;cursor:not-allowed}.cap-swap-card{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:flex}.cap-swap-card:hover{background:#f0c0401f;border-color:#f0c04066}.cap-swap-card-disabled{opacity:.4;cursor:not-allowed}.cap-swap-rarity{border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.cap-rar-UR{color:#fff;background:#c08020}.cap-rar-SSR{color:#fff;background:#7030b0}.cap-rar-SR{color:#fff;background:#2060b0}.cap-rar-R{color:#fff;background:#3a5878}.cap-swap-name{flex:1;font-weight:700}.cap-swap-unit{color:var(--text-dim);font-size:10px}.cap-swap-reason{color:var(--text-dim);font-size:9px}.cap-swap-head{align-items:center;gap:5px;display:flex}.cap-swap-apts{flex-wrap:wrap;gap:3px;display:flex}.cap-swap-apt{color:var(--text-dim);background:#ffffff0f;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1.3}.cap-apt-S{color:#f0c040;background:#f0c04047}.cap-apt-A{color:#c89bdc;background:#9b59b638}.cap-apt-B{color:var(--text-dim);background:#ffffff0f}.cap-apt-C{color:var(--text-dim);opacity:.75;background:#ffffff0a}.cap-form-unit-change{color:#f0c040;cursor:pointer;min-height:var(--hit-compact,44px);touch-action:manipulation;background:#f0c0401f;border:1px solid #f0c0404d;border-radius:3px;flex-shrink:0;max-width:100%;margin-top:2px;padding:4px 5px;font-size:14px;line-height:1.3}.cap-form-unit-change:hover{background:#f0c0403d}.cap-form-troops{color:#f0c040;margin-left:3px;font-weight:700}.cap-diff-terrain{color:#6fb3d2;margin-top:6px;font-size:11px}.cap-result-nodmg{color:#6cc070;text-align:center;background:#6cc0701a;border-radius:5px;margin:8px 0 2px;padding:4px 8px;font-size:11px}.cap-result-metrics{justify-content:center;gap:8px;margin:8px 0;display:flex}.cap-result-metric{text-align:center;background:#ffffff0a;border-radius:6px;flex:1;padding:6px 4px}.cap-metric-val{font-size:14px;font-weight:700}.cap-metric-lbl{color:var(--text-dim);margin-top:2px;font-size:10px}.cap-result-star-conds{flex-direction:column;gap:4px;margin:6px 0;display:flex}.cap-result-star-cond{background:#ffffff0a;border-radius:5px;justify-content:space-between;padding:4px 8px;font-size:11px;display:flex}.cap-result-star-cond.achieved{background:#4caf501a}.cap-result-star-cond.failed{background:#c0392b1a}.cap-cond-mark{font-weight:700}.cap-result-star-cond.achieved .cap-cond-mark{color:#4caf50}.cap-result-star-cond.failed .cap-cond-mark{color:var(--red-light)}@media (width<=1023px) and (height<=460px){.cap-form-slot{min-height:82px}.cap-form-gname{font-size:12px}.cap-form-gunit{font-size:11px}.cap-form-gen-list{max-height:50px}.cap-result-metrics{gap:4px}.cap-metric-val{font-size:12px}.cap-enemy-slot{min-height:32px}.cap-swap-card{padding:5px 8px}.cap-faceoff-label{font-size:9px}.cap-roster-card{min-width:84px}.cap-swap-apt{padding:1px 3px;font-size:7px}.cap-form-unit-change{padding:4px;font-size:12px}.cap-diff-terrain{font-size:10px}.cap-back-btn{padding:4px 9px;font-size:11px}}.stp-view-tabs{border-bottom:1px solid #ffffff1a;flex-shrink:0;display:flex}.stp-view-tab{min-height:var(--hit-compact,44px);color:var(--text-dim);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:7px 4px;font-size:12px;transition:color .15s,border-color .15s}.stp-view-tab.active{color:var(--gold);border-bottom-color:var(--gold)}#stp-view-content{flex:1;padding:8px 12px;overflow-y:auto}@media (orientation:landscape) and (height<=420px){#challenge-hub-panel:has(.tut-guide-row) .ch-stp-wrap{overscroll-behavior:contain;touch-action:pan-y;overflow-y:auto}#challenge-hub-panel:has(.tut-guide-row) .ch-stp-wrap>*{flex-shrink:0}#challenge-hub-panel:has(.tut-guide-row) .stp-track-list{flex:none;overflow-y:visible}}#stp-view-content .stp-skeleton{text-align:center;color:#fff6;padding:20px;font-size:12px}.stp-guide-summary{color:#ffffffbf;background:#f0c0400f;border:1px solid #f0c04026;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.stp-guide-list{flex-direction:column;gap:4px;display:flex}.stp-guide-list--sources{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-auto-flow:row;align-content:start;gap:6px;display:grid}.stp-guide-list--sources>.stp-guide-row{min-width:0}.stp-guide-list--sources>.stp-guide-note{grid-column:1/-1}.stp-guide-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:2px;padding:7px 10px;display:flex}:is(.stp-guide-row:has(.stp-guide-coming),.stp-guide-coming){opacity:.5}.stp-guide-label{color:#ffffffd9;flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.stp-guide-right{align-items:center;gap:8px;display:flex}.stp-guide-exp{color:var(--gold);font-size:14px;font-weight:700}.stp-guide-limit{color:#ffffff73;font-size:11px}.stp-guide-bonus{color:#96dc96cc;font-size:10px}.stp-guide-note{color:#ffffff59;text-align:center;margin-top:8px;padding:4px 0;font-size:10px}.stp-guide-badge-exempt{color:#96ff96d9;background:#64c86426;border:1px solid #64c8644d;border-radius:3px;padding:0 4px;font-size:9px}.stp-guide-badge-soon{color:#ffffff73;background:#ffffff14;border:1px solid #ffffff26;border-radius:3px;padding:0 4px;font-size:9px}.stp-history-list{flex-direction:column;display:flex}.stp-history-empty{text-align:center;color:#fff6;padding:24px 0;font-size:13px;line-height:1.8}.stp-link-btn{color:var(--gold);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:12px;text-decoration:underline}.stp-hist-date-header{color:#ffffff59;letter-spacing:.05em;padding:10px 4px 4px;font-size:10px}.stp-hist-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;padding:6px 4px;display:flex}.stp-hist-time{color:#ffffff59;flex-shrink:0;min-width:36px;font-size:11px}.stp-hist-label{color:#ffffffbf;flex:1;font-size:12px}.stp-hist-badges{flex-shrink:0;gap:3px;display:flex}.stp-hist-exp{color:var(--gold);text-align:right;flex-shrink:0;min-width:36px;font-size:13px;font-weight:700}.stp-hist-lvup{color:#96ff96e6;background:#64c86426;border:1px solid #64c8644d;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:9px}.stp-hist-capped{color:#fff6;background:#ffffff0f;border-radius:3px;padding:1px 4px;font-size:9px}.stp-hist-mult{color:#96ff96cc;background:#64c8641f;border-radius:3px;padding:1px 4px;font-size:9px}.stp-hist-more-btn{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;width:100%;margin-top:8px;padding:10px;font-size:12px;transition:background .15s}.stp-hist-more-btn:hover{background:#ffffff14}@media (width<=1023px) and (height<=460px){.stp-view-tab{padding:4px;font-size:12px}.stp-guide-summary{margin-bottom:4px;padding:4px 8px;font-size:10px}.stp-guide-row{padding:5px 8px}.stp-guide-label{font-size:11px}.stp-guide-exp{font-size:12px}.stp-guide-limit{font-size:10px}.stp-hist-row{gap:4px;padding:4px}.stp-hist-label,.stp-hist-exp{font-size:11px}.cap-result-scene{min-height:160px}.cap-result-summary{gap:4px;padding:6px 4px 4px}}.du-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.du-skeleton{color:var(--text-dim);text-align:center;padding:28px 0;font-size:13px}.du-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;display:flex}.du-tab{color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:12px}.du-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.du-tab-info{color:var(--text-dim);gap:8px;margin-left:auto;padding-right:10px;font-size:11px;display:flex}.du-tab-info b{color:var(--gold)}.du-scroll{padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.du-attempts-bar{color:var(--text-dim);border:1px solid var(--border);background:#ffffff08;border-radius:6px;padding:6px 10px;font-size:12px}.du-attempts-remain{color:var(--gold);margin-left:4px}.du-section-header{color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:700}.du-detail-panel{color:var(--text-dim);border:1px solid var(--border);background:#ffffff08;border-radius:6px;padding:6px 10px;font-size:11px}.du-team-summary,.du-faceoff-summary,.du-synergy{color:var(--text-dim);font-size:11px}.du-team-summary{border:1px solid var(--border);background:#ffffff06;border-radius:6px;flex-wrap:wrap;gap:4px 10px;padding:6px 8px;display:flex}.du-synergy{color:#a9d69b}.du-synergy-empty{color:var(--text-dim)}.du-synergy-compact{font-size:10px}.du-faceoff-summary{grid-template-columns:1fr 1fr;gap:8px;display:grid}.du-faceoff-summary>div{border:1px solid var(--border);border-radius:6px;min-width:0;padding:6px}.du-faceoff-summary .du-team-summary{background:0 0;border:0;margin-top:4px;padding:0}.du-team-card{border:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff0a;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;position:relative}.du-team-card:not(.du-locked):hover{border-color:var(--gold-dim);background:#f0c04012}.du-team-card.du-locked{opacity:.5;cursor:default}.du-team-card.du-pending{border-color:#f0a00099}.du-team-card.du-result-win{border-color:#f0c04080}.du-team-card.du-result-loss{border-color:#c03c3c66}.du-team-grade{color:var(--text-dim);font-size:10px}.du-team-name{color:var(--text);font-size:14px;font-weight:700}.du-team-meta{color:var(--text-dim);font-size:11px}.du-team-stars{font-size:14px}.du-lock-badge,.du-pending-badge{color:var(--text-dim);background:#0006;border:1px solid #f0c0404d;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;top:8px;right:8px}.du-pending-badge{color:#f0a020;border-color:#f0a00080}.du-star{display:inline-flex}.du-star .star-img{object-fit:contain;width:14px;height:14px}.du-back-row{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;margin-bottom:4px;padding:4px 0 8px;display:flex}.du-back-btn{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px}.du-back-title{color:var(--text);font-size:13px;font-weight:700}.du-detail-meta{color:var(--text-dim);font-size:12px}.du-detail-stars{margin:4px 0;font-size:14px}.du-cond-section{margin:8px 0}.du-cond-title{color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:700}.du-cond-row{color:var(--text);padding:2px 0;font-size:12px}.du-npc-grid-title{color:var(--text-dim);margin-top:8px;margin-bottom:4px;font-size:11px;font-weight:700}.du-npc-grid{flex-direction:column;gap:4px;display:flex}.du-npc-slot{color:var(--text-dim);border:1px solid var(--border);background:#ffffff05;border-radius:4px;gap:8px;padding:4px 8px;font-size:11px;display:flex}.du-npc-name{color:var(--text);flex:1}.du-npc-unit,.du-npc-apt{min-width:48px}.du-npc-troops{text-align:right;min-width:56px}.du-detail-actions{justify-content:center;padding:12px 0 4px;display:flex}.du-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;transition:background var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-radius:6px;padding:8px 20px;font-size:13px}.du-btn:active{background:#ffffff1a}.du-btn.du-btn-primary{color:var(--gold);background:#f0c0401f;border-color:#f0c04080}.du-btn.du-btn-primary:active{background:#f0c04038}.du-btn:disabled{opacity:.4;cursor:default}.du-loading{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:13px;display:flex}.du-loading-spinner{border:3px solid #f0c04033;border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite du-spin}@keyframes du-spin{to{transform:rotate(360deg)}}.du-result{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;display:flex}.du-form-slot{touch-action:none}.du-result-scene{background:#000;align-self:stretch;width:100%;min-height:240px}.du-result-scene:empty{display:none}.du-result-summary{flex-direction:column;align-items:center;gap:6px;display:flex}.du-result-delta{color:var(--text-dim);font-size:13px}.du-result-icon{font-size:36px}.du-result-title{color:var(--text);font-size:18px;font-weight:700}.du-result-stars{font-size:22px}.du-result-win .du-result-title{color:#f0c020}.du-result-loss .du-result-title{color:#c06040}.du-result-rewards{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.du-result-reward-item{border:1px solid var(--border);color:var(--text-dim);background:#ffffff0f;border-radius:4px;padding:3px 8px;font-size:11px}.du-result-actions{gap:10px;margin-top:8px;display:flex}.du-exchange-pts{color:var(--text-dim);border:1px solid var(--border);background:#ffffff08;border-radius:6px;padding:6px 10px;font-size:13px}.du-exchange-pts b{color:var(--gold)}.du-exchange-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.du-exchange-card{border:1px solid var(--border);text-align:center;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;display:flex}.du-exchange-icon{justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;line-height:1;display:flex}.du-exchange-icon-img{object-fit:contain;width:40px;height:40px}.du-exchange-info{width:100%}.du-exchange-name{color:var(--text);font-size:13px;font-weight:700}.du-exchange-cost{color:var(--text-dim);margin-top:2px;font-size:11px}.du-exchange-limit{color:var(--text-dim);margin-top:1px;font-size:10px}.du-exchange-btn{width:100%;color:var(--gold);cursor:pointer;transition:background var(--transition-fast);touch-action:manipulation;background:#f0c0401a;border:1px solid #f0c04066;border-radius:6px;margin-top:auto;padding:6px 14px;font-size:12px}.du-exchange-btn:active{background:#f0c04038}.du-exchange-btn:disabled{opacity:.4;cursor:default}.du-notice{text-align:center;border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:12px}.du-notice-error{color:#f08080;background:#c83c3c26;border-color:#c83c3c4d}.du-notice-ok{color:#80e0a0;background:#3cc8641f;border-color:#3cc8644d}.du-form-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.du-form-title{flex:1;font-size:13px;font-weight:700}.du-form-meta{color:var(--text-dim);font-size:10px}.du-form-header .du-btn{flex-shrink:0;padding:6px 14px;font-size:12px}.du-form-body{gap:8px;margin-bottom:8px;display:flex}.du-form-col{flex:1;min-width:0}.du-form-grid{flex-direction:column;gap:3px;display:flex}.du-form-row{gap:3px;display:flex}.du-form-slot{cursor:pointer;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:88px;padding:4px 2px;font-size:10px;transition:background .15s,border-color .15s;display:flex;position:relative}.du-form-slot-empty{border:1px dashed var(--border);background:#ffffff0a}.du-form-slot-empty:hover{border-color:#f0c04080}.du-form-slot-filled{background:#f0c0401f;border:1px solid #f0c04066}.du-form-slot-filled:hover{background:#f0c04033}.du-form-slot-npc{cursor:default;background:#c0392b1a;border:1px solid #c0392b4d}.du-form-slot-npc-empty{cursor:default;background:#ffffff05;border:1px dashed #ffffff14}.du-form-picking{box-shadow:0 0 0 2px #f0c04059;border-color:#f0c040!important}.du-form-slot:before{content:"";border-radius:6px 0 0 6px;width:3px;position:absolute;top:0;bottom:0;left:0}.du-form-slot[data-col="3"]:before{background:var(--lane-van-soft)}.du-form-slot[data-col="2"]:before{background:var(--lane-mid-soft)}.du-form-slot[data-col="1"]:before{background:var(--lane-rear-soft)}.formation-3x3-wrap[data-arrow-dir=right] .du-form-slot:before{border-radius:0 6px 6px 0;left:auto;right:0}.du-form-rar{color:#fff;pointer-events:none;border-radius:3px;padding:1px 3px;font-size:7px;font-weight:700;line-height:1;position:absolute;top:1px;right:1px}.du-mini-rar-UR{border-left:3px solid #c08020}.du-mini-rar-SSR{border-left:3px solid #7030b0}.du-mini-rar-SR{border-left:3px solid #2060b0}.du-mini-rar-R{border-left:3px solid #3a5878}.du-form-slot-empty[data-col="3"]{border-color:var(--lane-van-line)}.du-form-slot-empty[data-col="2"]{border-color:var(--lane-mid-line)}.du-form-slot-empty[data-col="1"]{border-color:var(--lane-rear-line)}.du-form-plus{color:var(--text-dim);font-size:16px}.du-form-sname{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:14px;font-weight:700;line-height:1.2}.du-form-sunit{color:var(--text-dim);font-size:12px}.du-form-stats{color:#d8ca9a;white-space:nowrap;margin-top:2px;font-size:10px}.du-form-warn{color:var(--red-light);text-align:center;margin-top:4px;font-size:10px}.du-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (width<=1023px) and (height<=460px){.du-team-card{padding:7px 10px}.du-result{gap:7px;padding:14px 10px}.du-result-icon{font-size:24px}.du-form-slot{min-height:82px}.du-form-sname{font-size:12px}.du-form-sunit{font-size:11px}.du-exchange-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.du-exchange-card{gap:5px;padding:8px}.du-exchange-name{font-size:12px}.du-exchange-cost{font-size:10px}.du-exchange-limit{font-size:9px}.du-exchange-btn{padding:5px 10px;font-size:11px}}.du-cand-card{align-items:center;gap:10px;display:flex}.du-cand-info{flex-direction:column;gap:4px;min-width:96px;display:flex}.du-mini-grid{flex-direction:column;gap:2px;margin-left:auto;display:flex}.du-mini-row{gap:2px;display:flex}.du-mini-cell{width:38px;height:26px;color:var(--text-dim);border:1px solid #f0c0401f;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;font-size:8px;line-height:1.1;display:flex;overflow:hidden}.du-mini-filled{border-color:var(--gold-dim);color:var(--text);background:#783c0059}.du-mini-unit{opacity:.7;font-size:7px}.du-mini-empty{color:var(--text-dim);margin-left:auto;font-size:10px}.du-preset-bar{flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0;display:flex}.du-preset-tab{cursor:pointer;color:var(--text-dim);background:#1e1206e6;border:1px solid #f0c04033;border-radius:4px;padding:4px 8px;font-size:11px}.du-preset-tab.du-preset-has{color:var(--gold)}.du-preset-tab.active{border-color:var(--gold-dim);color:var(--gold);background:#783c00cc}.du-preset-save{margin-left:auto}.du-preset-mini-bar{gap:6px;margin:4px 0 8px;display:flex}.du-preset-mini-card{text-align:center;cursor:pointer;color:var(--text-dim);background:#1e1206e6;border:1px solid #f0c04033;border-radius:4px;flex:1;padding:5px 4px;font-size:10px}.du-preset-mini-card.du-preset-mini-saved{border-color:var(--gold-dim);color:var(--gold)}.du-preset-mini-label{margin-bottom:2px;font-size:9px}.du-preset-mini-count{color:var(--gold);font-size:11px;font-weight:700}.du-preset-mini-empty-label{color:var(--text-dim);opacity:.6;font-size:9px}.cap-lane-labels--mini{gap:2px;max-width:118px;margin-bottom:1px;margin-left:auto;font-size:9px}@media (width<=1023px) and (height<=460px){.du-mini-cell{width:32px;height:22px;font-size:7px}.du-preset-tab{padding:3px 6px;font-size:10px}.cap-lane-labels--mini{max-width:100px}}.du-form-narrow{width:100%;max-width:280px;margin:4px auto}@media (width>=1024px) and (height>=461px){.du-form-narrow{max-width:440px}}.du-cand-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.du-cand-title .du-btn{flex-shrink:0;padding:4px 10px;font-size:11px}.du-cand-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:14px;display:flex;overflow-x:auto}.du-cand-strip .du-cand-card{scroll-snap-align:start;flex-direction:column;flex:none;align-items:stretch;width:232px}.du-cand-strip .du-cand-info{min-width:0}.du-cand-strip .du-mini-grid,.du-cand-strip .cap-lane-labels--mini{align-self:center;margin-left:0}@media (width<=480px){.du-form-narrow{max-width:240px}.du-form-slot{min-height:82px}.du-form-sname{font-size:12px}.du-cand-strip .du-cand-card{width:204px}}@media (width<=320px){.du-form-narrow{max-width:204px}.du-form-slot{min-height:82px;padding:2px 1px}.du-form-sunit{font-size:11px}.du-tab{padding:8px;font-size:11px}.du-cand-strip .du-cand-card{width:184px}}.du-growth-info{background:#d4af3712;border:1px solid #d4af3759;border-radius:8px;flex-direction:column;gap:6px;margin:8px 0;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.du-growth-info b{color:#e6c66d;font-size:13px}.du-growth-units{flex-wrap:wrap;gap:6px;display:flex}.du-growth-unit{border:1px solid #d4af374d;border-radius:5px;padding:3px 7px;font-size:12px}.du-growth-locked{opacity:.65}.du-growth-research{color:#cad7bc;margin:6px 0;font-size:12px;line-height:1.5}.du-form-stats{white-space:normal;font-size:11px;line-height:1.4}.du-party-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.du-party-choice{overflow-wrap:anywhere;min-width:0;font-size:12px}