@font-face{font-family:Noto Sans KR;src:url(/assets/fonts/NotoSansKR-wght-s1.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Noto Serif KR;src:url(/assets/fonts/NotoSerifKR-wght-s1.woff2)format("woff2");font-style:normal;font-weight:200 900;font-display:swap}@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}}.num-stepper{vertical-align:middle;flex-direction:column;align-items:flex-start;gap:4px;display:inline-flex}.nsb-row{flex-wrap:nowrap;align-items:center;gap:3px;display:flex}.nsb{min-width:40px;min-height:40px;color:var(--gold);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;background:#f0c0401a;border:1px solid #f0c0404d;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;display:inline-flex}.nsb:active{background:#f0c04040}.nsb:disabled{opacity:.3;cursor:not-allowed}.nsb-main{min-width:40px;font-size:16px;font-weight:600}.nsb-val{min-width:56px;min-height:40px;color:var(--gold);text-align:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:text;background:#00000080;border:1px solid #f0c04033;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:600;display:inline-flex}.nsb-val:hover{border-color:#f0c04080}.nsb-edit-input{vertical-align:middle;border:1px solid var(--gold);min-width:2.5em;max-width:7em;min-height:40px;color:var(--gold);text-align:center;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#000c;border-radius:4px;outline:none;padding:0 6px;font-size:13px;font-weight:600;line-height:26px;display:inline-block}.num-stepper.ns-direct{flex-direction:row;align-items:stretch;width:100%}.nsb-direct{width:100%;min-width:0;font-family:var(--font);font-variant-numeric:tabular-nums;cursor:text;-webkit-tap-highlight-color:transparent;outline:none;display:block}.nsb-direct:focus{border-color:var(--gold)}.num-stepper.ns-inline-arrows{flex-direction:row}.ns-inline-arrows .nsb-direct{width:auto;min-width:56px;max-width:72px;font-family:inherit}.nsb-q,.nsb-min,.nsb-max{min-width:40px;min-height:40px;padding:0 5px;font-size:11px}.nsb-q-row{gap:3px}.num-stepper.ns-inline-arrows.ns-ratio-presets{flex-direction:column;align-items:stretch;width:100%}.ns-ratio-presets .nsb-main{color:var(--intent-primary);background:#4ca9a51a;border-color:#4ca9a54d}.ns-ratio-presets .nsb-main:active{background:#4ca9a540}.ns-ratio-presets .nsb-val{border-color:#4ca9a54d}.nsb-ratio-row{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.nsb-ratio{min-width:0;min-height:32px;color:var(--intent-primary);background:#4ca9a50f;border-color:#4ca9a540;font-size:12px;font-weight:700}.nsb-ratio[aria-pressed=true]{background:linear-gradient(var(--gold-dim), #0000004d);border-color:var(--gold);color:var(--gold)}@media (pointer:coarse){.nsb-ratio{min-height:44px}}@media (width<=1023px) and (height<=460px){.nsb{min-width:36px;min-height:36px;font-size:12px}.nsb-val,.nsb-edit-input{min-width:52px;min-height:36px;font-size:12px}.ns-inline-arrows .nsb-direct{min-width:52px;max-width:64px}.nsb-main{font-size:14px}.nsb-q,.nsb-min,.nsb-max{min-height:36px;font-size:10px}.nsb-ratio{min-height:30px;font-size:10px}}*{box-sizing:border-box;margin:0;padding:0}.res-icon{object-fit:contain;vertical-align:middle;width:14px;height:14px;margin-right:2px}.title-icon{object-fit:contain;vertical-align:-.2em;width:1.15em;height:1.15em;margin-right:3px}.title-icon-emoji{line-height:1;display:inline-block}body{background:var(--surface-canvas);width:100vw;height:100dvh;font-family:var(--font);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:center;align-items:center;display:flex;overflow:hidden}#app,#bf-host{width:100%;max-width:220dvh;height:100%;position:relative}#app[data-approved-canvas-root],#bf-host[data-approved-canvas-root]{flex:none;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}*{scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.hidden{display:none!important}.gold{color:var(--gold)}.green{color:#80c060}.red{color:#e74c3c}.dim{color:var(--text-dim)}.section-title{color:var(--gold-dim);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #f0c04026;margin-bottom:9px;padding-bottom:5px;font-size:11px}.btn-primary{width:100%;min-height:var(--hit-primary);padding:10px var(--space-3);background:linear-gradient(135deg, var(--intent-primary-hi), var(--intent-primary));border:1px solid var(--intent-primary-hi);border-radius:var(--radius-sm);color:var(--surface-canvas);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast);letter-spacing:1px;font-size:15px;font-weight:700}.btn-primary:hover{background:var(--intent-primary-hi);box-shadow:0 0 20px #d8af4a40}.btn-primary:disabled{color:#4a3a2a;cursor:not-allowed;box-shadow:none;background:#1a1008;border-color:#3a2a1a}.btn-secondary{width:100%;min-height:var(--hit-primary);padding:9px var(--space-3);background:var(--surface-raised);border:1px solid var(--line-emphasis);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:14px}.btn-secondary:hover{background:var(--surface-pressed);border-color:var(--intent-primary);color:var(--intent-primary-hi)}.btn-ghost{min-height:var(--hit-compact);padding:8px var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:0}.btn-ghost:hover{background:var(--surface-raised);color:var(--text-primary);text-decoration:underline}.btn-danger{min-height:var(--hit-compact);background:var(--intent-danger);border:1px solid var(--intent-danger);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);padding:9px 16px;font-size:14px}.btn-danger:hover{background:#e5735f}.ui-tab{min-width:72px;min-height:var(--hit-primary);padding:0 var(--space-3);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.ui-tab[aria-selected=true],.ui-tab.active{color:var(--text-primary);border-bottom-color:var(--intent-primary)}.ui-card{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.ui-card.is-selected{border-color:var(--line-emphasis)}@media (width<=1023px) and (height<=460px){:where(:root:not([data-approved-canvas])) .btn-primary,:where(:root:not([data-approved-canvas])) .btn-secondary{min-height:var(--hit-compact)}:where(:root:not([data-approved-canvas])) .ui-tab{min-width:64px;min-height:var(--hit-compact)}}#toast-container{z-index:9999;pointer-events:none;isolation:isolate;justify-content:center;align-items:center;display:flex;position:fixed;top:6px;left:8px}.toast{box-sizing:border-box;width:max-content;max-width:100%;font-size:var(--toast-font-size,13px);line-height:var(--toast-line-height,19.5px);white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;pointer-events:none;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:2px 8px;font-weight:700;display:flex}.toast-page{min-width:0;max-width:100%}.toast-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.toast-info{color:#80c0ff;background:#142850f2;border-color:#4080c0}.toast-success{color:#80e0a0;background:#0a3214f2;border-color:#40a060}.toast-danger{color:#ff8080;background:#3c0a0af2;border-color:#c04040}.toast-warning{color:#f0c040;background:#3c2805f2;border-color:#c08020}#toast-container .reward-toast{border-color:var(--gold,#f0c040);color:#ffe9a8;background:linear-gradient(#463008f7,#302005f7);box-shadow:0 2px 12px #f0c04059}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.offline-banner{z-index:10000;text-align:center;color:#f0c040;pointer-events:none;background:#3c2805f5;border-bottom:1px solid #c08020;padding:6px 16px;font-size:13px;font-weight:700;animation:.2s toast-in;position:fixed;top:0;left:0;right:0}.readonly-banner{z-index:var(--z-readonly-banner);padding:6px 16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));text-align:center;color:#bcd8ff;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#1c3452f5;border-bottom:1px solid #5a8ad0;font-size:13px;font-weight:700;position:fixed;top:0;left:0;right:0;overflow:hidden}@media (width<=1023px) and (height<=460px){.offline-banner{padding:4px 12px;font-size:11px}.readonly-banner{padding:3px 10px;font-size:11px}.confirm-dialog{gap:8px;max-height:94vh;padding:14px 16px}.confirm-title{font-size:14px}.confirm-body{font-size:12px;line-height:1.45}.confirm-actions .btn{padding:6px 14px}.pn-label,.pn-link{margin-top:6px;font-size:11px}.pn-list{padding-left:16px}.pn-list li{font-size:11px;line-height:1.32}}.confirm-overlay{z-index:10001;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--gold-dim);overscroll-behavior:contain;background:#1a1008;border-radius:8px;flex-direction:column;gap:12px;width:min(360px,90vw);max-height:90vh;padding:24px;display:flex;overflow-y:auto}.confirm-dialog.confirm-danger{border-color:#c04040}.confirm-title{color:var(--gold);font-size:15px;font-weight:700}.confirm-body{color:var(--text-dim);font-size:13px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.confirm-actions .btn{width:auto;padding:8px 16px}.confirm-dialog.privacy-notice-dialog{overflow:hidden}.privacy-notice-dialog .confirm-title,.privacy-notice-dialog .confirm-actions{flex-shrink:0}.privacy-notice-dialog .confirm-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.pn-label{color:var(--gold-dim);margin-top:8px;font-size:12px;display:block}.pn-list{flex-direction:column;gap:2px;margin:4px 0 0;padding-left:18px;display:flex}.pn-list li{font-size:12px;line-height:1.4}.pn-link{color:var(--gold);margin-top:8px;font-size:12px;text-decoration:underline;display:inline-block}.lcm-overlay{z-index:10001;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:flex;position:fixed;inset:0}.lcm-dialog{border:1px solid #0000;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);background-clip:padding-box;gap:10px;width:min(400px,92vw)}.lcm-notice{color:#ffd0d0;background:#c040402e;border:1px solid #c04040;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.45}.lcm-summary{color:var(--gold);text-align:center;word-break:keep-all;background:#ffffff0d;border-radius:6px;padding:10px 8px;font-size:13px;line-height:1.5}.lcm-summary-none{color:var(--text-dim)}.lcm-exits{flex-direction:column;gap:8px;display:flex}.lcm-exit{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 12px;display:flex}.lcm-exit>span{font-size:13px;font-weight:700}.lcm-exit>small{opacity:.8;font-size:11px;font-weight:400}.lcm-later{width:100%;padding:10px;font-size:14px;font-weight:700}.lcm-link{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px;font-size:12px;text-decoration:underline}.lcm-footnote{color:var(--text-dim);text-align:center;font-size:11px;line-height:1.5}.arm-summary{text-align:left;gap:6px;display:grid}.arm-row{align-items:baseline;gap:8px;display:flex}.arm-label{color:var(--text-dim);flex:0 0 56px;font-size:11px}.arm-value{word-break:keep-all;flex:auto;font-size:13px;line-height:1.5}.arm-row-discard .arm-value{color:var(--text-dim)}@media (width<=1023px) and (height<=460px){.lcm-dialog{gap:8px;padding:14px 16px}.lcm-exit{padding:7px 10px}.lcm-later{padding:8px}.arm-summary{gap:4px}.arm-label{flex-basis:48px}}.formation-3x3-wrap{position:relative}.formation-3x3-wrap .formation-dir-arrow{width:100%;height:100%;opacity:var(--formation-arrow-opacity,.22);pointer-events:none;z-index:0;position:absolute;inset:0}.formation-3x3-wrap .formation-dir-arrow path{fill:var(--formation-arrow-color,var(--lane-van-line,#e0c060))}.formation-3x3-wrap>:not(.formation-dir-arrow){z-index:1;position:relative}.formation-3x3-wrap[data-arrow-dir=right] .formation-dir-arrow{transform:scaleX(-1)}:root{--ui-safe-area-top:env(safe-area-inset-top,0px);--ui-safe-area-right:env(safe-area-inset-right,0px);--ui-safe-area-bottom:env(safe-area-inset-bottom,0px);--ui-safe-area-left:env(safe-area-inset-left,0px)}.gar-sent-list{overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow-y:auto}.gar-sent-list h3{margin:12px 0 8px;font-size:14px}.gar-sent-row{background:var(--surface-raised);border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:10px;display:flex}.gar-sent-info{overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px;line-height:1.6}.gar-sent-count{font-size:12px}.gar-sent-date,.gar-sent-help{color:var(--text-secondary);font-size:11px}.gar-sent-list .gar-sent-recall,.gar-sent-list .gar-sent-retry{flex-shrink:0;width:auto;min-width:52px;min-height:36px;font-size:12px}.gar-sent-notice{color:var(--text-primary);font-size:12px}.gar-sent-notice:empty{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}}#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)}@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)}}@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}}#fortress-wrap{top:var(--map-inset-t,0px);left:0;right:var(--map-inset-r,0px);-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:none;cursor:grab;position:fixed;bottom:0;overflow:auto}#fortress-wrap::-webkit-scrollbar{display:none}#fortress-wrap.grabbing{cursor:grabbing}#fortress-scaler{position:relative}#fortress-view{transform-origin:0 0;will-change:transform;width:1400px;height:900px;position:absolute;top:0;left:0}#fortress-ground{background:url(/assets/images/%EC%82%BC%EA%B5%AD%EC%A7%804x_%EB%B0%B0%EA%B2%BD%EC%9D%B4%EB%AF%B8%EC%A7%80.webp) center center / cover no-repeat, radial-gradient(ellipse 90% 70% at 50% 35%, var(--surface-raised) 0%, var(--surface-panel) 60%, var(--surface-canvas) 100%);position:absolute;inset:0}#fortress-pan-fill{pointer-events:none;background:url(/assets/images/inner_city_left_extension.webp) 100%/100% 100% no-repeat;width:704px;position:absolute;top:0;bottom:0;right:calc(100% - 64px);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 64px),#0000)}.zone-label{color:#64738459;letter-spacing:2px;pointer-events:none;z-index:1;font-size:10px;position:absolute}#zone-label-military{color:#6d9dc559;letter-spacing:2px;pointer-events:none;z-index:1;font-size:10px;position:absolute;top:6%;left:5%}#zone-label-resource{color:#55b58a59;letter-spacing:2px;pointer-events:none;z-index:1;font-size:10px;position:absolute;top:6%;right:5%}#building-nodes{z-index:10;position:absolute;inset:0}.bnode{cursor:pointer;transition:transform var(--transition-fast), filter var(--transition-fast);z-index:10;-webkit-tap-highlight-color:transparent;min-width:max(70px, var(--bnode-hit-size,70px));min-height:max(70px, var(--bnode-hit-size,70px));flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.bnode:active{filter:brightness(1.35);transform:translate(-50%,-50%)scale(.92)}.bnode:hover .bnode-tile{filter:brightness(1.15);border-color:#4c5b6b8c}.bnode:focus-visible .bnode-tile,.bnode.selected .bnode-tile{box-shadow:0 0 0 3px #4ca9a557,0 6px 20px #000c,0 0 22px #4ca9a55c;border-color:var(--intent-primary-hi)!important}.bnode-tile{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border:2px solid #4c5b6b59;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 16px #000000bf,0 0 0 1px #0006,inset 0 1px #8399ad33}.bnode-tile:before{content:"";background-image:var(--bnode-frame,none);border-radius:inherit;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;display:none;position:absolute;inset:0}.bnode-sm .bnode-tile,.bnode-md .bnode-tile,.bnode-lg .bnode-tile{width:70px;height:70px;font-size:34px}.bnode-xl .bnode-tile{width:90px;height:90px;font-size:46px}.bnode-icon{object-fit:contain;object-position:center;box-sizing:border-box;width:100%;height:100%;padding:4px;position:relative}.bnode-military .bnode-tile,.bnode-resource .bnode-tile,.bnode-castle .bnode-tile{background:radial-gradient(circle at 38% 35%, var(--surface-raised) 0%, var(--surface-panel) 60%, var(--surface-canvas) 100%);border-color:#4c5b6bb3}.bnode-castle .bnode-tile{background:radial-gradient(circle at 38% 35%, var(--surface-pressed) 0%, var(--surface-raised) 60%, var(--surface-panel) 100%);border-color:#4c5b6bb3!important;box-shadow:0 6px 28px #000000d9,0 0 0 1px #00000080,0 0 24px #c3ab8440,inset 0 1px #8399ad38!important}.bnode-label{z-index:2;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:64px;font-size:calc(11px * var(--bnode-text-k,1));color:var(--text-primary);text-align:center;text-shadow:0 1px 3px #000000d9;letter-spacing:.5px;background:#050b14b8;border:1px solid #4c5b6b8c;border-radius:3px;padding:2px 6px;font-weight:700;line-height:1.3;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.bnode-lv{background:linear-gradient(145deg, var(--surface-raised), var(--surface-canvas));border:1px solid var(--line-metal);border-radius:calc(8px * var(--bnode-text-k,1));font-size:calc(11px * var(--bnode-text-k,1));color:var(--intent-primary);padding:calc(1px * var(--bnode-text-k,1)) calc(4px * var(--bnode-text-k,1));font-weight:700;line-height:calc(14px * var(--bnode-text-k,1));min-width:calc(20px * var(--bnode-text-k,1));text-align:center;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 4px #000c}.bnode-done{width:calc(18px * var(--bnode-text-k,1));height:calc(18px * var(--bnode-text-k,1));background:linear-gradient(145deg, var(--surface-raised), var(--surface-canvas));border:1px solid var(--line-metal);color:var(--intent-success);font-size:calc(11px * var(--bnode-text-k,1));pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 4px #000c}.bnode-alert{background:var(--intent-danger);color:var(--text-primary);pointer-events:none;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;animation:1.6s ease-in-out infinite alert-pulse;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 0 6px #c53526b3,0 1px 3px #0009}@keyframes alert-pulse{0%,to{box-shadow:0 0 5px #c53526b3}50%{box-shadow:0 0 12px #d4412ef2}}.bnode-collect{width:calc(22px * var(--bnode-text-k,1));height:calc(22px * var(--bnode-text-k,1));font-size:calc(12px * var(--bnode-text-k,1));text-align:center;cursor:pointer;color:var(--intent-primary);-webkit-tap-highlight-color:transparent;background:#050b14d9;border:1px solid #4c5b6b99;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:transform .1s;animation:1.2s ease-in-out infinite collect-pulse;display:flex;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #4c5b6b80}.bnode-collect:hover{transform:translate(-50%)scale(1.2)}.bnode-collect:disabled{opacity:.4;cursor:not-allowed;animation:none}.resource-icon-img{object-fit:contain;width:16px;height:16px}.bnode-collect .resource-icon-img{width:calc(16px * var(--bnode-text-k,1));height:calc(16px * var(--bnode-text-k,1))}@keyframes collect-pulse{0%,to{box-shadow:0 0 4px #4c5b6b66}50%{box-shadow:0 0 10px #4c5b6bcc}}.bnode-constr{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;text-align:center;background:var(--intent-warning);max-width:70px;font-size:calc(11px * var(--bnode-text-k,1));color:var(--surface-canvas);padding:calc(1px * var(--bnode-text-k,1)) calc(5px * var(--bnode-text-k,1));border-radius:4px;margin-top:2px;font-weight:700;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 3px #00000080}.bnode.constructing .bnode-tile{animation:1.5s ease-in-out infinite constr-pulse;border-color:#de9a3bd9!important}@keyframes constr-pulse{0%,to{box-shadow:0 4px 16px #000000bf}50%{box-shadow:0 4px 16px #000000bf,0 0 20px #de9a3b80}}.bnode-pending{background:var(--surface-pressed);color:var(--text-primary);border:1px solid #4c5b6b99}.bnode.pending-completion .bnode-tile{animation:1.5s ease-in-out infinite pending-pulse;border-color:#4c5b6bbf!important}@keyframes pending-pulse{0%,to{box-shadow:0 4px 16px #000000bf}50%{box-shadow:0 4px 16px #000000bf,0 0 20px #4c5b6b8c}}.bnode-empty .bnode-tile{filter:grayscale(.85)brightness(.65);background:#050b14b8!important;border-style:dashed!important;border-color:#4c5b6bb3!important;box-shadow:0 2px 8px #0009!important}.bnode-empty:hover .bnode-tile{filter:grayscale(0)brightness();background:#0a1323d9!important;border-color:#4c5b6ba6!important}#map-fit-btn{left:max(var(--hud-chat-gutter,8px), env(safe-area-inset-left));bottom:calc(var(--hud-chat-bottom-gap,14px) + env(safe-area-inset-bottom) + 2 * var(--frame-chat-window-outset,0px) + var(--hud-chat-h,146px) + 8px);z-index:149;width:44px;height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#050b14ed;border-radius:50%;place-items:center;padding:0;font-size:20px;line-height:1;display:none;position:fixed}#map-fit-btn img{object-fit:contain;width:22px;height:22px;display:block}@media (orientation:landscape) and (height<=700px),(orientation:portrait) and (width<=480px){:where(:root:not([data-approved-canvas])) #map-fit-btn{display:grid}:where(:root:not([data-approved-canvas])) body:has(#hud-chat.hud-chat-mobile-open) #map-fit-btn{display:none}:where(:root:not([data-approved-canvas])) body:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)) #map-fit-btn{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}}#building-panel{justify-content:flex-end}#building-panel .game-modal{width:clamp(440px,34vw,520px);height:auto;max-height:80dvh}#building-panel .game-modal-body{padding-bottom:0}@media (width<=420px),(width<=1023px) and (height<=520px){#building-panel .game-modal{width:min(92vw,520px);height:100%;max-height:100%}}#bp-body{padding:14px 16px}#building-panel.bp-prebuilt .game-modal-body,#building-panel.bp-prebuilt .base-panel-content,#building-panel.bp-prebuilt #bp-body{flex-direction:column;display:flex}#building-panel.bp-prebuilt .base-panel-content{flex:1;min-height:0}#building-panel.bp-prebuilt #bp-body{flex:1 0 auto}#building-panel.bp-prebuilt #bp-effect-section{margin-bottom:14px}#building-panel .bp-building-art{display:none}#building-panel.bp-prebuilt .bp-effect-content{grid-template-columns:minmax(84px,23%) minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:112px;display:grid}#building-panel.bp-prebuilt .bp-building-art{border:1px solid var(--production-court-line,var(--line-subtle));background:var(--production-court-card,var(--surface-raised));border-radius:6px;place-items:center;min-width:0;min-height:112px;padding:5px;display:grid}#building-panel.bp-prebuilt .bp-building-art img{object-fit:contain;width:100%;max-width:104px;max-height:104px}#building-panel.bp-prebuilt #bp-effect{min-width:0}#building-panel.bp-prebuilt #bp-effect .bp-cmp-row{grid-template-columns:minmax(0,1fr) auto auto minmax(0,auto);gap:4px;font-size:12px;line-height:1.45}#building-panel.bp-prebuilt #bp-effect .bp-cmp-label,#building-panel.bp-prebuilt #bp-effect .bp-cmp-next{white-space:normal;overflow-wrap:anywhere}#building-panel.bp-prebuilt #bp-effect .bp-cmp-next{text-align:right}#building-panel.bp-prebuilt #bp-effect .bp-cmp-arrow,#building-panel.bp-prebuilt #bp-effect .bp-badge{font-size:11px}#building-panel.bp-prebuilt #bp-build-section{border:1px solid var(--production-court-line,var(--line-subtle));background:var(--production-court-card,var(--surface-raised));border-radius:6px;margin-top:auto;margin-bottom:0;padding:10px 12px}#building-panel.bp-prebuilt #bp-build-section .section-title{margin-bottom:6px}#building-panel.bp-prebuilt #bp-build-box{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid}#building-panel.bp-prebuilt #bp-build-cost-row{min-width:0;margin-bottom:0}#building-panel.bp-prebuilt #bp-build-time-hint{white-space:nowrap;margin-bottom:0;font-size:12px}#building-panel.bp-prebuilt #bp-build-warning{grid-column:1/-1}#building-panel.bp-prebuilt #bp-build-warning:empty{display:none}#building-panel.bp-prebuilt #bp-footer button{min-height:44px}#bp-footer{z-index:2;padding:10px 16px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--line-subtle);background:var(--surface-raised);justify-content:flex-end;align-items:center;gap:8px;display:flex;position:sticky;bottom:0}#bp-footer .btn-secondary{flex:none;width:auto;min-width:84px}#bp-footer .btn-primary{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;flex:auto;width:auto;max-width:62%;font-size:15px;overflow:hidden}.bp-cost-chip{color:var(--text);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);background:#0000002e;align-items:center;gap:4px;padding:2px 6px;font-size:13px;display:inline-flex}.bp-cost-chip .res-icon{width:15px;height:15px}.bp-cost-chip.cant{color:#e74c3c;border-color:#e74c3c73}.bp-cost-lack{color:#e74c3c;font-size:11px;font-weight:700}#bp-build-warning{color:#f96;min-height:0;font-size:12px;line-height:1.5}.panel-section{margin-bottom:16px}#bp-effect{color:var(--text);font-size:13px;line-height:1.8}.upgrade-cost-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ucost-item{align-items:center;gap:4px;font-size:13px;display:flex}.ucost-icon{font-size:15px}.ucost-val{color:var(--text)}.ucost-val.cant-afford{color:#e74c3c}.ucost-time{color:var(--text-dim);margin-bottom:10px;font-size:11px}#bp-warning{color:#e08040;text-align:center;min-height:16px;margin-top:8px;font-size:11px}.section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px}.bp-max-badge{color:var(--gold);vertical-align:middle;background:#f0c04026;border:1px solid #f0c04059;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.bp-effect-row{align-items:baseline;gap:6px;font-size:13px;line-height:1.9;display:flex}.bp-ef-label{color:var(--text-dim);flex-shrink:0}.bp-ef-val{color:var(--text)}.bp-ef-val.dim{color:var(--text-dim)}.bp-preview-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px}.bp-cmp-table{flex-direction:column;gap:4px;display:flex}.bp-cmp-row{grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;font-size:12px;line-height:1.7;display:grid}.bp-cmp-label{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bp-cmp-cur{color:var(--text-dim);white-space:nowrap}.bp-cmp-arrow{color:var(--text-dim);font-size:11px}.bp-cmp-next{color:var(--text);white-space:nowrap;font-weight:500}.bp-cmp-next.up{color:#5c5}.bp-cmp-next.down{color:#f80}.bp-cmp-next.new{color:#59f}.bp-badge{vertical-align:middle;border-radius:3px;margin-left:4px;padding:0 4px;font-size:10px;font-weight:700;display:inline-block}.bp-badge-up{color:#5c5;background:#55cc551f;border:1px solid #55cc554d}.bp-badge-down{color:#f80;background:#ff88001f;border:1px solid #ff88004d}.bp-badge-new{color:#59f;background:#5599ff1f;border:1px solid #5599ff4d}#wp-body{padding:14px 16px}#wp-hp-bar-wrap{margin-top:6px}#wp-hp-bar{background:#ffffff1a;border-radius:5px;height:10px;margin-bottom:4px;overflow:hidden}#wp-hp-fill{border-radius:5px;height:100%;transition:width .3s,background .3s}#wp-hp-text{color:var(--text-dim);font-size:11px}#wp-reloc-bar-wrap{margin-top:6px}#wp-reloc-bar{background:#ffffff1a;border-radius:5px;height:10px;margin-bottom:4px;overflow:hidden}#wp-reloc-fill{border-radius:5px;height:100%;transition:width .3s,background .3s}#wp-reloc-text{color:var(--text-dim);font-size:11px}.wp-reloc-flags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.wp-reloc-flag{border-radius:3px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;line-height:1.4;display:inline-flex}.wp-reloc-prot{color:#9dc8ea;background:#6d9dc533;border:1px solid #6d9dc580}.wp-reloc-warn{color:#ffc078;background:#de9a3b33;border:1px solid #de9a3b8c}.wp-reloc-burn{color:var(--text-primary);background:#c83c1e59;border:1px solid #ff9646d9;box-shadow:0 0 8px #ff782873}.wp-fallen{color:#ff6060;background:#ff3c3c1a;border:1px solid #ff3c3c4d;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:12px}@media (width<=1023px) and (height<=460px){#bp-body,#wp-body{padding:9px 12px}#bp-body .panel-section{margin-bottom:10px}#bp-effect{font-size:12px;line-height:1.55}.section-title,.bp-preview-header{margin-bottom:5px;font-size:11px}.upgrade-cost-row{gap:5px;margin-bottom:5px}.ucost-item,.bp-effect-row{font-size:12px}.bp-cost-chip{padding:1px 5px;font-size:12px}#bp-footer{padding:7px 12px max(7px, env(safe-area-inset-bottom));gap:6px}#bp-footer .btn-secondary{min-width:72px;padding:6px 10px;font-size:14px}#bp-footer .btn-primary{padding:6px 10px;font-size:14px}#bp-build-warning{font-size:11px}.bp-effect-row{line-height:1.55}.ucost-time{margin-bottom:6px}#bp-warning{margin-top:5px}.bp-cmp-table{gap:2px}.bp-cmp-row{gap:4px;font-size:11px;line-height:1.45}.bp-cmp-arrow{font-size:10px}.bp-badge{margin-left:3px;font-size:9px}#wp-hp-bar,#wp-reloc-bar{height:8px;margin-bottom:3px}.wp-reloc-flag{padding:2px 5px;font-size:10px}.wp-fallen{margin-top:4px;padding:3px 6px;font-size:11px}}@media (width<=600px){#building-panel.bp-prebuilt .bp-effect-content{grid-template-columns:1fr;min-height:0}#building-panel.bp-prebuilt .bp-building-art{display:none}#building-panel.bp-prebuilt #bp-build-box{grid-template-columns:1fr}#building-panel.bp-prebuilt #bp-build-time-hint{white-space:normal}}@media (height<=350px) and (width>=601px){#building-panel.bp-prebuilt .bp-effect-content,#building-panel.bp-prebuilt .bp-building-art{min-height:78px}#building-panel.bp-prebuilt .bp-building-art img{max-height:72px}}@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}}#timer-panel{--hud-queue-top-resolved:var(--hud-ic-queue-top,calc(var(--hud-top-h) + 8px));top:var(--hud-queue-top-resolved);left:max(var(--hud-ic-queue-gutter,8px), var(--hud-canvas-safe-left,env(safe-area-inset-left)));height:var(--hud-ic-queue-h,auto);border-style:solid;border-width:0;border-image-source:var(--frame-active-panel,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);background:var(--hud-queue-v4-bg,none);z-index:160;width:var(--hud-ic-queue-w,var(--hud-queue-w));pointer-events:none;--hud-queue-chat-reserve:calc(var(--hud-chat-shell-h-ic,var(--hud-chat-shell-h,146px)) + var(--hud-chat-bottom-gap-ic,var(--hud-chat-bottom-gap,14px)));max-height:calc(var(--approved-canvas-h,100dvh) - var(--hud-queue-top-resolved) - var(--hud-queue-chat-reserve) - var(--hud-canvas-safe-bottom,env(safe-area-inset-bottom,0px)) - 28px);scrollbar-width:none;background-clip:padding-box;border-image-outset:0;flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed;overflow-y:auto}#timer-panel::-webkit-scrollbar{display:none}#timer-panel>*{pointer-events:auto}#construction-queue{border-style:solid;border-width:0;border-image-source:var(--frame-active-queue-inner,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-queue-inner-width,var(--frame-queue-shell-width,10px));border-image-outset:var(--frame-queue-shell-outset,0px);background:var(--hud-queue-inner-v4-bg,var(--surface-panel));background-clip:padding-box;flex-direction:column;gap:4px;padding:8px;transition-property:none;display:flex}.cq-header{color:var(--text);padding:2px 4px;font-size:16px;font-weight:800;line-height:21px}.cq-count{color:var(--intent-primary);font-weight:800}.cq-details{flex-direction:column;gap:2px;display:flex}:root[data-approved-canvas] #construction-queue,:root[data-approved-canvas] #construction-queue .cq-details{flex:auto;min-height:0}:root[data-approved-canvas] #construction-queue .cq-slot{flex:1 0 auto}.cq-slot{-webkit-backdrop-filter:blur(4px);border-radius:6px;align-items:center;gap:4px;min-height:44px;padding:3px 4px;display:flex}.cq-slot-no{color:var(--text-dim);flex-shrink:0;min-width:10px;font-size:9px;font-weight:700}.cq-slot--active{min-height:var(--cq-active-row-min-h,60px);box-shadow:inset 3px 0 0 var(--intent-primary), inset 0 0 18px #50e1ce26;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(105deg,#0d4442fa,#052123f5 66%,#04191cf5);border:0 solid #4c5b6b4d;border-bottom:1px solid #50e1ce6b;position:relative}.cq-slot--active:hover,.cq-slot--active:focus-visible{border-bottom-color:var(--intent-primary);box-shadow:inset 3px 0 0 var(--intent-primary), inset 0 0 23px #50e1ce45;background:linear-gradient(105deg,#145651fc,#072a2cfa);outline:none}.cq-slot--active[data-new=true]{animation:.85s ease-in-out 3 cq-active-arrival}@keyframes cq-active-arrival{0%,to{box-shadow:inset 3px 0 0 var(--intent-primary), inset 0 0 18px #50e1ce26}50%{box-shadow:inset 3px 0 0 var(--intent-primary), inset 0 0 28px #80ffeb7a}}.cq-slot--active .cq-slot-no{display:none}.cq-slot--active .cq-slot-icon{background:#82ffeb1f;width:34px;height:34px;box-shadow:inset 0 0 0 1px #82ffeb3d}.cq-slot--next-unlock .cq-slot-no,.cq-slot--sub-locked .cq-slot-no{display:none}.cq-slot-icon{background:#ffffff0d;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.cq-slot-icon-img{object-fit:contain;width:100%;height:100%;display:block}.cq-item-top{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:0;min-width:0;display:flex}.cq-item-meta{align-items:center;gap:4px;width:100%;min-width:0;display:flex}.cq-active-status{color:var(--intent-primary-hi,#8ffff1);white-space:nowrap;font-size:11px;font-weight:800}.cq-slot--active .cq-cancel{min-height:var(--hit-compact);min-width:var(--hit-compact);padding:4px}.cq-item-name{color:var(--text);white-space:nowrap;align-items:center;gap:4px;min-width:0;max-width:100%;font-size:15px;line-height:16px;display:flex;overflow:hidden}.cq-item-label{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.cq-lv{color:var(--intent-primary);background:#4ca9a51f;border:1px solid #4ca9a540;border-radius:3px;flex-shrink:0;padding:0 3px;font-size:11px;line-height:14px}.cq-cancel{color:var(--text-disabled);cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:40px;min-height:40px;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 4px;font-size:10px;display:flex}.cq-cancel:hover,.cq-cancel:active{color:var(--intent-danger);background:#c535261f}.cq-cancel:disabled{opacity:.3;cursor:not-allowed}.cq-speedup{min-width:72px;min-height:var(--hit-compact);color:#291805;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffd381,#f0a23e);border:1px solid #ffd381;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:3px;padding:0 7px;font-size:14px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 1px #815015,inset 0 1px #ffffff85}.cq-speedup:hover,.cq-speedup:focus-visible{filter:brightness(1.08);outline-offset:1px;outline:1px solid #fff1c9}.cq-speedup:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #48250361}.cq-item-bottom{height:var(--cq-bar-h);display:flex;position:absolute;bottom:0;left:0;right:0}.cq-bar{background:#8399ad33;border-radius:0 0 5px 5px;flex:1;height:100%;overflow:hidden}.cq-bar-fill{background:linear-gradient(90deg, var(--intent-primary-dim), var(--intent-primary));border-radius:2px;height:100%;transition:width 1s linear}.cq-time{color:var(--intent-primary-hi,#f7fffd);text-shadow:0 0 8px #80ffeb47;white-space:nowrap;max-width:100%;margin-left:auto;font-size:16px;font-weight:900;line-height:17px;overflow:hidden}.cq-slot--idle{background:#050b1499;border:0 dashed #4c5b6b4d;border-bottom-width:1px}.cq-slot-icon--ph{color:var(--text-disabled);background:#ffffff08;font-size:13px}.cq-slot-body{flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;display:flex}.cq-slot-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.cq-slot-hint{color:var(--text-disabled);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cq-slot-idle-label{color:var(--text-disabled);font-size:10px}.cq-slot--locked{border:0 solid var(--accent-bronze);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#1c2635eb 0%,#0a1323eb 100%);border-bottom-width:1px;box-shadow:inset 0 0 8px #c3ab8429}.cq-slot--locked:hover{border-color:var(--gold);background:linear-gradient(135deg,#263244f5 0%,#131c2bf5 100%);box-shadow:inset 0 0 10px #c3ab8452}.cq-slot--locked .cq-slot-no{color:var(--accent-bronze)}.cq-slot--locked-waiting{box-shadow:none;cursor:default;background:#050b1485;border-color:#4c5b6b4d;animation:none}.cq-slot--locked-waiting .cq-slot-no{color:var(--text-disabled)}.cq-unlock-waiting{color:var(--text-disabled);font-size:10px}.cq-gem-img{object-fit:contain;vertical-align:middle;width:14px;height:14px}.cq-unlock-btn{color:var(--accent-bronze);text-shadow:0 1px 2px #0009;cursor:pointer;text-align:right;pointer-events:none;transition:color var(--transition-fast);background:0 0;border:none;flex:none;padding:4px 0;font-size:10px;font-weight:800}.cq-unlock-cost{color:var(--gold);align-items:center;gap:2px;font-weight:800;display:inline-flex}.cq-slot--locked:hover .cq-unlock-btn{color:var(--gold)}.cq-slot--locked-waiting:hover{box-shadow:none;background:#050b1485;border-color:#4c5b6b4d}.cq-slot--locked[data-unlocking]{box-shadow:none;animation:none}.cq-slot--locked[data-unlocking] .cq-unlock-btn{opacity:.4;cursor:not-allowed}.cq-slot--sub-locked{border-color:var(--accent-bronze);color:var(--gold);border-top-width:1px;margin-top:2px}.cq-slot--gold-open{border:0 dashed #c3ab8459;border-bottom-width:1px}@media (prefers-reduced-motion:reduce){.cq-slot--active[data-new=true]{animation:none}}.cq-slot--locked .cq-unlock-btn{padding:0}.cq-slot--locked .cq-gem-img{width:11px;height:11px}@media (orientation:landscape) and (height<=700px){:where(:root:not([data-approved-canvas])) #timer-panel{width:min(var(--hud-ic-queue-w,var(--hud-queue-w)), calc(100vw - 16px))}:where(:root:not([data-approved-canvas])) .cq-slot--idle,:where(:root:not([data-approved-canvas])) .cq-slot--locked{min-height:24px}}@media (orientation:portrait) and (width<=480px){:where(:root:not([data-approved-canvas])) #timer-panel{width:min(var(--hud-ic-queue-w,var(--hud-queue-w)), calc(100vw - 16px))}}[data-layout=square] #timer-panel{width:min(var(--hud-ic-queue-w,var(--hud-queue-w)), calc(100vw - 16px))}:root[data-approved-canvas] body:has(#hud-chat.keyboard-open) #timer-panel{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}}.mil-section-title{color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--line-subtle);background:var(--panel-bg);z-index:5;padding:10px 16px 6px;font-size:12px;position:sticky;top:0}.mil-loading,.mil-error,.mil-empty{text-align:center;color:var(--text-dim);padding:24px 16px;font-size:13px}.mil-error{color:var(--intent-danger)}.unit-row{transition:background var(--transition-fast);border-bottom:1px solid #64738429;flex-wrap:wrap;align-items:center;gap:clamp(6px,2vw,10px);padding:10px clamp(8px,3vw,16px);display:flex}.unit-row>.unit-info{flex:160px;min-width:0}.unit-row>.unit-input-wrap,.unit-row>.unit-btn{flex-shrink:0}.unit-row:active{background:#4ca9a514}.unit-row.locked{opacity:.35}.unit-row.busy{opacity:.65}.unit-icon{text-align:center;flex-shrink:0;width:32px;font-size:22px}.unit-icon img{object-fit:contain;vertical-align:middle;width:22px;height:22px}.unit-info{flex:1;min-width:0}.unit-name{color:var(--text);font-size:13px;font-weight:700}.unit-stock{margin-top:2px;font-size:12px}.unit-cost-row{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.unit-cost-tag{color:var(--text-dim);white-space:nowrap;background:#6473841a;border:1px solid #6473843d;border-radius:8px;padding:1px 5px;font-size:12px}.unit-cost-tag.cant{color:var(--intent-danger);border-color:#c5352666}.unit-poor{color:var(--intent-danger);white-space:nowrap;background:#c5352614;border:1px solid #c5352652;border-radius:4px;padding:4px 8px;font-size:12px}.unit-input-wrap{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.recruit-qty-stepper{align-self:flex-end}.unit-input-row{align-items:center;gap:4px;display:flex}.unit-max-btn{color:var(--intent-primary);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#4ca9a51a;border:1px solid #4ca9a54d;border-radius:4px;min-width:40px;min-height:40px;padding:3px 6px;font-size:10px}.unit-max-btn:active{background:#4ca9a538}.unit-max-btn:disabled{opacity:.3;cursor:not-allowed}.unit-count-input{text-align:right;background:var(--surface-canvas);width:64px;color:var(--text-primary);border:1px solid #4ca9a547;border-radius:4px;outline:none;padding:4px 6px;font-size:13px}.unit-count-input:focus{border-color:var(--intent-primary)}.unit-time-hint{color:var(--text-dim);font-size:12px}.rm-owned{color:var(--text-dim);margin-left:6px;font-size:12px;font-weight:400}.unit-total-row{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.unit-total-label{color:var(--text-dim);letter-spacing:.5px;flex-shrink:0;font-size:12px}.unit-btn{cursor:pointer;white-space:nowrap;min-width:96px;min-height:48px;transition:background var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:4px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700}.unit-btn-recruit,.unit-btn-train,.unit-btn-heal{color:var(--intent-primary-hi);background:linear-gradient(135deg,#4ca9a538,#4ca9a514);border:1px solid #4ca9a573}.unit-btn-recruit:active,.unit-btn-train:active,.unit-btn-heal:active{background:linear-gradient(135deg,#4ca9a557,#4ca9a524)}.unit-btn:disabled{background:var(--surface-raised);border-color:var(--line-subtle);color:var(--text-disabled);cursor:not-allowed}.rm-recruit-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:8px 12px 16px;display:grid}.rm-recruit-grid>.unit-row{background:var(--surface-panel);border:1px solid #6473843d;border-radius:6px;grid-template-columns:28px minmax(0,1fr) 96px;grid-template-areas:"icon info info""icon input button";align-items:center;gap:6px 8px;min-width:0;padding:8px 10px;display:grid}.rm-recruit-grid .unit-icon{grid-area:icon;align-self:start;width:28px}.rm-recruit-grid .unit-info{grid-area:info}.rm-recruit-grid .unit-input-wrap{flex-flow:wrap;grid-area:input;justify-content:flex-start;align-items:center;gap:3px 6px;min-width:0}.rm-recruit-grid .recruit-level-sel{min-height:40px}.rm-recruit-grid .recruit-qty-stepper{align-self:auto}.rm-recruit-grid .unit-time-hint{flex-basis:100%}.rm-recruit-grid .unit-btn-recruit{grid-area:button;align-self:center;font-size:14px}@media (width<=799px){.rm-recruit-grid{grid-template-columns:minmax(0,1fr)}.rm-recruit-grid>.unit-row{justify-self:center;width:100%;max-width:520px}}@media (width<=420px){.rm-recruit-grid>.unit-row{grid-template-areas:"icon info info""input input button"}}.mil-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:8px 12px;display:grid}.mil-option-grid>.unit-row{background:var(--surface-panel);border:1px solid #6473843d;border-radius:6px;grid-template-columns:28px minmax(0,1fr) 96px;grid-template-areas:"icon info info""icon input button";align-items:center;gap:6px 8px;min-width:0;padding:8px 10px;display:grid}.mil-option-grid .unit-icon{grid-area:icon;align-self:start;width:28px}.mil-option-grid .unit-info{grid-area:info}.mil-option-grid .unit-input-wrap{flex-flow:wrap;grid-area:input;justify-content:flex-start;align-items:center;gap:3px 6px;min-width:0}.mil-option-grid .unit-time-hint{flex-basis:auto}.mil-option-grid .unit-max-btn{font-size:12px}.mil-option-grid .unit-btn-train,.mil-option-grid .unit-btn-heal{grid-area:button;font-size:14px}.mil-option-grid>.unit-row:only-child{grid-column:1/-1;justify-self:center;width:min(100%,520px)}@media (width<=799px){.mil-option-grid{grid-template-columns:minmax(0,1fr)}.mil-option-grid>.unit-row{justify-self:center;width:100%;max-width:520px}}@media (width<=420px){.mil-option-grid>.unit-row{grid-template-areas:"icon info info""input input button"}}.queue-list{padding:6px 16px 0}.queue-item{background:linear-gradient(135deg, var(--surface-raised), var(--surface-panel));border:1px solid var(--border);border-radius:6px;margin-bottom:6px;padding:9px 12px}.queue-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.queue-item-name{color:var(--text-primary);font-size:13px;font-weight:700}.queue-item-count{color:var(--text-dim);font-size:11px}.queue-progress-bar{background:#8399ad33;border-radius:2px;height:3px;overflow:hidden}.queue-progress-fill{background:linear-gradient(90deg, var(--intent-primary-dim), var(--intent-primary));height:100%;transition:width 1s linear}.queue-item-footer{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.queue-time-remain{color:var(--intent-success);font-size:10px}.queue-cancel-btn{color:var(--intent-danger);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;min-height:24px;padding:0 6px;font-size:12px}.queue-cancel-btn:disabled{opacity:.4}.heal-wounded-summary{border-bottom:1px solid var(--line-subtle);flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.heal-ws-card{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:6px;flex:1;padding:8px 12px}.heal-ws-card.heal-cap-full{background:#de9a3b14;border-color:#de9a3b66}.heal-ws-label{color:var(--text-secondary);margin-bottom:3px;font-size:11px}.heal-ws-val{color:var(--intent-warning);font-size:17px;font-weight:600}.heal-ws-card:last-child .heal-ws-val{color:var(--text-primary)}.heal-ws-cap{color:var(--text-disabled);font-size:11px;font-weight:400}.rm-header-info{color:var(--text-dim);border-bottom:1px solid var(--line-subtle);background:#00000040;padding:8px 16px;font-size:12px}.rm-header-info b{color:var(--text-primary)}.rcm-effect-row{border-bottom:1px solid var(--line-subtle);background:#0003;flex-wrap:wrap;gap:8px;padding:6px 16px 8px;display:flex}.rcm-effect-chip{color:var(--text-dim);background:#55b58a1a;border:1px solid #55b58a40;border-radius:4px;padding:2px 8px;font-size:11px}.rcm-effect-chip b{color:var(--intent-success)}.rm-lv-tag{color:var(--intent-info);vertical-align:middle;background:#6d9dc52e;border:1px solid #6d9dc566;border-radius:8px;margin-left:4px;padding:1px 5px;font-size:12px;display:inline-block}.recruit-level-sel{background:var(--surface-canvas);width:64px;color:var(--text-primary);cursor:pointer;border:1px solid #4ca9a547;border-radius:4px;outline:none;padding:3px 4px;font-size:12px}.recruit-level-sel:focus{border-color:var(--intent-primary)}.recruit-level-sel:disabled{opacity:.4;cursor:not-allowed}.queue-item.in-progress{border-color:#6d9dc559}.queue-item.pending{opacity:.85;border-color:#6473843d}.queue-pending-tag{color:var(--text-secondary);letter-spacing:.4px;font-size:10px}.queue-pending-actions{align-items:center;gap:4px;display:flex}.queue-reorder-btn{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#6473841a;border:1px solid #6473843d;border-radius:4px;min-width:26px;min-height:24px;padding:2px 6px;font-size:12px}.queue-reorder-btn:active{background:#4ca9a52e}.queue-reorder-btn:disabled{opacity:.25;cursor:not-allowed}.rm-tabs{border-bottom:1px solid var(--line-subtle);background:#00000040;flex-shrink:0;display:flex}.rm-tab{color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:13px;font-weight:700;transition:color .15s,border-color .15s}.rm-tab.active{color:var(--intent-primary);border-bottom-color:var(--intent-primary)}.rm-tab:active{background:#4ca9a514}.rm-tab-badge{background:var(--intent-danger);color:var(--text-primary);vertical-align:middle;border-radius:8px;margin-left:4px;padding:0 5px;font-size:12px;font-weight:700;display:inline-block}.rm-tab-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.game-modal-body:has(.rm-tabs){flex-direction:column;display:flex;overflow:hidden}.rm-prod-list{flex-direction:column;gap:8px;padding:12px;display:flex}.rm-prod-card{border-radius:8px;padding:10px 12px}.rm-prod-active{background:linear-gradient(135deg,#6d9dc52e,#6d9dc50f);border:1px solid #6d9dc580}.rm-prod-pending{background:var(--surface-raised);border:1px solid var(--line-subtle);opacity:.8}.rm-prod-row{align-items:center;gap:10px;display:flex}.rm-prod-icon{flex-shrink:0;font-size:26px}.rm-prod-icon img{object-fit:contain;vertical-align:middle;width:26px;height:26px}.rm-prod-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rm-prod-name{color:var(--text);font-size:13px;font-weight:700}.rm-prod-sub{color:var(--intent-info);font-size:12px}.rm-prod-sub.dim{color:var(--text-dim)}.rm-prod-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.rm-prod-time{color:var(--intent-success);letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.rm-prod-bar-wrap{background:#8399ad33;border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.rm-prod-bar{background:linear-gradient(90deg, var(--intent-primary-dim), var(--intent-primary));border-radius:3px;height:100%}.rm-status-section{border-bottom:1px solid #6d9dc52e;margin-bottom:2px;padding-bottom:4px}.rm-active-card{background:linear-gradient(135deg,#6d9dc52e,#6d9dc50f);border:1px solid #6d9dc573;border-radius:8px;margin:8px 12px 6px;padding:10px 12px 8px}.rm-active-top{align-items:center;gap:10px;display:flex}.rm-active-icon{flex-shrink:0;font-size:28px}.rm-active-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rm-active-name{color:var(--text);font-size:14px;font-weight:700}.rm-active-count{color:var(--intent-info);font-size:11px}.rm-active-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.rm-active-time{color:var(--intent-success);letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.rm-active-bar{background:#8399ad33;border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.rm-active-fill{background:linear-gradient(90deg, var(--intent-primary-dim), var(--intent-primary));border-radius:3px;height:100%;transition:width 1s linear}.rm-pending-list{flex-direction:column;gap:2px;padding:4px 12px 6px;display:flex}.rm-pending-row{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.rm-pending-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rm-pending-count{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:11px}@media (width<=1023px) and (height<=460px){.rm-tab{padding:6px 0;font-size:12px}.mil-section-title{padding:6px 16px 4px}.rm-header-info{padding:5px 16px}.rcm-effect-row{padding:4px 16px 5px}.heal-wounded-summary{gap:6px;padding:6px 10px}.heal-ws-card{padding:5px 10px}.heal-ws-val{font-size:14px}.unit-max-btn{min-width:36px;min-height:36px}.unit-btn{min-height:44px}}@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}}#gacha-panel .game-modal-body{flex-direction:column;display:flex;overflow:hidden}#gacha-panel .base-panel-content{flex-direction:column;flex:auto;min-height:0;display:flex}#ga-content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.ga-body-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ga-pcard-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.ga-fullhdr{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 14px;display:flex}.ga-fullhdr-left{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.ga-fullhdr-title{color:var(--gold);white-space:nowrap;flex-shrink:0;font-size:30px;font-weight:700}.ga-hdr-rates{flex-wrap:nowrap;gap:4px;display:flex;overflow:hidden}.ga-hdr-rate{white-space:nowrap;border-radius:3px;padding:2px 5px;font-size:10px;font-weight:700}.ga-hdr-rate.ga-rate-UR{color:#f0c060;background:#f0a00033;border:1px solid #f0a00059}.ga-hdr-rate.ga-rate-SSR{color:#c07ae0;background:#a03cc833;border:1px solid #a03cc859}.ga-hdr-rate.ga-rate-SR{color:#80a8e0;background:#2850c833;border:1px solid #2850c859}.ga-hdr-rate.ga-rate-R{color:#90a8b8;background:#3c506433;border:1px solid #3c506459}.ga-prob-btn-sm{color:var(--text-dim);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap;min-height:36px;transition:all var(--transition-fast);background:0 0;border:1px solid #f0c04040;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:13px}.ga-prob-btn-sm:active,.ga-prob-btn-sm:focus{color:var(--gold);border-color:#f0c04099;outline:none}.ga-view-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding-right:8px;display:flex}.ga-view-tab{color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 14px;font-size:clamp(13px,3.8vw,16px);font-weight:700}.ga-view-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.ga-view-tabs .ga-hdr-rates{margin-left:auto}.ga-pcard-wrap{width:100%;position:relative}.ga-scroll-arrow{color:#f0c040d9;cursor:pointer;z-index:10;width:56px;height:70%;max-height:300px;transition:opacity var(--transition-fast), background var(--transition-fast);opacity:.45;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#00000080,#0000001a);border:none;border-radius:10px;justify-content:center;align-items:center;font-size:52px;font-weight:900;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ga-scroll-arrow:hover,.ga-scroll-arrow:active{opacity:.95;background:linear-gradient(90deg,#000000b3,#0003)}.ga-scroll-arrow.at-edge{opacity:.15;pointer-events:none}.ga-scroll-arrow-left{border-radius:0 10px 10px 0;left:0}.ga-scroll-arrow-right{background:linear-gradient(270deg,#00000080,#0000001a);border-radius:10px 0 0 10px;right:0}.ga-scroll-arrow-right:hover,.ga-scroll-arrow-right:active{background:linear-gradient(270deg,#000000b3,#0003)}.ga-pcard-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box;cursor:grab;width:100%;min-width:0;min-height:clamp(180px,50vh,460px);padding:10px;overflow:auto}.ga-pcard-scroll.ga-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.ga-pcard-scroll.ga-dragging *{pointer-events:none}.ga-pcard-scroll::-webkit-scrollbar{height:8px}.ga-pcard-scroll::-webkit-scrollbar-thumb{background:#f0c04080;border-radius:4px}.ga-pcard-scroll::-webkit-scrollbar-thumb:hover{background:#f0c040cc}.ga-pcard-scroll::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.ga-pcard-track{white-space:nowrap;align-items:stretch;gap:12px;width:max-content;height:100%;display:flex}.ga-body-wrap>*{min-width:0}.ga-pcard{white-space:normal;min-height:180px;color:inherit;text-align:left;background:linear-gradient(160deg,#1e1e32b3,#0f0f19b3);border:1px solid #a08c5059;border-radius:10px;flex-direction:column;flex:0 0 160px;gap:10px;padding:12px 10px;display:flex;position:relative;overflow:hidden}.ga-pcard-large{flex:0 0 240px;gap:0;height:400px;max-height:100%;padding:0}.ga-pcard-ended{filter:grayscale(.75);opacity:.62;cursor:default}.ga-pcard-ended:hover,.ga-pcard-ended:active{box-shadow:none;transform:none}.ga-pcard-ended-badge{z-index:3;color:var(--text-dim,#b9b9c4);letter-spacing:.04em;background:#000000b8;border:1px solid #c8c8c866;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.ga-pcard-clickable{cursor:pointer;transition:all var(--transition-fast);font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ga-pcard-clickable:hover,.ga-pcard-clickable:active{border-color:#f0c040cc;transform:translateY(-3px);box-shadow:0 6px 20px #0009}.ga-pcard-clickable:disabled{opacity:.5;cursor:not-allowed;transform:none}.ga-pcard-foot{text-align:center;color:var(--gold);opacity:.9;letter-spacing:.05em;border-top:1px dashed #a08c504d;margin-top:4px;padding-top:4px;font-size:11px}.ga-pcard-faces{background:#0a0a0a;gap:2px;width:100%;height:296px;display:grid}.ga-pcard-faces-2x2{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.ga-pcard-faces-3col{grid-template:"top top"1fr"bl br"1fr/1fr 1fr}.ga-pcard-faces-3col>:first-child{grid-area:top}.ga-pcard-faces-3col>:nth-child(2){grid-area:bl}.ga-pcard-faces-3col>:nth-child(3){grid-area:br}.ga-pcard-faces-4x4{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:1px}.ga-pcard-faces-3x2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:1px}.ga-pcard-faces-5x5{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:1px}.ga-pcard-faces-1x1{grid-template-rows:1fr;grid-template-columns:1fr}.ga-pcard-faces-1x1 .ga-pcard-face-img{object-position:center 12%}.ga-pcard-spotlight{border-color:#f6b73cbf;box-shadow:0 0 14px #f6b73c59,inset 0 0 24px #f6b73c1f}.ga-pcard-spotlight .ga-pcard-rate{color:#ffd98a;font-weight:700}.ga-pcard-face-cell-sm .ga-pcard-face-name{display:none}.ga-pcard-face-cell-sm .ga-pcard-face-img{object-position:center 15%}.ga-pcard-face-cell{background:linear-gradient(#2a1e0f,#1a0f06);position:relative;overflow:hidden}.ga-pcard-face-img{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.ga-pcard-face-name{text-align:center;color:#f0e0b0;text-shadow:0 1px 2px #000000e6;background:linear-gradient(#0000,#000000e0 60%);padding:3px 4px;font-size:13px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.ga-pcard-overlay{background:linear-gradient(#141423f2,#0a0a14fa);border-top:2px solid #f0c0404d;flex-direction:column;flex:1;justify-content:flex-start;gap:2px;min-height:0;padding:6px 14px 8px;display:flex}.ga-pcard-overlay .ga-pcard-title{color:var(--gold);text-align:center;font-size:18px;font-weight:700}.ga-pcard-overlay .ga-pcard-rate{align-self:center;margin-top:0;font-size:13px}.ga-pcard-overlay .ga-pcard-sub{text-align:center;min-height:0;margin-top:2px;font-size:12px;line-height:1.3}.ga-pcard-foot{font-size:13px}.ga-pcard-center{background:radial-gradient(#f0c0401a,#0000 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:296px;max-height:296px;padding:16px;display:flex}.ga-pcard-img-xl{object-fit:contain;filter:drop-shadow(0 6px 16px #000000b3);width:180px;height:auto;max-height:240px}.ga-pcard-icon-xl{filter:drop-shadow(0 4px 12px #0009);font-size:76px;line-height:1}.ga-pcard-icon-xl img{object-fit:contain;width:96px;max-width:100%;height:96px}.ga-pcard-title-lg{color:var(--gold);text-align:center;font-size:24px;font-weight:800}.ga-pcard-head{text-align:center;border-bottom:1px solid #a08c5033;flex-direction:column;align-items:center;gap:4px;padding-bottom:6px;display:flex}.ga-pcard-icon{font-size:26px;line-height:1}.ga-pcard-title{color:var(--gold);font-size:14px;font-weight:700}.ga-pcard-rate{color:#f0c040;background:#f0c04026;border-radius:8px;padding:1px 6px;font-size:11px}.ga-pcard-sub{min-height:28px;font-size:11px;line-height:1.3}.ga-pcard-free{background:linear-gradient(160deg,#2a3a20,#1a2410);border-color:#8cdc8c66}.ga-pcard-free .ga-pcard-title{color:#a0e090}.ga-pcard-all{background:linear-gradient(160deg,#2a2a4a,#1a1a30);border-color:#a0b4dc59}.ga-pcard-all .ga-pcard-title{color:#c0d0e0}.ga-pcard-pickup{background:linear-gradient(160deg,#321e3cb3,#190f23b3);border-color:#c88cdc66}.ga-pcard-btns{flex-direction:column;gap:6px;margin-top:auto;display:flex}.ga-pcard-btn{color:#e0e8f0;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#2a3a5a,#1a2540);border:1px solid #648cc880;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:42px;padding:8px 4px;display:flex}.ga-pcard-btn:hover,.ga-pcard-btn:active{border-color:#8cb4f0cc;transform:translateY(-1px)}.ga-pcard-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ga-pcard-btn-label{font-size:13px;font-weight:700}.ga-pcard-btn-cost{opacity:.9;font-size:11px}.ga-pcard-btn-free{background:linear-gradient(160deg,#2e4a2a,#1a2a18);border-color:#78c87880}.ga-pcard-btn-free:hover,.ga-pcard-btn-free:active{border-color:#a0f0a0cc}.ga-pcard-btn-ten{background:linear-gradient(160deg,#3a2a5a,#241540);border-color:#a078dc80}.ga-pcard-btn-ten:hover,.ga-pcard-btn-ten:active{border-color:#c8a0ffcc}.ga-flat-note{text-align:center;background:#6464641a;border:1px dashed #8c8c8c4d;border-radius:6px;margin:0 10px 10px;padding:8px;font-size:12px}#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}#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}@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}}.ga-pdet{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 16px 12px;display:flex}.ga-pdet-header{border-bottom:1px solid #a08c5040;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:2px 0 3px;display:flex;position:relative}.ga-pdet-titlerow{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;max-width:100%;padding:0 64px;display:flex}.ga-pdet-title{color:var(--gold);font-size:15px;font-weight:700}.ga-pdet-titlerow .ga-pdet-sub:before{content:"·";opacity:.55;margin-right:6px}.ga-pdet-back{color:#e0e8f0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#3c3c5099;border:1px solid #a0a0b466;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;top:0;left:0}.ga-pdet-back:hover,.ga-pdet-back:active{border-color:#c8c8dcb3}.ga-pdet-icon{font-size:18px;line-height:1}.ga-pdet-icon img{object-fit:contain;vertical-align:middle;width:20px;height:20px}.ga-pdet-sub{font-size:12px;line-height:1.3}.ga-pdet-options{flex-wrap:wrap;flex:1;place-content:flex-start center;gap:10px;min-height:0;padding:4px;display:flex;overflow-y:auto}body[data-tut-guide-modal="1"]:has(#tut-guide:not(.tut-guide-hidden):not(.tut-guide-exit)) #gacha-panel .game-modal-body{padding-bottom:env(safe-area-inset-bottom,0px)}#gacha-panel:has(.tut-guide-row) .ga-pdet{overscroll-behavior:contain;overflow-y:auto}#gacha-panel:has(.tut-guide-row) .ga-pdet-options{flex:none;overflow:visible}.ga-pdet-freenote{text-align:center;flex-shrink:0;padding:2px 8px;font-size:11px;line-height:1.3}.ga-bn{background:#141e34b3;border:1px solid #648cc859;border-radius:12px;flex-shrink:0;margin:6px 8px 2px;padding:8px 10px}.ga-bn-loading{text-align:center;padding:6px;font-size:12px}.ga-bn-head{cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.ga-bn-title{color:#ffd98a;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.ga-bn-count{color:#aebbd0;font-size:11px}.ga-bn-caret{color:#aebbd0;transition:transform var(--transition-fast);font-size:10px;display:inline-block;transform:rotate(180deg)}.ga-bn.collapsed .ga-bn-caret{transform:rotate(0)}.ga-bn-badge{color:#ff5a5a;font-size:10px;font-weight:700;line-height:1}.ga-bn.collapsed .ga-bn-stages,.ga-bn.collapsed .ga-bn-note{display:none}.ga-bn.collapsed .ga-bn-head{margin-bottom:6px}.ga-bn-bar{background:#ffffff1f;border-radius:4px;height:7px;margin-bottom:8px;overflow:hidden}.ga-bn-bar-fill{height:100%;transition:width var(--transition-fast);background:linear-gradient(90deg,#f6b73c,#ffd98a);border-radius:4px}.ga-bn-stages{flex-direction:column;gap:4px;max-height:140px;display:flex;overflow-y:auto}.ga-bn-ms{opacity:.6;background:#ffffff0a;border-radius:8px;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:grid}.ga-bn-ms.reached{opacity:1}.ga-bn-ms.claimed{opacity:.55}.ga-bn-ms-target{color:#cdd8ea;font-weight:700}.ga-bn-ms-reward{color:#e0e8f0;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ga-bn-reward-icon{object-fit:contain;vertical-align:middle;width:18px;height:18px}.ga-bn-ms-lock{white-space:nowrap;font-size:11px}.ga-bn-ms-done{color:#8fae8f;white-space:nowrap;font-size:11px}.ga-bn-claim{color:#2a1a05;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:linear-gradient(160deg,#f6b73c,#d9941f);border:none;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:700}.ga-bn-claim:hover,.ga-bn-claim:active{filter:brightness(1.1)}.ga-bn-claim:disabled{opacity:.5;cursor:not-allowed}.ga-bn-note{text-align:center;margin-top:6px;font-size:10px;line-height:1.3}.ga-sp-bn{background:#281e0ca8;border-color:#f6b73c80}.ga-sp-bn .ga-bn-bar-fill{background:linear-gradient(90deg,#f6b73c,#ffe6a8)}.ga-sp-confirm-row{opacity:1;background:#f6b73c24;border:1px solid #f6b73c66}.ga-sp-confirm-row .ga-bn-ms-target{color:#ffd98a}@media (width<=1023px) and (height<=500px){.ga-bn{margin:4px 6px 2px;padding:6px 8px}.ga-bn-stages{max-height:108px;overflow-y:auto}.ga-bn-ms{padding:4px 6px;font-size:11px}}.ga-pdet-opt{color:#e0e8f0;cursor:pointer;width:min(280px,100%);transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#2a3a5a,#1a2540);border:2px solid #648cc880;border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:14px;padding:12px 16px;display:flex}.ga-pdet-opt:hover,.ga-pdet-opt:active{border-color:#b4c8f0e6;transform:translateY(-3px);box-shadow:0 8px 24px #0009}.ga-pdet-opt:disabled{opacity:.45;cursor:not-allowed;transform:none}#gacha-panel .ga-pdet-opt-img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000080);flex-shrink:0;width:72px;height:72px}.ga-pdet-opt-info{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.ga-pdet-opt-label{font-size:16px;font-weight:700}.ga-pdet-opt-cost{opacity:.92;background:#0000004d;border-radius:11px;padding:3px 11px;font-size:13px}@media (orientation:landscape){#gacha-panel:has(.tut-guide-row) .ga-pdet-opt{width:min(280px,50% - 5px)}}@media (orientation:landscape) and (height<=320px){#gacha-panel:has(.tut-guide-row) .ga-pdet-options{order:-1}#gacha-panel:has(.tut-guide-row) .ga-pdet-opt{min-height:var(--hit-compact,44px);gap:8px;padding:6px 8px}#gacha-panel:has(.tut-guide-row) .ga-pdet-opt-img{width:44px;height:44px}#gacha-panel:has(.tut-guide-row) .ga-pdet-opt-info{gap:4px}#gacha-panel:has(.tut-guide-row) .ga-pdet-opt-label{font-size:13px}#gacha-panel:has(.tut-guide-row) .ga-pdet-opt-cost{font-size:11px}}.ga-gem-img{object-fit:contain;vertical-align:middle;width:14px;height:14px}.ga-pdet-opt-free{background:linear-gradient(160deg,#2e4a2a,#1a2a18);border-color:#78c87899}.ga-pdet-opt-free:hover,.ga-pdet-opt-free:active{border-color:#a0f0a0e6}.ga-pdet-opt-ten{background:linear-gradient(160deg,#3a2a5a,#241540);border-color:#a078dc99}.ga-pdet-opt-ten:hover,.ga-pdet-opt-ten:active{border-color:#c8a0ffe6}.ga-hist-pool{color:var(--gold);background:#f0c04026;border:1px solid #f0c04066;border-radius:10px;margin-left:6px;padding:1px 8px;font-size:11px;display:inline-block}.ga-disc-pool-title{color:var(--gold);border-bottom:1px solid #f0c04040;margin-bottom:10px;padding:8px 0 10px;font-size:17px;font-weight:700}.ga-disc-pool-section{border-bottom:1px solid #a08c5026;margin-bottom:18px;padding-bottom:12px}.ga-disc-pool-section:last-child{border-bottom:none}.ga-confirm-modal{z-index:var(--z-modal-overlay);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ga-confirm-modal.hidden{display:none}.ga-confirm-inner{border:2px solid #0000;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);color:#e0e0e8;background:linear-gradient(160deg,#2a2038,#16101f) padding-box padding-box;border-radius:16px;width:100%;max-width:420px;padding:28px 24px 24px;position:relative;box-shadow:0 12px 40px #000000b3}.ga-confirm-title{color:var(--gold);text-align:center;margin-bottom:10px;font-size:20px;font-weight:800}.ga-confirm-msg{text-align:center;color:#c0c0c8;margin-bottom:22px;font-size:14px;line-height:1.6}.ga-confirm-btns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ga-confirm-btn{cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:14px 16px;font-size:16px;font-weight:700}.ga-confirm-ok{color:#d0f0c0;background:linear-gradient(160deg,#2e4a2a,#1a2a18);border:2px solid #78c87899}.ga-confirm-ok:hover,.ga-confirm-ok:active{border-color:#a0f0a0e6;transform:translateY(-2px);box-shadow:0 6px 16px #28642866}.ga-confirm-ten{color:#e0c8f8;background:linear-gradient(160deg,#3a2a5a,#241540);border:2px solid #a078dc99}.ga-confirm-ten:hover,.ga-confirm-ten:active{border-color:#c8a0ffe6;transform:translateY(-2px);box-shadow:0 6px 16px #50287866}.ga-confirm-cancel{color:#808090;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;width:32px;height:32px;font-size:20px;position:absolute;top:10px;right:12px}.ga-confirm-cancel:hover,.ga-confirm-cancel:active{color:#e0e0e8;background:#78788c33}.ga-body-wrap{flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex;overflow:hidden}.ga-msg{color:var(--text-dim);flex-shrink:0;font-size:12px}.ga-empty{color:var(--text-dim);text-align:center;padding:24px 0;font-size:13px}.ga-history{flex-direction:column;gap:4px;display:flex}.ga-hist-row{background:#100a0499;border-radius:4px;flex-shrink:0;align-items:center;gap:8px;padding:7px 8px;display:flex}.ga-hist-rarity{text-align:center;border-radius:3px;min-width:32px;padding:2px 4px;font-size:10px;font-weight:700}.ga-hist-name{color:var(--text);flex:1;font-size:13px}.ga-hist-stars{color:var(--text-dim);margin-right:3px;font-size:10px}.ga-hist-date{white-space:nowrap;font-size:10px}.ga-hist-pity img{object-fit:contain;vertical-align:middle;width:14px;height:14px}#ga-result{z-index:400;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%,#3c2814f7 0%,#000000fa 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}#ga-result.hidden{display:none}#ga-result-box{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:610px;height:100%;min-height:0;max-height:100%;display:flex}.ga-result-grid{flex:auto;align-content:center;place-items:center;gap:8px;width:100%;min-height:0;display:grid;overflow:visible}.ga-grid-10{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,1fr)}.ga-grid-1{grid-template-columns:1fr;max-width:160px;margin:0 auto;overflow:visible}.ga-res-portrait{aspect-ratio:3/4;opacity:1;perspective:720px;border:2px solid #0000;border-radius:8px;display:block;position:relative;overflow:visible;transform:none}.ga-result-grid>.ga-res-portrait{width:100%;height:auto;max-height:100%}.ga-res-portrait.ga-revealed{opacity:1;transition:opacity .32s,transform .32s cubic-bezier(.34,1.3,.64,1);transform:translateY(0)scale(1)}.ga-res-portrait.ga-skip{opacity:1!important;transition:none!important;transform:none!important}.ga-res-portrait.ga-revealed.ga-face-up.ga-res-ssr{animation:1.8s ease-in-out infinite alternate gacha-glow-ssr}.ga-res-portrait.ga-revealed.ga-face-up.ga-res-ur{animation:1.4s ease-in-out infinite alternate gacha-glow-ur}.ga-res-card-flip{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateY(0)}.ga-res-card-face{backface-visibility:hidden;border-radius:6px;position:absolute;inset:0;overflow:hidden}.ga-res-card-front{background:var(--ga-card-bg,#101a2a);border:2px solid var(--ga-card-border,#3a5878);flex-direction:column;display:flex;transform:rotateY(180deg)}.ga-res-card-back{background:radial-gradient(circle at 50% 43%,#debe694d,#0000 38%),repeating-linear-gradient(135deg,#dcbd6e1a 0 1px,#0000 1px 17px),linear-gradient(145deg,#263d57 0%,#111e31 52%,#080f1c 100%);border:1px solid #d2af60db;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 4px #1f334be6,inset 0 0 0 5px #d7b36275}.ga-res-card-back:before,.ga-res-card-back:after{content:"";pointer-events:none;position:absolute}.ga-res-card-back:before{aspect-ratio:1;border:2px solid #e2c578b8;border-radius:50%;width:78%;box-shadow:inset 0 0 0 7px #0d1b2c8f,0 0 18px #deb95f4d}.ga-res-card-back:after{border:1px solid #dabb6973;border-radius:4px;inset:9px}.ga-res-card-back-logo{z-index:1;object-fit:contain;filter:drop-shadow(0 3px 6px #000000e0)drop-shadow(0 0 6px #e7c46f42);width:88%;max-height:38%;position:relative}@keyframes gacha-glow-ssr{0%{box-shadow:inset 0 0 8px #a050f066}to{box-shadow:inset 0 0 24px #a050f0cc}}@keyframes gacha-glow-ur{0%{box-shadow:inset 0 0 12px #ffd200a6,inset 0 0 26px #ffa00059}to{box-shadow:inset 0 0 22px #ffe650e6,inset 0 0 36px #ff780099}}.ga-ur-flash{z-index:500;pointer-events:none;background:radial-gradient(#ffdc50b3 0%,#ffa0004d 40%,#0000 70%);animation:.7s ease-out forwards ur-flash-anim;position:fixed;inset:0}@keyframes ur-flash-anim{0%{opacity:0}15%{opacity:1}to{opacity:0}}.ga-res-portrait.ga-revealed.ga-face-up.ga-res-ur:before{content:"";-webkit-mask-composite:xor;z-index:3;pointer-events:none;background:conic-gradient(#0000 0%,#ffdc50e6 10%,#0000 20%,#ffb400b3 35%,#0000 45%,#ffdc50e6 60%,#0000 70%,#ffb400b3 85%,#0000 95%);border-radius:5px;padding:2px;animation:2.4s linear infinite ur-border-spin;position:absolute;inset:2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ga-res-portrait.ga-revealed.ga-face-up.ga-res-ur:after{content:"";mix-blend-mode:screen;pointer-events:none;z-index:1;background:linear-gradient(125deg,#0000 25%,#fff0aa52 48%,#0000 70%);border-radius:4px;animation:1.4s ease-in-out infinite alternate ur-inner-sheen;position:absolute;inset:3px}@keyframes ur-border-spin{to{transform:rotate(360deg)}}@keyframes ur-inner-sheen{0%{opacity:.35}to{opacity:.85}}.ga-res-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}.ga-res-portrait.ga-res-confirmed:is(.ga-face-up,.ga-skip){box-shadow:0 0 12px #f6b73c99}.ga-res-confirmed-badge{z-index:2;color:#2a1a05;white-space:nowrap;background:linear-gradient(160deg,#ffe6a8,#f6b73c);border:1px solid #fff6;border-radius:3px;padding:1px 5px;font-size:8px;font-weight:700;position:absolute;top:4px;left:4px}.ga-res-portrait-body{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.ga-res-portrait-img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.ga-res-portrait-icon{opacity:.75;filter:drop-shadow(0 2px 6px #000c);font-size:32px}.ga-res-portrait-footer{text-align:center;background:#0009;padding:4px 4px 5px}.ga-res-portrait-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;line-height:1.3;overflow:hidden}.ga-res-portrait-stars{color:#c09030;font-size:7px;line-height:1.2}#ga-result-hero{background:linear-gradient(100deg,#5c3e0c8c,#281a068c);border:1px solid #f6b73c8c;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:0 0 14px #f6b73c40}#ga-result-hero.hidden{display:none}.ga-hero-label{letter-spacing:.02em;color:#f6b73c;white-space:nowrap;font-size:11px;font-weight:700}.ga-hero-card{flex:none;height:clamp(56px,13vh,104px)}.ga-hero-card>.ga-res-portrait{width:auto;height:100%}.ga-hero-card .ga-res-confirmed-badge{display:none}#ga-result-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:12px;margin-top:4px;transition:opacity .35s,transform .35s;display:flex}#ga-result-actions.pending{opacity:0;pointer-events:none;transform:translateY(8px)}#ga-result-actions.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.ga-result-btn{cursor:pointer;min-width:140px;min-height:44px;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;padding:12px 22px;font-size:15px;font-weight:700;display:inline-flex}.ga-result-ok{color:#d0f0c0;background:linear-gradient(160deg,#2e4a2a,#1a2a18);border:2px solid #78c87899}.ga-result-ok:hover,.ga-result-ok:active{border-color:#a0f0a0e6;transform:translateY(-2px);box-shadow:0 6px 16px #28642880}.ga-result-chain{color:#e0c8f8;background:linear-gradient(160deg,#3a2a5a,#241540);border:2px solid #a078dc99}.ga-result-chain:hover,.ga-result-chain:active{border-color:#c8a0ffe6;transform:translateY(-2px);box-shadow:0 6px 16px #50287880}@media (width>=1024px){#ga-result-box{justify-content:center;max-width:798px}.ga-result-grid{flex:0 auto;gap:12px}.ga-grid-10>.ga-res-portrait{width:clamp(120px,100%,150px)}.ga-grid-1{max-width:260px}}@media (width<=1023px){#ga-result-box{max-width:min(100%,78vw,584px)}.ga-result-grid{gap:6px}.ga-grid-10>.ga-res-portrait{width:clamp(88px,100%,112px)}:root:not([data-layout=square]) #ga-result-actions{margin-top:auto}}:root[data-layout=square] #ga-result-box{justify-content:center;max-width:676px}:root[data-layout=square] .ga-result-grid{flex:0 auto;gap:9px}:root[data-layout=square] .ga-grid-10>.ga-res-portrait{width:clamp(100px,100%,128px)}:root[data-layout=square] .ga-grid-1{max-width:220px}@media (width<=1023px) and (height<=460px){#ga-result-actions .ga-result-ok{font-size:14px}#ga-result{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));gap:8px}#ga-result-box{gap:8px}.ga-result-grid{gap:5px}.ga-res-portrait-footer{padding:2px 3px 3px}.ga-result-btn{min-width:110px;padding:8px 16px;font-size:13px}#ga-result-actions{gap:8px;margin-top:0}#ga-result-hero{gap:8px;padding:4px 10px}}@media (width<=1023px) and (height<=330px){#ga-result{padding:max(4px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:5px}#ga-result-box{gap:5px}.ga-result-grid{gap:4px}.ga-res-portrait-footer{padding:1px 2px 2px}.ga-result-btn{min-width:92px;padding:6px 12px;font-size:12px}.ga-hero-label{font-size:10px}.ga-hero-card{height:clamp(44px,17vh,64px)}}.ga-pity-bars{background:#0000004d;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:4px;padding:6px 16px;display:flex}.ga-pity-row{grid-template-columns:110px 1fr auto;align-items:center;gap:10px;font-size:11px;display:grid}.ga-pity-label{color:var(--text-dim,#aaa);white-space:nowrap}.ga-pity-count{color:var(--text,#ddd);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.ga-pity-bar{background:#ffffff14;border-radius:3px;grid-column:2;height:6px;overflow:hidden}.ga-pity-fill{background:linear-gradient(90deg,#5478b8,#6a9fd8);height:100%;transition:width .3s}.ga-pity-warning .ga-pity-fill{background:linear-gradient(90deg,#d88040,#f0a060)}.ga-pity-guarantee .ga-pity-fill{background:linear-gradient(90deg,#f0c060,#ffe080);animation:1.4s ease-in-out infinite alternate ga-pity-glow}@keyframes ga-pity-glow{0%{box-shadow:0 0 4px #f0c04080}to{box-shadow:0 0 12px #f0c040e6}}.ga-pity-help-btn{width:24px;padding:0;font-weight:700}.ga-pity-help-list{color:var(--text,#ddd);margin:0;padding-left:18px;font-size:13px;line-height:1.7}.ga-pity-help-list li{margin-bottom:4px}.ga-res-portrait.ga-res-disassembled:is(.ga-face-up,.ga-skip){opacity:.65;filter:grayscale(35%)}.ga-res-portrait.ga-res-disassembled:is(.ga-face-up,.ga-skip):after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000,#0000 8px,#0000002e 8px 16px);position:absolute;inset:0}.ga-res-dis-badge{z-index:3;color:#1a1a1a;white-space:nowrap;background:linear-gradient(135deg,#c8a04c,#f0c060);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #0006}.ga-res-maxed-note{color:#f0c060;white-space:nowrap;min-height:1.15em;margin:2px 0 1px;font-size:9px;font-weight:700;line-height:1.15}.ga-pdet-prob-btn{color:var(--gold,#f0c060);cursor:pointer;background:#f0c0401f;border:1px solid #f0c04066;border-radius:6px;padding:4px 10px;font-size:12px;transition:background .15s,border-color .15s}.ga-pdet-prob-btn:hover{background:#f0c04040;border-color:#f0c040b3}.ga-disclosure-modal{z-index:var(--z-modal-popup);background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ga-disclosure-modal.hidden{display:none}.ga-disclosure-inner{background:var(--panel-bg);border:1px solid #0000;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);background-clip:padding-box;border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:80dvh;display:flex;overflow:hidden}.ga-disc-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ga-disc-header h3{color:var(--gold);margin:0;font-size:14px}.ga-disc-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.ga-disc-body{flex:1;padding:12px 16px;overflow-y:auto}.ga-disc-rarity-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 0 4px;display:flex}.ga-disc-rarity-label{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.ga-disc-rarity-label.UR{color:#f0c060;background:#f0a00033}.ga-disc-rarity-label.SSR{color:#c07ae0;background:#a03cc833}.ga-disc-rarity-label.SR{color:#80a8e0;background:#2850c833}.ga-disc-rarity-label.R{color:#90a8b8;background:#3c506433}.ga-disc-rarity-rate{color:var(--text);font-size:13px;font-weight:700}.ga-disc-selective-tag{color:#c07ae0;background:#a03cc826;border:1px solid #a03cc84d;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:9px}.ga-disc-items{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.ga-disc-item{background:#100a0480;border-radius:4px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:11px;display:flex}.ga-disc-item-name{color:var(--text)}.ga-disc-item-rate{color:var(--text-dim);font-variant-numeric:tabular-nums}.ga-disc-disclaimer{color:var(--text-dim);opacity:.6;border-top:1px solid #ffffff0d;padding-top:8px;font-size:9px;line-height:1.5}.ga-disc-loading{text-align:center;color:var(--text-dim);padding:24px 0;font-size:13px}.ga-disc-error{text-align:center;color:#e08040;padding:16px 0;font-size:12px}.ga-body-wrap.history-mode{max-height:min(70dvh,70vh);overflow-y:auto}.ga-pcard-all{position:relative}.ga-pcard-all>.ga-pcard-faces{flex:1;height:100%;min-height:0}.ga-pcard-all>.ga-pcard-overlay{background:linear-gradient(#0000,#000000e6 35%);border-top:none;flex:none;position:absolute;bottom:0;left:0;right:0}@media (width<=768px),(orientation:landscape) and (height<=700px){.ga-pcard-large{aspect-ratio:288/400;flex:0 0 clamp(150px,45vw,288px);height:auto;max-height:min(400px,100%)}.ga-pcard-faces{flex:0 0 74%;height:auto;min-height:0}.ga-pcard-center{flex:0 0 74%;gap:clamp(4px,1.5vh,10px);min-height:0;max-height:74%;padding:clamp(6px,2vh,16px)}.ga-pcard-img-xl{flex:auto;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%}.ga-pcard-icon-xl{font-size:clamp(40px,10vw,76px)}.ga-pcard-overlay{gap:clamp(1px,.4vh,2px);padding:clamp(4px,1vh,6px) clamp(8px,2vw,14px) clamp(6px,1.5vh,8px)}.ga-pcard-overlay .ga-pcard-title{font-size:clamp(12px,3.5vw,18px)}.ga-pcard-overlay .ga-pcard-sub{font-size:clamp(10px,2.8vw,12px)}.ga-pcard-overlay .ga-pcard-rate{font-size:clamp(10px,2.8vw,13px)}.ga-pcard-foot{margin-top:clamp(2px,.8vh,4px);padding-top:clamp(2px,.8vh,4px);font-size:clamp(10px,2.8vw,13px)}.ga-pcard-all>.ga-pcard-faces{flex:1;max-height:none}}@media (orientation:landscape) and (height>=521px) and (height<=700px){.ga-pcard-track{align-items:stretch;height:100%}.ga-pcard-large{aspect-ratio:auto;flex:0 0 clamp(160px,36vw,260px);height:100%;min-height:160px;max-height:340px}.ga-pcard-faces{flex:1;height:100%;min-height:0;max-height:none}.ga-pcard-center{flex:1;gap:6px;height:100%;min-height:0;max-height:none;padding:8px}.ga-pcard-img-xl{max-height:clamp(110px,88vh - 290px,230px)}.ga-pcard-icon-xl{font-size:clamp(36px,8vw,64px)}.ga-pcard-overlay{background:linear-gradient(#0000,#000000eb 30%);border-top:none;flex:none;gap:2px;padding:16px 10px 7px;position:absolute;bottom:0;left:0;right:0}.ga-pcard-overlay .ga-pcard-title{font-size:clamp(12px,3.2vw,16px)}.ga-pcard-overlay .ga-pcard-sub,.ga-pcard-overlay .ga-pcard-rate{font-size:clamp(10px,2.5vw,12px)}.ga-pcard-foot{margin-top:2px;padding-top:2px;font-size:clamp(10px,2.5vw,12px)}.ga-pcard-all>.ga-pcard-faces{flex:1;max-height:none}}@media (orientation:landscape) and (height<=520px){.ga-view-tab{padding:6px 10px;font-size:12px}.ga-pity-bars{padding:3px 12px}.ga-pity-row{gap:6px;font-size:10px}.ga-body-wrap{gap:6px;padding:6px 8px 8px}.ga-pdet{gap:4px;padding:6px 12px 8px}.ga-pdet-header{padding:1px 0 2px}.ga-pdet-titlerow{padding:0 56px}.ga-pdet-title{font-size:13px}.ga-pdet-sub{font-size:11px}.ga-pdet-back,.ga-pdet-prob-btn{padding:3px 8px;font-size:11px}.ga-pcard-scroll{flex:1;min-height:0;padding:6px 10px;overflow:auto hidden}.ga-pcard-track{align-items:stretch;gap:10px;height:100%}.ga-pcard-large{aspect-ratio:auto;flex:0 0 clamp(180px,34vw,240px);height:100%;min-height:92px;max-height:220px}.ga-pcard-faces{flex:1;height:100%;min-height:0;max-height:none}.ga-pcard-center{flex:1;gap:6px;height:100%;min-height:0;max-height:none;padding:8px}.ga-pcard-img-xl{max-height:140px}.ga-pcard-icon-xl{font-size:48px}.ga-pcard-overlay{background:linear-gradient(#0000,#000000eb 30%);border-top:none;flex:none;gap:2px;padding:18px 10px 6px;position:absolute;bottom:0;left:0;right:0}.ga-pcard-overlay .ga-pcard-title{font-size:12px}.ga-pcard-overlay .ga-pcard-sub,.ga-pcard-overlay .ga-pcard-rate{font-size:10px}.ga-pcard-foot{margin-top:2px;padding-top:2px;font-size:10px}}@media (orientation:landscape) and (height<=340px){#gacha-panel .ga-pity-bars{display:none}#gacha-panel .ga-view-tab{padding:3px 8px;font-size:11px}#gacha-panel .ga-hdr-rate{font-size:10px}#gacha-panel .ga-body-wrap{gap:4px;padding:4px 6px 6px}#gacha-panel .ga-pcard-scroll{padding:4px 8px}.ga-pcard-large{flex:0 0 clamp(150px,30vw,200px);min-height:84px}.ga-pcard-ended-badge{padding:1px 6px;font-size:9px;top:5px;right:5px}}@media (width<=480px){.ga-pcard-scroll{flex:1;min-height:0}.ga-pcard-large{aspect-ratio:288/400;flex:0 0 clamp(220px,55vw,280px);height:auto;max-height:100%}.ga-pcard-faces{flex:0 0 74%;height:auto;min-height:0}.ga-pcard-center{flex:0 0 74%;gap:clamp(4px,1.5vh,10px);min-height:0;max-height:74%;padding:clamp(6px,2vh,14px)}.ga-pcard-overlay{gap:clamp(1px,.4vh,3px);padding:clamp(4px,1vh,6px) clamp(8px,2vw,12px) clamp(5px,1.2vh,8px)}.ga-pcard-overlay .ga-pcard-title{font-size:clamp(12px,3.8vw,18px)}.ga-pcard-overlay .ga-pcard-sub,.ga-pcard-overlay .ga-pcard-rate{font-size:clamp(10px,3vw,12px)}.ga-pcard-foot{margin-top:clamp(2px,.5vh,4px);padding-top:clamp(2px,.5vh,4px);font-size:clamp(10px,3vw,12px)}.ga-pdet{gap:6px;padding:8px 10px 10px}.ga-pdet-options{gap:8px}.ga-pdet-opt{width:min(280px,100%)}.ga-pdet-titlerow{padding:0 10px 0 58px}}.ga-res-grade-label{color:#fff;background:#19202c;border-radius:3px;padding:3px 5px;font-size:12px;font-weight:800}.ga-res-portrait[data-rarity=R] .ga-res-grade-label{outline-offset:-2px;outline:1px dotted #fff}.ga-res-portrait[data-rarity=SR] .ga-res-grade-label{outline-offset:-2px;outline:1px dashed #fff}.ga-res-ur .ga-res-grade-label{outline-offset:-3px;outline:3px double #fff}.ga-res-ssr .ga-res-grade-label{outline-offset:-2px;outline:1px solid #fff}@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}}.upgrade-popup-overlay{z-index:var(--z-modal-popup);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:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upgrade-popup{border:1px solid #0000;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);width:min(90vw,520px);max-height:min(85vh,520px);animation:gm-fade-in var(--transition-mid) ease-out;background:#0c0804 padding-box padding-box;border-radius:10px;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 8px 32px #000000d9}.upgrade-popup-header{border-bottom:1px solid var(--border);background:#1a1008;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.upgrade-popup-title{color:var(--gold);font-size:14px;font-weight:700}.upgrade-popup-lv{color:var(--text-dim);margin-left:6px;font-size:11px;font-weight:400}.upgrade-popup-x{color:var(--text-dim);cursor:pointer;min-width:var(--hit-compact);min-height:var(--hit-compact);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;font-size:18px;display:flex}.upgrade-popup-x:hover{color:var(--gold)}.upgrade-popup-body{flex-direction:column;gap:12px;padding:12px 16px 16px;display:flex}.upgrade-popup-loading{text-align:center;color:var(--text-dim);padding:24px 0;font-size:13px}.upgrade-popup-section{flex-direction:column;gap:6px;display:flex}.upgrade-popup-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.upgrade-popup-cost-row{flex-wrap:wrap;gap:6px;display:flex}.upgrade-popup-cost-item{color:var(--text);border:1px solid var(--border);background:#ffffff0d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:inline-flex}.upgrade-popup-cost-item.cant{color:#e05050;border-color:#e050504d}.upgrade-popup-time{color:var(--text-dim);font-size:12px}.upgrade-popup-effects{align-items:flex-start;gap:8px;display:flex}.upgrade-popup-effect-col{min-width:0;color:var(--text);flex-direction:column;flex:1;gap:2px;font-size:12px;line-height:1.7;display:flex}.upgrade-popup-effect-row b{color:#80c870}.upgrade-popup-effect-arrow{color:var(--gold-dim);flex-shrink:0;padding-top:22px;font-size:18px}.upgrade-popup-warn{color:#f96;background:#ff643214;border:1px solid #ff643233;border-radius:6px;padding:8px 12px;font-size:12px}.upgrade-popup-actions{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.upgrade-popup-btn-cancel{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:8px 16px;font-size:13px}.upgrade-popup-btn-cancel:hover{background:#ffffff14}.upgrade-popup-btn-confirm{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;background:linear-gradient(135deg,#c0881a,#8b5e10);border-radius:6px;padding:8px 20px;font-size:13px;font-weight:700}.upgrade-popup-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#d09a20,#a06d14)}.upgrade-popup-btn-confirm:disabled{opacity:.4;cursor:not-allowed}@media (width<=1023px) and (height<=460px){.upgrade-popup{max-height:calc(100dvh - 20px)}.upgrade-popup-header{padding:7px 14px}.upgrade-popup-body{gap:9px;padding:10px 14px 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}}.sp-overlay{z-index:var(--z-modal-popup);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:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sp-popup:has(>.tut-guide-row){max-height:calc(100dvh - max(var(--frame-modal-outset-t,11px), env(safe-area-inset-top)) - max(var(--frame-modal-outset-b,12px), env(safe-area-inset-bottom)))}.sp-popup:has(>.tut-guide-row)>.sp-body{flex:auto;min-height:0}.sp-popup{border:1px solid #0000;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);width:min(92vw,380px);animation:gm-fade-in var(--transition-mid) ease-out;background:#0d0a06 padding-box padding-box;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 56px #000000e6}.sp-header{border-bottom:1px solid var(--border);background:#1a1008;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 9px;display:flex}.sp-title{color:var(--gold);font-size:14px;font-weight:700}.sp-close{color:var(--text-dim);cursor:pointer;min-width:var(--hit-compact);min-height:var(--hit-compact);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;font-size:18px;line-height:1;display:flex}.sp-close:hover{color:var(--gold)}.sp-body{flex-direction:column;gap:14px;max-height:calc(80vh - 52px);padding:14px;display:flex;overflow-y:auto}.sp-time-bar{background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sp-time-label{color:var(--text-dim);font-size:12px}.sp-time-val{color:#80c060;font-size:18px;font-weight:700}.sp-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.sp-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.sp-gem-balance{color:var(--text-dim);font-size:12px}.sp-gem-balance strong{color:#8cf}.sp-gem-row{align-items:center;gap:6px;display:flex}.sp-minus-btn,.sp-plus-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text);cursor:pointer;background:#ffffff12;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.sp-minus-btn:hover,.sp-plus-btn:hover{background:#ffffff1f}.sp-gem-input{text-align:center;border:1px solid var(--border);width:70px;color:var(--text);background:#0006;border-radius:6px;padding:4px 6px;font-size:14px}.sp-gem-input.sp-cant{color:#e74c3c;border-color:#e74c3c}.sp-gem-effect{color:#80c060;text-align:right;flex:1;font-size:12px}.sp-gem-actions{gap:8px;display:flex}.sp-max-btn{color:var(--gold);cursor:pointer;white-space:nowrap;background:#f0c0401a;border:1px solid #f0c0404d;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.sp-max-btn:hover{background:#f0c04033}.sp-gem-btn{color:#8cf;cursor:pointer;background:#88ccff1f;border:1px solid #88ccff59;border-radius:6px;flex:1;padding:7px 0;font-size:12px;font-weight:700}.sp-gem-btn:hover:not(:disabled){background:#88ccff38}.sp-gem-btn:disabled{opacity:.4;cursor:default}.sp-gem-img{object-fit:contain;vertical-align:middle;width:14px;height:14px}.sp-item-list{flex-direction:column;gap:6px;display:flex}.sp-loading,.sp-empty{color:var(--text-dim);text-align:center;padding:8px 0;font-size:12px}.sp-item-row{background:#ffffff08;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.sp-item-info{align-items:center;gap:8px;min-width:0;display:flex}.sp-item-name{color:var(--text);white-space:nowrap;font-size:13px}.sp-item-eff{color:#80c060;white-space:nowrap;font-size:11px}.sp-item-qty{color:var(--text-dim);white-space:nowrap;background:#ffffff0f;border-radius:8px;flex-shrink:0;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.sp-item-controls{justify-content:flex-end;align-items:center;gap:4px;display:flex}.sp-qty-btn{border:1px solid var(--border);width:22px;height:22px;color:var(--text);cursor:pointer;background:#ffffff12;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex}.sp-qty-btn:hover{background:#ffffff1f}.sp-qty-input{text-align:center;border:1px solid var(--border);width:44px;color:var(--text);background:#0006;border-radius:4px;padding:3px 4px;font-size:12px}.sp-item-max-btn{color:var(--gold);cursor:pointer;white-space:nowrap;background:#f0c0401a;border:1px solid #f0c0404d;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.sp-item-max-btn:hover{background:#f0c04033}.sp-use-btn{color:#80c060;cursor:pointer;white-space:nowrap;background:#80c0601f;border:1px solid #80c06059;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:700}.sp-use-btn:hover:not(:disabled){background:#80c06038}.sp-use-btn:disabled{opacity:.4;cursor:default}.sp-error{color:#e74c3c;text-align:center;min-height:16px;font-size:12px}.cq-speedup,.queue-speedup-btn{color:var(--gold);cursor:pointer;white-space:nowrap;background:#f0c0401a;border:1px solid #f0c0404d;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.cq-speedup:hover,.queue-speedup-btn:hover{background:#f0c04033}.cq-speedup img,.queue-speedup-btn img{object-fit:contain;vertical-align:middle;width:14px;height:14px}@media (width<=1023px) and (height<=460px){.sp-header{padding:6px 12px}.sp-body{gap:10px;max-height:calc(100dvh - 96px);padding:10px 12px}.sp-section{gap:6px;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}}.tp-overlay{z-index:var(--z-modal-popup);padding:max(var(--frame-modal-outset-t,11px), env(safe-area-inset-top,0px)) max(var(--frame-modal-outset-r,10px), env(safe-area-inset-right,0px)) max(var(--frame-modal-outset-b,12px), env(safe-area-inset-bottom,0px)) max(var(--frame-modal-outset-l,9px), env(safe-area-inset-left,0px));background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tp-panel{background:var(--surface-canvas,#0d0a06);border:1px solid #0000;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);border-radius:var(--radius-lg,14px);width:min(92vw,460px);max-height:min(100%,720px);box-shadow:var(--shadow-overlay,0 16px 48px #000c);animation:tp-pop-in var(--transition-mid) ease-out;background-clip:padding-box;flex-direction:column;display:flex;overflow:hidden}@keyframes tp-pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tp-panel{animation:none}}.tp-header{border-bottom:1px solid var(--border);background:linear-gradient(#2a1a08,#1a1008);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.tp-header-left{flex-direction:column;gap:4px;min-width:0;display:flex}.tp-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tp-title{color:var(--gold);font-size:15px;font-weight:700}.tp-remain{color:#ff7a5a;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.tp-remain:before{content:"⏳ ";font-weight:400}.tp-bonus-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#e8412c,#ff8a3d);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;box-shadow:0 1px 4px #dc3c2866}.tp-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;min-width:40px;min-height:40px;padding:4px 6px;font-size:18px;line-height:1}.tp-close:hover{color:var(--gold)}.tp-body{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.tp-desc{color:var(--text-dim);margin:0;font-size:13px;line-height:1.4}.tp-reward-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.tp-reward-card{border:1px solid var(--border);text-align:center;background:#1a1208;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.tp-reward-ico{font-size:26px;line-height:1}.tp-reward-img{object-fit:contain;width:32px;height:32px}.tp-reward-name{color:var(--text);font-size:12px;line-height:1.2}.tp-reward-qty{color:var(--gold);font-size:13px;font-weight:700}.tp-error{color:#ff6b6b;min-height:1em;font-size:12px}.tp-footer{border-top:1px solid var(--border);flex-shrink:0;padding:12px 14px}.tp-buy{color:#2a1800;background:linear-gradient(180deg, var(--gold), var(--gold-dim));cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:700}.tp-buy:hover:not(:disabled){filter:brightness(1.08)}.tp-buy:disabled{opacity:.5;cursor:default}@media (width<=1023px) and (height<=460px){.tp-panel{max-height:min(94vh,440px)}.tp-header{padding:8px 12px}.tp-body{gap:9px;padding:10px 12px}.tp-footer{padding:9px 12px}.tp-buy{padding:10px;font-size:14px}.tp-reward-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.tp-reward-card{padding:7px 6px}.tp-reward-img{width:28px;height:28px}}.gar-summary-grid{gap:8px;margin-bottom:12px;display:flex}@media (width<=360px){.gar-summary-grid{flex-wrap:wrap}.gar-summary-card{flex:0 0 calc(50% - 4px)}.gar-summary-card:last-child{flex:0 0 100%}}.gar-summary-card{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:6px;flex:1;padding:10px 12px}.gar-card-wounded .gar-summary-val{color:var(--intent-warning)}.gar-summary-label{color:var(--text-secondary);margin-bottom:4px;font-size:11px}.gar-summary-val{color:var(--text-primary);font-size:18px;font-weight:600}.gar-summary-sub{margin-top:2px;font-size:11px}.gar-troop-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;display:grid;overflow-y:auto}@media (width<=360px){.gar-troop-grid{grid-template-columns:repeat(2,1fr)}}.gar-troop-card{background:#0a1323bf;border:1px solid #4c5b6b4d;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.gar-troop-card-dim{opacity:.45}.gar-tc-icon{filter:drop-shadow(0 2px 4px #0009);font-size:28px;line-height:1}.gar-tc-icon img{object-fit:contain;vertical-align:middle;width:28px;height:28px}.gar-tc-name{color:var(--text-primary);letter-spacing:.5px;font-size:11px;font-weight:700}.gar-tc-total{color:var(--text-primary);font-size:13px;font-weight:700}.gar-tc-levels{border-top:1px solid #64738433;flex-direction:column;gap:2px;width:100%;margin-top:4px;padding-top:4px;display:flex}.gar-tc-lv-row{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.gar-tc-lv{color:var(--text-disabled);font-size:9px}.gar-tc-cnt{color:var(--text-secondary);font-size:10px;font-weight:500}.gar-tc-empty{color:var(--text-disabled);text-align:center;width:100%;padding:1px 0;font-size:10px}@media (width<=1023px) and (height<=520px){.gar-summary-grid{margin-bottom:6px}.gar-summary-card{padding:6px 12px}.gar-troop-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 8px}.gar-troop-card{gap:2px;padding:6px}.gar-tc-icon{font-size:20px}.gar-tc-icon img{width:20px;height:20px}.gar-tc-name{font-size:10px}.gar-tc-total{font-size:11px}.gar-tc-levels{gap:1px;margin-top:3px;padding-top:3px}.gar-tc-lv{font-size:8px}.gar-tc-cnt{font-size:9px}}.gar-pp-embed{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.gar-defense-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.gar-edit-btn{color:var(--intent-primary);cursor:pointer;white-space:nowrap;background:#4ca9a51f;border:1px solid #4ca9a580;border-radius:4px;padding:4px 10px;font-size:11px;transition:background .15s}.gar-edit-btn:hover{background:#4ca9a540}.gar-formation-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.gar-formation-card{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.gar-card-warning{background:#de9a3b14;border-color:#de9a3b66}.gar-formation-order{color:var(--text-disabled);flex-shrink:0;width:36px;font-size:11px}.gar-formation-info{flex:1}.gar-formation-name{font-size:13px;font-weight:500}.gar-formation-sub{margin-top:2px;font-size:11px}.gar-defense-info{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:6px;margin-top:8px;padding:10px 12px}.gar-info-title{color:var(--text-disabled);margin-bottom:6px;font-size:11px}.gar-info-row{color:var(--text-secondary);padding:2px 0;font-size:12px}.gar-badge{white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:11px;display:inline-block}.gar-badge-ok{color:var(--intent-success);background:#55b58a33;border:1px solid #55b58a4d}.gar-badge-warn{color:var(--intent-warning);background:#de9a3b33;border:1px solid #de9a3b4d}.gar-allied-header{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:600}.gar-allied-list,.gar-history-list{flex-direction:column;gap:8px;display:flex}.gar-allied-card{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.gar-allied-priority{color:var(--text-disabled);flex-shrink:0;width:36px;padding-top:2px;font-size:11px}.gar-allied-info{flex:1}.gar-allied-name{margin-bottom:3px;font-size:14px;font-weight:600}.gar-allied-sub{font-size:11px;line-height:1.6}.gar-allied-loss{color:var(--intent-danger-hi);margin-top:3px;font-size:11px}.gar-allied-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.gar-allied-date{font-size:10px}.gar-withdraw-btn{color:var(--intent-warning);cursor:pointer;white-space:nowrap;background:#de9a3b1f;border:1px solid #de9a3b80;border-radius:4px;padding:4px 10px;font-size:11px;transition:background .15s}.gar-withdraw-btn:hover:not(:disabled){background:#de9a3b40}.gar-withdraw-btn:disabled{opacity:.45;cursor:not-allowed}.gar-history-row{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:4px;align-items:center;gap:8px;padding:7px 10px;display:flex}.gar-history-name{min-width:80px;font-size:13px;font-weight:500}.gar-history-detail{flex:1;font-size:11px}.gar-history-date{flex-shrink:0;font-size:10px}#rs-shell{flex-direction:column;gap:12px;padding:8px 4px;display:flex}.rs-header{background:#281e0a8c;border:1px solid #f0c04059;border-radius:6px;align-items:center;padding:5px 12px;display:flex}.rs-academy{color:#f0c040;font-size:14px;font-weight:600}.rs-current{background:#503c148c;border:1px solid #f0c0408c;border-radius:6px;padding:10px 14px}.rs-current.hidden{display:none}.rs-current-head{color:#ffe0a0;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.rs-current-eta{color:#80c060;font-family:var(--font);font-variant-numeric:tabular-nums}.rs-progress{background:#0006;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.rs-progress-fill{background:linear-gradient(90deg,#80c060,#c0e080);height:100%;transition:width .3s}.rs-current-actions{justify-content:flex-end;gap:8px;display:flex}.rs-btn-primary,.rs-btn-secondary{cursor:pointer;border:1px solid;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .12s}.rs-btn-primary{color:#fff;background:#f0c0404d;border-color:#f0c040b3}.rs-btn-primary:hover{background:#f0c04073}.rs-btn-secondary{color:#ddd;background:#7878784d;border-color:#b4b4b480}.rs-btn-secondary:hover{background:#78787873}.rs-tabs{scrollbar-width:none;border-bottom:1px solid #f0c0404d;align-items:flex-end;gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.rs-tabs::-webkit-scrollbar{display:none}.rs-tab{color:#ddd;cursor:pointer;background:#281e0a66;border:1px solid #f0c04033;border-bottom:none;border-radius:6px 6px 0 0;flex-shrink:0;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.rs-tab:hover{color:#fff;background:#503c148c}.rs-tab-active{color:#f0c040;background:#785a1ea6;border-color:#f0c0408c}.rs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.rs-card{background:#1e1405a6;border:1px solid #f0c0404d;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rs-card-head{justify-content:space-between;align-items:center;display:flex}.rs-card-name{color:#ffe0a0;font-size:13px;font-weight:600}.rs-card-lv{color:silver;font-size:12px;font-family:var(--font);font-variant-numeric:tabular-nums}.rs-card-effect{color:#d0d0d0;padding:4px 0;font-size:12px}.rs-card-effect b{color:#80c060}.rs-card-meta{color:#b0b0b0;justify-content:space-between;font-size:11px;display:flex}.rs-cta{color:#fff;cursor:pointer;background:#50c86440;border:1px solid #78e68c80;border-radius:4px;min-height:48px;margin-top:4px;padding:6px;font-size:12px;font-weight:600;transition:background .12s}.rs-cta:hover{background:#50c86466}.rs-cta-disabled{color:#888;cursor:not-allowed;background:#5050504d;border-color:#78787866}@media (width<=1023px) and (height<=460px){.rs-cta{min-height:44px}}.rs-empty{text-align:center;color:#999;padding:30px;font-style:italic}.rs-eff-toggle{color:#c8a040;cursor:pointer;white-space:nowrap;background:#f0c0401f;border:1px solid #f0c04059;border-radius:4px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.rs-eff-toggle:hover{background:#f0c04038}.rs-eff-panel{background:#0f0a008c;border:1px solid #f0c0402e;border-radius:6px;flex-wrap:wrap;gap:5px;padding:8px 10px;display:flex}.rs-eff-panel.hidden{display:none}.rs-eff-badge{color:#b0e0b0;white-space:nowrap;background:#50c86424;border:1px solid #64dc7847;border-radius:10px;padding:2px 7px;font-size:11px}.rs-eff-badge b{color:#80e060}.rs-eff-neg{color:#e0d090;background:#c8a03c24;border-color:#dcb45047}.rs-eff-neg b{color:#f0c040}.rs-eff-none{color:#888;padding:2px 4px;font-size:12px;font-style:italic}.rs-tab-icon{object-fit:contain;vertical-align:middle;width:18px;height:18px;margin-right:2px}.rs-header-icon{object-fit:contain;vertical-align:middle;width:18px;height:18px;margin-right:4px}.rs-res-icon{object-fit:contain;vertical-align:middle;width:14px;height:14px;margin-right:2px}@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}}.mkt-header{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px 6px;display:flex}.mkt-refrsh-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mkt-countdown-label{color:var(--text-dim);white-space:nowrap;font-size:11px}.mkt-countdown{color:var(--gold);min-width:54px;font-size:13px;font-weight:700}.mkt-refresh-btn{white-space:nowrap;min-height:48px;margin-left:auto;padding:4px 10px;font-size:11px}.mkt-currency-row{align-items:center;gap:6px;display:flex}.mkt-currency-label{color:var(--text-dim);font-size:11px}.mkt-curr-btn{border:1px solid var(--border);min-height:48px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:11px;transition:background .15s,color .15s}.mkt-curr-btn:hover{color:var(--text);background:#ffffff0f}.mkt-curr-btn.active{background:var(--accent-dark);border-color:var(--gold);color:var(--gold)}.mkt-curr-icon{vertical-align:middle;width:14px;height:14px}.mkt-curr-icon-sm{vertical-align:middle;width:11px;height:11px}.mkt-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;display:grid;overflow-y:auto}@media (width<=560px){.mkt-grid{grid-template-columns:repeat(2,1fr)}}.mkt-slot{background:var(--panel-bg,#14161cd9);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-height:130px;padding:8px 6px;transition:border-color .15s;display:flex;position:relative}.mkt-slot:not(.purchased):hover{border-color:var(--gold)}.mkt-slot.purchased{opacity:.55}.mkt-badge{color:#fff;white-space:nowrap;pointer-events:none;background:#e53935;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:4px}.mkt-slot-icon{justify-content:center;align-items:center;width:30px;height:30px;margin-top:4px;font-size:22px;line-height:1;display:flex}.mkt-slot-icon-img{object-fit:contain;width:28px;height:28px;display:block}.mkt-slot-name{text-align:center;font-size:11px;font-weight:700;line-height:1.25}.mkt-slot-effect{color:var(--text-dim);text-align:center;font-size:10px;line-height:1.2}.mkt-price-block{flex-direction:column;align-items:center;gap:1px;margin-top:auto;display:flex}.mkt-price-strike{color:var(--text-dim);font-size:10px;text-decoration:line-through}.mkt-price-sale,.mkt-price-normal{color:#a0cfff;font-size:12px;font-weight:700}.mkt-price-coin{vertical-align:middle;width:13px;height:13px}.mkt-price-sale.insufficient,.mkt-price-normal.insufficient{color:#e06060}.mkt-buy-btn{width:100%;min-height:48px;margin-top:4px;padding:4px 0;font-size:11px}.mkt-buy-btn:disabled{opacity:.5;cursor:default}@media (width<=1023px) and (height<=460px){.mkt-refresh-btn,.mkt-curr-btn,.mkt-buy-btn{min-height:44px}}.mkt-error,.mkt-empty{text-align:center;color:var(--text-dim);padding:40px 20px;font-size:13px}.mkt-msg{text-align:center;color:#e06060;flex-shrink:0;min-height:18px;padding:4px 12px;font-size:12px}.czp-loading,.czp-error{text-align:center;color:var(--text-disabled);padding:24px}.czp-error{color:var(--intent-danger-hi)}.game-modal-body:has(.czp-grid){padding:0;overflow-y:auto}.czp-grid{grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:8px;padding:10px 12px;display:grid}.czp-card{border:1px solid var(--line-subtle);box-sizing:border-box;background:#00000047;border-radius:8px;flex-direction:column;gap:6px;padding:8px 6px;display:flex}.czp-card-head{border-bottom:1px solid var(--line-subtle);flex-shrink:0;align-items:center;gap:5px;padding-bottom:5px;display:flex}.czp-card-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.czp-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.czp-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.czp-card-effect{color:var(--text-disabled);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.czp-card-bonus{color:var(--text-disabled);background:var(--surface-raised);border:1px solid var(--line-subtle);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:1px 4px;font-size:10px}.czp-card-bonus--active{color:var(--intent-primary);background:#4ca9a51f;border-color:#4ca9a54d}.czp-slot-list{flex-direction:row;gap:4px;display:flex}.czp-slot{box-sizing:border-box;text-align:center;border-radius:5px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:6px 2px 5px;display:flex;position:relative}.czp-slot--empty{background:var(--surface-raised);border:1px dashed var(--line-subtle);cursor:pointer;color:inherit;font:inherit;transition:background .15s}.czp-slot--empty:hover{background:var(--surface-pressed)}.czp-slot--assigned{cursor:pointer;color:inherit;font:inherit;background:#6d9dc529;border:1px solid #6d9dc54d;transition:background .15s}.czp-slot--assigned:hover{background:#6d9dc542}.czp-slot--queue-active{border-color:#de9a3b80}.czp-slot--locked{background:var(--surface-raised);border:1px solid var(--line-subtle);opacity:.45}.czp-slot-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.czp-slot-avatar--gold{color:var(--accent-bronze);background:#c3ab842e;border:2px solid #c3ab848c}.czp-slot-avatar--blue{color:var(--intent-info);background:#6d9dc533;border:2px solid #6d9dc585}.czp-slot-avatar--gray{color:var(--text-secondary);background:#64738424;border:2px solid #64738452}.czp-slot-avatar--empty{background:var(--surface-raised);border:2px dashed var(--line-subtle);color:var(--text-disabled);font-size:16px;font-weight:300}.czp-slot-avatar--locked{background:var(--surface-raised);border:1px solid var(--line-subtle);color:var(--text-disabled);font-size:11px}.czp-slot-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:700;overflow:hidden}.czp-slot-politics{color:var(--accent-bronze);white-space:nowrap;font-size:9px}.czp-slot-lock-text{color:var(--text-disabled);white-space:nowrap;font-size:12px}.czp-slot-queue-badge{color:var(--intent-warning);background:#de9a3b33;border-radius:3px;padding:1px 3px;font-size:8px;line-height:1.2;position:absolute;top:2px;right:2px}.czp-card--unbuilt{opacity:.52;border-color:#64738429}.czp-card-unbuilt-badge{color:var(--intent-warning);white-space:nowrap;background:#de9a3b1a;border:1px solid #de9a3b38;border-radius:8px;flex-shrink:0;padding:1px 5px;font-size:10px}.czp-slot--unbuilt{cursor:default;background:#131c2b66;border:1px dashed #64738424}.czp-slot-avatar--unbuilt{color:var(--text-disabled);background:#131c2b80;border:1px solid #64738429;font-size:14px;font-weight:300}.czp-picker-overlay{z-index:10;border-radius:inherit;background:#000000b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.czp-picker{background:var(--surface-panel);border:1px solid var(--line-subtle);border-radius:10px;flex-direction:column;width:min(320px,88%);max-height:72%;display:flex;overflow:hidden;box-shadow:0 8px 32px #000c}.czp-picker-head{border-bottom:1px solid var(--line-subtle);color:var(--text-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.czp-picker-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;line-height:1}.czp-picker-close:hover{color:var(--text-primary)}.czp-picker-list{flex-direction:column;flex:1;gap:3px;padding:6px;display:flex;overflow-y:auto}.czp-picker-empty{text-align:center;color:var(--text-secondary);padding:16px 10px;font-size:13px}.czp-picker-item,.czp-picker-unset{background:var(--surface-raised);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;min-height:40px;padding:9px 11px;transition:background .12s;display:flex}.czp-picker-item:hover:not([disabled]),.czp-picker-unset:hover{background:var(--surface-pressed);border-color:var(--line-subtle)}.czp-picker-item--current{background:#6d9dc533;border-color:#6d9dc566}.czp-picker-item--disabled{opacity:.42;cursor:not-allowed}.czp-picker-unset{color:var(--intent-danger-hi);border:1px dashed #c5352673}.czp-picker-unset:hover:not([disabled]){background:#c535261f;border-color:#c5352699}.czp-picker-unset--disabled{opacity:.38;cursor:not-allowed;color:var(--text-disabled)}.czp-picker-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.czp-picker-pol{color:var(--accent-bronze);flex-shrink:0;font-size:11px}.czp-picker-badge{border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px}.czp-picker-badge--assigned{color:var(--intent-info);background:#6d9dc538}.czp-picker-badge--current{color:var(--intent-success);background:#55b58a38}.czp-picker-badge--inparty{color:var(--intent-warning);background:#de9a3b38}@media (width<=1023px) and (height<=460px){.czp-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(114px,23vw,192px),1fr));gap:5px;padding:6px 8px}.czp-card{gap:4px;padding:6px 4px}.czp-card-icon{width:18px;height:18px}.czp-card-name{font-size:12px}.czp-card-effect{display:none}.czp-slot{gap:2px;padding:4px 2px 3px}.czp-slot-avatar{width:26px;height:26px;font-size:11px}.czp-slot-name{font-size:8px}.czp-slot-politics{display:none}.czp-picker{max-height:78%}}@media (width<=1023px) and (height<=360px){.czp-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(102px,22vw,170px),1fr));gap:4px;padding:4px 6px}.czp-slot-name,.czp-slot-lock-text,.czp-slot-politics{display:none}.czp-slot-avatar{width:22px;height:22px;font-size:10px}.czp-slot{gap:1px;padding:3px 1px}}@media (width<=480px){.czp-grid{gap:5px;padding:6px 8px}}@media (width<=360px){.czp-grid{gap:4px}}: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}}#login-screen{z-index:9999;padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));font-family:var(--font);background:linear-gradient(90deg,#04070c14 0%,#04070c05 42%,#04070cb3 100%),linear-gradient(#04070c1f,#04070c7a),url(/assets/entry/runtime/login_siege.webp) 50%/cover no-repeat,#07090d;flex-direction:column;justify-content:safe center;align-items:center;gap:20px;display:flex;position:fixed;inset:0;overflow:hidden}.ls-layout{flex-direction:row;justify-content:flex-end;align-items:center;width:100%;max-width:920px;min-height:0;display:flex;position:relative}.ls-card{border:1px solid #0000;border-image-source:var(--entry-panel-frame,none);border-image-slice:var(--entry-panel-frame-slice,32 fill);border-image-width:var(--entry-panel-frame-width,16px);border-image-repeat:var(--entry-panel-frame-repeat,round);background:linear-gradient(160deg,#160e04f7,#0e0802f7) padding-box padding-box;border-radius:12px;flex:0 auto;width:min(440px,92vw);min-width:0;padding:clamp(16px,4vw,28px) clamp(16px,4vw,28px) 20px;box-shadow:0 8px 48px #000c,0 0 0 1px #f0c0400d}.ls-logo{aspect-ratio:1942/809;object-fit:contain;pointer-events:none;width:min(380px,100% - 460px);height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ls-title{letter-spacing:1px;text-align:center;color:#f0c040;margin:0 0 8px;font-size:18px;font-weight:700}.ls-store-btn:focus-visible,.ls-guest-btn:focus-visible,.ls-aux-btn:focus-visible,.ls-hub-item:focus-visible,.ls-hub-close:focus-visible,.ls-provider-retry:focus-visible{outline:2px solid var(--shadow-focus,var(--gold,#f0c040));outline-offset:2px}.ls-error{color:#e07050;text-align:center;min-height:18px;padding:2px 0;font-size:12px}.ls-guest-btn.is-loading,.ls-store-btn.is-loading{color:#0000;position:relative}.ls-guest-btn.is-loading:after,.ls-store-btn.is-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.7s linear infinite ls-spin;position:absolute;top:50%;left:50%}.ls-guest-btn.is-loading:after{border-color:#0000 #f0c040e6 #f0c040e6}.ls-store-btn.is-loading:after{border-color:#0000 #3c4043e6 #3c4043e6}@keyframes ls-spin{to{transform:rotate(360deg)}}.ls-store-btn{width:100%;min-height:var(--hit-primary);color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:500;line-height:20px;transition:all .2s;display:flex}.ls-google-mark{flex:0 0 18px;width:18px;height:18px}.ls-store-btn:hover{background:#f1f3f4}.ls-store-btn:active{transform:scale(.98)}.ls-store-btn:disabled{opacity:.5;cursor:not-allowed}.ls-gis-btn{width:100%;min-height:var(--hit-primary);justify-content:center;display:flex}.ls-guest-btn{width:100%;min-height:var(--hit-primary);color:#f0c040;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#8b5e00,#6b4400);border:1px solid #f0c04059;border-radius:7px;padding:11px;font-size:15px;font-weight:700;transition:all .2s}.ls-guest-btn:hover{background:linear-gradient(135deg,#a07000,#7a5000)}.ls-guest-btn:active{transform:scale(.98)}.ls-guest-btn:disabled{opacity:.5;cursor:not-allowed}.ls-guest-note{color:#e8d8c09e;text-align:center;margin:6px 0 0;font-size:11px;line-height:1.4}.ls-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.ls-action-row{gap:10px;display:flex}.ls-action-row--primary{flex-wrap:wrap}.ls-action-row--primary>*{flex:200px;min-width:min(200px,100%)}.ls-action-row--aux{flex-wrap:nowrap}.ls-action-row--aux>*{flex:1 1 0;min-width:0}.ls-aux-btn{min-height:var(--hit-primary);color:#d6e8e8eb;cursor:pointer;background:linear-gradient(160deg,#0e181ef0,#080e13f0);border:1px solid #60a4a86b;border-radius:7px;padding:10px 8px;font-size:13px;line-height:1.3;transition:all .2s}.ls-aux-btn:hover{background:linear-gradient(160deg,#14222af5,#0c141af5)}.ls-aux-btn:active{transform:scale(.98)}.ls-aux-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ls-hub{z-index:1;background:#04070cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ls-hub-panel{background:linear-gradient(160deg,#160e04fa,#0e0802fa);border:1px solid #f0c04047;border-radius:10px;flex-direction:column;gap:8px;width:min(320px,88vw);padding:16px;display:flex;box-shadow:0 8px 40px #000c}.ls-hub-title{text-align:center;color:#f0c040;margin:0 0 2px;font-size:14px;font-weight:700}.ls-hub-item{min-height:var(--hit-primary);color:#e0eeeef0;background:linear-gradient(160deg,#0e181ef0,#080e13f0);border:1px solid #60a4a86b;border-radius:7px;justify-content:center;align-items:center;padding:10px;font-size:14px;text-decoration:none;display:flex}.ls-hub-item:hover{text-decoration:underline}.ls-hub-close{min-height:var(--hit-compact);color:#e8d8c0c7;cursor:pointer;background:0 0;border:1px solid #e8d8c047;border-radius:7px;font-size:13px}.ls-notice-frame{width:min(420px,92vw)}.ls-notice-view{flex-direction:column;gap:6px;max-height:min(46vh,320px);display:flex;overflow-y:auto}.ls-notice-msg{text-align:center;color:#d6e8e8db;margin:0;padding:10px 2px;font-size:13px;line-height:1.4}.ls-notice-msg--error{color:#e07050}.ls-notice-retry,.ls-notice-back{min-height:var(--hit-compact);color:#e8d8c0d1;cursor:pointer;background:0 0;border:1px solid #e8d8c047;border-radius:7px;font-size:13px}.ls-notice-back{align-self:flex-start;padding:0 10px}.ls-notice-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ls-notice-item{width:100%;min-height:var(--hit-compact);color:#e0eeeef0;text-align:left;cursor:pointer;background:linear-gradient(160deg,#0e181ef0,#080e13f0);border:1px solid #60a4a86b;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.ls-notice-item:hover{background:linear-gradient(160deg,#14222af5,#0c141af5)}.ls-notice-item-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.ls-notice-item-date{color:#d6e8e89e;flex:none;font-size:11px}.ls-notice-detail-title{color:#f0e0c8f5;margin:0;font-size:14px;font-weight:700}.ls-notice-detail-date{color:#d6e8e89e;margin:0;font-size:11px}.ls-notice-detail-body{white-space:pre-wrap;overflow-wrap:break-word;color:#e0eeeeeb;margin:0;font-size:13px;line-height:1.5}.ls-gis-btn--failed{flex-direction:column;gap:6px}.ls-provider-error{text-align:center;color:#e07050;margin:0;font-size:12px;line-height:1.4}.ls-provider-retry{min-height:var(--hit-compact);color:#e8d8c0d1;cursor:pointer;background:0 0;border:1px solid #e8d8c047;border-radius:7px;width:100%;font-size:13px}@media (width<=1023px) and (height<=460px){#login-screen{gap:8px;padding-top:8px;padding-bottom:8px}.ls-card{padding:8px 18px}.ls-store-btn{min-height:var(--hit-compact);padding-block:9px}.ls-gis-btn{min-height:var(--hit-compact)}.ls-guest-btn{min-height:var(--hit-compact);padding:8px}.ls-error{min-height:10px}.ls-guest-note{margin-top:4px;font-size:10px;line-height:1.3}.ls-logo{width:min(300px,100% - 460px)}.ls-title{margin-bottom:3px;font-size:16px}.ls-actions{gap:6px;margin-top:6px}.ls-action-row{gap:6px}.ls-aux-btn{min-height:var(--hit-compact);padding:8px 6px;font-size:12px}.ls-hub-panel{gap:6px;padding:10px}.ls-hub-item{min-height:var(--hit-compact);font-size:13px}.ls-notice-view{max-height:min(52vh,170px)}.ls-notice-msg{padding:6px 2px;font-size:12px}}@media (width<=640px){.ls-card{width:min(440px,96vw)}.ls-layout{justify-content:center}.ls-logo{width:100%;max-width:200px;margin:0 auto 8px;position:static;transform:none}}#server-select-screen{--ss-bg:#0b0f14;--ss-surface:#161b22;--ss-gold:#c9a24b;--ss-gold-hi:#e6c66e;--ss-text:#e8ecf1;--ss-text-sub:#8a9bb0;--ss-active:#4ade80;--ss-maintenance:#f5b342;--ss-merge:#5b9dd6;--ss-conflict:#e0626c;--ss-delayed:#e58a3c;background:linear-gradient(180deg, #05090e80 0%, #05090ed1 100%), linear-gradient(90deg, #05090e38 0%, #05090e14 48%, #05090e70 100%), url(/assets/entry/runtime/server_campaign.webp) center / cover no-repeat, var(--ss-bg);z-index:1000;font-family:var(--font-display);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ss-conflict-banner{color:var(--ss-conflict);text-align:center;background:#e0626c1a;border:1px solid #e0626c59;border-radius:8px;flex-shrink:0;width:calc(100% - 32px);max-width:900px;margin-bottom:12px;padding:10px 18px;font-size:.83rem}.ss-workspace{flex:1;grid-template-columns:180px minmax(0,1fr);gap:18px;width:100%;max-width:1400px;min-height:0;padding:0 clamp(12px,3vw,24px);display:grid}.ss-main,.ss-seasons{flex-direction:column;min-width:0;min-height:0;display:flex}.ss-seasons-label{color:var(--ss-text-sub);letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;margin-bottom:6px;font-size:.72rem}.ss-seasons-list{scrollbar-width:thin;scrollbar-color:#c9a24b66 transparent;flex-direction:column;flex:0 auto;gap:8px;min-height:0;display:flex;overflow:hidden auto}.ss-seasons-list::-webkit-scrollbar{width:3px}.ss-seasons-list::-webkit-scrollbar-track{background:0 0}.ss-seasons-list::-webkit-scrollbar-thumb{background:#c9a24b66;border-radius:2px}.ss-cohort-tab{width:100%;min-width:0;min-height:var(--hit-primary);background:var(--ss-surface);color:var(--ss-text-sub);text-align:left;cursor:pointer;border:1px solid #c9a24b26;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;font-family:inherit;font-size:.82rem;transition:border-color .2s,color .2s;display:flex;position:relative;overflow:hidden}.ss-cohort-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ss-cohort-tab:hover{color:var(--ss-text);border-color:#c9a24b66}.ss-cohort-tab--active{border-color:var(--ss-gold);color:var(--ss-gold)}.ss-cohort-tab--active:before{content:"";background:var(--ss-gold);width:3px;position:absolute;top:0;bottom:0;left:0}.ss-cohort-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot--active{background:var(--ss-active)}.dot--preopen{background:var(--ss-merge)}.dot--closed{background:#4a5568}.dot--delayed{background:var(--ss-delayed)}.ss-pager{flex-shrink:0;padding:0 0 6px}.ss-pager-inner{justify-content:center;align-items:center;gap:12px;display:flex}.ss-pager-inner--hidden{visibility:hidden}.ss-pager-btn{min-width:var(--hit-compact);min-height:var(--hit-compact);background:var(--ss-surface);color:var(--ss-text-sub);cursor:pointer;border:1px solid #c9a24b33;border-radius:8px;font-family:inherit;font-size:.8rem}.ss-pager-btn:disabled{opacity:.35;cursor:not-allowed}.ss-pager-label{color:var(--ss-text-sub);letter-spacing:.06em;text-align:center;min-width:56px;font-size:.78rem}.ss-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}#server-select-screen .ss-body,#server-select-screen .ss-seasons{box-shadow:none;background:0 0;border-width:0;border-image-source:none}.ss-main-heading{color:var(--ss-text);flex-shrink:0;font-size:14px;line-height:20px}.ss-list-surface{box-sizing:border-box;background:var(--ss-surface);border-radius:10px;flex-direction:column;flex:0 auto;gap:18px;width:100%;min-height:0;max-height:100%;padding:12px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #8a724555}#server-select-screen .ss-seasons-list{background:var(--ss-surface);overscroll-behavior:contain;touch-action:pan-y;border-radius:10px;padding:12px;box-shadow:inset 0 0 0 1px #8a724555}#server-select-screen .ss-section-title{margin:0}#server-select-screen .ss-body[data-budget-overflow=true] .ss-list-surface{overflow-y:auto}@media (width<=1023px) and (height<=460px){.ss-list-surface,#server-select-screen .ss-seasons-list{padding:8px}}.ss-footer{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:100%;max-width:1400px;padding:0 clamp(12px,3vw,24px) 10px;display:flex}.ss-footer .ss-cta{max-width:420px}.ss-cta-reason{color:var(--ss-text-sub);text-align:center;font-size:.72rem}.ss-section{flex-direction:column;gap:10px;display:flex}.ss-section-title{color:var(--ss-gold);letter-spacing:.08em;border-left:3px solid var(--ss-gold);padding:2px 0 2px 8px;font-size:.82rem;font-weight:600}.ss-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-content:start;gap:12px;width:100%;display:grid}@media (width<=767px){.ss-grid{gap:8px}}@media (width<=539px){.ss-grid{gap:6px}.ss-card{flex-flow:wrap;align-items:center;gap:8px 10px;min-height:72px;padding:10px 14px}.ss-card-line1{flex:1;min-width:0}.ss-card-line2,.ss-card-conflict{display:none}.ss-card-actions{width:auto}.ss-btn{flex-shrink:0;width:auto;padding:8px 14px;font-size:.8rem}.ss-footer .ss-cta{width:100%}}@media (width<=640px){.ss-workspace{grid-template-columns:110px minmax(0,1fr);gap:10px}.ss-cohort-tab{padding:6px 10px}}@media (height<=450px) and (width<=767px){.ss-grid{grid-template-columns:1fr}}[data-layout=square] .ss-grid{grid-template-columns:repeat(2,1fr)}.ss-card{background:var(--ss-surface);cursor:pointer;border:1px solid #c9a24b26;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-height:72px;padding:8px 14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.ss-card-line1{align-items:center;gap:8px;min-width:0;display:flex}.ss-card-line2{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.ss-card-line1 .ss-status-row{flex-shrink:0;margin-left:auto}.ss-card--selected{border-color:var(--ss-gold);box-shadow:0 0 0 1px var(--ss-gold) inset, 0 0 14px #c9a24b1f}.ss-card:before{content:"";background:0 0;height:3px;transition:background .2s;position:absolute;top:0;left:0;right:0}.ss-card:not(.ss-card--disabled):hover{border-color:#c9a24b73;box-shadow:0 0 16px #c9a24b14}.ss-card:not(.ss-card--disabled):hover:before{background:linear-gradient(90deg, var(--ss-gold), var(--ss-gold-hi))}.ss-card--disabled{opacity:.5}.ss-card-name{color:var(--ss-gold);flex-shrink:0;font-size:.95rem;font-weight:600}.ss-card-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ss-badge{letter-spacing:.04em;white-space:nowrap;border:1px solid;border-radius:20px;padding:2px 7px;font-size:.68rem;font-weight:600}.ss-badge--merge{color:var(--ss-merge);background:#5b9dd61f;border-color:#5b9dd64d}.ss-badge--processing{color:var(--ss-merge);background:#5b9dd62e;border-color:#5b9dd673}.ss-badge--conflict{color:var(--ss-conflict);background:#e0626c1f;border-color:#e0626c4d}.ss-badge--mine{color:var(--ss-gold);background:#c9a24b1f;border-color:#c9a24b4d}.ss-char-info{color:var(--ss-text-sub);text-overflow:ellipsis;min-width:0;font-size:.76rem;overflow:hidden}.ss-char-info--empty{color:#4a5568;font-style:italic}.ss-char-label{color:#6b7a8e;margin-right:4px;font-size:.7rem}.ss-char-name{color:var(--ss-text);font-weight:600}.ss-char-fame{color:var(--ss-text-sub);margin-left:6px}.ss-card-conflict{color:var(--ss-conflict);background:#e0626c14;border:1px solid #e0626c40;border-radius:6px;padding:7px 10px;font-size:.73rem}.ss-status-row{min-height:20px;color:var(--ss-text-sub);align-items:center;gap:6px;font-size:.72rem;display:flex}.ss-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ss-status--active{color:var(--ss-active)}.ss-status--active .ss-status-dot{background:var(--ss-active)}.ss-status--maintenance{color:var(--ss-maintenance)}.ss-status--maintenance .ss-status-dot{background:var(--ss-maintenance)}.ss-status--processing{color:var(--ss-merge)}.ss-status--processing .ss-status-dot{background:var(--ss-merge)}.ss-status--delayed{color:var(--ss-delayed)}.ss-status--delayed .ss-status-dot{background:var(--ss-delayed)}.ss-status--preopen{color:var(--ss-text-sub)}.ss-status--preopen .ss-status-dot{background:var(--ss-text-sub)}.ss-timing{color:var(--ss-text-sub);font-size:.74rem}.ss-timing--merge{color:var(--ss-merge);font-weight:600}.ss-timing--wait{color:var(--ss-maintenance)}.ss-card-actions{flex-shrink:0;gap:6px;display:flex}.ss-btn{width:100%;min-height:var(--hit-primary);cursor:pointer;border:none;border-radius:8px;padding:9px 0;font-family:inherit;font-size:.88rem;font-weight:600;transition:opacity .15s,transform .1s}.ss-btn:active{transform:scale(.98)}.ss-btn:disabled{opacity:.4;cursor:not-allowed}.ss-btn--enter,.ss-btn--new{background:linear-gradient(135deg, var(--ss-gold) 0%, #a07840 100%);color:#0d1117}.ss-btn--maintenance{color:var(--ss-maintenance);background:#f5b34214;border:1px solid #f5b34247}.ss-btn--conflict{color:var(--ss-conflict);background:#e0626c1f;border:1px solid #e0626c59}.ss-card-actions .ss-btn{width:auto;padding:0 12px}.ss-btn--merge-info{color:var(--ss-merge);min-height:var(--hit-compact);background:0 0;border:1px solid #5b9dd666;padding:7px 0;font-size:.8rem}.ss-loading{color:#4a5568;letter-spacing:.1em;font-size:.9rem}.ss-error{color:#e57373;text-align:center;margin-top:12px;font-size:.82rem}.ss-ro{background:#1c345259;border:1px dashed #4a6fa5;border-radius:6px;margin-top:14px;padding:10px 12px}.ss-ro-title{color:#bcd8ff;margin-bottom:4px;font-size:.82rem;font-weight:700}.ss-ro-desc{color:#8fa8c8;margin-bottom:8px;font-size:.72rem;line-height:1.5}.ss-ro-list{flex-wrap:wrap;gap:8px;display:flex}.ss-ro-item{min-height:var(--hit-min,44px);color:#d8e6ff;cursor:pointer;background:#122034cc;border:1px solid #4a6fa5;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 12px;display:flex}.ss-ro-item:hover{background:#263e62e6}.ss-ro-name{font-size:.8rem;font-weight:700}.ss-ro-sub{color:#8fa8c8;font-size:.7rem}@media (width<=1023px) and (height<=460px){.ss-ro{margin-top:8px;padding:6px 10px}.ss-ro-desc{margin-bottom:5px}.ss-ro-item{min-height:var(--hit-compact);padding:4px 10px}.ss-conflict-banner{margin-bottom:8px;padding:6px 12px}.ss-workspace{grid-template-columns:110px minmax(0,1fr);gap:10px}.ss-seasons-label{margin-bottom:4px}.ss-seasons-list,.ss-grid{gap:6px}.ss-card{gap:2px;min-height:64px;padding:6px 12px}.ss-cohort-tab{min-height:var(--hit-compact);padding:6px 10px}.ss-btn{min-height:var(--hit-compact)}.ss-pager,.ss-footer{padding-bottom:4px}.ss-cta-reason{font-size:.68rem}}#server-select-screen{--ss-surface-deep:#0e2524;background:radial-gradient(ellipse at 66% -15%, #a98b443d 0%, transparent 48%), radial-gradient(ellipse at 12% 42%, #16564e38 0%, transparent 40%), linear-gradient(180deg, #03080b4d 0%, #03080bc2 100%), linear-gradient(90deg, #02080c6b 0%, #02080c0d 48%, #02080c85 100%), url(/assets/entry/runtime/server_campaign.webp) center / cover no-repeat, var(--ss-bg)}#server-select-screen:before{content:"";pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background:repeating-linear-gradient(112deg,#0000 0 34px,#eed4911a 35px,#0000 37px),linear-gradient(90deg,#040f128a,#0000 30% 70%,#040f128a);position:absolute;inset:0}#server-select-screen>*{position:relative}.ss-workspace{padding-top:18px}.ss-seasons-label{color:#e6c66ed6;margin:0 0 9px 8px}#server-select-screen .ss-seasons-list{background:radial-gradient(circle at 0 0,#508f7a38,#0000 52%),linear-gradient(145deg,#0b2f2df0,#07181cf5);border-radius:16px;padding:12px;box-shadow:0 16px 32px #00000040,inset 0 1px #f0d69026,inset 0 0 0 1px #caa24b29}.ss-cohort-tab{background:linear-gradient(135deg,#071c1fcc,#0c2d2b85);border-color:#0000;border-radius:12px;transition:background .2s,box-shadow .2s,color .2s;box-shadow:inset 0 1px #e6dcab0f}.ss-cohort-tab:hover{color:var(--ss-text);background:#1f524cd6}.ss-cohort-tab--active{color:#f2d783;background:linear-gradient(135deg,#4a613df5,#1c4b43f5);box-shadow:0 5px 15px #00000038,inset 0 0 0 1px #e6c66ead,inset 0 1px #ffeea847}.ss-cohort-tab--active:before{background:linear-gradient(#f2d783,#ad7833);width:5px}.ss-main-heading{color:#f2e4b4;letter-spacing:.16em;text-shadow:0 2px 10px #00000085;font-size:17px;font-weight:600;line-height:24px}.ss-list-surface{background:radial-gradient(at 100% 0,#5a845a33,#0000 48%),repeating-linear-gradient(135deg,#ead39206 0 1px,#0000 1px 7px),linear-gradient(145deg,#0a2f2df2,#08191ef5);border-radius:18px;padding:18px;position:relative;box-shadow:0 20px 45px #0000004a,inset 0 1px #f5db9138,inset 0 0 0 1px #d6b35c3d}.ss-list-surface:after{content:"";pointer-events:none;border:1px solid #e1c06a29;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-145px;right:-110px;box-shadow:0 0 0 42px #e1c06a06,0 0 0 84px #e1c06a05}.ss-list-surface>*{z-index:1;position:relative}.ss-selected-dossier{clip-path:polygon(0 14px,14px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);background:linear-gradient(90deg,#d5ae4d33,#0000 20%),radial-gradient(circle at 8%,#e4ca752e,#0000 34%),linear-gradient(105deg,#2d5443fa,#0b3532fa 54%,#08252bfa);border:1px solid #ebcc779e;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:96px;padding:14px 22px 14px 16px;display:grid;box-shadow:0 12px 25px #00000042,inset 0 1px #ffeeae57,inset 12px 0 #e7c15b2e}.ss-selected-dossier:before{content:"";clip-path:polygon(0 9px,9px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);pointer-events:none;border:1px solid #f6db8f33;position:absolute;inset:7px}.ss-dossier-seal{color:#253020;text-align:center;background:radial-gradient(circle at 34% 28%,#fff2ba 0 5%,#d5a849 37%,#725020 72%,#33230f 100%);border-radius:50%;place-content:center;width:58px;height:58px;line-height:1;display:grid;box-shadow:0 0 0 3px #f8dc8552,inset 0 0 0 3px #442b0c85,0 4px 12px #00000052}.ss-dossier-seal span{letter-spacing:.07em;font-family:system-ui,sans-serif;font-size:.42rem;font-weight:800}.ss-dossier-seal strong{margin-top:2px;font-size:1.1rem}.ss-dossier-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.ss-dossier-copy>strong{color:#fff0bb;letter-spacing:.05em;font-size:1.14rem}.ss-dossier-journey{color:#dbe7d5bd;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.ss-dossier-status{color:var(--ss-text-sub);white-space:nowrap;background:#02121557;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;display:inline-flex}.ss-dossier-status>span{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.ss-dossier-status--active{color:var(--ss-active)}.ss-dossier-status--maintenance{color:var(--ss-maintenance)}.ss-dossier-status--processing{color:var(--ss-merge)}.ss-dossier-status--preopen{color:var(--ss-text-sub)}.ss-dossier-status--delayed{color:var(--ss-delayed)}.ss-section-title{color:#e5c675;letter-spacing:.14em;border-left:0;align-items:center;gap:8px;padding:0 2px;font-size:.78rem;display:flex}.ss-section-title:before{content:"◆";color:#c99f50;text-shadow:0 0 9px #e2c0628c;font-size:.56rem}.ss-card{isolation:isolate;clip-path:polygon(0 16px,16px 0,calc(100% - 34px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 34px) 100%,0 100%);background:linear-gradient(90deg,#e2bb58a8 0 5px,#cba34a38 5px 12px,#0000 12px),radial-gradient(circle at 0 100%,#3b72632b,#0000 44%),linear-gradient(135deg,#193d3af5,#092427fa);border-color:#c59f4a6b;border-radius:0;padding:10px 14px;transition:background .2s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 8px 20px #0000002e,inset 0 1px #f4dfa31a}.ss-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#f0ce701a 0 9%,#0000 10% 27%,#f0ce7012 28% 30%,#0000 31%);border:1px solid #f0ce7026;border-radius:14px;width:90px;height:90px;position:absolute;bottom:-34px;right:22px;transform:rotate(45deg);box-shadow:0 0 0 14px #f0ce7006,0 0 0 28px #f0ce7005}.ss-card--selected{background:radial-gradient(circle at 8% 100%,#7093525c,#0000 48%),linear-gradient(135deg,#375b45fa,#103d39fc);border-color:#ffe187f0;box-shadow:0 10px 25px #0000003d,0 0 0 1px #e0b8515c,0 0 26px #cba14633,inset 0 1px #ffedb257}.ss-card--selected:after{background:radial-gradient(circle,#ffe69126 0 9%,#0000 10% 27%,#ffe6911c 28% 30%,#0000 31%);border-color:#ffe69140}.ss-card>*{z-index:1;position:relative}.ss-card:not(.ss-card--disabled):hover{transform:translateY(-1px);box-shadow:0 12px 25px #00000042,inset 0 1px #f4dfa329}.ss-card:before{background:linear-gradient(90deg,#e5bf61 0 38%,#0000 38%);height:3px}.ss-card .ss-char-info--empty{color:#d7e7cfad}.ss-card .ss-char-fame{color:#e4efdfbd}.ss-card-mark{color:#182821;background:radial-gradient(circle at 35% 28%,#e7cf88 0 5%,#9e783a 42%,#573f20 100%);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:.69rem;font-weight:800;display:grid;box-shadow:0 1px #fff2b973,inset 0 0 0 2px #32210d6b,0 2px 7px #00000047}.ss-card--selected .ss-card-mark{background:radial-gradient(circle at 35% 28%,#fff0af 0 6%,#d7ae54 42%,#70501f 100%);box-shadow:0 0 12px #ebc35e57,inset 0 0 0 2px #3c260e6b}.ss-footer .ss-cta{letter-spacing:.08em;box-shadow:0 10px 26px #00000047,inset 0 1px #fff4bf47}.ss-list-surface{background:linear-gradient(90deg,#caa04629 0 1px,#0000 1px 50%) 0 0/26px 26px,linear-gradient(#caa0461a 0 1px,#0000 1px 50%) 0 0/26px 26px,radial-gradient(at 50% 105%,#82633247,#0000 52%),linear-gradient(165deg,#143532fa,#05181dfa);border-radius:34px 34px 12px 12px;padding:14px;box-shadow:0 24px 48px #00000057,inset 0 1px #ffe89d47,inset 0 0 0 1px #deb95c6b}.ss-list-surface:after{width:126px;height:52px;box-shadow:none;background:linear-gradient(135deg,#0000 0 45%,#e7bf581f 46% 48%,#0000 49%),linear-gradient(45deg,#0000 0 45%,#e7bf581f 46% 48%,#0000 49%);border:0;border-radius:0;bottom:12px;right:24px}.ss-selected-dossier{clip-path:polygon(0 24px,9% 0,91% 0,100% 24px,100% 100%,0 100%);background:linear-gradient(90deg,#d0a64599 0 8px,#1a493ff0 8px 14px,#0000 14px),radial-gradient(at 50% 100%,#ac7d3433,#0000 55%),linear-gradient(155deg,#255547fc,#07282cfc);border:0;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;min-height:118px;padding:26px 28px 16px 22px;box-shadow:0 14px 26px #0000004d,inset 0 1px #ffedb561}.ss-selected-dossier:before{clip-path:polygon(0 16px,10% 0,90% 0,100% 16px,100% 100%,0 100%);border-color:#ffe59457;inset:8px 14px 10px}.ss-dossier-seal{clip-path:polygon(50% 0,91% 18%,100% 62%,73% 100%,27% 100%,0 62%,9% 18%);background:linear-gradient(135deg,#f3d78a,#a56f2e 48%,#563517);border-radius:5px;width:62px;height:62px;box-shadow:inset 0 0 0 3px #43260c85,0 4px 14px #0000005c}.ss-dossier-copy{gap:3px}.ss-dossier-kicker{color:#ebcf83;letter-spacing:.22em;font-size:.68rem}.ss-dossier-copy>strong{color:#fff0ba;font-size:1.2rem}.ss-dossier-journey{color:#ebf2dad1}.ss-dossier-status{background:0 0;border-left:1px solid #f0cd6f57}.ss-section{gap:10px}.ss-section-title{color:#f0d18a;font-size:.74rem}.ss-section-title:before{content:"✦"}.ss-card{clip-path:polygon(0 22px,11% 0,89% 0,100% 22px,100% 100%,0 100%);background:linear-gradient(90deg,#ca9f40b8 0 5px,#ca9f402e 5px 14px,#0000 14px),linear-gradient(155deg,#264e40fa,#072327fc);border:0;min-height:94px;padding:28px 64px 12px 24px;box-shadow:0 12px 18px #00000045,inset 0 1px #ffe39047}.ss-card:before{background:linear-gradient(90deg,#0000,#edcb70 12% 88%,#0000);height:2px;top:12px;left:17%;right:17%}.ss-card:after{background:radial-gradient(circle,#f0ce7024 0 9%,#0000 10% 27%,#f0ce7014 28% 30%,#0000 31%);border-color:#efca693d;border-radius:0;width:42px;height:42px;bottom:13px;right:18px;box-shadow:0 0 0 8px #f0ce7009}.ss-card-banner{z-index:2;border-left:3px solid #d7a94d;width:18px;height:64px;position:absolute;top:9px;right:27px;box-shadow:-2px 0 #3f270e8a}.ss-card-banner:before{content:"";clip-path:polygon(0 0,100% 14%,76% 50%,100% 84%,0 100%);background:linear-gradient(135deg,#c99f48,#765326);width:31px;height:22px;position:absolute;top:5px;left:0;box-shadow:0 2px 5px #0000004d}.ss-card--selected{background:linear-gradient(90deg,#f4c95bd1 0 5px,#e7b74a3d 5px 14px,#0000 14px),linear-gradient(155deg,#4a673efc,#124139fc)}.ss-card--selected .ss-card-banner:before{background:linear-gradient(135deg,#f1d27a,#ad712f)}.ss-card>*{z-index:3}.ss-card-line1{gap:9px}.ss-card-name{color:#ffe8a3;font-size:1rem}.ss-card-mark{color:#2b2413;background:linear-gradient(135deg,#f4d889,#9a682d 58%,#513217);border-radius:3px;flex-basis:28px;width:28px;height:28px;box-shadow:inset 0 0 0 2px #43260c8f,0 2px 6px #00000042}.ss-card--selected .ss-card-mark{background:linear-gradient(135deg,#fff0a5,#c98a39 58%,#623c16)}.ss-card .ss-char-info{color:#eff3dadb}.ss-card .ss-char-label{color:#edcd77}.ss-card .ss-char-name{color:#fff0bb}@media (width<=1023px) and (height<=460px){.ss-workspace{padding-top:8px}.ss-list-surface{border-radius:22px 22px 8px 8px;padding:10px}.ss-selected-dossier{clip-path:polygon(0 14px,9% 0,91% 0,100% 14px,100% 100%,0 100%);grid-template-columns:46px minmax(0,1fr) auto;gap:9px;min-height:70px;padding:17px 14px 9px 12px}.ss-dossier-seal{width:39px;height:39px}.ss-dossier-seal span{display:none}.ss-dossier-seal strong{margin:0;font-size:.78rem}.ss-dossier-kicker{font-size:.54rem}.ss-dossier-copy>strong{font-size:.86rem}.ss-dossier-journey{font-size:.67rem}.ss-dossier-status{padding:4px 6px;font-size:.62rem}.ss-card{clip-path:polygon(0 17px,11% 0,89% 0,100% 17px,100% 100%,0 100%);min-height:78px;padding:22px 54px 9px 18px}.ss-card-banner{height:54px;top:5px;right:22px}.ss-card-banner:before{width:26px;height:18px}.ss-card-mark{flex-basis:26px;width:26px;height:26px;font-size:.62rem}.ss-main-heading{font-size:14px;line-height:20px}}@media (prefers-reduced-motion:reduce){.ss-card,.ss-card:before,.ss-cohort-tab,.ss-btn{transition:none}}#character-create-screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:var(--font);color:var(--text,#eee);background:#0d0d18;flex-direction:column;justify-content:safe center;align-items:center;gap:18px;display:flex;position:fixed;inset:0;overflow:hidden}#character-create-screen .ccs-background{pointer-events:none;width:var(--ccs-full-width,100%);height:var(--ccs-full-height,100%);background:linear-gradient(#050b14ab 0%,#050b14db 100%),url(/assets/entry/runtime/server_campaign.webp) 50%/cover no-repeat,#0d0d18;position:absolute;top:0;left:0}#character-create-screen .ccs-card{z-index:1;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;position:relative}#character-create-screen.ccs-layout-fallback .ccs-card{max-height:calc(100% - 16px);overflow-y:auto}#character-create-screen .ccs-form{overflow:visible}#character-create-screen .ccs-mode-error{margin-bottom:8px;font-size:12px}#character-create-screen .ccs-mode-error[hidden]{display:none}#character-create-screen .ccs-mode-retry{min-width:44px;min-height:44px;margin-left:8px}#character-create-screen .ccs-mode-reason{color:var(--text-dim,#999);word-break:break-word;margin-top:4px;font-size:11px;display:block}#character-create-screen .ccs-mode-reason:empty{display:none}.ccs-card{background:#141422eb;border:1px solid #f0c0404d;border-radius:12px;width:min(440px,92vw);padding:clamp(16px,4vw,28px) clamp(16px,4vw,28px) 20px;box-shadow:0 8px 32px #00000080}.ccs-back{color:var(--text-dim,#999);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;min-height:36px;margin-bottom:6px;padding:4px 8px;font-size:12px;display:inline-flex}.ccs-back:hover{color:var(--gold,#f0c040);background:#ffffff0d}.ccs-title{color:var(--gold,#f0c040);text-align:center;margin-bottom:16px;font-size:16px;font-weight:700}.ccs-form{flex-direction:column;gap:10px;display:flex}.ccs-input-row{align-items:stretch;gap:8px;display:flex}.ccs-input{box-sizing:border-box;min-height:var(--hit-primary);border:1px solid var(--border,#444);color:#fff;text-align:center;letter-spacing:1px;background:#00000059;border-radius:8px;padding:11px 14px;font-size:15px}.ccs-input-row .ccs-input{flex:1;min-width:0}.ccs-input:focus{border-color:var(--gold,#f0c040);outline:none}.ccs-check{min-height:var(--hit-primary);border:1px solid var(--gold,#f0c040);color:var(--gold,#f0c040);cursor:pointer;white-space:nowrap;background:#f0c0401f;border-radius:8px;flex:none;padding:0 16px;font-size:13px;font-weight:700}.ccs-check:hover:not(:disabled){background:#f0c04038}.ccs-check:disabled{opacity:.4;cursor:not-allowed}.ccs-hint-row{text-align:center;min-height:16px}.ccs-hint{font-size:11px}.ccs-checking{color:var(--text-dim,#999)}.ccs-ok{color:#4caf50}.ccs-err{color:#e74c3c}.ccs-suggest-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ccs-suggest-label{color:var(--text-dim,#999);white-space:nowrap;font-size:11px}.ccs-suggest-btn{min-height:var(--hit-compact);border:1px solid var(--border,#444);color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:6px;padding:5px 10px;font-size:11px}.ccs-suggest-btn:hover:not(:disabled){border-color:var(--gold,#f0c040)}.ccs-suggest-list{flex-wrap:wrap;gap:5px;display:flex}.ccs-suggest-chip{min-height:var(--hit-compact);color:var(--gold,#f0c040);cursor:pointer;background:#f0c0401a;border:1px solid #f0c04066;border-radius:6px;padding:4px 9px;font-size:11px}.ccs-suggest-chip:hover:not(:disabled){background:#f0c04038}.ccs-suggest-btn:disabled,.ccs-suggest-chip:disabled{opacity:.4;cursor:not-allowed}.ccs-suggest-err{color:#e74c3c;font-size:11px}#character-create-screen .ccs-form{gap:8px}#character-create-screen .ccs-suggest-row{margin-top:2px}html[data-layout=square] #character-create-screen .ccs-card{width:min(440px,82vw)}#character-create-screen .ccs-card{border-color:#0000;border-image-source:var(--entry-panel-frame,none);border-image-slice:var(--entry-panel-frame-slice,32 fill);border-image-width:var(--entry-panel-frame-width,16px);border-image-repeat:var(--entry-panel-frame-repeat,round);background-clip:padding-box}.ccs-error{color:#e74c3c;text-align:center;font-size:11px}.ccs-submit{min-height:var(--hit-primary);background:var(--gold,#f0c040);color:#1a1a1a;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:11px;font-size:14px;font-weight:700}.ccs-submit:disabled{opacity:.4;cursor:not-allowed}@media (width<=1023px) and (height<=460px){#character-create-screen{gap:8px;padding-top:10px;padding-bottom:10px;overflow-y:hidden}.ccs-card{padding:14px 18px}.ccs-back{margin-bottom:3px}.ccs-title{margin-bottom:8px;font-size:14px}#character-create-screen .ccs-form{gap:7px}.ccs-input{min-height:var(--hit-compact);padding:8px 12px;font-size:14px}.ccs-check{min-height:var(--hit-compact);padding:0 12px;font-size:12px}.ccs-submit{min-height:var(--hit-compact);padding:8px;font-size:13px}.ccs-suggest-row,.ccs-suggest-list{gap:4px}.ccs-suggest-btn,.ccs-suggest-chip{min-height:36px}}.ncm-overlay{z-index:1000;font-family:var(--font);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:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ncm-card{border:1px solid #0000;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);background-clip:padding-box;width:min(360px,88vw)}.ncm-desc{color:var(--text-dim,#999);text-align:center;margin-bottom:12px;font-size:11px;line-height:1.5}.ncm-actions{gap:8px;display:flex}.ncm-actions .ccs-submit{flex:1}.ncm-cancel{color:var(--text,#eee)!important;background:#ffffff1a!important}#character-create-screen :is(.ccs-back,.ccs-check,.ccs-suggest-btn,.ccs-suggest-chip,.ccs-submit){min-width:44px;min-height:44px}#character-create-screen :is(.ccs-suggest-btn,.ccs-suggest-chip){font-size:12px}#character-create-screen .ccs-submit{font-size:14px}.adm-overlay{z-index:var(--z-modal-overlay,1000);padding:max(var(--frame-modal-outset-t,11px), env(safe-area-inset-top,0px)) max(var(--frame-modal-outset-r,10px), env(safe-area-inset-right,0px)) max(var(--frame-modal-outset-b,12px), env(safe-area-inset-bottom,0px)) max(var(--frame-modal-outset-l,9px), env(safe-area-inset-left,0px));background:#000000b8;justify-content:center;align-items:safe center;display:flex;position:fixed;inset:0}.adm-card{-webkit-overflow-scrolling:touch;border:1px solid #0000;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);background-clip:padding-box;width:min(380px,90vw);max-height:100%;overflow-y:auto}.adm-warn{border:1px solid var(--intent-danger,#c0432f);background:color-mix(in srgb, var(--intent-danger,#c0432f) 12%, transparent);border-radius:var(--radius-sm,6px);color:var(--text,#ddd);margin-bottom:12px;padding:10px 12px;font-size:11px;line-height:1.6}.adm-warn b{color:var(--intent-danger,#e0644f)}.adm-warn ul{margin:6px 0 0;padding-left:16px}.adm-confirm-label{color:var(--text-dim,#999);margin-bottom:6px;font-size:11px}.adm-confirm-label b{color:var(--intent-primary,#f0c040)}.adm-actions{gap:8px;margin-top:4px;display:flex}.adm-actions .ccs-submit{flex:1}.adm-danger{background:var(--intent-danger,#c0432f);border-color:var(--intent-danger,#c0432f);color:#fff}.adm-danger:disabled{opacity:.4}.adm-weblink{text-align:center;color:var(--text-dim,#888);margin-top:10px;font-size:10px;display:block}.adm-weblink a{color:var(--text-dim,#9ab);text-decoration:underline}@media (width<=1023px) and (height<=460px){.adm-card{width:min(360px,92vw)}.adm-warn{margin-bottom:8px;padding:8px 10px;font-size:10px}}#shared-hud #hud-top,#shared-hud #hud-command-dock,#shared-hud #hud-command-dock-menu,#shared-hud #hud-chat-window,#shared-hud #hud-events-more-menu,body #timer-panel,#timer-panel #construction-queue,body #attack-queue{background-color:#0a1d1c;background-image:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-image-source:none;box-shadow:inset 0 0 0 1px #a4864b}#shared-hud #hud-command-dock[data-pinned=true] #hud-command-dock-menu .hud-action-btn{background-color:#102821;border-image-source:none;box-shadow:inset 0 0 0 1px #8a724555}#shared-hud #hud-command-dock-menu .hud-action-label,#shared-hud #hud-player-name,#shared-hud #hud-chat-title,#shared-hud #hud-events-more-menu button{color:#f0e5c9}#shared-hud #hud-events-more-menu button,#shared-hud #hud-chat-tabs,#shared-hud #hud-chat-input-row{background-color:#102821;border-color:#8a724555}#shared-hud #hud-chat .hud-chat-tab:not(.active):not(.disabled){color:#b9b59f;background-color:#102821}#shared-hud #hud-chat .hud-chat-tab.active{color:#f4e3bd;background:linear-gradient(#3b4935,#203329);border-color:#b29a5b;border-image-source:none;box-shadow:inset 0 -2px #b29a5b}#shared-hud #hud-chat .hud-chat-approved-chrome,#shared-hud #hud-chat .hud-chat-hbtn{color:#b9b59f;background-color:#102821;border-color:#8a724555}#shared-hud #hud-chat-input:not(:focus):not(:disabled),#shared-hud #hud-dm-search:not(:focus){color:#f0e5c9;background-color:#101f1c;border-color:#8a724555}#shared-hud #hud-chat-picker,#shared-hud #hud-chat-dm-empty,#shared-hud #hud-chat-msgs{background-color:#0a1d1c}#shared-hud #hud-chat .hud-dm-result-item:not(:active){background-color:#102821;border-color:#8a724555}#shared-hud #hud-chat .hud-dm-result-name{color:#f0e5c9}#shared-hud #hud-chat .hud-dm-section-title{color:#b9b59f}#shared-hud #hud-chat .hud-chat-cta:not(:disabled),#shared-hud #hud-chat .hud-chat-history-btn:not(:disabled),#shared-hud #hud-chat-newmsg{color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#a4864b}#construction-queue .cq-header,#attack-queue .aq-header{background-color:#102821;border-color:#8a724555}#construction-queue .cq-header,#attack-queue .aq-label{color:#f0e5c9}#construction-queue .cq-slot--idle:not(.cq-slot--gold-open),#attack-queue .aq-slot--idle{background-color:#102821;border-color:#8a724555}#construction-queue .cq-slot--active:not(:focus-visible),#attack-queue .aq-slot--active:not(:focus-visible){background-color:#102821}#attack-queue .aq-remote-scout-btn:not(:disabled):not(:active),#attack-queue .aq-boost:not(:disabled):not(:active){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#a4864b}#login-screen .ls-card,#login-screen .ls-hub-panel,body #character-create-screen .ccs-card{background:#0a1d1c linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b;border-image-source:none;box-shadow:inset 0 0 0 1px #17231b,0 12px 36px #0009}#login-screen .ls-title,#login-screen .ls-hub-title,#login-screen .ls-notice-detail-title,#login-screen .ls-notice-item-title,#character-create-screen .ccs-title{color:#f0e5c9}#login-screen .ls-guest-note,#login-screen .ls-notice-item-date,#login-screen .ls-notice-detail-date,#character-create-screen .ccs-checking,#character-create-screen .ccs-suggest-label{color:#b9b59f}#login-screen .ls-notice-detail-body{color:#e4e4db}#login-screen .ls-guest-btn:not(.is-loading),#login-screen .ls-hub-close,#character-create-screen .ccs-submit:not(:disabled){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#b29a5b;box-shadow:inset 0 0 0 1px #b29a5b}#login-screen .ls-aux-btn,#login-screen .ls-notice-item,#login-screen .ls-notice-retry,#login-screen .ls-notice-back,#login-screen .ls-provider-retry,#character-create-screen .ccs-check:not(:disabled),#character-create-screen .ccs-suggest-btn:not(:disabled),#character-create-screen .ccs-suggest-chip:not(:disabled){color:#f0e5c9;background:linear-gradient(120deg,#152d27,#101f1c);border-color:#8a724555}#login-screen .ls-hub-item{color:#f0e5c9;background-color:#102821;border-color:#8a724555}#character-create-screen .ccs-input:not(:focus){color:#f0e5c9;background:#101f1c;border-color:#8a724555}body #server-select-screen{--ss-surface:#102821;--ss-text:#f0e5c9;--ss-text-sub:#b9b59f;--ss-gold:#b29a5b}body #server-select-screen .ss-seasons-list,body #server-select-screen .ss-list-surface{background:linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-image-source:none;box-shadow:inset 0 0 0 1px #8a724555}#server-select-screen .ss-card:not(.ss-card--selected):not(.ss-card--disabled){background-color:#102821;border-color:#8a724555}#server-select-screen .ss-card.ss-card--selected{background:linear-gradient(#3b4935,#203329);border-color:#b29a5b}#server-select-screen .ss-cohort-tab.ss-cohort-tab--active{background:linear-gradient(#3b4935,#203329)}#server-select-screen .ss-pager-btn:not(:disabled),#server-select-screen .ss-btn--enter,#server-select-screen .ss-btn--new{color:#f0e5c9;background:linear-gradient(#24564b,#14382f);box-shadow:inset 0 0 0 1px #b29a5b}#tut-guide .tut-guide-bubble,#tut-fullscreen-root .tut-fullscreen-panel,#tut-battle-result-root .tut-battle-result-panel{color:#e4e4db;background:#0a1d1c linear-gradient(110deg,#163b36ed,#0a1d1cf5 55%,#17342eec);border-color:#a4864b}#tut-guide .tut-guide-text,#tut-fullscreen-root .tut-fullscreen-text{color:#e4e4db}#tut-fullscreen-root .tut-fullscreen-title,#tut-battle-result-root .tut-battle-result-title{color:#f0e5c9}#tut-guide .tut-guide-next,#tut-fullscreen-root .tut-fullscreen-btn:not(.secondary),#tut-battle-result-root .tut-fullscreen-btn{color:#f0e5c9;background:linear-gradient(#24564b,#14382f);box-shadow:inset 0 0 0 1px #b29a5b}#tut-fullscreen-root .tut-fullscreen-btn.secondary{color:#b9b59f;background:#102821;border-color:#8a724555}#login-screen :is(.ls-guest-btn,.ls-aux-btn,.ls-hub-close,.ls-notice-item,.ls-notice-retry,.ls-notice-back):not(:disabled):not(.is-loading):hover,#character-create-screen :is(.ccs-submit,.ccs-check,.ccs-suggest-btn,.ccs-suggest-chip):not(:disabled):hover,#server-select-screen :is(.ss-pager-btn,.ss-btn--enter,.ss-btn--new):not(:disabled):hover,#tut-guide .tut-guide-next:hover,#tut-fullscreen-root .tut-fullscreen-btn:hover,#tut-battle-result-root .tut-fullscreen-btn:hover{filter:brightness(1.12)}#server-select-screen .ss-pager-btn:disabled{color:#8a9bb0}#shared-hud #hud-dm-pick-btn:not(:disabled){color:#f0e5c9;background:linear-gradient(#24564b,#14382f);border-color:#a4864b}#shared-hud #hud-command-dock[data-pinned=true] #hud-command-dock-menu{box-shadow:none;background:0 0}#shared-hud #hud-command-dock .hud-dock-header{color:#f0e5c9;border-color:#8a724555}#shared-hud #hud-command-dock .hud-dock-header>span{color:#b9b59f}@media (width<=640px) and (height<=360px){#login-screen .ls-layout{justify-content:flex-end}#login-screen .ls-logo{width:min(140px,100% - 450px);max-width:none;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}}#shared-hud #hud-chat-send:not(:disabled){color:#f0e5c9;background-color:#14382f;border-color:#a4864b}