:root{color:#f7f1df;background:#101015;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;--panel: rgba(20, 24, 32, .82);--panel-strong: rgba(14, 17, 24, .94);--line: rgba(255, 255, 255, .14);--gold: #ffd36f;--mint: #5ee0c0;--red: #ff7c5f;--ink: #101015;--side-panel-width: clamp(280px, 24vw, 340px);--hud-gap: 24px;--topbar-height: 64px;--shop-gap: 16px;--shop-dock-height: 228px;--leaderboard-width: clamp(168px, 14vw, 212px);--leaderboard-gap: 10px;--left-rail-width: 240px;--battle-left-inset: calc(var(--hud-gap) + var(--left-rail-width) + var(--hud-gap));--battle-bottom-inset: calc(var(--shop-dock-height) + var(--shop-gap));--center-right-inset: calc( var(--side-panel-width) + var(--hud-gap) + var(--leaderboard-gap) + var(--leaderboard-width) + var(--hud-gap) )}*{box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at 20% 0%,rgba(94,224,192,.18),transparent 30%),radial-gradient(circle at 88% 12%,rgba(255,124,95,.15),transparent 27%),linear-gradient(160deg,#111a20,#17202a 45%,#0d1117)}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit}#game-root{position:relative;width:100vw;height:100vh;height:100dvh;min-width:320px;overflow:hidden}#battle-stage{position:absolute;inset:var(--topbar-height) var(--center-right-inset) var(--battle-bottom-inset) var(--battle-left-inset);min-width:0;z-index:2;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at center,rgba(94,224,192,.12),transparent 58%),linear-gradient(180deg,#142431,#101722);background-size:40px 40px,40px 40px,auto,auto;box-shadow:0 22px 55px #00000057}#battle-stage canvas{display:block;width:100%;height:100%}#hud-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.topbar,.battle-log,.battle-log *{pointer-events:none}.mobile-panel-tabs,.mobile-battle-actions,.mobile-panel-backdrop,.mobile-panel-close,.rotate-phone-overlay{display:none}.topbar{position:absolute;top:18px;left:24px;right:24px;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 4px;color:var(--mint);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;line-height:1.05;letter-spacing:0}h1{font-size:29px;font-weight:950}h2{font-size:19px;font-weight:900}.resource-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.resource-strip span,.battle-log{border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:0 14px 34px #00000042}.resource-strip span{padding:9px 11px;color:#fff8e8;font-size:13px;font-weight:850}.side-panel,.alliance-panel,.opponent-panel,.shop-dock{position:absolute;z-index:6;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 44px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.opponent-panel{top:var(--topbar-height);right:calc(var(--side-panel-width) + var(--hud-gap) + var(--leaderboard-gap));bottom:calc(var(--hud-gap) + var(--shop-dock-height) + var(--shop-gap));width:var(--leaderboard-width);max-height:none;z-index:8;display:flex;flex-direction:column;overflow:hidden}.leaderboard-panel .panel-head.compact{margin-bottom:8px;flex-shrink:0}.opponent-list{display:grid;gap:5px;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(94,224,192,.45) rgba(255,255,255,.06)}.opponent-list::-webkit-scrollbar{width:6px}.opponent-list::-webkit-scrollbar-thumb{border-radius:999px;background:#5ee0c061}.opponent-list::-webkit-scrollbar-track{background:#ffffff0f}.leaderboard-list{grid-auto-rows:minmax(58px,auto)}.opponent-card{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:start;width:100%;padding:5px 6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e;color:#fff8e8;text-align:left;cursor:help}.opponent-card.is-player{border-color:#5ee0c057;background:#5ee0c014}.opponent-card.is-player .opponent-avatar{background:#5ee0c033;color:var(--mint)}.leaderboard-rank{font-size:12px}.opponent-card.is-current{border-color:#ffd36f6b;background:#ffd36f1a}.opponent-card strong{display:block;font-size:10px;font-weight:950;line-height:1.2}.opponent-card small,.opponent-card em{display:block;margin-top:1px;color:#f7f1df9e;font-size:9px;font-style:normal;font-weight:750;line-height:1.2}.opponent-card em{color:#ffd36fc7}.opponent-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#5ee0c024;color:var(--mint);font-size:12px;font-weight:950}.opponent-card.is-current .opponent-avatar{background:#ffd36f2e;color:var(--gold)}.opponent-preview{display:flex;gap:2px;margin-top:3px}.opponent-preview .portrait-frame{width:22px;height:22px;min-width:22px;border-radius:5px}.side-panel{top:var(--topbar-height);right:var(--hud-gap);bottom:var(--hud-gap);display:flex;flex-direction:column;width:var(--side-panel-width);overflow:hidden}.alliance-panel{top:var(--topbar-height);left:var(--hud-gap);bottom:var(--battle-bottom-inset);width:var(--left-rail-width);display:flex;flex-direction:column;overflow:hidden}.shop-dock{z-index:7;display:flex;flex-direction:column;gap:6px;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head.compact{margin-bottom:10px}.shop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.shop-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;pointer-events:auto}.shop-lock-button{display:grid;place-items:center;min-width:auto;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff0f;color:#f7f1dfd1;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer}.shop-lock-button.is-locked{border-color:#5ee0c08c;background:#5ee0c029;color:var(--mint)}.shop-lock-button:disabled{cursor:not-allowed;opacity:.48}.shop-head span{color:#ffd36fd1;font-size:12px;font-weight:900}.pool-summary{display:block;margin-top:4px;color:#f7f1df94;font-size:10px;font-weight:800;line-height:1.35}.shop-block-row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.shop-block-row label{flex-shrink:0;color:#ffd36fc7;font-size:11px;font-weight:850}.shop-block-select{flex:1 1 120px;min-width:120px;max-width:100%;padding:6px 8px;border:1px solid rgba(255,211,111,.35);border-radius:8px;background:#0a0e14d1;color:#fff8ea;font-size:11px;font-weight:800;cursor:pointer}.shop-block-edit{flex-shrink:0;padding:5px 10px;border:1px solid rgba(255,211,111,.38);border-radius:8px;background:#ffd36f1a;color:var(--gold);font-size:10px;font-weight:900;cursor:pointer}.shop-block-edit:hover{border-color:#ffd36f9e;background:#ffd36f2e}.shop-block-select:focus-visible{outline:none;border-color:#ffd36fb8}.shop-block-card .secondary-button{margin-top:8px}.shop-block-clear-button{margin-top:12px}.shop-block-modal-hint{margin:0 0 12px;color:#f7f1dfad;font-size:12px;line-height:1.45}.shop-block-choice-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.shop-block-choice-group h3{margin:0 0 6px;color:#ffd36fc7;font-size:11px;font-weight:850}.shop-block-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.shop-block-choice-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border:1px solid rgba(255,211,111,.28);border-radius:10px;background:#0c1018e0;color:#fff8ea;cursor:pointer}.shop-block-choice-button span{color:#ffd36fb8;font-size:10px;font-weight:800}.shop-block-choice-button strong{font-size:13px;font-weight:900}.shop-block-choice-button:hover{border-color:#ffd36f9e;background:#181e2af2}.relic-block-note{display:block;margin-top:4px;color:#ffd76a;font-weight:850}.buy-xp-button{min-width:auto;padding:0 10px;white-space:nowrap;pointer-events:auto}.player-level-strip{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;pointer-events:auto}.level-pill{display:block;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);color:#fff8e8;font-size:12px;font-weight:850;line-height:1.35;text-align:right;box-shadow:0 10px 24px #00000038}.squad-panel-head{align-items:flex-start}.icon-button,.reroll-button,.buy-xp-button{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid rgba(247,211,106,.45);border-radius:8px;background:#f7d36a24;color:var(--gold);font-size:12px;font-weight:950;cursor:pointer}.icon-button:disabled,.reroll-button:disabled,.buy-xp-button:disabled,.primary-button:disabled,.shop-card:disabled,.squad-slot:disabled{cursor:not-allowed;opacity:.48}.shop-list,.squad-list{display:grid;gap:8px}.shop-list{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.shop-card,.squad-slot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff12;color:#fff9ea;text-align:left;cursor:pointer}.shop-card{grid-template-columns:1fr;align-content:start;min-height:92px;position:relative}.shop-card.is-merge-ready{border-color:#ffd36fe0;background:linear-gradient(145deg,#ffc45438,#ffffff0d),#ffffff12;box-shadow:0 0 0 1px #ffd36f59,0 10px 28px #ff8c3c3d;animation:merge-ready-pulse 1.8s ease-in-out infinite}.shop-card.is-merge-hint{border-color:#ffd36f73;box-shadow:0 0 0 1px #ffd36f2e}.shop-card .merge-badge{position:absolute;top:6px;right:6px;z-index:1;padding:3px 7px;border-radius:999px;background:linear-gradient(135deg,#ffd166,#ff8c42);color:#1a1208;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.02em;box-shadow:0 4px 12px #ff8c3c59}.shop-card.is-merge-hint .merge-badge{background:linear-gradient(135deg,#ffd166eb,#ffa060e0)}.shop-card.is-symbiotic-hint{border-color:#94d9788c;box-shadow:0 0 0 1px #94d97838}.shop-card.is-symbiotic-hint .merge-badge{background:linear-gradient(135deg,#b8f0a8,#6fcf57);color:#163318;box-shadow:0 4px 12px #5eb44859}@keyframes merge-ready-pulse{0%,to{box-shadow:0 0 0 1px #ffd36f59,0 10px 28px #ff8c3c38}50%{box-shadow:0 0 0 1px #ffe7a0b8,0 12px 32px #ff8c3c61}}.shop-card .bug-dot{display:none}.shop-card:hover,.squad-slot:hover,.primary-button:hover,.secondary-button:hover,.icon-button:hover,.reroll-button:hover{transform:translateY(-1px)}.shop-card:hover,.squad-slot:hover,.shop-card:focus-visible,.squad-slot:focus-visible{border-color:#ffd36f6b;outline:none}.shop-card strong,.squad-slot strong{display:block;font-size:13px;font-weight:900}.shop-card small,.squad-slot small{display:block;margin-top:2px;color:#f7f1dfa8;font-size:11px;font-weight:650}.card-badges,.tooltip-tags{display:flex;flex-wrap:wrap;gap:5px}.card-badges{margin-top:6px}.card-badges.compact{gap:4px;margin-top:5px}.alliance-badge{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:3px 6px 3px 4px;border:1px solid color-mix(in srgb,var(--badge-color),transparent 42%);border-radius:8px;background:color-mix(in srgb,var(--badge-color),transparent 84%);color:#fff8e8;font-size:10px;font-weight:900;line-height:1}.alliance-badge b{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:5px;background:color-mix(in srgb,var(--badge-color),transparent 22%);color:#12151b;font-size:9px;font-weight:950}.shop-card em{display:block;margin-top:4px;color:#ffd36fcc;font-size:10px;font-style:normal;font-weight:800;line-height:1.3}.shop-card>b{justify-self:start;color:var(--gold);font-size:12px;white-space:nowrap}.alliance-list{display:grid;gap:7px;flex:1 1 0;min-height:80px;overflow:auto;padding-right:2px}.alliance-bench{flex-shrink:0;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.alliance-bench .bench-title{margin:8px 0 6px}.alliance-bench .bench-title:first-child{margin-top:0}.alliance-bench .relic-list,.alliance-bench .item-list{max-height:88px}.alliance-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e;cursor:help}.alliance-row.is-active{border-color:#ffd36f66;background:#ffd36f1f}.alliance-row.is-standby{border-color:#ffffff1f;background:#ffffff0b}.alliance-row.is-standby .alliance-mark{background:#ffd36f1f;color:var(--gold)}.alliance-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#5ee0c024;color:var(--mint);font-size:12px;font-weight:950}.alliance-row strong{display:block;color:#fff8e8;font-size:12px;font-weight:950}.alliance-row small,.empty-hint{display:block;margin:3px 0 0;color:#f7f1dfa3;font-size:10px;font-weight:700;line-height:1.35}.alliance-tiers{display:grid;gap:4px;margin-top:6px}.alliance-tier{display:grid;grid-template-columns:18px 1fr;gap:5px;align-items:start;color:#f7f1df7a;font-size:9px;font-weight:800;line-height:1.25}.alliance-tier b{display:grid;place-items:center;min-width:18px;height:18px;border-radius:6px;background:#ffffff12;color:#f7f1dfb8;font-size:10px}.alliance-tier em{align-self:center;font-style:normal}.alliance-tier.is-active{color:#ffe8aceb}.alliance-tier.is-active b{background:#ffd36f3d;color:var(--gold)}.bug-dot{width:28px;height:28px;border:2px solid rgba(255,255,255,.54);border-radius:50%;background:var(--bug-color);box-shadow:inset 0 -7px 12px #0000003d,0 0 18px color-mix(in srgb,var(--bug-color),transparent 54%)}.crab-dot{border-radius:45% 45% 52% 52%}.portrait-frame{display:grid;place-items:center;width:44px;height:44px;min-width:44px;overflow:hidden;border:1px solid color-mix(in srgb,var(--bug-color),transparent 28%);border-radius:8px;background:radial-gradient(circle at 48% 42%,color-mix(in srgb,var(--bug-color),transparent 72%),transparent 62%),#ffffff0f;box-shadow:inset 0 -8px 16px #0000003d,0 0 16px color-mix(in srgb,var(--bug-color),transparent 72%)}.portrait-frame.star-2{border-color:color-mix(in srgb,#bdefff,var(--bug-color) 45%);box-shadow:inset 0 -8px 16px #0003,0 0 18px color-mix(in srgb,#bdefff,transparent 62%),0 0 12px color-mix(in srgb,var(--bug-color),transparent 72%)}.portrait-frame.star-3{border-color:#ffd76adb;background:radial-gradient(circle at 48% 42%,rgba(255,215,106,.24),transparent 60%),radial-gradient(circle at 48% 42%,color-mix(in srgb,var(--bug-color),transparent 70%),transparent 66%),#ffffff12;box-shadow:inset 0 -8px 16px #00000038,0 0 0 1px #ffd76a3d,0 0 22px #ffcb5b52}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 72%;display:block;transform:scale(var(--portrait-scale, 1));transition:transform .16s ease,filter .16s ease}.portrait-frame.star-2 img{filter:saturate(1.08) brightness(1.04)}.portrait-frame.star-3 img{filter:saturate(1.16) brightness(1.08) contrast(1.04)}.shop-card>.portrait-frame{width:58px;height:58px;min-width:58px}.squad-slot .portrait-frame{width:44px;height:44px;min-width:44px}.alliance-tooltip-unit .portrait-frame{width:36px;height:36px;min-width:36px}.bench-title{margin:16px 0 8px;color:#f7f1dfc7;font-size:12px;font-weight:900}.relic-strip,.item-strip{margin-top:8px;flex-shrink:0}.side-panel .panel-head{flex-shrink:0}.relic-list,.item-list{display:grid;gap:6px;max-height:96px;overflow:auto;padding-right:2px}.item-list{max-height:84px}.relic-chip,.item-chip{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,211,111,.22);border-radius:8px;background:#ffd36f17;color:#fff8e8;text-align:left}.relic-art,.item-art,.choice-art{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0c121975;box-shadow:inset 0 0 12px #ffd36f14}.relic-art,.item-art{width:36px;height:36px;border-radius:8px}.choice-art{width:52px;height:52px;border-radius:10px}.relic-art img,.item-art img,.choice-art img{width:100%;height:100%;object-fit:contain}.item-chip{cursor:pointer}.item-chip.is-selected{border-color:#5ee0c094;background:#5ee0c024}.relic-chip strong,.item-chip strong{display:block;color:#fff8e8;font-size:12px;font-weight:950}.relic-chip small,.item-chip small{display:block;margin-top:3px;color:#f7f1dfad;font-size:10px;font-weight:750;line-height:1.35}.item-label{display:block;width:max-content;max-width:100%;margin-top:4px;padding:3px 6px;border:1px solid rgba(255,211,111,.26);border-radius:8px;background:#ffd36f1a;color:var(--gold);font-size:10px;font-style:normal;font-weight:900}.relic-choice-button .choice-art{margin-bottom:2px}.squad-list{grid-template-columns:1fr;flex:1 1 0;min-height:240px;overflow:auto;padding-right:2px}.side-panel-actions{flex-shrink:0;display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.side-panel-actions .primary-button,.side-panel-actions .secondary-button,.side-panel-actions .danger-button{margin-top:0}.side-panel-actions .primary-button{min-height:44px}.side-panel-actions .danger-button{min-height:34px}.squad-slot{position:relative;grid-template-columns:auto auto minmax(0,1fr);align-items:start;min-height:72px;padding:10px 10px 11px}.squad-slot>span:last-child{min-width:0}.squad-slot strong{display:block;line-height:1.25}.squad-slot .card-badges.compact{margin-top:4px}.squad-slot.is-battle{border-color:#5ee0c047;background:#5ee0c014}.squad-slot.is-standby{border-color:#ffffff1a;background:#ffffff0b}.slot-status{align-self:start;min-width:30px;padding:3px 5px;border-radius:6px;background:#5ee0c024;color:var(--mint);font-size:10px;font-weight:950;text-align:center}.squad-slot.is-standby .slot-status{background:#ffd36f1f;color:var(--gold)}.squad-slot.is-flipped .portrait-frame{filter:grayscale(.55) brightness(.76)}.squad-slot.is-flipped .slot-status{background:#8f98a829;color:#b8c0cc}.empty-slot{color:#f7f1df6b;font-size:12px;font-weight:850}.primary-button,.secondary-button,.danger-button{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:8px;color:var(--ink);font-weight:950;cursor:pointer}.primary-button{background:linear-gradient(180deg,#ffe28a,#f0b43f)}.side-panel>.primary-button{margin-top:auto}.secondary-button{background:linear-gradient(180deg,#93f4c8,#38c58f)}.danger-button{min-height:38px;border:1px solid rgba(255,124,95,.36);background:#ff7c5f1a;color:#ffd8d0}.unit-tooltip{position:fixed;z-index:40;width:auto;max-width:calc(100vw - 32px);padding:14px;border:1px solid rgba(255,211,111,.28);border-radius:8px;background:#0c1016f7;color:#fff8e8;box-shadow:0 20px 58px #0000007a;pointer-events:none}.unit-tooltip[hidden]{display:none!important}.roster-action-menu{position:fixed;z-index:45;pointer-events:auto;min-width:148px;padding:10px;border:1px solid rgba(94,224,192,.34);border-radius:10px;background:#0c1016f7;box-shadow:0 18px 48px #00000075}.roster-action-menu[hidden]{display:none!important}.roster-action-card{display:grid;gap:8px}.roster-action-title{color:#fff8e8;font-size:12px;font-weight:900}.roster-action-button{width:100%;padding:8px 10px;border:1px solid rgba(255,211,111,.34);border-radius:8px;background:#ffd36f1f;color:#fff8e8;font-size:12px;font-weight:850;text-align:left;cursor:pointer}.roster-action-button.secondary{border-color:#ffffff29;background:#ffffff0f}.roster-action-button:hover:not(:disabled),.roster-action-button:focus-visible:not(:disabled){border-color:#5ee0c080;background:#5ee0c01f}.roster-action-button:disabled{opacity:.45;cursor:not-allowed}.roster-action-button.danger,.unit-hover-button.danger{border-color:#ff78786b;background:#ff606024;color:#ffd8d8}.roster-action-button.danger:hover:not(:disabled),.unit-hover-button.danger:hover:not(:disabled){border-color:#ff8c8cb8;background:#ff60603d}.sell-bin{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;border:1px dashed rgba(255,140,140,.34);border-radius:10px;background:#ff606014;color:#ffd8d8;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.sell-bin[hidden]{display:none!important}.sell-bin.is-drop-target{border-color:#ffa078e0;background:#ff786038;box-shadow:0 0 0 1px #ffa07859,0 10px 28px #ff60602e;transform:scale(1.02)}.sell-bin-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#ff606029;color:#ffb4b4;font-size:18px;font-weight:900}.sell-bin-copy strong{display:block;color:#fff0f0;font-size:12px}.sell-bin-copy small{color:#ffd8d8b8;font-size:10px;font-weight:750}.unit-hover-panel{position:fixed;z-index:46;width:min(360px,calc(100vw - var(--side-panel-width, 320px) - 48px));max-height:calc(100vh - var(--shop-dock-height) - 48px);overflow:auto;padding:12px;border:1px solid rgba(94,224,192,.34);border-radius:10px;background:#0c1016fa;box-shadow:0 20px 58px #0000007a;pointer-events:auto;scrollbar-width:thin}.unit-hover-panel[hidden]{display:none!important}.unit-hover-content .unit-tooltip-card{box-shadow:none;padding:0;border:0;background:transparent}.unit-hover-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.unit-hover-feed-panel{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.unit-hover-feed-panel[hidden],.unit-hover-actions[hidden]{display:none!important}.unit-hover-feed-title{color:#fff8e8;font-size:12px;font-weight:900}.unit-hover-feed-hint{margin:0;color:#f7f1df94;font-size:10px;font-weight:750}.unit-hover-back{width:100%}.roster-action-menu{display:none!important}.unit-hover-button{padding:8px 6px;border:1px solid rgba(255,211,111,.34);border-radius:8px;background:#ffd36f1f;color:#fff8e8;font-size:11px;font-weight:850;cursor:pointer}.unit-hover-button.secondary{border-color:#ffffff29;background:#ffffff0f}.unit-hover-button:hover:not(:disabled),.unit-hover-button:focus-visible:not(:disabled){border-color:#5ee0c080;background:#5ee0c01f}.unit-hover-button:disabled{opacity:.45;cursor:not-allowed}.roster-action-hint{margin:0;color:#f7f1df94;font-size:10px;font-weight:750}.roster-action-food-list{display:grid;gap:6px;max-height:220px;overflow-y:auto;scrollbar-width:thin}.roster-action-food-button{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;width:100%;padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:#fff8e8;text-align:left;cursor:pointer}.roster-action-food-button strong{display:block;font-size:11px;font-weight:900}.roster-action-food-button small{display:block;margin-top:2px;color:#f7f1df8c;font-size:9px}.roster-action-food-button:hover,.roster-action-food-button:focus-visible{border-color:#5ee0c073;background:#5ee0c01a}.roster-action-food-icon{width:28px;height:28px}.roster-action-food-icon img{width:100%;height:100%;object-fit:contain}.item-tooltip-card .tooltip-item-desc{margin:0;color:#f7f1dfd1;font-size:12px;line-height:1.45}.item-tooltip-art{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#ffffff0f}.item-tooltip-art img{width:36px;height:36px;object-fit:contain}.unit-tooltip-layout{display:flex;flex-direction:column;gap:10px;align-items:stretch}.unit-tooltip-layout .unit-tooltip-card{flex:1;min-width:0}.owned-copies-panel{width:100%;flex-shrink:0;padding:10px;border:1px solid rgba(255,211,111,.18);border-radius:8px;background:#080a0eeb}.owned-copies-title{display:block;margin-bottom:8px;font-size:11px;font-weight:900;color:#ffe8aae0;letter-spacing:.02em}.owned-copies-list{display:flex;flex-direction:column;gap:6px;max-height:112px;overflow-y:auto;scrollbar-width:thin}.owned-copy-row{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08}.owned-copy-row.is-active{border-color:#ffd36f8c;background:#ffd36f1a;box-shadow:inset 0 0 0 1px #ffd36f26}.owned-copy-row .portrait-frame{width:40px;height:40px;min-width:40px}.owned-copy-status{font-size:10px;font-weight:850;color:#f7f1df9e;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em}.owned-copy-meta strong{display:block;font-size:13px;color:#ffd98a;letter-spacing:.06em}.owned-copy-meta small{display:block;margin-top:2px;font-size:10px;font-weight:750;color:#f7f1dfa8}.owned-copy-meta em{display:block;margin-top:2px;font-size:10px;font-style:normal;color:#ffd36fc7}.guest-invite-toasts{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none}.guest-invite-toast{position:fixed;display:flex;align-items:flex-start;gap:8px;width:min(220px,calc(100vw - 32px));padding:10px 12px;border:1px solid color-mix(in srgb,var(--toast-color),transparent 35%);border-radius:10px;background:#0a0e14f0;color:#fff8ea;box-shadow:0 0 0 1px #ffffff0f,0 14px 36px #00000073,0 0 24px color-mix(in srgb,var(--toast-color),transparent 72%);transform:translate(-50%,-100%);animation:guest-invite-pop .42s ease-out,guest-invite-fade 4.2s ease-in forwards}.guest-invite-toast-icon{flex-shrink:0;font-size:18px;line-height:1;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--toast-color),transparent 40%))}.guest-invite-toast-body strong{display:block;color:color-mix(in srgb,var(--toast-color),#fff8ea 35%);font-size:12px;font-weight:950}.guest-invite-toast-body em{display:block;margin-top:3px;color:#fff8ea;font-size:11px;font-style:normal;font-weight:800;line-height:1.35}.guest-invite-toast-body small{display:block;margin-top:4px;color:var(--gold);font-size:10px;font-weight:900}@keyframes guest-invite-pop{0%{opacity:0;transform:translate(-50%,-80%) scale(.92)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes guest-invite-fade{0%,72%{opacity:1}to{opacity:0}}.relic-choice-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#05080c94;pointer-events:auto}.relic-choice-modal[hidden]{display:none!important}.relic-choice-card{width:min(720px,calc(100vw - 48px));padding:18px;border:1px solid rgba(255,211,111,.34);border-radius:8px;background:#0e1118f5;box-shadow:0 24px 70px #0000008c}.relic-choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.relic-choice-button{display:grid;align-content:start;min-height:150px;padding:14px;border:1px solid rgba(255,211,111,.28);border-radius:8px;background:linear-gradient(180deg,#ffd36f29,#5ee0c014);color:#fff8e8;text-align:left;cursor:pointer}.relic-choice-button:hover,.relic-choice-button:focus-visible{transform:translateY(-2px);border-color:#ffd36f99;outline:none}.relic-choice-button>span:not(.choice-art){width:max-content;padding:4px 7px;border-radius:8px;background:#5ee0c024;color:var(--mint);font-size:10px;font-weight:950}.relic-choice-button strong{display:block;margin-top:10px;font-size:17px;font-weight:950}.relic-choice-button small{display:block;margin-top:8px;color:#f7f1dfb8;font-size:12px;font-weight:750;line-height:1.45}.settlement-modal.is-victory .settlement-card{border-color:#5ee0c08c;box-shadow:0 24px 70px #0000008c,0 0 0 1px #5ee0c01f}.settlement-modal.is-defeat .settlement-card{border-color:#ff786073}.settlement-card{width:min(420px,calc(100vw - 32px));max-height:min(88vh,760px);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px}.settlement-summary{margin:0;color:#f7f1dfc7;font-size:13px;line-height:1.5}.settlement-list{display:grid;gap:8px;overflow:auto;padding-right:4px}.settlement-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08}.settlement-row.is-player{border-color:#5ee0c073;background:#5ee0c014}.settlement-row.is-eliminated{opacity:.72}.settlement-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#ffd36f29;color:#fff8e8;font-size:14px;font-weight:950}.settlement-row.is-player .settlement-rank{background:#5ee0c038;color:var(--mint)}.settlement-body{display:grid;gap:4px;min-width:0}.settlement-body strong{font-size:15px;font-weight:950}.settlement-body small,.settlement-body em{color:#f7f1dfb8;font-size:11px;font-style:normal}.settlement-restart{margin-top:4px;width:100%}.tooltip-head{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.tooltip-head .portrait-frame{width:72px;height:72px;min-width:72px}.tooltip-head strong,.tooltip-skill strong{display:block;font-size:15px;font-weight:950}.tooltip-head small,.tooltip-skill small{display:block;margin-top:3px;color:#f7f1dfa8;font-size:11px;font-weight:750}.tooltip-tags{margin-top:12px}.tooltip-tags .alliance-badge{font-size:11px}.tooltip-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}.tooltip-stats span{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:8px;background:#ffffff0f;color:#f7f1dfb3;font-size:11px;font-weight:800}.tooltip-stats b{color:#fff8e8}.tooltip-skill{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.tooltip-skill p,.tooltip-evolution{margin:5px 0 0;color:#f7f1dfb8;font-size:12px;font-weight:700;line-height:1.45}.tooltip-evolution{color:#ffd36fd1}.alliance-tooltip-units{display:grid;gap:7px;max-height:min(420px,calc(100vh - 180px));margin-top:12px;overflow:auto;padding-right:2px}.alliance-tooltip-note{margin:10px 0 0;padding:8px;border:1px solid rgba(255,211,111,.24);border-radius:8px;background:#ffd36f1a;color:#ffecb4db;font-size:11px;font-weight:800;line-height:1.45}.alliance-tooltip-unit{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e}.alliance-tooltip-unit.is-active{border-color:#5ee0c05c;background:#5ee0c01c}.alliance-tooltip-unit strong{display:block;font-size:12px;font-weight:950}.alliance-tooltip-unit small,.alliance-tooltip-unit em{display:block;margin-top:2px;color:#f7f1dfa3;font-size:10px;font-style:normal;font-weight:750;line-height:1.35}.alliance-tooltip-unit em{color:#ffd36fb8}.opponent-tooltip-card{display:grid;gap:12px}.opponent-tooltip-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.opponent-tooltip-stats span{display:grid;gap:2px;padding:7px;border-radius:8px;background:#ffffff0f;color:#f7f1dfad;font-size:10px;font-weight:800}.opponent-tooltip-stats b{color:#fff8e8;font-size:13px}.opponent-tooltip-note{margin:0;padding:8px;border:1px solid rgba(255,211,111,.2);border-radius:8px;background:#ffd36f14;color:#ffecb4d1;font-size:11px;font-weight:800;line-height:1.4}.opponent-tooltip-section>strong{display:block;margin-bottom:7px;color:#f7f1dfd6;font-size:11px;font-weight:950}.opponent-tooltip-alliances,.opponent-tooltip-units{display:grid;gap:6px}.opponent-tooltip-units{max-height:260px;overflow:auto;padding-right:2px}.opponent-tooltip-alliance,.opponent-tooltip-unit{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e}.opponent-tooltip-alliance.is-active,.opponent-tooltip-unit.is-active{border-color:#5ee0c04d;background:#5ee0c01a}.opponent-tooltip-alliance strong,.opponent-tooltip-unit strong{display:block;font-size:12px;font-weight:950}.opponent-tooltip-alliance small,.opponent-tooltip-unit small,.opponent-tooltip-unit em{display:block;margin-top:2px;color:#f7f1df9e;font-size:10px;font-style:normal;font-weight:750;line-height:1.3}.opponent-tooltip-unit em{color:#ffd36fb8}.opponent-pool-list{display:flex;flex-wrap:wrap;gap:5px}.opponent-pool-chip{padding:5px 7px;border-radius:8px;background:#fff1;color:#f7f1dfb8;font-size:10px;font-weight:800}.opponent-pool-chip b{color:var(--gold)}.battle-log{position:absolute;left:var(--battle-left-inset);bottom:calc(var(--shop-gap) + var(--shop-dock-height) + 8px);z-index:5;display:flex;align-items:center;gap:10px;max-width:min(620px,calc(100vw - var(--center-right-inset) - var(--battle-left-inset) - 32px));padding:12px 14px}.battle-log strong{color:var(--gold);white-space:nowrap}.battle-log span{color:#f7f1dfd1;font-size:13px;font-weight:700}#status{position:absolute;top:20px;right:20px;bottom:20px;left:20px;z-index:20;display:grid;place-items:center;border-radius:8px;background:#1d1519;color:#ffd6d6;font-weight:800}#status[hidden]{display:none!important}@media(max-width:880px)and (orientation:portrait),(max-width:880px)and (pointer:fine)and (max-height:720px){#game-root{overflow-y:auto;min-height:1500px}#battle-stage{inset:82px 12px auto;min-width:0;height:56vh}.topbar{left:14px;right:14px}h1{font-size:23px}.resource-strip span{padding:7px 8px;font-size:12px}.side-panel{top:calc(318px + 56vh);right:12px;bottom:auto;left:12px;width:auto;min-height:430px}.opponent-panel{top:calc(600px + 56vh);right:12px;bottom:auto;left:12px;width:auto;max-height:none;height:auto}.opponent-list{grid-template-columns:1fr;grid-auto-rows:auto;max-height:420px;overflow-y:auto}.alliance-panel{top:calc(150px + 56vh);right:12px;bottom:auto;left:12px;width:auto;height:156px}.shop-dock{top:calc(760px + 56vh);right:12px;bottom:auto;left:12px;min-height:280px;margin-bottom:24px}.shop-list,.relic-choice-list{grid-template-columns:1fr}.relic-choice-modal{padding:10px}.relic-choice-card{width:min(100%,calc(100vw - 20px));max-height:calc(100dvh - 20px);display:flex;flex-direction:column;padding:12px;overflow:hidden}.relic-choice-card h2{font-size:17px}.relic-choice-list{flex:1 1 auto;min-height:0;overflow-y:auto}.relic-choice-button{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"art badge" "art title" "art desc";align-items:start;min-height:0;padding:10px;column-gap:10px;row-gap:4px}.relic-choice-button .choice-art{grid-area:art;width:48px;height:48px;margin-bottom:0}.relic-choice-button>span:not(.choice-art){grid-area:badge;margin-top:0}.relic-choice-button strong{grid-area:title;margin-top:0;font-size:15px}.relic-choice-button small{grid-area:desc;margin-top:0;font-size:11px;line-height:1.35}.battle-log{left:12px;right:12px;bottom:auto;top:calc(26px + 56vh);max-width:none}}@media(max-width:920px){html[data-rotate-hint="1"] .rotate-phone-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 25%,rgba(94,224,192,.18),transparent 34%),#0c1016f5;color:#fff8e8;text-align:center;pointer-events:auto}html[data-rotate-hint="1"] .rotate-phone-overlay>div{display:grid;gap:10px;max-width:280px;padding:20px;border:1px solid rgba(94,224,192,.25);border-radius:8px;background:#141820e0}html[data-rotate-hint="1"] .rotate-phone-overlay strong{font-size:20px;font-weight:950}html[data-rotate-hint="1"] .rotate-phone-overlay small{color:#f7f1dfb8;font-size:13px;line-height:1.5}}@media(orientation:portrait)and (max-width:920px){#game-root{overflow:hidden;min-height:100dvh}.relic-choice-modal{padding:10px;z-index:35}.relic-choice-card{width:min(100%,calc(100vw - 20px));max-height:calc(100dvh - 20px);display:flex;flex-direction:column;padding:12px;overflow:hidden}.relic-choice-card h2{font-size:17px;line-height:1.2}.shop-block-modal-hint{margin-bottom:8px;font-size:11px;line-height:1.35}.relic-choice-list{grid-template-columns:1fr;flex:1 1 auto;min-height:0;gap:8px;margin-top:8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.relic-choice-button{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"art badge" "art title" "art desc";align-items:start;min-height:0;padding:10px;column-gap:10px;row-gap:4px}.relic-choice-button .choice-art{grid-area:art;width:48px;height:48px;margin-bottom:0}.relic-choice-button>span:not(.choice-art){grid-area:badge;margin-top:0}.relic-choice-button strong{grid-area:title;margin-top:0;font-size:15px;line-height:1.2}.relic-choice-button small{grid-area:desc;margin-top:0;font-size:11px;line-height:1.35}.settlement-card{width:min(100%,calc(100vw - 20px));max-height:calc(100dvh - 20px)}}@media(orientation:landscape)and (max-height:560px),(pointer:coarse)and (orientation:landscape),(max-width:1180px)and (orientation:landscape)and (max-height:720px){:root{--mobile-rail-width: min(244px, 31vw);--mobile-topbar-height: 34px;--mobile-log-height: 30px;--mobile-tabs-height: 31px;--mobile-action-height: 46px;--mobile-shop-height: 0px}html,body,#game-root{width:100vw;height:100dvh;min-height:0;overflow:hidden}#battle-stage{inset:calc(var(--mobile-topbar-height) + var(--mobile-log-height) + 6px) calc(var(--mobile-rail-width) + 8px) 6px 6px;min-width:0;height:auto;border-radius:8px}.topbar{top:3px;left:8px;right:8px;align-items:center;gap:8px}.topbar .eyebrow{display:none}h1{font-size:15px;line-height:1;white-space:nowrap}.resource-strip{gap:5px;flex-wrap:nowrap;overflow:hidden}.resource-strip span{padding:5px 6px;border-radius:7px;font-size:10px;white-space:nowrap}.mobile-panel-tabs{position:absolute;top:calc(var(--mobile-topbar-height) + var(--mobile-log-height) + 4px);right:6px;z-index:18;width:var(--mobile-rail-width);display:grid;grid-template-columns:repeat(4,1fr);gap:5px;pointer-events:auto}.mobile-battle-actions{position:absolute;right:6px;bottom:6px;z-index:22;display:grid;grid-template-columns:.72fr 1fr;gap:6px;width:var(--mobile-rail-width);pointer-events:auto}.mobile-battle-actions button{min-height:38px;padding:0 8px;border-radius:8px;font-size:13px;font-weight:950}.mobile-organize-button{border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:#f7f1dfdb}.mobile-start-button,.mobile-next-button{border:1px solid rgba(255,211,111,.5);background:linear-gradient(135deg,#ffd36fe6,#b58536e6);color:#16130b}.mobile-battle-actions button:disabled{opacity:.45}.mobile-panel-tab{min-width:0;width:100%;height:25px;padding:0 4px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0e1118d6;color:#f7f1dfd1;font-size:11px;font-weight:900}.mobile-panel-tab.is-active{border-color:#5ee0c08c;background:#5ee0c02e;color:#eafff7}.mobile-panel-backdrop:not([hidden]){position:absolute;inset:var(--mobile-topbar-height) 0 0 0;z-index:13;display:block;border:0;background:#00000029;pointer-events:auto}.mobile-panel-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#f7f1dfe0;font-size:18px;font-weight:900}.alliance-panel,.side-panel,.opponent-panel{top:calc(var(--mobile-topbar-height) + var(--mobile-log-height) + 10px);bottom:50px;z-index:20;width:min(300px,calc(100vw - 24px));max-height:none;min-height:0;padding:10px;opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.alliance-panel{left:8px;right:auto;transform:translate(calc(-100% - 16px))}.side-panel,.opponent-panel{left:auto;right:8px;transform:translate(calc(100% + 16px))}#hud-root[data-mobile-panel=alliance] .alliance-panel,#hud-root[data-mobile-panel=bag] .alliance-panel,#hud-root[data-mobile-panel=squad] .side-panel,#hud-root[data-mobile-panel=opponent] .opponent-panel{opacity:1;pointer-events:auto;transform:translate(0)}#hud-root[data-mobile-panel=bag] .alliance-list,#hud-root[data-mobile-panel=bag] .alliance-panel>.panel-head .eyebrow,#hud-root[data-mobile-panel=bag] .alliance-panel>.panel-head h2{display:none}#hud-root[data-mobile-panel=bag] .alliance-bench{display:grid;gap:8px;min-height:0;overflow:auto}.alliance-panel .panel-head,.side-panel .panel-head,.opponent-panel .panel-head{margin-bottom:8px}.alliance-list,.squad-list,.opponent-list{min-height:0;overflow-y:auto}.side-panel-actions{gap:6px}.side-panel-actions .primary-button,.side-panel-actions .secondary-button,.side-panel-actions .danger-button{min-height:34px;padding:8px 9px;font-size:12px}.shop-dock{top:calc(var(--mobile-topbar-height) + var(--mobile-log-height) + var(--mobile-tabs-height) + 8px);right:6px;bottom:calc(var(--mobile-action-height) + 8px);left:auto;width:var(--mobile-rail-width);max-height:none;height:auto;min-height:0;padding:6px;border-radius:8px;margin:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.shop-head{display:flex;flex:0 0 auto;flex-direction:column;gap:6px;margin-bottom:0}.shop-head>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.shop-head h2,#shop-odds,.pool-summary,.shop-block-row{display:none}.shop-head .eyebrow{margin:0;font-size:11px;white-space:nowrap}.shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;flex-shrink:0}.shop-lock-button,.reroll-button{width:100%;height:28px;padding:0 6px;border-radius:8px;font-size:11px;white-space:nowrap}.shop-list{display:grid;grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr;grid-auto-rows:minmax(56px,max-content);flex:1 1 0;min-height:0;max-height:none;gap:6px;align-content:start;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;-webkit-overflow-scrolling:touch}.shop-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;align-self:start;width:100%;height:auto;min-height:56px;max-height:none;padding:6px 8px;gap:6px;border-radius:8px;overflow:hidden}.shop-card>span:not(.portrait-frame):not(.merge-badge){display:grid;gap:3px;min-width:0;overflow:hidden}.shop-card>.portrait-frame{width:34px;height:34px;min-width:34px}.shop-card strong{max-width:calc(var(--mobile-rail-width) - 86px);overflow:hidden;font-size:12px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.shop-card small,.shop-card em{display:none}.shop-card .card-badges{display:flex;flex-wrap:nowrap;gap:3px;min-width:0;max-width:100%;margin-top:0;overflow:hidden}.shop-card .alliance-badge{flex:0 1 auto;max-width:58px;min-width:0;padding:2px 4px 2px 2px;border-radius:6px;font-size:9px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-card .alliance-badge b{width:13px;height:13px;border-radius:4px;font-size:8px}.shop-card>b{justify-self:end;align-self:center;font-size:11px}.shop-card .merge-badge{top:3px;right:4px;max-width:calc(100% - 48px);overflow:hidden;padding:2px 5px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.battle-log{left:8px;right:calc(var(--mobile-rail-width) + 10px);top:calc(var(--mobile-topbar-height) + 4px);bottom:auto;max-width:none;min-height:var(--mobile-log-height);padding:4px 8px;gap:6px;border-radius:8px;border-color:#ffd36f38;background:#0a0e14d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.battle-log span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;line-height:1.25;font-size:11px}.battle-log strong{font-size:12px}.relic-choice-modal{padding:6px;overflow:auto;-webkit-overflow-scrolling:touch}.relic-choice-card{width:min(100%,calc(100vw - 12px));max-height:calc(100dvh - 12px);display:flex;flex-direction:column;padding:10px 12px;overflow:hidden}.relic-choice-card h2{font-size:16px;line-height:1.2}.relic-choice-card .eyebrow{font-size:10px}.shop-block-modal-hint{margin-bottom:8px;font-size:11px;line-height:1.35}.relic-choice-list{grid-template-columns:1fr;flex:1 1 auto;min-height:0;gap:6px;margin-top:8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.relic-choice-button{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"art badge" "art title" "art desc";align-items:start;align-content:start;min-height:0;padding:8px 10px;column-gap:10px;row-gap:3px}.relic-choice-button .choice-art{grid-area:art;width:44px;height:44px;margin-bottom:0}.relic-choice-button>span:not(.choice-art){grid-area:badge;margin-top:0;padding:3px 6px;font-size:9px}.relic-choice-button strong{grid-area:title;margin-top:0;font-size:14px;line-height:1.2}.relic-choice-button small{grid-area:desc;margin-top:0;font-size:11px;line-height:1.35}.settlement-card{width:min(100%,calc(100vw - 12px));max-height:calc(100dvh - 12px)}.shop-block-card .secondary-button{min-height:36px;margin-top:6px;padding:8px 10px;font-size:12px}.shop-block-choice-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.unit-tooltip,.unit-hover-panel{max-width:min(330px,calc(100vw - var(--mobile-rail-width) - 24px));max-height:calc(100dvh - var(--mobile-topbar-height) - var(--mobile-log-height) - 24px);overflow:auto}}@media(max-width:920px){html.force-mobile-rail{--mobile-rail-width: min(244px, 31vw);--mobile-topbar-height: 34px;--mobile-log-height: 30px;--mobile-tabs-height: 31px;--mobile-action-height: 46px;--mobile-shop-height: 0px}html.force-mobile-rail #game-root{width:100vw;height:100dvh;min-height:0;overflow:hidden}html.force-mobile-rail #battle-stage{inset:calc(var(--mobile-topbar-height) + var(--mobile-log-height) + 6px) calc(var(--mobile-rail-width) + 8px) 6px 6px;min-width:0;height:auto;border-radius:8px}html.force-mobile-rail .mobile-panel-tabs,html.force-mobile-rail .mobile-battle-actions,html.force-mobile-rail .mobile-panel-close{display:grid}html.force-mobile-rail .alliance-panel,html.force-mobile-rail .side-panel,html.force-mobile-rail .opponent-panel{top:calc(var(--mobile-topbar-height) + var(--mobile-log-height) + 10px);bottom:50px;z-index:20;width:min(300px,calc(100vw - 24px));opacity:0;pointer-events:none}html.force-mobile-rail .alliance-panel{left:8px;right:auto;transform:translate(calc(-100% - 16px))}html.force-mobile-rail .side-panel,html.force-mobile-rail .opponent-panel{left:auto;right:8px;transform:translate(calc(100% + 16px))}html.force-mobile-rail #hud-root[data-mobile-panel=alliance] .alliance-panel,html.force-mobile-rail #hud-root[data-mobile-panel=bag] .alliance-panel,html.force-mobile-rail #hud-root[data-mobile-panel=squad] .side-panel,html.force-mobile-rail #hud-root[data-mobile-panel=opponent] .opponent-panel{opacity:1;pointer-events:auto;transform:translate(0)}html.force-mobile-rail .shop-dock{top:calc(var(--mobile-topbar-height) + var(--mobile-log-height) + var(--mobile-tabs-height) + 8px);right:6px;bottom:calc(var(--mobile-action-height) + 8px);left:auto;width:var(--mobile-rail-width);max-height:none;padding:6px;display:flex;flex-direction:column;overflow:hidden}html.force-mobile-rail .battle-log{left:8px;right:calc(var(--mobile-rail-width) + 10px);top:calc(var(--mobile-topbar-height) + 4px);bottom:auto;min-height:var(--mobile-log-height)}html.force-mobile-rail .side-panel-actions{display:none}}@media(min-width:1181px)and (pointer:fine),(min-width:881px)and (pointer:fine)and (min-height:721px)and (orientation:landscape){html,body,#game-root{width:100vw;height:100dvh;height:100vh;min-height:0;overflow:hidden}.mobile-panel-tabs,.mobile-battle-actions,.mobile-panel-backdrop,.mobile-panel-close,.rotate-phone-overlay{display:none!important}#battle-stage{inset:var(--topbar-height) var(--center-right-inset) var(--battle-bottom-inset) var(--battle-left-inset)!important;min-width:0!important;height:auto!important;z-index:2}.alliance-panel{top:var(--topbar-height)!important;left:var(--hud-gap)!important;right:auto!important;bottom:var(--battle-bottom-inset)!important;width:var(--left-rail-width)!important;opacity:1!important;pointer-events:auto!important;transform:none!important}.side-panel{top:var(--topbar-height)!important;right:var(--hud-gap)!important;left:auto!important;bottom:var(--hud-gap)!important;width:var(--side-panel-width)!important;opacity:1!important;pointer-events:auto!important;transform:none!important}.opponent-panel{top:var(--topbar-height)!important;right:calc(var(--side-panel-width) + var(--hud-gap) + var(--leaderboard-gap))!important;left:auto!important;bottom:calc(var(--hud-gap) + var(--shop-dock-height) + var(--shop-gap))!important;width:var(--leaderboard-width)!important;opacity:1!important;pointer-events:auto!important;transform:none!important}.shop-dock{top:calc(100dvh - var(--shop-dock-height) - var(--shop-gap))!important;top:calc(100vh - var(--shop-dock-height) - var(--shop-gap))!important;left:var(--battle-left-inset)!important;right:var(--center-right-inset)!important;bottom:auto!important;width:auto!important;height:var(--shop-dock-height)!important;max-height:calc(100dvh - var(--topbar-height) - 160px)!important;max-height:calc(100vh - var(--topbar-height) - 160px)!important;display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:10px 12px!important;overflow:hidden!important}.shop-head{margin-bottom:0!important;flex-shrink:0;gap:8px!important}.shop-head h2{display:none}#shop-odds{display:block;font-size:11px;line-height:1.25}.pool-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:2px;font-size:10px;line-height:1.3}.shop-block-row{margin-top:4px}.shop-list{flex:1 1 auto;min-height:0;max-height:96px;align-content:stretch;overflow:hidden}.shop-card{min-height:0!important;height:100%;max-height:96px;padding:6px 8px}.shop-card>.portrait-frame{width:40px;height:40px;min-width:40px}.battle-log{left:var(--battle-left-inset)!important;right:auto!important;top:auto!important;bottom:calc(var(--shop-gap) + var(--shop-dock-height) + 8px)!important;max-width:min(440px,calc(100vw - var(--center-right-inset) - var(--battle-left-inset) - 48px))!important}}