#stageContent{position:relative}#gameFrame{width:min(100%,920px);margin-inline:auto}body:is([data-screen=stage],[data-screen=battle]){height:100dvh;overflow:hidden}html:has(body:is([data-screen=stage],[data-screen=battle])){overflow:hidden}body:is([data-screen=stage],[data-screen=battle]) #gameFrame{height:calc(100dvh - var(--wp-ad-reserve-height, 0px))}#gameFrame>.canvas{height:100%;min-height:0;max-height:100%}#gameFrame .game-dialog{background:var(--wp-ui-surface);color:var(--wp-ui-text);border:2px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius);font-family:system-ui,sans-serif;max-height:calc(100dvh - 80px);overflow:auto}#gameFrame .game-dialog :is(h2,p,strong,span){color:var(--wp-ui-text)}#gameFrame .game-dialog button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}#battle .battle-content{position:relative;display:grid;height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 82px 18px;gap:4px}#battle .battle-guide{display:none}#battle .battle-hud{grid-row:1;display:grid;grid-template-columns:max-content 44px minmax(0,1fr) 44px;align-items:center;gap:4px;width:100%;min-width:0;height:44px}#battle .buns-hud{grid-column:1;width:max-content;max-width:100%;min-width:0;height:28px;min-height:28px;justify-content:center;padding:0 8px;border-radius:999px}#battle .hud-card{height:28px;min-height:28px;padding:0 8px;border-radius:999px;font-size:10px;gap:4px;background:#17363a}#battle .hud-card strong{font-size:12px;white-space:nowrap}#battle .battle-rule-hint{position:relative;z-index:5;grid-column:2;grid-row:1;width:44px;height:44px}#battle .battle-rule-hint summary{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;list-style:none;border:0;border-radius:50%;background:transparent;color:#ffe095;font:800 15px/1 system-ui;cursor:pointer}#battle .battle-rule-hint summary span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #76a396;border-radius:50%;background:#173c42}#battle .battle-rule-hint summary::-webkit-details-marker{display:none}#battle .pressure-cue{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;z-index:8;width:min(280px,calc(100vw - 40px));max-height:38dvh;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid #d5b767;border-radius:10px;background:#102f34f5;box-shadow:0 8px 24px #071b25a8;color:#ffe6a0;font:600 12px/1.45 system-ui;white-space:normal;overflow:auto}#battle .skills{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;width:100%;height:32px;min-width:0;overflow:hidden}#battle .skill-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:auto;max-width:100%;height:32px;min-height:32px;padding:2px 8px 2px 32px;border-radius:9px;background-position:5px center;background-size:24px auto;font:600 11px/12px system-ui;white-space:nowrap}#battle .skill-button strong{font-size:11px;line-height:12px;white-space:nowrap}#battle .skill-cooldown{display:block;position:static;max-width:100%;overflow:hidden;text-overflow:ellipsis;background:none;color:#d3e9e0;font-size:8px;line-height:9px;white-space:nowrap}#battle #battleUtilityBtn{grid-column:4;grid-row:1;align-self:center;width:44px;height:44px;min-height:44px;border-radius:50%}#battle .battle-field{grid-row:2;position:relative;isolation:isolate;overflow:hidden;height:100%;min-height:0;max-height:none;box-sizing:border-box;background:#799e9a;border:1px solid #729e8e;border-radius:10px}#battle .zhao-world{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}#battle .castle-health{position:absolute;z-index:3;width:132px;max-width:30%;transform:translate(-50%,-100%);pointer-events:none;display:flex;flex-direction:column;align-items:stretch;gap:3px;--health:1;--camp-color:#70edc6}#battle .castle-health[hidden]{display:none}#battle .castle-health--enemy{--camp-color:#ff987e}#battle .castle-health-name{display:block;text-align:center;color:#fff5df;font:700 10px/13px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #102e35,0 0 4px #102e35}#battle .castle-health-track{display:block;box-sizing:border-box;height:9px;padding:2px;background:#102b31;border:1px solid #d2dfcd;border-radius:3px;box-shadow:0 2px 4px #102b3170;direction:ltr}#battle .castle-health-fill{display:block;width:100%;height:100%;background:var(--camp-color);transform:scaleX(var(--health));transform-origin:left center;transition:transform .12s linear}#battle .castle-health.is-critical .castle-health-track{border-color:#ffd377}@media(prefers-reduced-motion:reduce){#battle .castle-health-fill{transition:none}}#battle .battle-actions{grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:82px;height:82px;gap:4px}#battle .deploy-dock{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0}#battle .deploy-card{position:relative;display:grid;grid-template-rows:36px 16px 12px 14px;justify-items:center;align-content:center;min-width:0;height:82px;padding:1px;border:1px solid #76a396;border-radius:9px;overflow:hidden;background:#254d4e;color:#f2efda;font:600 11px/14px system-ui;cursor:pointer}#battle .deploy-card:disabled{opacity:.7;cursor:default}#battle .deploy-card:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:var(--ready,100%);background:#e7c773}#battle .deploy-art{width:54px;height:36px;background:var(--zhao-unit-art) center/contain no-repeat}#battle .deploy-card strong{font-size:10px;line-height:11px;max-width:100%;overflow:hidden;white-space:normal;overflow-wrap:anywhere}#battle .deploy-card small{font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden}#battle .deploy-cost{font-size:10px;color:#ffe095}#battle .skill-button.ready{border-color:#f0cf79;box-shadow:inset 0 0 12px #dfc87825}#battle #battleUtilityBtn{position:static}#battle .status-line{grid-row:4;margin:0;min-height:0;height:18px;font:10px/18px system-ui;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#battle .world-label{position:absolute;z-index:2;transform:translate(-50%,-100%);pointer-events:none;font:800 13px/16px system-ui;color:#fff0bc;text-shadow:0 1px 3px #17243a;white-space:nowrap}#battle .world-label.block{color:#8bedff}#battle .world-label.heal{color:#70ffb3}#battle .world-label.strong-hit{color:#ffe078;font-size:17px;font-weight:900;text-shadow:0 2px 0 #70381b,0 0 5px #17243a}#battle .world-label.boss{max-width:90%;overflow:hidden;text-overflow:ellipsis;padding:3px 6px;border-radius:4px;background:#602932df;color:#ffe0c7;font-size:11px}#battle .zhao-render-error{position:absolute;z-index:3;inset:0;display:grid;place-content:center;padding:24px;background:#17243a;color:#fff}#battle .zhao-render-error button{height:44px;cursor:pointer}#result .result-stats{max-width:none;grid-template-columns:64px minmax(0,1fr);align-items:center}#result #resultTime{font-size:16px}@media(orientation:landscape)and (max-height:600px){#battle .battle-content{grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 66px;gap:4px}#battle .battle-hud{grid-row:1}#battle .battle-field{grid-row:2}#battle .status-line{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#battle .battle-actions{grid-row:3;grid-template-columns:minmax(0,1fr);grid-template-rows:66px;height:66px;align-items:center}#battle .deploy-dock{grid-column:1;grid-row:1}#battle .deploy-card{height:66px;grid-template-rows:26px 14px 11px 12px}#battle .deploy-art{height:26px}#battle .skill-button{padding-left:32px;background-size:24px auto;font-size:11px}#result.game-dialog{width:min(640px,calc(100vw - 32px));padding:12px}#result #resultEyebrow{display:none}#result h2{font-size:22px;margin:0 0 6px}#result p{margin:6px 0;font-size:13px;line-height:1.3}#result .result-stats{grid-template-columns:auto 1fr auto 2fr;margin:8px 0}#result .result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}#talentsOpen{min-height:44px;border:1px solid #cfaf61;border-radius:10px;background:#25474a;color:#f5d792;cursor:pointer;font:600 14px system-ui}#gameFrame .talent-dialog,.talent-dialog{width:min(720px,calc(100vw - 24px));box-sizing:border-box;max-height:calc(100dvh - 24px);padding:16px;background:#17363a;color:#e4eadb;border:1px solid #cfaf61;border-radius:14px;overflow:auto}.talent-dialog::backdrop{background:#061a25bb}.talent-dialog h2{margin:0 0 8px;font-size:22px}#talentSummary,#recruitOdds{font:12px/1.5 system-ui}#talentTree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.talent-branch{min-width:0}.talent-branch h3{font:700 13px/18px system-ui;margin:8px 0;text-align:center;color:#f5d792}.talent-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:116px;margin:0 0 16px;padding:5px;border:1px solid #658e88;border-radius:9px;background:#23474a;color:#ecf1e4;cursor:pointer;font:11px/15px system-ui}.talent-node:not(:last-child):after{content:"";position:absolute;top:100%;height:16px;width:2px;background:#73988a}.talent-node[aria-pressed=true]{border:2px solid #f5c84c;background:#375c51}#gameFrame .talent-dialog .talent-node:disabled{cursor:default;opacity:.8;filter:none}#gameFrame .talent-dialog .talent-node[aria-pressed=true]:disabled{opacity:1}.talent-art{display:block;width:52px;height:46px;flex-shrink:0;background:var(--zhao-unit-art) center/contain no-repeat}.talent-node small{margin-top:auto;color:#efd18e}.talent-node,.talent-branch h3{overflow-wrap:anywhere}.talent-node>span{max-width:100%}.talent-footer{position:sticky;bottom:-16px;display:flex;gap:8px;padding:8px 0;background:#17363a}.talent-footer button{flex:1;min-height:44px;padding:6px;border-radius:8px;background:#cfaa59;color:#102d33;border:1px solid #e0c17c;cursor:pointer}.talent-footer button:disabled{opacity:.45}#stagesPanel{height:100%;min-height:0}#stageContent:has(.stage-management:not([hidden])){overflow:hidden}#stageContent .stage-management{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:12px;box-sizing:border-box;background:#102f34ed;color:#e8efdd;font:13px/1.5 system-ui}#stageContent [hidden]{display:none!important}.stage-management p{margin:8px 0}.army-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px}.army-summary strong{font-size:20px}#armyWallet{display:flex;gap:8px;font-size:12px;color:#f2d890}#armyWallet>span{display:inline-flex;align-items:center;gap:3px}.army-resource-art{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;flex:none}.army-recruit button .army-resource-art,#resultReward .army-resource-art{margin-inline-end:6px}.army-recruit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.army-recruit button,.army-card button{min-height:56px;border:1px solid #d7bc7a;border-radius:8px;background:#ddbd70;color:#142c30;font:700 13px/1.2 system-ui;padding:6px;cursor:pointer}.army-recruit button:disabled,.army-card button:disabled{opacity:.55;cursor:default}.army-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.army-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;height:398px;text-align:center;padding:10px;border:1px solid #6d9a91;border-radius:12px;background:linear-gradient(150deg,#2e5352,#152e37);box-sizing:border-box}.army-card[data-rarity="1"],.draw-result[data-rarity="1"]{border-color:#88baeb;background:linear-gradient(150deg,#304d68,#1b303f)}.army-card[data-rarity="2"],.draw-result[data-rarity="2"]{border-color:#e7c36f;background:linear-gradient(150deg,#62502e,#2c2c35)}.army-card.is-equipped{box-shadow:inset 0 0 0 2px #ffe29a}.army-card.is-unowned .army-art{filter:grayscale(1);opacity:.65}.army-card strong,.army-card p,.army-card small{max-width:100%;overflow-wrap:anywhere}.army-card strong{font-size:13px}.army-card p{font-size:11px;flex:1}.army-card small{font-size:10px;color:#c1d7ca}.army-card button{width:100%;margin-top:8px}.army-card.is-equipped button{opacity:1;background:#315c53;color:#ffe29a}.army-art{display:block;width:80px;height:80px;flex-shrink:0;object-fit:contain}.army-stars{color:#f4d789;font-size:11px}.draw-results{height:72px;overflow:auto;display:grid;align-content:center;gap:4px;margin:8px 0;padding:4px;border:1px solid #426563;border-radius:8px;box-sizing:border-box}.draw-result{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid #6d9a91;border-radius:8px;background:#284f4c;font-size:12px}.draw-result .army-art{width:36px;height:38px}#armyPanel details{padding:8px;background:#16373b;border-radius:8px;font-size:12px}#armyPanel summary{cursor:pointer;min-height:44px}.enemy-intel{position:absolute;top:68%;inset-inline:16px;text-align:center;font:12px/1.4 system-ui;color:#d9e3cc;text-shadow:0 1px 3px #10242c}.enemy-intel strong{color:#f0d79a}.enemy-intel p{margin:6px 0}#talentPanel .talent-footer{bottom:-12px}#talentPanel h2{font-size:20px;margin:0}#battle .deploy-card[data-rarity="1"]{border-color:#88baeb}#battle .deploy-card[data-rarity="2"]{border-color:#e7c36f}@media(min-width:600px){.army-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(orientation:landscape)and (max-height:600px){.enemy-intel{display:none}}.army-recruit button{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.draw-help,#armyPity,#squadHelp{font-size:11px;min-height:32px}.squad-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:12px 0 8px}.army-squad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.squad-slot{height:96px;min-width:0;border:1px solid #72998e;background:#254a4b;color:#edf4e3;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:4px;font:600 11px/1.25 system-ui;cursor:pointer}.squad-slot .army-art{height:60px;width:60px}.squad-slot span{max-width:100%;overflow-wrap:anywhere}.squad-slot[aria-pressed=true]{border-color:#ffe099;box-shadow:inset 0 0 0 2px #d9b767}.army-card strong{min-height:34px;display:flex;align-items:center}.army-card p{margin:4px 0;font-size:11px;min-height:42px}.army-card .shard-count{margin-top:6px;color:#f9df97;font-size:12px}.army-card progress{width:100%;height:7px;accent-color:#e9bd63}.army-card button{flex-shrink:0}.army-card .equip-action{background:#254a4b;color:#edf4e3;border-color:#799f94}.army-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%}.army-card-actions button{font-size:11px;padding:4px}.army-card.is-equipped .equip-action{background:#315c53;color:#ffe29a}#battle img.deploy-art{object-fit:contain;background:none}#battle .deploy-card{grid-template-rows:30px 22px 12px 14px}#battle img.deploy-art{height:30px}@media(orientation:landscape)and (max-height:600px){#battle .deploy-card{grid-template-rows:20px 22px 10px 12px}#battle img.deploy-art{height:20px}}#resultReward{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}#resultReward>span{display:inline-flex;align-items:center}.battle-finale{position:absolute;z-index:12;inset:9% 12px auto;display:grid;justify-items:center;gap:8px;padding:18px 12px;border-block:2px solid #eac675;background:linear-gradient(90deg,#162e35b3,#162e35f5,#162e35b3);color:#ffe19c;text-align:center;pointer-events:none;animation:finale-enter .35s ease-out}.battle-finale[hidden]{display:none}.battle-finale strong{font:900 30px/1.2 system-ui;letter-spacing:3px}.battle-finale span{font:600 13px/1.4 system-ui}.battle-finale[data-outcome=loss]{color:#ffd1b2;border-color:#c07e6a}@keyframes finale-enter{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.battle-finale{animation:none}}.skill-button{position:relative;overflow:hidden;isolation:isolate}.skill-button:after{content:"";position:absolute;inset:auto auto 0 0;width:var(--morale,0%);height:4px;background:#79f5dc;pointer-events:none;transition:width .15s linear}.skill-button.empowered{border-color:#ffe29a;box-shadow:inset 0 0 18px #efc15b30,0 0 9px #efc15b35}.skill-button.empowered:after{background:#ffe29a}.battle-supply-fly{position:fixed;z-index:1000;color:#ffe29a;font-weight:900;font-size:20px;text-shadow:0 2px 3px #102c32;pointer-events:none}.battle-beat{position:absolute;inset:14% 8% auto;z-index:8;padding:8px 12px;text-align:center;color:#fff0b3;background:#173335d9;border:1px solid #dcb76888;border-radius:10px;font-weight:800;pointer-events:none}.world-label.combo{color:#ffe29a;font-size:clamp(20px,5vw,30px);font-weight:900;text-shadow:0 2px 2px #12302f}@media(prefers-reduced-motion:reduce){.skill-button:after{transition:none}}#mainProgress{box-sizing:border-box;height:44px!important;min-height:44px!important;max-height:44px!important}#battle .battle-hud{grid-template-columns:68px 88px 44px minmax(0,1fr) 44px;gap:2px}#battle .battle-command{grid-column:2;grid-row:1;font:700 10px/1.2 system-ui;color:#b8e3d6;white-space:nowrap;text-align:center}#battle .battle-rule-hint{grid-column:3}#battle .skills{grid-column:4}#battle #battleUtilityBtn{grid-column:5}#battle .deploy-cost{font-size:10px}#battle .buns-hud{padding-inline:2px;gap:3px;white-space:nowrap}#battle .buns-hud>span{font-size:10px;white-space:nowrap}#battle .buns-hud>strong{font-size:12px}#armyPanel .army-squad .squad-slot{min-height:76px;height:76px;padding:4px}#armyPanel .army-squad .army-art{height:42px;width:42px}#armyPanel #squadHelp{font-size:11px;line-height:1.4;margin-block:6px}#armyPanel .draw-results{height:36px;min-height:36px;padding:4px}#armyPanel .army-roster-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}#armyPanel .army-roster-heading p{flex:1;min-width:190px;color:#aacac3;font-size:12px}#armyPanel .army-roster-heading label{display:flex;align-items:center;gap:8px}#armyPanel select{min-height:44px;background:#193b40;border:1px solid #6c978b;color:#e8efdd;padding:6px;border-radius:6px}#armyPanel .army-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#armyPanel .army-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 10px;height:auto;min-height:220px;align-items:center;text-align:start;padding:12px}#armyPanel .army-card>.army-art{grid-column:1;grid-row:1/5;width:64px;height:80px;justify-self:center}#armyPanel .army-card>strong,#armyPanel .army-card>.army-stars,#armyPanel .army-card>p,#armyPanel .army-card>small{grid-column:2;margin:0}#armyPanel .army-card>.shard-count,#armyPanel .army-card>progress,#armyPanel .army-card>.army-card-actions{grid-column:1/-1;width:100%;margin:0}#armyPanel .army-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:static}#armyPanel .army-card button{min-width:0;height:52px;min-height:52px;margin:0;font-size:11px;overflow-wrap:anywhere}#armyPanel .army-card button .army-resource-art{width:18px;height:18px;margin-inline-end:3px}#armyPanel .army-recruit-panel{border:1px solid #547b70;background:linear-gradient(110deg,#254944,#19363d)}#armyPanel .draw-results{height:36px;font-size:11px}#talentPanel #talentTree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#talentPanel .talent-branch h3{display:none}#talentPanel .talent-node{height:310px;margin:0;padding:16px;gap:12px;font-size:13px;line-height:1.5;background:linear-gradient(155deg,#2d504b,#122e39)}#talentPanel .talent-node:after{display:none}#talentPanel .talent-node>strong{font-size:20px;color:#ffe09a}#talentPanel .talent-art{width:86px;height:76px}#talentPanel .talent-node small{color:#ffdc85}#talentPanel .talent-footer{position:static}@media(max-width:600px){#armyPanel .army-cards{grid-template-columns:minmax(0,1fr)}#talentPanel #talentTree{grid-template-columns:minmax(0,1fr);gap:10px}#talentPanel .talent-node{display:grid;grid-template-columns:64px minmax(0,1fr);height:auto;min-height:160px;text-align:start;padding:12px;gap:6px 12px}#talentPanel .talent-art{grid-column:1;grid-row:1/4;width:64px;height:76px}#talentPanel .talent-node>strong,#talentPanel .talent-node>span:not(.talent-art),#talentPanel .talent-node>small{grid-column:2}#talentPanel .talent-node>strong{font-size:18px}#talentPanel .talent-node small{margin:0}}