@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700&display=swap";:root{color-scheme:dark;--bg: #0a0e14;--panel: #101824;--panel2: #182332;--glass-bg: rgba(16, 24, 36, .94);--glass-border: rgba(200, 170, 100, .2);--border: #293442;--text: #e7e6df;--dim: #92a1b3;--gold: #c8a44a;--gold-bright: #ecd38b;--gold-dim: #88703b;--hp: #7bc5a0;--mana: #78a9e2;--danger: #e88c8c;--cost-1: #97aa86;--cost-2: #64bb97;--cost-3: #78aef2;--cost-4: #bb92e6;--cost-5: #e5bc5a;--tier-bronze: #cd9567;--tier-silver: #c6d0da;--tier-gold: #e8c84a;--font-body: "Noto Sans TC", system-ui, sans-serif;--font-heading: "Cinzel", "Noto Serif TC", serif;--font-number: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:13px;line-height:1.5;overflow:hidden}button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,input{accent-color:var(--gold)}button{border:1px solid var(--border);background:var(--panel2);border-radius:4px}button:not(:disabled),summary{transition:background .18s,border-color .18s,color .18s,transform .18s}button:hover:not(:disabled){border-color:var(--gold-dim)}button:disabled{cursor:not-allowed;opacity:.44}button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}h2,h3,p{margin:0}h2,h3{font-family:var(--font-heading);font-weight:600}small{font-size:10px}.icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:-.2em}.dim,.stat-label,.eyebrow{color:var(--dim)}.danger{color:var(--danger)}.eyebrow{display:block;font-size:10px;letter-spacing:.16em}.shell{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:550px}.topbar{position:relative;z-index:5;display:flex;align-items:center;gap:28px;min-height:76px;flex-shrink:0;padding:12px 22px;background:linear-gradient(110deg,#161e2b,#101721 70%);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 16px #0002}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--gold-bright);font-family:var(--font-heading);font-size:22px;letter-spacing:.12em;line-height:1.15}.logo small{display:block;color:var(--dim);font-family:var(--font-body);font-size:9px;letter-spacing:.24em;margin-top:7px}.logo-mark{display:grid;place-items:center;width:42px;height:44px;border:1px solid var(--gold-dim);border-radius:2px 12px;background:#c8a44a08}.logo-mark .icon{width:28px;height:28px}.round-info{display:flex;align-items:center;flex:1;min-width:0;gap:24px}.round-stat{display:flex;align-items:center;gap:10px;border-left:1px solid var(--border);padding-left:24px}.round-stat strong{font:600 28px var(--font-number);color:var(--gold-bright)}.stat-label{font-size:10px;white-space:nowrap}.phase-status{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--hp)}.phase-status i{width:6px;height:6px;background:currentColor;border-radius:50%}.phase-status.combat{color:var(--danger)}.phase-status.result,.phase-status.loot,.phase-status.finished{color:var(--gold-bright)}.health-stat{min-width:94px}.health-stat>span{display:flex;align-items:center;gap:7px;color:var(--hp)}.health-stat strong{font:600 22px var(--font-number)}.health-stat small{color:var(--dim)}.meter{display:block;height:3px;background:#ffffff0c;overflow:hidden;border-radius:2px}.meter i{display:block;height:100%;background:var(--gold);transition:width .3s ease}.hp-meter{margin-top:5px}.hp-meter i,.rival-meter i{background:var(--hp)}.opponent-stat{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.opponent-stat strong{font-size:12px;font-weight:500}.result-info{margin-left:auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:3px 9px;font-size:10px;max-width:240px}.result-outcome{font-weight:700}.result-outcome.win{color:var(--hp)}.result-outcome.loss,.result-dmg{color:var(--danger)}.result-outcome.draw,.result-income{color:var(--gold-bright)}.result-streak{color:var(--dim)}.speed-controls{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:4px;border:1px solid var(--border);border-radius:5px}.speed-label{display:flex;align-items:center;gap:4px;color:var(--dim);font-size:10px;padding:0 5px}.speed-label .icon{width:13px;height:13px}.speed-btn{min-width:30px;height:29px;border-color:transparent;background:transparent;color:var(--dim);font:11px var(--font-number)}.speed-btn.active{color:var(--gold-bright);background:#c8a44a17;border-color:#c8a44a40}.main{display:grid;grid-template-columns:clamp(198px,17vw,254px) minmax(0,1fr) clamp(228px,18vw,274px);flex:1;min-height:0}.panel{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;background:linear-gradient(var(--glass-bg),var(--glass-bg)),url(/img/backgrounds/panel-texture.png) repeat var(--panel);scrollbar-gutter:stable}.left-panel{border-right:1px solid var(--glass-border)}.right-panel{border-left:1px solid var(--glass-border)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;letter-spacing:.05em;color:var(--gold-bright);margin:22px 0 12px}.section-heading:first-child{margin-top:0}.section-heading>span{display:flex;align-items:center;gap:8px}.section-heading .icon{width:16px;height:16px;color:var(--gold)}.section-heading small{font-family:var(--font-body);font-size:9px;font-weight:400;color:var(--dim);letter-spacing:0}.rivals-list{display:flex;flex-direction:column;gap:5px;padding-right:4px}.rival{display:flex;flex-shrink:0;align-items:center;gap:8px;min-height:47px;padding:5px 7px;border:1px solid transparent;border-radius:4px;background:#ffffff03}.rival.current{border-color:#ac817f45;background:#aa77770a}.rival.you{border-color:#c8a44a40;background:#c8a44a0b}.rival.dead{opacity:.42}.rival.dead .rival-name{text-decoration:line-through}.rival-emblem{width:24px;height:28px;display:grid;place-items:center;flex-shrink:0;color:#778698;font:11px var(--font-number);border:1px solid #ffffff0c;border-radius:3px}.rival.you .rival-emblem{border-color:#c8a44a33;color:var(--gold)}.rival-main{min-width:0;flex:1}.rival-top,.rival-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.rival-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rival.you .rival-name{color:var(--gold-bright)}.rival-hp{display:flex;align-items:center;gap:4px;color:var(--hp);font:10px var(--font-number)}.rival-hp .icon{width:10px;height:10px}.rival-bottom{color:var(--dim);font-size:9px;line-height:1.7}.rival-strat{color:#acb5c4}.rival-meter{margin-top:3px;height:2px}.rival:not(.you) .rival-meter i{opacity:.55}.synergy-list{display:flex;flex-direction:column;gap:7px}.synergy{width:100%;text-align:left;position:relative;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:5px 7px;background:#ffffff03;border-color:#ffffff09;padding:9px;overflow:hidden}.syn-emblem{grid-row:span 2;display:grid;place-items:center;width:24px;height:28px;border:1px solid var(--border);color:var(--dim);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:var(--panel2)}.synergy.active{border-color:#c8a44a35;background:#c8a44a06}.synergy.active .syn-emblem{background:#c8a44a16;color:var(--gold-bright)}.syn-name{font-size:11px;font-weight:500}.syn-count{font:10px var(--font-number);color:var(--dim)}.synergy.active .syn-count{color:var(--gold-bright)}.syn-tiers{display:flex;gap:4px;grid-column:2 / -1}.syn-tier-badge{padding:0 5px;border:1px solid var(--border);color:var(--dim);border-radius:2px;font:9px/15px var(--font-number)}.syn-tier-badge.reached{background:#ffffff08}.syn-tier-badge.tier-0{border-color:#cd956799}.syn-tier-badge.tier-1{border-color:#c6d0da99}.syn-tier-badge.tier-2{border-color:#e8c84a99}.syn-tier-badge.tier-0.reached{color:var(--tier-bronze);border-color:var(--tier-bronze)}.syn-tier-badge.tier-1.reached{color:var(--tier-silver);border-color:var(--tier-silver)}.syn-tier-badge.tier-2.reached{color:var(--tier-gold);border-color:var(--tier-gold)}.syn-tier-badge.tier-3{border-color:transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(110deg,#b27688,#b29d68,#6f9e85,#7397bd,#947bb2) border-box}.syn-tier-badge.tier-3.reached{color:#e9c6ec;background:linear-gradient(#292636,#292636) padding-box,linear-gradient(110deg,#ef91ab,#ebca74,#88d0a6,#89b8f2,#cd9bef) border-box}.syn-desc,.syn-extra{grid-column:1 / -1;color:var(--dim);font-size:10px;line-height:1.6}.syn-extra{color:var(--gold)}.syn-meter{position:absolute;bottom:0;left:0;right:0;height:2px}.syn-meter i{opacity:.7}.item-list{display:flex;flex-direction:column;gap:6px}.item-card{display:flex;gap:9px;align-items:center;text-align:left;padding:8px;background:#c8a44a05;border-color:#c8a44a20}.item-card:hover{background:#c8a44a0d;transform:translateY(-1px)}.item-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--gold-bright);background:#c8a44a0b;border:1px solid #c8a44a33;border-radius:4px}.item-name{display:block;color:var(--gold-bright);font-size:11px}.item-desc{display:block;color:var(--dim);font-size:10px;margin-top:2px}.log-section{margin-top:22px;border-top:1px solid var(--border);padding-top:12px}.log-section summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;color:var(--dim)}.log-section summary .icon{width:14px;height:14px}.log-box{margin-top:10px;max-height:160px;overflow:auto;font:10px/1.8 var(--font-number),var(--font-body);color:var(--dim)}.log-line{padding:5px 0;border-bottom:1px solid #ffffff06}.log-line:first-child{color:#c4ccd6}.log-line .icon{width:10px;height:10px;color:var(--gold)}.arena-section{position:relative;overflow:hidden;isolation:isolate;min-width:0;background:radial-gradient(ellipse at 50% 40%,#20293a,#0a1019)}.arena-wrap{width:100%;height:100%;position:relative}.arena-wrap canvas{display:block}.arena-hud{position:absolute;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:flex-start;z-index:2;pointer-events:none;gap:16px}.arena-hud>div{pointer-events:auto}.hud-left{display:flex;flex-direction:column;gap:10px;max-width:260px}.hud-right{display:flex;flex-direction:column;gap:8px;max-width:220px}.hud-synergies{max-height:calc(100vh - 200px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.hud-synergies .synergy-list{gap:5px}.hud-synergies .synergy{padding:6px}.hud-synergies .syn-desc{display:none}.ranking-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:10px;color:var(--dim)}.ranking-title{color:var(--gold-bright);font-size:11px;letter-spacing:.05em}.rivals-list{display:flex;flex-direction:column;gap:3px}.arena-caption .eyebrow{font-size:9px;color:#a9b7ca}.arena-caption strong{display:block;font:500 21px var(--font-heading);color:#e5decd;margin-top:5px;text-shadow:0 2px 6px #0009}.capacity{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0a101cd9;border:1px solid #c8a44a30;border-radius:4px;color:#ccd4de;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.capacity .icon{color:var(--gold);width:16px;height:16px}.capacity strong{font:600 17px var(--font-number);color:var(--gold-bright);margin-left:6px}.capacity.full{border-color:#c8a44a65}.arena-guide{position:absolute;bottom:13px;left:50%;transform:translate(-50%);z-index:2;width:max-content;max-width:calc(100% - 36px);display:flex;align-items:center;gap:8px;border:1px solid #ffffff0c;border-radius:4px;background:#0c1420df;padding:8px 12px;color:#a6b2c3;font-size:10px;pointer-events:none;text-align:center}.arena-guide .icon{width:14px;height:14px;color:var(--gold-dim)}.combat-overlay{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);max-width:90%;width:max-content;z-index:10;border:1px solid var(--gold-dim);border-radius:5px;background:#101824f5;padding:14px 22px;font-size:13px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 12px 32px #0005}.combat-overlay.show{opacity:1}.webgl-error{margin:0 auto;position:absolute;top:40%;left:10%;width:80%;text-align:center;color:var(--danger)}.team-capacity{padding:10px 12px;background:linear-gradient(120deg,#c8a44a0e,#ffffff02);border:1px solid #c8a44a25;border-radius:4px;color:var(--dim);font-size:10px}.team-capacity>span{display:flex;justify-content:space-between}.team-capacity strong{font:11px var(--font-number);color:var(--gold-bright)}.capacity-pips{display:flex;gap:4px;margin-top:10px}.capacity-pips i{display:block;height:4px;background:#ffffff10;flex:1;border-radius:1px}.capacity-pips i.filled{background:var(--gold)}.subheading{display:flex;align-items:center;justify-content:space-between;margin:17px 0 9px;font-size:10px;color:var(--dim)}.subheading>span:last-child{font-family:var(--font-number),var(--font-body);font-size:10px}.bench,.board-units{display:flex;flex-direction:column;gap:7px}.unit-card{position:relative;background:#ffffff03;border:1px solid #ffffff0b;border-left:2px solid var(--rarity);border-radius:3px;overflow:hidden}.unit-card:hover{background:#ffffff06}.unit-card.selected{border-color:var(--gold);background:#c8a44a0a}.unit-select{position:relative;border:0;border-radius:0;display:flex;align-items:center;gap:9px;width:100%;padding:7px;text-align:left;background:transparent}.unit-select:focus-visible{outline-offset:-3px}.unit-info{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.unit-name{font-size:12px;font-weight:500}.unit-pos{font-size:9px;color:var(--dim)}.unit-traits{display:flex;flex-wrap:wrap;gap:3px;padding:0 7px 7px}.stars{display:inline-flex;gap:2px;color:var(--gold)}.stars .icon{width:10px;height:10px}.unit-item{align-self:flex-start;color:var(--gold-bright)}.unit-item .icon{width:14px;height:14px}.trait-tag{display:inline-block;font-family:var(--font-body);font-weight:400;font-size:9px;color:#aab8cb;border:1px solid #ffffff0c;padding:1px 5px;line-height:1.5;border-radius:3px;background:#ffffff04;white-space:nowrap}button.trait-tag:hover{color:var(--gold-bright);background:#c8a44a0e}.trait-tags{display:flex;flex-wrap:wrap;gap:4px}.empty-hint{padding:11px;border:1px dashed #ffffff14;border-radius:4px;color:var(--dim);font-size:10px;line-height:1.8}.bench-empty{text-align:center;padding:23px 7px;color:#c3cbd5;background:radial-gradient(ellipse at 50% 100%,#c8a44a08,transparent)}.bench-empty small{display:inline-block;margin-top:4px;color:var(--dim);font-size:9px}.selection-hint{display:flex;align-items:flex-start;gap:8px;margin-top:24px;color:#8695aa;font-size:10px;line-height:1.8}.selection-hint .icon{width:14px;height:14px;margin-top:2px}.unit-detail{margin-top:18px;border:1px solid #c8a44a30;border-top:2px solid var(--rarity);border-radius:4px;padding:10px;background:#0b131e}.detail-header{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:10px}.detail-header .eyebrow{letter-spacing:.03em;font-size:9px;padding-right:14px}.detail-header h3{margin:3px 0 2px;font-size:15px;color:var(--text)}.detail-close{position:absolute;top:-6px;right:-6px}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;background:transparent;border-color:transparent;color:var(--dim)}.icon-btn:hover{color:var(--gold-bright)}.icon-btn .icon{width:16px;height:16px}.detail-note{font-size:8px;color:var(--dim);margin:13px 0 7px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px 9px}.detail-stat{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 0;border-bottom:1px solid #ffffff07;font-size:9px}.detail-stat>span{display:flex;align-items:center;gap:4px;color:var(--dim);white-space:nowrap}.detail-stat .icon{width:12px;height:12px}.detail-stat strong{font:500 10px var(--font-number);white-space:nowrap}.equipped-item{display:flex;gap:8px;align-items:center;padding:9px 0 0;font-size:10px}.equipped-item strong{color:var(--gold-bright);font-weight:500}.equipped-item small{display:block;color:var(--dim);font-size:9px}.ability-box{margin-top:12px;border:1px solid #c8a44a25;border-left:2px solid var(--gold-dim);background:linear-gradient(120deg,#c8a44a0a,transparent);padding:10px}.ability-box .eyebrow{color:var(--gold-dim);font-size:8px}.ability-box strong{display:block;font-size:11px;color:var(--gold-bright);margin-top:3px;font-weight:500}.ability-box p{color:#aab4c3;font-size:10px;line-height:1.8;margin-top:5px}.ability-flavor{display:block;font-size:9px;color:var(--dim);font-style:italic;margin-top:4px;line-height:1.5}.ability-hint{font-size:9px;color:var(--dim);margin-top:7px}.detail-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:500;min-height:33px}.detail-actions .btn{flex:1;font-size:10px;white-space:nowrap;padding:6px}.detail-actions .icon{width:13px;height:13px}.bench-btn{color:#afdbbf;border-color:#558e7055;background:#1e382b}.sell-btn{color:#e6aaaa;border-color:#a26a6a44;background:#39242b}.unequip-btn{color:var(--dim)}.portrait{position:relative;display:block;overflow:hidden;flex-shrink:0;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--portrait-hair) 50%,#334056) 0%,transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--portrait-color) 45%,#182334),#111926)}.portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ffffff08;pointer-events:none}.portrait-fallback{display:block;position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.portrait.has-portrait .portrait-fallback{visibility:hidden}.unit-avatar{width:46px;height:52px;border-radius:3px}.detail-portrait{width:53px;height:67px;border-radius:3px}.cost-1{--rarity: var(--cost-1)}.cost-2{--rarity: var(--cost-2)}.cost-3{--rarity: var(--cost-3)}.cost-4{--rarity: var(--cost-4)}.cost-5{--rarity: var(--cost-5)}.rarity-1{color:var(--cost-1)}.rarity-2{color:var(--cost-2)}.rarity-3{color:var(--cost-3)}.rarity-4{color:var(--cost-4)}.rarity-5{color:var(--cost-5)}.bottombar{position:relative;z-index:6;flex-shrink:0;padding:13px 18px 16px;background:linear-gradient(180deg,#151e2b,#101722);border-top:1px solid var(--gold-dim);box-shadow:0 -8px 26px #0003}.bottombar-inner{display:grid;grid-template-columns:194px minmax(0,1fr) 34px 176px;align-items:stretch;gap:12px;max-width:1880px;margin:0 auto}.action-col{padding-right:12px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.economy-header{display:flex;justify-content:space-between;align-items:center;gap:4px}.gold-display{display:inline-flex;align-items:center;gap:8px;color:var(--gold-bright)}.gold-display strong{font:500 28px var(--font-number);letter-spacing:-.06em}.gold-display .icon{width:22px;height:22px}.gold-display small{color:var(--gold-dim);font-size:9px}.level-display{font-size:10px;color:var(--dim)}.level-display strong{color:var(--text);font:500 14px var(--font-number)}.xp-caption{display:flex;justify-content:space-between;color:var(--dim);font-size:9px}.xp-caption>span:last-child{color:var(--mana);font-family:var(--font-number),var(--font-body)}.xp-meter{height:4px;margin-bottom:4px}.xp-meter i{background:linear-gradient(90deg,#507faf,#87b6eb)}.action-btn{justify-content:flex-start;width:100%;min-height:35px;font-size:11px;padding:7px 9px}.action-btn .icon{width:16px;height:16px}.action-btn small{font:9px var(--font-number);opacity:.7}.btn-cost{display:flex;align-items:center;gap:3px;margin-left:auto;color:var(--gold-bright);font-size:10px;white-space:nowrap}.btn-cost .icon{width:12px;height:12px}.buyxp-btn{border-color:#9d845344;background:linear-gradient(110deg,#51452a55,#252b2b);color:#e1cb95}.reroll-btn{border-color:#54789477;background:linear-gradient(110deg,#203d50,#1c2c3f);color:#b7d6eb}.action-btn:hover:not(:disabled){filter:brightness(1.15)}.shop-section{min-width:0}.shop-heading{display:flex;align-items:center;gap:14px;margin-bottom:9px;height:21px}.shop-heading h3{color:var(--gold-bright);font-size:12px;white-space:nowrap;letter-spacing:.07em}.shop-heading>span{color:var(--dim);font-size:9px}.shop-lock-status{margin-left:auto;display:inline-flex;align-items:center;gap:4px}.shop-lock-status .icon{width:11px;height:11px;color:var(--gold)}.shop-area{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.shop-slot{position:relative;display:flex;flex-direction:column;height:162px;min-width:0;background:#0e1723;border:1px solid color-mix(in srgb,var(--rarity, #4f5c6b) 45%,#233040);border-top:3px solid var(--rarity, #354356);border-radius:4px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.shop-slot:not(.empty):not(.cant-afford):hover{transform:translateY(-3px);border-color:var(--rarity);box-shadow:0 8px 15px #0003}.shop-buy{display:block;width:100%;position:relative;padding:0;flex:1;min-height:0;border:0;border-radius:0;overflow:hidden;text-align:left;background:#111926}.shop-buy:focus-visible{outline-offset:-3px;z-index:1}.shop-buy:disabled{opacity:.58}.shop-avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shop-avatar .portrait-fallback{height:112%;top:-10%}.shop-avatar img{object-fit:cover;object-position:50% 25%}.shop-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b132000 30%,#0b13201a 45%,#0b1320ed);pointer-events:none}.shop-cost{position:absolute;right:6px;top:5px;display:flex;align-items:center;gap:4px;padding:3px 6px;background:#09101dd9;color:var(--gold-bright);border:1px solid #c8a44a44;border-radius:3px;font:500 13px var(--font-number)}.shop-cost .icon{width:13px;height:13px}.owned-badge{position:absolute;top:7px;left:6px;padding:2px 5px;color:#d8e3da;background:#1b392cdf;font-size:8px;border:1px solid #9ccb9b44;border-radius:2px}.shop-identity{position:absolute;bottom:7px;left:9px;right:5px}.shop-title{display:block;color:#b7c1cf;font-size:9px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-name{display:block;color:#f0ede4;font:600 16px/1.5 var(--font-heading);letter-spacing:.04em;white-space:nowrap}.shop-traits{display:flex;align-content:center;flex-wrap:wrap;gap:3px;flex-shrink:0;min-height:39px;padding:5px 6px;background:linear-gradient(110deg,color-mix(in srgb,var(--rarity) 9%,#101824),#101824);border-top:1px solid #ffffff0a}.shop-traits .trait-tag{font-size:8px;padding:1px 3px;border-color:transparent;background:#ffffff06}.shop-slot.empty{align-items:center;justify-content:center;gap:6px;border-style:dashed;color:#738198;background:repeating-linear-gradient(135deg,transparent 0 10px,#ffffff01 10px 11px)}.shop-slot.empty>.icon{width:27px;height:27px;margin-bottom:4px;color:#5c655f}.shop-slot.empty span{font-size:11px}.shop-slot.empty small{font-size:8px;opacity:.7}.lock-vert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:30px;padding:5px;color:#8998ab;background:#0c1522;border:1px solid var(--border)}.lock-vert span{writing-mode:vertical-rl;letter-spacing:.18em;font-size:10px}.lock-vert.active{color:var(--gold-bright);background:#c8a44a16;border-color:var(--gold-dim)}.round-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding-left:9px;border-left:1px solid var(--border)}.odds-area{position:relative;align-self:center}.odds-area summary{color:var(--dim);cursor:pointer;font-size:10px;display:flex;align-items:center;gap:6px;padding:3px 0}.odds-area summary .icon{width:12px;height:12px}.odds-tooltip-content{position:absolute;bottom:calc(100% + 12px);right:-16px;width:320px;padding:12px;background:#101925f5;border:1px solid var(--gold-dim);border-radius:5px;box-shadow:0 8px 36px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.odds-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);padding:5px 3px;gap:4px;font:9px var(--font-number),var(--font-body);text-align:center;border-radius:2px}.odds-row>span:first-child{text-align:left;color:var(--dim)}.odds-row.current{background:#c8a44a1a}.odds-row.current>span:first-child{color:var(--gold-bright)}.odds-heading{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px}.odds-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 5px}.odds-bar-item{display:flex;flex-direction:column;align-items:center;gap:5px;font:11px var(--font-number)}.odds-bar-item small{font:8px var(--font-number),var(--font-body);opacity:.8}.odds-track{width:100%;height:39px;background:#ffffff04;display:flex;align-items:flex-end;border-radius:2px;overflow:hidden}.odds-track i{display:block;width:100%;background:currentColor;opacity:.75}.phase-btn-area .btn{width:100%;min-height:43px;border-radius:3px;font-size:12px;font-family:var(--font-heading);font-weight:600;gap:9px}.phase-btn-area .icon{width:17px;height:17px}.start-btn{color:#e5ebd6;background:linear-gradient(120deg,#375945,#273e34);border-color:#88a773;box-shadow:inset 0 1px #e8edc51a}.next-btn,.restart-btn{background:linear-gradient(120deg,#c0a05a,#927535);border-color:#dbc187;color:#141b21}.phase-btn-area .btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;align-items:center;justify-content:center;background:#050a13c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:30px}.dialog-box{position:relative;border:1px solid var(--gold-dim);border-radius:8px;background:radial-gradient(ellipse at 50% 0,#29303a,transparent 50%),#111a27;padding:26px;max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 24px 80px #0008,inset 0 1px #ecd38b26;animation:dialog-enter .18s ease-out}.dialog-box h2{font-size:26px;color:var(--gold-bright)}.dialog-close{position:absolute;top:12px;right:12px}.loot-box{width:720px;text-align:center;padding:34px}.loot-heading-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border:1px solid var(--gold-dim);transform:rotate(45deg);color:var(--gold-bright);background:#c8a44a0a;border-radius:6px}.loot-heading-icon .icon{width:28px;height:28px;transform:rotate(-45deg)}.loot-box .eyebrow{margin:20px 0 5px}.loot-box>p{color:var(--dim);font-size:12px;margin:9px 0 26px}.loot-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.loot-choice{display:flex;flex-direction:column;align-items:center;padding:26px 14px 16px;background:linear-gradient(150deg,#243041,#111c2b);border:1px solid #c8a44a40;border-radius:5px}.loot-choice:hover{transform:translateY(-5px);background:linear-gradient(150deg,#353a40,#192635)}.loot-icon{color:var(--gold-bright);display:grid;place-items:center;width:64px;height:64px;background:#c8a44a0c;border-radius:50%;border:1px solid #c8a44a25;margin-bottom:20px}.loot-icon .icon{width:32px;height:32px}.loot-name{color:var(--gold-bright);font:600 16px var(--font-heading)}.loot-desc{color:#a6b5c7;font-size:11px;margin:10px 0 22px;flex:1}.loot-select{display:flex;align-items:center;gap:8px;color:#d6c8a7;font-size:10px;padding-top:12px;border-top:1px solid #ffffff0c}.loot-select .icon{width:13px;height:13px}.dialog-hint{display:block;color:var(--dim);margin-top:22px;font-size:10px}.synergy-modal-box{width:700px}.synergy-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.synergy-modal-header .eyebrow{margin-bottom:4px}.synergy-modal-info{background:#070f1a55;border:1px solid #ffffff09;border-radius:4px;padding:15px}.synergy-modal-desc{color:#c3cdd9;font-size:12px;line-height:1.9}.synergy-modal-progress{color:var(--gold-bright);font-size:11px;margin:10px 0}.synergy-modal-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.syn-tier-row{padding:8px;font-size:10px;border:1px solid var(--border);border-radius:3px}.syn-tier-label,.syn-tier-status,.syn-tier-effect{display:block}.syn-tier-effect{font-size:10px;color:var(--gold-bright);margin:3px 0;font-weight:500}.syn-tier-status{font-size:9px;color:var(--dim);margin:3px 0 8px}.syn-tier-row.reached{color:var(--gold-bright)}.syn-tier-row.reached .syn-tier-status{color:var(--hp)}.syn-tier-row.current{border-color:var(--gold-dim);background:#c8a44a08}.synergy-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:12px}.synergy-modal-char{overflow:hidden;position:relative;text-align:center;border:1px solid #ffffff10;border-top:2px solid var(--rarity);border-radius:4px;background:#0e1723;padding-bottom:8px}.synergy-modal-avatar{height:105px;width:100%;margin-bottom:8px}.synergy-modal-name{display:block;font-size:12px;font-weight:500}.synergy-modal-cost{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:3px;background:#0b1420cc;padding:2px 5px;border-radius:2px;color:var(--gold-bright);font:11px var(--font-number)}.synergy-modal-cost .icon{width:12px;height:12px}.synergy-modal-syns{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:5px}.synergy-modal-syns .trait-tag{font-size:8px}.synergy-modal-status{color:#78879b;font-size:9px}.synergy-modal-char.on-board{border-color:#7bc5a088}.synergy-modal-char.on-board .synergy-modal-status{color:var(--hp)}.synergy-modal-char.owned .synergy-modal-status{color:var(--gold-bright)}*{scrollbar-width:thin;scrollbar-color:#5e563e #101824}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#5e563e;border-radius:4px}::-webkit-scrollbar-track{background:#101824}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px)and (min-height:850px){.topbar{min-height:84px}.panel{padding:20px}.bottombar{padding:16px 22px 20px}.shop-slot{height:190px}.action-col{justify-content:space-between}.shop-name{font-size:19px}.shop-traits{min-height:40px}.shop-traits .trait-tag{font-size:10px}.phase-btn-area .btn{min-height:48px}.odds-track{height:50px}}@media(max-width:1250px){.topbar{padding:10px 15px;gap:17px;min-height:70px}.logo{font-size:20px;gap:8px}.logo-mark{width:35px;height:39px}.round-info{gap:16px}.round-stat{padding-left:15px}.speed-label span{display:none}.result-info{max-width:150px;font-size:9px}.main{grid-template-columns:198px minmax(0,1fr) 228px}.panel{padding:12px}.bottombar{padding:10px 12px 12px}.bottombar-inner{grid-template-columns:175px minmax(0,1fr) 30px 151px;gap:9px}.action-col{padding-right:9px}.action-btn{font-size:10px;padding:7px}.gold-display{gap:5px}.gold-display strong{font-size:25px}.gold-display small{display:none}.shop-area{gap:6px}.shop-slot{height:155px}.shop-name{font-size:14px}.shop-identity{left:7px}.shop-heading{gap:9px}.shop-lock-status{display:none}.shop-traits{min-height:40px;gap:2px;padding:4px}.round-actions{padding-left:7px}.phase-btn-area .btn{font-size:11px;padding:8px;gap:5px}.phase-btn-area .icon{width:14px;height:14px}.arena-hud{top:18px;left:18px;right:18px}.arena-caption strong{font-size:18px}}@media(max-width:1080px)and (min-width:901px){.main{grid-template-columns:184px minmax(0,1fr) 215px}.round-info{gap:12px}.opponent-stat{display:none}.result-info{max-width:135px}.logo{font-size:18px}.logo-mark{display:none}.topbar{gap:16px}.bottombar-inner{grid-template-columns:162px minmax(0,1fr) 29px 136px;gap:7px}.shop-name{font-size:12px;letter-spacing:0}.shop-title{font-size:8px}.shop-traits .trait-tag{font-size:8px;padding:0 2px}.shop-traits{min-height:45px}.owned-badge{top:34px}.shop-heading>span{font-size:8px}.action-btn small{display:none}.detail-stats{gap:0 7px}.detail-stat{font-size:8px;gap:3px}.detail-stat strong{font-size:9px}}@media(max-height:750px)and (min-width:901px){.topbar{min-height:64px;padding-top:8px;padding-bottom:8px}.panel{padding-top:12px}.rival{min-height:41px;padding-top:3px;padding-bottom:3px}.rivals-list{gap:3px}.section-heading{margin-top:17px;margin-bottom:9px}.bottombar{padding-top:9px;padding-bottom:10px}.shop-slot{height:146px}.shop-heading{height:17px;margin-bottom:7px}.action-col{gap:4px}.action-btn{min-height:32px}.lock-vert{margin-top:24px}.arena-hud{top:13px}.arena-guide{bottom:8px;font-size:9px;padding:6px 8px}}@media(max-width:900px){body{overflow:auto}.shell{height:auto;min-height:100dvh}.topbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.logo{flex:1;font-size:20px}.round-info{order:3;flex-basis:100%;gap:20px;border-top:1px solid var(--border);padding-top:10px}.round-stat{border:0;padding:0}.round-stat strong{font-size:23px}.result-info{max-width:none}.main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:440px auto}.arena-section{grid-column:1 / -1;grid-row:1}.panel{max-height:360px;border-top:1px solid var(--glass-border);padding:16px}.left-panel{grid-column:1}.right-panel{grid-column:2}.bottombar{padding:14px}.bottombar-inner{grid-template-columns:165px minmax(0,1fr) 30px;gap:10px}.shop-area{gap:6px}.shop-name{font-size:12px}.shop-title{display:none}.shop-traits{min-height:54px}.shop-traits .trait-tag{font-size:8px}.round-actions{grid-column:1 / -1;display:grid;grid-template-columns:105px 1fr 180px;align-items:center;gap:15px;border:0;border-top:1px solid var(--border);padding:12px 0 0}.odds-bars{margin:0}.odds-bar-item{flex-direction:row;gap:3px}.odds-track{height:14px;width:12px}.odds-tooltip-content{left:0;right:auto}.owned-badge{top:34px;font-size:7px;padding:1px 3px}}@media(max-width:600px){.topbar{padding:10px 12px}.round-info{gap:14px;flex-wrap:wrap}.opponent-stat{margin-left:auto}.result-info{flex-basis:100%;justify-content:flex-start}.phase-status{font-size:10px}.health-stat{min-width:75px}.health-stat strong{font-size:18px}.main{grid-template-rows:360px auto}.panel{padding:11px;max-height:350px}.section-heading{font-size:12px}.section-heading small{font-size:8px}.rival{padding:4px;gap:5px}.rival-emblem{display:none}.unit-avatar{width:35px;height:44px}.unit-select{gap:6px;padding:5px}.unit-name{font-size:10px}.unit-traits{padding:0 5px 5px}.trait-tag{font-size:8px;padding:1px 3px}.detail-header{flex-wrap:wrap}.detail-header h3{font-size:13px}.detail-stats{grid-template-columns:1fr}.arena-hud{left:13px;right:13px;gap:10px}.hud-left{max-width:140px}.hud-right{max-width:130px}.hud-synergies{max-height:160px}.arena-caption strong{font-size:16px}.capacity{padding:7px 9px;font-size:10px}.arena-guide{font-size:9px}.bottombar-inner{grid-template-columns:1fr 30px}.action-col{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;border:0;padding:0;gap:7px 12px}.economy-header,.xp-caption,.xp-meter{grid-column:1 / -1}.shop-section{grid-column:1}.shop-area{display:flex;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.shop-slot{min-width:123px;height:161px;scroll-snap-align:start}.shop-name{font-size:14px}.shop-traits{min-height:38px}.shop-heading{margin-top:5px}.lock-vert{margin-bottom:6px}.round-actions{grid-template-columns:85px 1fr;gap:12px}.odds-bars{gap:7px}.odds-bar-item{font-size:10px}.odds-track{display:none}.phase-btn-area{grid-column:1 / -1}.dialog-overlay{padding:14px}.dialog-box{padding:20px;max-height:calc(100dvh - 28px)}.dialog-box h2{font-size:22px}.loot-choices{grid-template-columns:1fr;gap:9px}.loot-choice{display:grid;grid-template-columns:45px 1fr;gap:4px 12px;padding:13px;text-align:left}.loot-icon{grid-row:span 2;width:44px;height:44px;margin:0}.loot-icon .icon{width:24px;height:24px}.loot-name{font-size:14px}.loot-desc{margin:0;font-size:10px}.loot-select{display:none}.synergy-modal-grid,.synergy-modal-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}