:root{--bg-0: #0e0b12;--bg-1: #191426;--bg-2: #241d33;--bg-3: #2f2743;--gold: #e0a94b;--gold-soft: #f0c877;--gold-pale: #f7e4bb;--blood: #b3323a;--blood-soft: #d9534f;--violet: #7a5cc4;--violet-soft: #9d81e0;--text: #f2e7d5;--text-dim: #a99fbf;--text-mute: #6e6480;--ok: #3fa88a;--warn: #e0a94b;--bad: #d9534f;--info: #4e8fd1;--line: rgba(224, 169, 75, .22);--line-soft: rgba(169, 159, 191, .16);--glass: rgba(36, 29, 51, .62);--glass-2: rgba(25, 20, 38, .78);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--shadow-md: 0 12px 30px rgba(0, 0, 0, .42);--radius: 14px;--radius-sm: 9px;--font-sans: "思源黑体", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "思源宋体", "Source Han Serif SC", "Noto Serif SC", "Songti SC", "SimSun", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg-0);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:.02em}p{margin:0}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000040}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e0a94b80,#7a5cc473);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e0a94bcc,#7a5cc4b3)}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.boot-mark{width:74px;height:74px;display:grid;place-items:center;font-family:var(--font-serif);font-size:36px;color:var(--bg-0);background:linear-gradient(140deg,var(--gold-pale),var(--gold) 55%,#9c6b1f);border-radius:16px;box-shadow:0 0 40px #e0a94b66;animation:breathe 2.4s ease-in-out infinite}.boot-text{color:var(--text-dim);letter-spacing:.3em;font-size:13px}@keyframes breathe{0%,to{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-4px) scale(1.05);opacity:1}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:.06em;border:1px solid var(--line);color:var(--text);background:#241d33b3;transition:transform .18s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease}.btn:hover{transform:translateY(-2px);border-color:#e0a94b8c;box-shadow:0 10px 24px #e0a94b2e}.btn:active{transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.btn-gold{color:#241a06;border-color:#ffe9ba99;background:linear-gradient(140deg,#f7e4bb,var(--gold) 48%,#b57d20);box-shadow:0 10px 26px #e0a94b47,inset 0 1px #ffffff80}.btn-gold:hover{box-shadow:0 14px 34px #e0a94b73,inset 0 1px #fff9;background:linear-gradient(140deg,#fff2d6,#eebe63 48%,#c98c26)}.btn-blood{color:#ffeaea;border-color:#d9534f80;background:linear-gradient(140deg,#b3323ae6,#781c22e6)}.btn-blood:hover{box-shadow:0 12px 26px #b3323a66}.btn-ghost{background:#14101e80;color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:8px}.btn.is-active{border-color:var(--gold);color:var(--gold-pale);background:linear-gradient(140deg,#e0a94b47,#7a5cc438);box-shadow:0 0 0 1px #e0a94b59 inset,0 8px 20px #e0a94b2e}.panel{position:relative;border-radius:var(--radius);border:1px solid var(--line-soft);background:linear-gradient(180deg,#2f27439e,#120e1bb8);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);padding:14px 16px 16px}.panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(224,169,75,.5),transparent)}.panel-title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:17px;color:var(--gold-pale);letter-spacing:.14em;margin-bottom:12px}.panel-title:before{content:"";width:4px;height:15px;border-radius:2px;background:linear-gradient(180deg,var(--gold-pale),var(--blood))}.panel-title .panel-sub{font-family:var(--font-sans);font-size:11.5px;letter-spacing:.06em;color:var(--text-mute);margin-left:auto}.tag{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;font-size:10.5px;line-height:1.5;letter-spacing:.04em;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text-dim);white-space:nowrap}.tag[data-tag=burn]{color:#ffb27a;border-color:#e06a3c73;background:#b3462838}.tag[data-tag=charge]{color:#8fd8ff;border-color:#4e8fd173;background:#265a913d}.tag[data-tag=guard]{color:#b9c6ff;border-color:#7a5cc480;background:#5a46aa3d}.tag[data-tag=heal]{color:#93e8c4;border-color:#3fa88a80;background:#1e6e5a3d}.tag[data-tag=crit]{color:#ffe08a;border-color:#e0a94b80;background:#966e1e3d}.tag[data-tag=control]{color:#d3b6ff;border-color:#9d81e080;background:#5a3ca03d}.tag[data-tag=burst]{color:#ff9d9d;border-color:#b3323a80;background:#9628303d}.tag--role{color:#f2e7d5;font-weight:600;border-color:#e0a94b73;background:#966e1e38}[data-faction=魏]{--faction: #4e8fd1}[data-faction=蜀]{--faction: #3fa88a}[data-faction=吴]{--faction: #d9774e}[data-faction=群]{--faction: #a99fbf}[data-faction=隐士]{--faction: #9b7ee8}[data-faction=魔]{--faction: #b3323a}:root{--rank-0: #e0a94b;--rank-1: #8fd8ff;--rank-2: #ffb45e;--rank-3: #ff7a8a}.empty-hint{display:grid;place-items:center;min-height:96px;color:var(--text-mute);font-size:12.5px;letter-spacing:.1em;border:1px dashed var(--line-soft);border-radius:var(--radius-sm);background:#00000029}.shop-hint{display:grid;place-items:center;min-height:44px;padding:0 12px;text-align:center;color:var(--gold);font-size:12.5px;letter-spacing:.04em;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:#0000002e}.gold-text{color:var(--gold)}.dim-text{color:var(--text-dim)}.mute-text{color:var(--text-mute)}.app{position:relative;min-height:100vh;min-height:100dvh;isolation:isolate}.app:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 620px at 12% -8%,rgba(122,92,196,.28),transparent 62%),radial-gradient(760px 560px at 92% 6%,rgba(179,50,58,.2),transparent 60%),radial-gradient(1100px 800px at 50% 118%,rgba(224,169,75,.13),transparent 65%),linear-gradient(180deg,var(--bg-0),#120e1b 45%,var(--bg-0))}.app:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(242,231,213,.05) 1px,transparent 1px);background-size:26px 26px}.game-frame{position:relative;width:100%;max-width:1440px;margin:0 auto;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(120% 60% at 50% -10%,rgba(122,92,196,.22),transparent 60%),radial-gradient(120% 70% at 50% 112%,rgba(224,169,75,.12),transparent 60%),linear-gradient(180deg,#14101eb3,#09070edb);border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:inset 0 0 90px #0009,0 0 70px #0000008c}@media (min-width: 600px){.game-frame{border-left-color:#e0a94b47;border-right-color:#e0a94b47}}@media (max-width: 1024px){.game-frame .screen{max-width:none;padding:14px 14px 30px}.game-frame .battle-layout{grid-template-columns:1fr}.game-frame .log-panel{position:static;top:auto;height:240px}.game-frame .diff-row{grid-template-columns:1fr}.game-frame .record-grid{grid-template-columns:repeat(2,1fr)}.game-frame .brand-title{font-size:clamp(30px,10vw,46px)}.game-frame .menu-actions .btn{min-width:0;flex:1 1 auto}}html,body{overflow-x:hidden}body{min-height:100vh;min-height:100dvh}button,.btn,.unit,.slot,.hero-card,.item-card,.diff-card,.prep-tab{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,.btn{user-select:none}.screen{padding:18px 22px 34px;max-width:1520px;margin:0 auto}.menu{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:48px 22px}.menu-inner{width:min(1000px,100%);display:flex;flex-direction:column;gap:24px}.brand{text-align:center}.brand-sub{font-size:12px;letter-spacing:.55em;color:var(--violet-soft);text-transform:uppercase}.brand-title{font-family:var(--font-serif);font-size:clamp(38px,6vw,68px);line-height:1.15;margin:8px 0 10px;background:linear-gradient(180deg,#fff6e2 6%,var(--gold-pale) 32%,var(--gold) 62%,#a06a1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 26px rgba(224,169,75,.35));letter-spacing:.06em}.brand-desc{color:var(--text-dim);font-size:13.5px;letter-spacing:.08em}.diff-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.diff-card{position:relative;text-align:left;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line-soft);background:linear-gradient(170deg,#2f274399,#100c18bf);transition:transform .22s ease,border-color .25s ease,box-shadow .28s ease;overflow:hidden}.diff-card:after{content:"";position:absolute;inset:auto -30% -60%;height:120px;background:radial-gradient(closest-side,rgba(224,169,75,.28),transparent);opacity:0;transition:opacity .3s ease}.diff-card:hover{transform:translateY(-4px);border-color:#e0a94b73}.diff-card:hover:after{opacity:1}.diff-card.is-active{border-color:var(--gold);box-shadow:0 0 0 1px #e0a94b66 inset,0 18px 40px #e0a94b29}.diff-card.is-active:after{opacity:1}.diff-name{font-family:var(--font-serif);font-size:20px;color:var(--gold-pale);letter-spacing:.16em}.diff-desc{color:var(--text-dim);font-size:12.5px;margin-top:4px}.diff-tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.record-panel{padding:14px 18px}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.record-item{text-align:center;padding:10px 6px;border-radius:var(--radius-sm);background:#0000003d;border:1px solid var(--line-soft)}.record-k{font-size:11.5px;color:var(--text-mute);letter-spacing:.16em}.record-v{font-family:var(--font-serif);font-size:24px;color:var(--gold)}.record-team{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.menu-actions{display:flex;justify-content:center;gap:14px}.menu-actions .btn{min-width:168px;padding:13px 24px;font-size:15px;letter-spacing:.22em}.hud{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--line-soft);background:linear-gradient(180deg,#2f274399,#100c18b8);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);margin-bottom:14px;position:sticky;top:10px;z-index:30}.hud-item{display:flex;align-items:baseline;gap:7px;padding:4px 12px;border-radius:999px;background:#00000047;border:1px solid var(--line-soft)}.hud-k{font-size:11px;letter-spacing:.16em;color:var(--text-mute)}.hud-v{font-family:var(--font-serif);font-size:17px;color:var(--gold-pale)}.hud-v.gold{color:var(--gold)}.hud-sep{flex:1}.relic-strip{display:flex;gap:6px;flex-wrap:wrap}.relic-chip{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-family:var(--font-serif);font-size:15px;color:var(--gold-pale);background:linear-gradient(150deg,#e0a94b3d,#7a5cc433);border:1px solid rgba(224,169,75,.38);box-shadow:0 4px 12px #00000059;transition:transform .18s ease}.relic-chip:hover{transform:translateY(-3px) scale(1.06)}.hud-btn-row{display:flex;gap:8px;align-items:center}.hud-item--bastion{align-items:center}.bastion-box{display:flex;align-items:center;gap:8px}.bastion-track{width:92px;height:10px;border-radius:999px;background:#00000080;border:1px solid var(--line-soft);overflow:hidden}.bastion-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6f8f5f,#a7c56a 60%,#d9e89a);box-shadow:0 0 10px #a7c56a8c;transition:width .4s ease}.bastion-fill.is-low{background:linear-gradient(90deg,#b04a3a,#e06557);box-shadow:0 0 10px #e0655799}.prep-tabs-wrap{max-width:1280px;margin:0 auto}.prep-tabs{flex:0 0 auto;display:flex;gap:8px;padding:8px 12px 0;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,#181222f5,#0a0810fa)}.prep-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-family:var(--font-serif);font-size:15px;letter-spacing:.22em;transition:color .2s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}.prep-tab:hover{transform:none;color:var(--text);background:#e0a94b1a;border-color:#e0a94b4d;box-shadow:none}.prep-tab.is-active{color:#2a1c05;border-color:#ffe9ba99;background:linear-gradient(140deg,#f7e4bb,var(--gold) 52%,#b57d20);box-shadow:0 10px 26px #e0a94b4d,inset 0 1px #ffffff73}.prep-tab-badge{font-family:var(--font-sans);font-size:11px;letter-spacing:.04em;padding:1px 8px;border-radius:999px;background:#00000042}.prep-tab.is-active .prep-tab-badge{background:#0003}.prep-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.prep{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.prep-stage{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 18px;display:flex;flex-direction:column;justify-content:safe center}.shop-dock{flex:0 0 auto;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,#241d33eb,#0c0912f5);backdrop-filter:blur(14px);box-shadow:0 -10px 30px #00000073;padding:10px 14px 12px}.shop-dock-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.shop-dock-gold{display:flex;align-items:baseline;gap:6px;margin-left:auto}.shop-dock .shop-list{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.shop-dock .shop-list>.hero-card{flex:0 0 248px;min-width:248px}@media (max-width: 1024px){.shop-dock .shop-list>.hero-card{flex:0 0 150px;min-width:150px}}@media (max-width: 640px){.shop-dock{max-height:36vh;overflow-y:auto}.shop-dock .hero-card .hero-body{padding:6px 8px 8px;gap:4px}.shop-dock .hero-card .hero-ability{margin-top:4px;padding:4px 7px 5px}.shop-dock .hero-card .hero-ability--empty{display:none}.shop-dock .hero-card .ability-desc{-webkit-line-clamp:1;min-height:0}.shop-dock .hero-card .hero-stats{margin-top:4px}.shop-dock .shop-legend,.hud-item--stage,.shop-dock .hero-card .hero-title{display:none}.shop-dock .shop-list{align-items:flex-start}}.shop-dock .shop-hint{margin:0 0 8px}.prep-actions{flex:0 0 auto;display:flex;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#181222f5,#0a0810fa)}.prep-shop{width:100%;max-width:900px;margin:0 auto}.shop-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.shop-gold{display:flex;align-items:baseline;gap:6px;margin-left:auto}.prep-shop .shop-list{display:grid;grid-template-columns:1fr;gap:10px;overflow-x:visible}.prep-shop .shop-list>.hero-card{flex:none;min-width:0;width:100%}.prep-actions .btn{flex:1 1 auto}.prep-actions .btn-march{flex:1.8 1 auto}.drawer-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}.drawer-foot .btn{width:100%}.prep-gear{width:100%;max-width:900px;margin:0 auto}.shop-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.shop-actions{display:flex;gap:8px;margin-top:12px}.shop-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 2px}.legend-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);letter-spacing:.04em}.legend-chip[data-cost="1"]{--c: #a99fbf}.legend-chip[data-cost="2"]{--c: #3fa88a}.legend-chip[data-cost="3"]{--c: #4e8fd1}.legend-chip[data-cost="4"]{--c: #9d81e0}.legend-chip[data-cost="5"]{--c: var(--gold)}.legend-dot{width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 8px var(--c)}.shop-actions .btn{flex:1}.hero-card{position:relative;text-align:left;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(150% 90% at 6% -25%,color-mix(in srgb,var(--faction, #56566a) 30%,transparent),transparent 62%),linear-gradient(168deg,#1e182ce0,#0c0912f2);box-shadow:0 10px 26px #00000073,inset 0 1px #ffffff0d;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--faction, #56566a),rgba(224,169,75,.4),transparent);z-index:2;pointer-events:none}.hero-card.is-disabled{opacity:.5}.hero-card.is-soldout{display:flex;align-items:center;justify-content:center;border-style:dashed;border-color:#ffffff24;background:linear-gradient(168deg,#14101e99,#0a080fb3);box-shadow:none}.hero-card.is-soldout:before{display:none}.soldout-mark{display:flex;flex-direction:column;align-items:center;gap:6px}.soldout-k{font-family:var(--font-serif);font-size:20px;letter-spacing:.3em;color:var(--text-dim)}.soldout-sub{font-size:12px;letter-spacing:.2em;color:var(--text-mute)}.hero-head{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,color-mix(in srgb,var(--faction, #56566a) 26%,transparent),#0c09129e)}.hero-head:after{content:"";position:absolute;right:-20px;bottom:-26px;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--faction, #56566a) 20%,transparent),transparent 70%);pointer-events:none}.hero-badge{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px 6px 6px 2px;font-family:var(--font-serif);font-size:16px;font-weight:700;color:#fff;background:linear-gradient(150deg,color-mix(in srgb,var(--faction, #56566a) 88%,#0b0812),#0b0812);border:1px solid color-mix(in srgb,var(--faction, #56566a) 60%,transparent);box-shadow:inset 0 0 10px #00000080}.hero-head-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.2}.hero-name{font-family:var(--font-serif);font-size:17px;font-weight:700;color:var(--gold-pale);letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card .hero-name{font-size:18px}.hero-stars{font-size:12px;line-height:1;letter-spacing:.04em;color:var(--gold);text-shadow:0 0 8px rgba(224,169,75,.55);white-space:nowrap}.cost-gem{position:relative;flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:var(--font-serif);font-size:17px;font-weight:700;color:#fff;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--tier, #e0a94b) 40%,#0b0812),#0b0812 74%);border:2px solid var(--tier, var(--gold));box-shadow:0 0 12px color-mix(in srgb,var(--tier, #e0a94b) 50%,transparent),inset 0 0 8px #00000080}.cost-gem:after{content:"费";position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-serif);font-size:9px;color:#0b0812;background:var(--tier, var(--gold));border:1px solid rgba(0,0,0,.55);box-shadow:0 2px 6px #0006}.hero-body{padding:10px 14px 12px;display:flex;flex-direction:column;gap:7px}.hero-card[data-cost="1"],.hero-hand[data-cost="1"]{--tier: #a99fbf}.hero-card[data-cost="2"],.hero-hand[data-cost="2"]{--tier: #3fa88a}.hero-card[data-cost="3"],.hero-hand[data-cost="3"]{--tier: #4e8fd1}.hero-card[data-cost="4"],.hero-hand[data-cost="4"]{--tier: #9d81e0}.hero-card[data-cost="5"],.hero-hand[data-cost="5"]{--tier: var(--gold);background:radial-gradient(180% 120% at 50% -40%,rgba(224,169,75,.16),transparent 66%),linear-gradient(168deg,#2b2114eb,#0c0912f2)}.hero-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:4px}.hero-stats .stat-caption{grid-column:1 / -1;font-size:9.5px;letter-spacing:.14em;color:var(--text-mute);text-align:left;margin-bottom:-1px}.stat{text-align:center;border-radius:5px;background:#08060d8c;padding:5px 0 4px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff08}.stat-k{display:block;font-size:9.5px;color:var(--text-mute);letter-spacing:.18em}.stat-v{display:block;margin-top:1px;font-family:var(--font-serif);font-size:14px;font-weight:700;color:var(--gold-pale);font-variant-numeric:tabular-nums}.hero-tags{display:flex;gap:5px;margin-top:2px;flex-wrap:wrap}.hero-ability{position:relative;padding:6px 10px 7px 14px;border-radius:6px;background:linear-gradient(115deg,#08060d80,#14101e59);border:1px solid rgba(255,255,255,.07)}.hero-ability+.hero-ability{margin-top:6px}.hero-ability:before{content:"";position:absolute;left:5px;top:7px;bottom:7px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--faction, #56566a),color-mix(in srgb,var(--faction, #56566a) 30%,transparent))}.hero-ability--bench:before{background:linear-gradient(180deg,#3fa88a,#3fa88a4d)}.hero-ability--bench{background:linear-gradient(115deg,#3fa88a24,#14101e59)}.hero-ability--bench .ability-name{color:#7ce8bd}.hero-ability--empty{background:#ffffff08;opacity:.6}.hero-ability--empty .ability-name{color:var(--text-dim)}.ability-name{font-family:var(--font-serif);font-size:12.5px;font-weight:600;letter-spacing:.1em;color:var(--gold-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ability-desc{margin-top:2px;font-size:11.5px;color:var(--text-dim);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:3em;overflow:hidden}.hero-hand{--tier: #a99fbf;position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--tier) 55%,transparent);background:radial-gradient(130% 120% at 8% -30%,color-mix(in srgb,var(--faction, #56566a) 22%,transparent),transparent 65%),linear-gradient(168deg,#161122eb,#0a080ef5);overflow:hidden;text-align:left;cursor:pointer}.hero-hand:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--faction, #56566a),transparent);pointer-events:none}.hero-hand.is-locked{opacity:.62;filter:saturate(.5)}.hero-hand.is-soldout{min-height:46px;cursor:default;pointer-events:none;border-style:dashed;border-color:#ffffff24;background:#0a081080;justify-content:center}.hero-hand.is-soldout:before{display:none}.hand-soldout{display:flex;align-items:baseline;gap:8px}.hand-soldout-k{font-family:var(--font-serif);font-size:13px;letter-spacing:.3em;color:var(--text-dim)}.hand-soldout-sub{font-size:11.5px;color:var(--text-mute)}.hero-hand .hand-head{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}.hero-hand .hand-head .hero-badge{width:26px;height:26px;font-size:14px;border-radius:5px 5px 5px 2px;flex:none}.hero-hand .hand-name{flex:1 1 auto;min-width:0;font-family:var(--font-serif);font-size:14px;font-weight:700;color:var(--gold-pale);letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-hand .tag--role{flex:none;font-size:11px;padding:2px 7px}.hero-hand .hand-foot{flex:none;margin-left:auto;display:flex;align-items:center;gap:8px}.hero-hand .cost-gem{width:26px;height:26px;font-size:14px;border-width:1.5px}.hero-hand .cost-gem:after{width:12px;height:12px;font-size:8px;right:-6px;bottom:-6px}.hero-hand:focus-visible{outline:2px solid var(--tier);outline-offset:1px}.hero-buy{flex:none;margin-left:auto}.hero-buy .btn{white-space:nowrap}.board-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.board-side-label{display:flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.2em;color:var(--text-mute)}.board-side-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.board{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius);min-width:0;overflow-x:auto;background:linear-gradient(180deg,rgba(224,169,75,.05),transparent 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 62px),#0000004d;border:1px solid var(--line-soft)}.board-line{display:flex;flex-direction:column;gap:5px}.board-line-label{font-size:11px;letter-spacing:.2em;color:var(--text-mute)}.board-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.unit--compact{justify-content:center;gap:3px}.unit--compact .unit-top{gap:4px}.unit--compact .unit-name{flex:1 1 auto;min-width:0;padding-right:30px;font-size:13px}.unit--compact .unit-lv{position:absolute;top:0;right:0;margin-left:0;flex:none;font-size:9.5px;line-height:1.25;white-space:nowrap}.unit--compact .unit-sub{display:flex}.unit--compact .unit-role{font-size:9.5px}.unit-faction{flex:none;font-family:var(--font-serif);font-size:9.5px;line-height:1.5;padding:0 4px;border-radius:3px;background:var(--faction, rgba(255, 255, 255, .16));color:#fff}.slot{position:relative;min-height:92px;border-radius:var(--radius-sm);border:1px dashed rgba(169,159,191,.2);background:#ffffff04;transition:border-color .2s ease,background .2s ease,transform .16s ease}.slot.is-empty:hover{border-color:#e0a94b80;background:#e0a94b12}.slot.is-target{border-color:var(--gold);background:#e0a94b1f;box-shadow:0 0 0 1px #e0a94b4d inset}.slot.has-unit{border-style:solid;border-color:#a99fbf3d;background:#140f1e80}.unit{position:relative;height:100%;min-height:92px;padding:7px 8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;cursor:pointer;border:2px solid rgba(255,255,255,.08);background:linear-gradient(165deg,#2f2743d9,#0e0b12e6)}.unit[data-cost="1"]{border-color:#a99fbf99}.unit[data-cost="2"]{border-color:#3fa88ab8}.unit[data-cost="3"]{border-color:#4e8fd1b8}.unit[data-cost="4"]{border-color:#9d81e0c7}.unit[data-cost="5"]{border-color:#e0a94be6}.unit--ally{box-shadow:0 6px 18px #0006,0 0 0 1px #3fa88a24 inset}.unit--enemy{box-shadow:0 6px 18px #0006,0 0 0 1px #b3323a2e inset}.unit.is-selected{border-color:var(--gold);box-shadow:0 0 0 1px #e0a94b80 inset,0 12px 26px #e0a94b33}.unit.is-acting{border-color:var(--gold-soft);animation:acting .7s ease-in-out infinite alternate}.unit.is-dead{opacity:.32;filter:grayscale(1);cursor:default}.unit.is-hit{animation:shake .32s ease}.unit-top{display:flex;align-items:center;gap:6px;position:relative;z-index:2;min-width:0}.unit-name{font-family:var(--font-serif);font-size:14px;color:var(--text);letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.unit-role{font-size:10px;color:var(--text-mute);border:1px solid var(--line-soft);border-radius:4px;padding:0 3px}.unit-lv{margin-left:auto;font-size:10.5px;color:var(--gold)}.unit-cost{margin-left:5px;font-size:10.5px;font-weight:600;color:var(--gold);background:#e0a94b24;border:1px solid rgba(224,169,75,.4);border-radius:4px;padding:0 4px}.unit-hp{position:relative;height:15px;border-radius:4px;background:#0009;overflow:hidden;border:1px solid rgba(255,255,255,.07);z-index:2}.unit-hp-bar{position:absolute;inset:0 auto 0 0;border-radius:3px;background:linear-gradient(90deg,#2f8f70,#63d3a6);transition:width .28s ease}.unit--enemy .unit-hp-bar{background:linear-gradient(90deg,#8f2f36,#d9534f)}.unit-hp-bar.is-low{background:linear-gradient(90deg,#b3323a,#ff8b6b)}.unit-hp-text{position:absolute;inset:0;display:grid;place-items:center;font-size:10.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.unit-energy{height:4px;border-radius:3px;background:#0000008c;overflow:hidden;z-index:2}.unit-energy-bar{height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--gold-soft));box-shadow:0 0 8px #e0a94b99;transition:width .28s ease}.unit-buffs{display:flex;gap:2px;flex-wrap:wrap;align-content:flex-start;z-index:2;min-height:13px;max-height:28px;overflow:hidden}.buff-chip{font-size:10px;line-height:1.35;padding:0 4px;border-radius:4px;color:#bff0dc;background:#3fa88a33;border:1px solid rgba(63,168,138,.4);white-space:nowrap;flex:0 0 auto;letter-spacing:0}.buff-chip--more{color:var(--text-mute);background:#a99fbf26;border-color:#a99fbf59}.buff-chip--debuff{color:#ffc0a4;background:#b3323a38;border-color:#d9534f73}.unit-shield{position:absolute;right:6px;top:6px;font-size:9.5px;color:#b9d8ff;z-index:3}.float-host{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:6}.float{position:absolute;left:50%;top:16px;transform:translate(-50%);font-family:var(--font-serif);font-weight:700;font-size:15px;white-space:nowrap;animation:floatUp 1.05s cubic-bezier(.2,.7,.3,1) forwards;text-shadow:0 2px 6px rgba(0,0,0,.9)}.float--dmg{color:#ff8f7a}.float--crit{color:#ffd76b;font-size:20px}.float--heal{color:#7ce8bd}.float--shield{color:#a6cdff;font-size:13px}.float--buff{color:#d3b6ff;font-size:12.5px}.float--debuff{color:#ffab9a;font-size:12.5px}.float--miss{color:var(--text-mute);font-size:12.5px}.bench{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border-radius:var(--radius);border:1px solid var(--line-soft);background:#0000003d}.bench-slot{min-height:92px;border-radius:var(--radius-sm);border:1px dashed rgba(169,159,191,.2);display:grid;place-items:center;color:var(--text-mute);font-size:11px;transition:border-color .2s ease,background .2s ease}.bench-slot.is-empty:hover{border-color:#e0a94b73;background:#e0a94b0f}.bench-slot.has-unit{padding:0;border-style:solid;border-color:#a99fbf3d}.bench-slot .unit{width:100%;min-height:92px}.tabs{display:flex;gap:6px;margin-bottom:10px}.tab{flex:1;padding:7px 4px;border-radius:8px;font-size:12.5px;letter-spacing:.12em;color:var(--text-dim);border:1px solid var(--line-soft);background:#00000038;transition:all .2s ease}.tab:hover{color:var(--text);border-color:#e0a94b66}.tab.is-active{color:var(--gold-pale);border-color:#e0a94b8c;background:linear-gradient(140deg,#e0a94b33,#7a5cc429)}.tab-body{overflow:visible}.item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.item-card{text-align:left;padding:8px 9px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:linear-gradient(160deg,#2f274399,#0e0b12cc);transition:transform .16s ease,border-color .2s ease,box-shadow .22s ease}.item-card:hover{transform:translateY(-2px);border-color:#e0a94b80}.item-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 1px #e0a94b66 inset}.item-card.is-used{opacity:.45}.item-glyph{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;font-family:var(--font-serif);font-size:14px;color:var(--gold-pale);background:linear-gradient(150deg,#e0a94b42,#7a5cc438);border:1px solid rgba(224,169,75,.35)}.item-name{font-size:12.5px;color:var(--text);letter-spacing:.05em}.item-mods{font-size:11px;color:var(--ok);margin-top:3px}.item-desc{font-size:11px;color:var(--text-mute);margin-top:2px;line-height:1.5}.item-head{display:flex;align-items:center;gap:7px}.equip-block{display:flex;flex-direction:column;gap:7px}.roster-item{display:flex;flex-direction:column;gap:5px}.equip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 9px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:#0000003d;font-size:12px}.equip-slot{color:var(--text-mute);letter-spacing:.14em;min-width:42px}.equip-value{color:var(--gold-pale)}.equip-value.is-empty{color:var(--text-mute)}.equip-clear{margin-left:auto;font-size:11px;color:var(--text-dim);border:1px solid var(--line-soft);border-radius:6px;padding:1px 7px}.equip-clear:hover{color:var(--blood-soft);border-color:var(--blood-soft)}.item-cell{display:flex;flex-direction:column;gap:6px}.item-cell .item-card{width:100%}.item-sell{font-size:11px;color:var(--gold-pale);border:1px solid var(--line-soft);border-radius:6px;padding:2px 7px;background:#0003}.item-sell:hover{border-color:#e0a94b8c;color:var(--gold)}.hero-pick-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.hero-pick{padding:3px 9px;font-size:11.5px;border-radius:999px;border:1px solid var(--line-soft);color:var(--text-dim);background:#00000042}.hero-pick:hover{color:var(--text);border-color:#e0a94b66}.hero-pick.is-active{color:var(--gold-pale);border-color:var(--gold);background:#e0a94b29}.power-bar{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.power-bar-track{flex:1;height:6px;border-radius:4px;background:#00000080;overflow:hidden}.power-bar-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--gold));box-shadow:0 0 10px #e0a94b80;transition:width .3s ease}.synergy-wrap{margin-top:16px}.synergy-body{display:flex;flex-direction:column;gap:14px}.synergy-group-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.16em;color:var(--gold-pale);margin-bottom:8px}.synergy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:8px}.synergy-card{display:flex;gap:9px;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:linear-gradient(160deg,#2f274380,#0e0b12bf);opacity:.6;transition:transform .2s ease,opacity .2s ease,border-color .24s ease,box-shadow .24s ease}.synergy-card.is-active{opacity:1;border-color:#e0a94b80;background:linear-gradient(160deg,#e0a94b2e,#7a5cc41f);box-shadow:0 8px 22px #e0a94b24}.synergy-card.is-active:hover{transform:translateY(-3px);box-shadow:0 14px 30px #e0a94b38}.synergy-glyph{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;font-family:var(--font-serif);font-size:15px;color:var(--gold-pale);background:linear-gradient(150deg,#e0a94b3d,#7a5cc438);border:1px solid rgba(224,169,75,.35)}.synergy-card.is-active .synergy-glyph{color:#2a1c05;background:linear-gradient(140deg,#f7e4bb,var(--gold) 55%,#b57d20)}.synergy-main{flex:1;min-width:0}.synergy-head{display:flex;align-items:baseline;gap:6px}.synergy-name{font-size:13px;color:var(--text);letter-spacing:.08em}.synergy-count{margin-left:auto;font-family:var(--font-serif);font-size:15px;color:var(--gold)}.synergy-tiers{display:flex;gap:3px;margin:3px 0}.synergy-tier{font-size:10px;padding:0 5px;border-radius:999px;border:1px solid var(--line-soft);color:var(--text-mute)}.synergy-tier.is-on{color:var(--gold-pale);border-color:#e0a94b80;background:#e0a94b24}.synergy-tier.is-cur{background:var(--gold);color:#2a1c05;border-color:var(--gold)}.synergy-desc{font-size:11px;color:var(--text-dim);line-height:1.5}.board-panel .board,.board-panel .bench{width:100%;max-width:900px;margin:0 auto}.shop-actions{max-width:420px}.side-panel .hero-pick-row{justify-content:center}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.battle-stage{border-radius:var(--radius);border:1px solid var(--line-soft);background:radial-gradient(700px 320px at 50% 0%,rgba(179,50,58,.14),transparent 70%),radial-gradient(700px 320px at 50% 100%,rgba(63,168,138,.12),transparent 70%),#00000057;padding:14px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.side{display:flex;flex-direction:column;gap:6px;padding:12px 10px;border-radius:14px;background:#0000003d;border:1px solid var(--line-soft)}.battle-stage>.side:first-child{box-shadow:inset 0 14px 44px #b3323a33;border-color:#b3323a57}.battle-stage>.side:last-child{box-shadow:inset 0 -14px 44px #3fa88a2e;border-color:#3fa88a57}.vs-divider{height:34px;display:flex;align-items:center;gap:12px;color:var(--gold);font-family:var(--font-serif);letter-spacing:.4em;font-size:12px}.vs-divider:before,.vs-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(224,169,75,.55),transparent)}.battle-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.tactic-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;margin-bottom:12px;border-radius:var(--radius);border:1px dashed rgba(122,92,196,.42);background:linear-gradient(180deg,#7a5cc429,#100c1899)}.tactic-bar-label{font-family:var(--font-serif);font-size:13px;letter-spacing:.2em;color:var(--gold-pale)}.tactic-uses{font-size:11.5px;color:var(--text-mute);margin-right:4px}.tactic-bar .btn.tactic-btn{color:var(--gold-pale);border-color:#7a5cc48c;background:linear-gradient(140deg,#7a5cc457,#342858b3)}.tactic-bar .btn.tactic-btn:hover:not(:disabled){border-color:var(--gold);box-shadow:0 10px 24px #e0a94b40}.tactic-bar .btn.tactic-btn:disabled{opacity:.35;cursor:not-allowed}.battle-stage .board-row{width:100%;max-width:940px;margin:0 auto}.speed-group{display:flex;gap:5px}.battle-title{font-family:var(--font-serif);font-size:18px;color:var(--gold-pale);letter-spacing:.12em}.battle-title small{font-family:var(--font-sans);font-size:11.5px;color:var(--text-mute);letter-spacing:.06em;margin-left:8px}.log-panel{border-radius:var(--radius);border:1px solid var(--line-soft);background:linear-gradient(180deg,#2f274380,#0c0912db);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:min(74vh,700px);position:sticky;top:10px}.log-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line-soft);font-family:var(--font-serif);font-size:15px;color:var(--gold-pale);letter-spacing:.16em}.log-head .badge{margin-left:auto;font-family:var(--font-sans);font-size:11px;color:var(--text-dim);border:1px solid var(--line-soft);border-radius:999px;padding:1px 9px;background:#0000004d}.log-body{flex:1;overflow-y:auto;padding:10px 12px;font-size:12.5px;line-height:1.75}.log-line{color:var(--text-dim);word-break:break-word;animation:logIn .25s ease both}.log-line b{color:var(--text);font-weight:600}.log-line--phys{color:#d8ccbb}.log-line--crit{color:#ffd76b}.log-line--skill{color:var(--violet-soft)}.log-line--heal{color:var(--ok)}.log-line--buff{color:#8fd8ff}.log-line--debuff{color:#ff9d9d}.log-line--death{color:var(--blood-soft);font-weight:600}.log-line--sys{color:var(--text-mute)}.banner-host{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:20}.banner{display:flex;align-items:center;gap:12px;padding:10px 30px 10px 14px;border-radius:999px;font-family:var(--font-serif);font-size:26px;letter-spacing:.3em;color:#2a1c05;background:linear-gradient(140deg,#fff3d8,var(--gold) 50%,#b57d20);box-shadow:0 18px 50px #e0a94b73;animation:bannerPop 1.4s cubic-bezier(.2,.8,.2,1) forwards}.banner--enemy{color:#ffeaea;background:linear-gradient(140deg,#e0666d,var(--blood) 55%,#7d1f26);box-shadow:0 18px 50px #b3323a80}.banner-side{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:17px;letter-spacing:0;color:#2a1c05;background:#fff9;border:1px solid rgba(0,0,0,.22)}.banner--enemy .banner-side{color:#7d1f26;background:#ffffffe0;border-color:#0000001f}.banner-name{letter-spacing:.3em}.battle-result-mask{position:absolute;inset:0;z-index:25;display:grid;place-items:center;overflow-y:auto;background:radial-gradient(circle at 50% 50%,#0a081099,#06040aeb);animation:fadeIn .4s ease both}.battle-result-card{text-align:center;padding:26px 40px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(170deg,#2f2743e6,#0c0912f2);box-shadow:var(--shadow-lg);animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.battle-result-card h3{font-family:var(--font-serif);font-size:30px;letter-spacing:.24em;background:linear-gradient(180deg,#fff6e2,var(--gold) 60%,#a06a1c);-webkit-background-clip:text;background-clip:text;color:transparent}.battle-result-card.is-lose h3{background:linear-gradient(180deg,#ffd6d6,var(--blood-soft) 60%,#7d1f26);-webkit-background-clip:text;background-clip:text;color:transparent}.result-warn{margin:2px 0 10px;font-size:12px;color:var(--blood-soft);letter-spacing:.1em}.battle-result-stats{display:flex;gap:18px;justify-content:center;margin:14px 0 18px}.battle-result-stats .stat{min-width:84px;padding:8px 10px}.battle-result-stats .stat-v{font-family:var(--font-serif);font-size:18px;color:var(--gold-pale)}.result-mvp{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:5px 14px;border:1px solid rgba(224,169,75,.45);border-radius:999px;background:#e0a94b1a}.result-mvp-glyph{font-family:var(--font-serif);font-size:15px;color:var(--gold-pale)}.result-mvp-text{font-family:var(--font-serif);font-size:17px;color:var(--gold-pale);letter-spacing:.05em}.result-rank{display:flex;flex-direction:column;gap:4px;margin:4px 0 16px;text-align:left;min-width:240px}.result-rank-row{display:flex;align-items:baseline;gap:10px;font-size:12.5px;color:var(--text-dim);padding:4px 10px;border-radius:8px;background:#14101e73}.result-rank-row.is-dead{opacity:.45;text-decoration:line-through}.result-rank-no{font-family:var(--font-serif);color:var(--gold);min-width:14px;text-align:center}.result-rank-name{color:var(--text);flex:1}.result-rank-val{font-size:12px;letter-spacing:.03em}@media (max-width: 640px){.battle-result-mask{position:fixed;display:flex;align-items:center;justify-content:center;padding:14px;overflow-y:auto}.battle-result-card{margin:auto;width:100%;max-width:440px;max-height:calc(100dvh - 48px);overflow-y:auto;padding:20px 16px}.battle-result-card h3{font-size:22px;letter-spacing:.16em}.battle-result-stats{flex-wrap:wrap;gap:8px 10px;margin:12px 0 14px}.battle-result-stats .stat{flex:1 1 28%;min-width:0;padding:7px 6px}.battle-result-stats .stat-v{font-size:16px}.result-mvp{flex-wrap:wrap;justify-content:center;max-width:100%}.result-rank{min-width:0;width:100%}.result-rank-row{gap:8px;font-size:12px;padding:5px 8px}.result-rank-val{white-space:nowrap}}.resume-panel{margin-top:18px}.resume-panel .menu-actions{margin-top:12px}.event-layout{display:flex;flex-direction:column;gap:16px;align-items:center;padding-top:24px}.event-card{width:min(880px,100%);text-align:center;padding:30px 34px 26px;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(500px 200px at 50% 0%,rgba(122,92,196,.22),transparent 70%),linear-gradient(170deg,#2f2743cc,#0c0912e6);box-shadow:var(--shadow-lg)}.rune{width:66px;height:66px;margin:0 auto 14px;display:grid;place-items:center;font-family:var(--font-serif);font-size:30px;color:#2a1c05;border-radius:18px;background:linear-gradient(140deg,#fff3d8,var(--gold) 50%,#a06a1c);box-shadow:0 0 40px #e0a94b66;animation:none}.event-title{font-family:var(--font-serif);font-size:26px;color:var(--gold-pale);letter-spacing:.2em}.event-text{color:var(--text-dim);margin-top:8px;font-size:13px}.reward-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:22px 0 20px}.relic-card{text-align:left;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:linear-gradient(160deg,#2f2743b3,#0c0912d9);transition:transform .2s ease,border-color .24s ease,box-shadow .26s ease}.relic-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 18px 36px #e0a94b33}.relic-card.is-picked{border-color:var(--gold);background:linear-gradient(160deg,#e0a94b33,#0c0912d9)}.relic-glyph{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-family:var(--font-serif);font-size:20px;color:var(--gold-pale);background:linear-gradient(150deg,#e0a94b47,#7a5cc43d);border:1px solid rgba(224,169,75,.4);margin-bottom:8px}.relic-name{font-family:var(--font-serif);font-size:16px;color:var(--text);letter-spacing:.1em}.relic-desc{font-size:11.5px;color:var(--text-dim);margin-top:4px;line-height:1.6}.offer-card .item-mods{margin-top:9px}.offer-head{display:flex;align-items:flex-start;gap:10px}.offer-head .relic-glyph{margin-bottom:0;flex:none}.offer-title{flex:1;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.offer-tag{font-size:10.5px;color:var(--violet-soft);border:1px solid rgba(157,129,224,.35);border-radius:4px;padding:0 5px;letter-spacing:.08em}.offer-price{flex:none;font-family:var(--font-serif);font-size:15px;color:var(--gold);white-space:nowrap}.offer-price.is-short{color:var(--blood-soft)}.offer-card.is-sold .relic-name,.offer-card.is-sold .item-mods,.offer-card.is-sold .relic-desc{opacity:.45;text-decoration:line-through}.event-gold{margin-top:10px;display:inline-flex;align-items:center;gap:10px;padding:5px 18px;border-radius:999px;border:1px solid rgba(224,169,75,.4);background:#e0a94b1a;font-family:var(--font-serif);font-size:14px;color:var(--gold-pale);letter-spacing:.06em}.event-gold-sep{color:var(--text-mute);font-size:11px}.team-hero{position:relative;overflow:hidden;padding:10px 10px 10px 13px;border-radius:10px;text-align:left}.team-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--faction, var(--gold));opacity:.85;transition:width .18s ease,box-shadow .24s ease,opacity .2s ease}.team-hero:hover:before{width:5px;opacity:1;box-shadow:0 0 11px var(--faction, var(--gold))}.team-hero.is-dead{opacity:.5;filter:grayscale(1)}.team-hero-head{display:flex;align-items:baseline;gap:6px}.team-hero-name{font-family:var(--font-serif);font-size:15px;color:var(--text);letter-spacing:.06em;white-space:nowrap}.team-hero-meta{font-size:10.5px;color:var(--text-mute);white-space:nowrap}.team-hero-star{margin-top:1px;font-size:10px;color:var(--gold);letter-spacing:.15em}.team-hero-bench{display:inline-block;margin-top:3px;font-size:10px;color:#7ce8bd;border:1px solid rgba(63,168,138,.4);border-radius:4px;padding:0 5px}.team-hero .unit-hp{margin-top:7px}.team-hero-stats{margin-top:6px;font-size:11px;color:var(--text-mute);font-variant-numeric:tabular-nums}.team-strip{width:min(1180px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.team-strip .unit{min-height:74px;cursor:default}.over-layout{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:40px}.over-banner{font-family:var(--font-serif);font-size:clamp(36px,7vw,78px);letter-spacing:.24em;animation:rise .8s cubic-bezier(.2,.8,.2,1) both}.over-banner.is-win{background:linear-gradient(180deg,#fff6e2,var(--gold-pale) 35%,var(--gold) 65%,#a06a1c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 34px rgba(224,169,75,.45))}.over-banner.is-lose{background:linear-gradient(180deg,#ffdede,var(--blood-soft) 40%,#7d1f26);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 34px rgba(179,50,58,.45))}.over-sub{color:var(--text-dim);letter-spacing:.16em;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:min(960px,100%)}.stat-grid .stat{padding:14px 10px;border-radius:var(--radius-sm);background:linear-gradient(170deg,#2f274399,#0c0912cc);border:1px solid var(--line-soft)}.stat-grid .stat-v{font-family:var(--font-serif);font-size:26px;color:var(--gold)}.team-wall{width:min(1180px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.team-wall .unit{min-height:92px;cursor:default}.toast-host{position:fixed;left:50%;bottom:34px;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:9px 20px;border-radius:999px;font-size:13px;letter-spacing:.08em;color:var(--text);background:#181324f0;border:1px solid var(--line);box-shadow:var(--shadow-md);animation:toastIn .28s cubic-bezier(.2,.8,.2,1) both}.toast--warn{border-color:#d9534f99;color:#ffd0cc}.toast--good{border-color:#3fa88a99;color:#c7f5e5}.detail-pop{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:190;max-width:min(560px,92vw);padding:12px 18px;border-radius:var(--radius-sm);background:#100c18f5;border:1px solid var(--line);box-shadow:var(--shadow-lg);font-size:12.5px;color:var(--text-dim);animation:rise .24s ease both}.detail-pop b{color:var(--gold-pale);font-family:var(--font-serif);letter-spacing:.1em}.detail-host{position:fixed;inset:0;z-index:130}.detail-mask{position:absolute;inset:0;background:#06040a8c}.detail-sheet{position:absolute;left:0;right:0;bottom:0;max-height:74dvh;overflow-y:auto;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;border:1px solid var(--line);background:linear-gradient(170deg,#2f2743f7,#0c0912fc);box-shadow:0 -18px 50px #0009;animation:rise .24s cubic-bezier(.2,.8,.2,1) both}.detail-sheet .sheet-bar{display:flex;align-items:center;gap:10px;margin-bottom:8px}.detail-sheet .sheet-name{font-family:var(--font-serif);font-size:16px;font-weight:700;color:#fff}.detail-sheet .sheet-meta{margin-right:auto;font-size:11px;color:var(--text-mute)}.detail-sheet .sheet-close{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:14px;line-height:1;color:var(--text-dim);background:#ffffff0f}.detail-sheet .hero-body{padding:8px 0 6px}.detail-sheet .hero-ability--empty{opacity:.55}.detail-sheet .sheet-buy{display:flex;flex-direction:column;gap:6px;align-items:stretch;padding-top:6px}.detail-sheet .sheet-buy .btn{font-size:15px;padding:10px 0}.detail-sheet .sheet-reason{font-size:11px;color:var(--text-dim);text-align:center}.roster-open{cursor:pointer}.roster-open:hover{background:#7a5cc41a}@media (min-width: 641px){.detail-host{display:grid;place-items:center;padding:20px}.detail-sheet{inset:50% auto auto;transform:translate(-50%,-50%);width:min(420px,92vw);max-height:84dvh;border-radius:18px;box-shadow:0 18px 60px #0009;animation:fadeIn .18s ease both}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,12px) scale(.8)}22%{opacity:1;transform:translate(-50%,-2px) scale(1.1)}to{opacity:0;transform:translate(-50%,-40px) scale(.95)}}@keyframes shake{0%,to{transform:translate(0) translateY(0)}20%{transform:translate(-5px) translateY(-2px)}45%{transform:translate(4px) translateY(1px)}70%{transform:translate(-3px) translateY(0)}}@keyframes acting{0%{box-shadow:0 0 0 1px #e0a94b59 inset,0 0 14px #e0a94b40}to{box-shadow:0 0 0 1px #e0a94bcc inset,0 0 30px #e0a94b8c}}@keyframes bannerPop{0%{opacity:0;transform:scale(.72) translateY(10px);letter-spacing:.7em}18%{opacity:1;transform:scale(1.02) translateY(0);letter-spacing:.3em}78%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1.04) translateY(-12px)}}@keyframes logIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1280px){.shop-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width: 1024px){.battle-layout{grid-template-columns:1fr}.log-panel{position:static;height:260px}.prep-tab{font-size:13px;letter-spacing:.1em;padding:9px 6px}.record-grid{grid-template-columns:repeat(2,1fr)}.diff-row{grid-template-columns:1fr}.menu-actions{flex-wrap:wrap}.menu-actions .btn{min-width:0;flex:1 1 auto;padding:13px 16px}}@media (max-width: 640px){.screen{padding:12px 12px 26px}.board-row{gap:5px}.slot{min-height:96px}.unit{min-height:92px;padding:5px}.unit-name{font-size:12px;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}.hero-stats{grid-template-columns:repeat(3,1fr)}.shop-list{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.shop-list>.hero-card{flex:0 0 150px;min-width:150px}.hud{gap:6px;padding:8px 10px;margin-bottom:10px}.hud-item{padding:3px 8px}.hud-k{font-size:10px;letter-spacing:.06em}.hud-v{font-size:15px}.hud-sep{display:none}.hud .btn{flex:1 1 auto}.btn-march{flex:1 1 100%;padding:13px;font-size:16px}.panel{padding:12px 12px 14px}.panel-title{font-size:15px}.battle-toolbar{gap:8px}.battle-toolbar .btn{flex:1 1 auto}.bench{overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.synergy-body{flex-direction:column;gap:12px}.synergy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.synergy-card{padding:7px 8px;gap:6px}.synergy-glyph{width:24px;height:24px;font-size:13px;border-radius:7px}.synergy-name{font-size:12px}.synergy-count{font-size:13px}.synergy-desc{font-size:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.log-panel{height:190px}.panel{margin-bottom:12px}.prep-tabs-wrap{gap:12px}}@media (max-width: 640px){.hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 8px;padding:6px 8px;margin-bottom:8px}.hud-item{display:flex;align-items:center;justify-content:center;min-width:0;gap:5px;padding:4px 6px;border-radius:7px;background:linear-gradient(180deg,#ffffff0e,#0003);box-shadow:inset 0 1px #ffffff0f}.hud-item--stage{display:flex}.hud-item--bastion{justify-content:center}.hud-item--bastion .bastion-track{width:44px;height:8px}.hud-k{flex:none;font-size:10px;letter-spacing:.08em;white-space:nowrap}.hud-v{min-width:0;font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-item--stage .hud-v,.hud-item--bastion .hud-v{font-size:12px}.hud-v-sub{display:none}.relic-strip{grid-column:1 / -1;justify-content:center}.prep-shop .shop-hint--odds{display:none}.prep-shop .shop-list{display:flex;flex-direction:column;gap:8px;overflow:visible;padding:2px 0 8px}.prep-shop .shop-list>*{flex:none;width:100%}.prep-stage{padding:16px 14px 24px}.prep-tabs{padding:10px 12px 0}.prep-actions{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}.panel{padding:15px 15px 17px}.panel-title{margin-bottom:14px}}@media (max-width: 480px){.board-row{gap:4px}.slot{min-height:94px}.unit{min-height:90px;padding:5px}.unit-name{font-size:12px}.unit-hp{height:16px}.unit-energy{height:3px}.unit-buffs{min-height:12px}.bench-slot{min-height:94px}.bench-slot .unit{min-height:90px}}@media (max-width: 420px){.screen{padding:10px 10px 22px}.hud{position:static}.hero-name{font-size:15px}.board-row{gap:3px}.slot{min-height:92px}.unit{min-height:88px;padding:5px}.unit-name{font-size:10.5px}.unit-hp{height:16px}.unit-hp-text{font-size:10px}.unit-lv{font-size:9px}.bench-slot{min-height:92px}.bench-slot .unit{min-height:88px}.menu-actions .btn{font-size:14px}}.hero-stars[data-tier="0"],.unit-lv[data-tier="0"],.tag--rank[data-tier="0"]{color:var(--rank-0)}.hero-stars[data-tier="1"],.unit-lv[data-tier="1"],.tag--rank[data-tier="1"]{color:var(--rank-1)}.hero-stars[data-tier="2"],.unit-lv[data-tier="2"],.tag--rank[data-tier="2"]{color:var(--rank-2)}.hero-stars[data-tier="3"],.unit-lv[data-tier="3"],.tag--rank[data-tier="3"]{color:var(--rank-3);font-weight:700}.hero-stars[data-tier="1"],.hero-stars[data-tier="2"],.hero-stars[data-tier="3"]{font-family:var(--font-serif);text-shadow:0 0 10px currentColor}.tag--rank{font-weight:600;border-color:currentColor;background:#ffffff0f}.tag--growth{color:#7ce8bd;border-color:#3caa8273;background:#1e785a38}.hero-deed-row{margin-top:5px}.tag--deed{color:var(--text-mute);border-color:#a99fbf52;background:#ffffff0a}.tag--deed.is-on{color:var(--gold-pale);font-weight:600;border-color:#e0a94bb3;background:linear-gradient(120deg,#e0a94b42,#ffffff0a);text-shadow:0 0 10px rgba(224,169,75,.45)}.deed-banner{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid rgba(224,169,75,.55);background:linear-gradient(120deg,#e0a94b38,#ffffff08);color:var(--gold-pale);pointer-events:none;animation:deed-banner-fade 1.5s ease-out forwards}.deed-banner-k{font-size:11.5px;letter-spacing:.22em;color:var(--gold)}.deed-banner-v{font-family:var(--font-serif);font-size:14px;font-weight:700}@keyframes deed-banner-fade{0%{opacity:0;transform:translateY(-6px)}14%{opacity:1;transform:translateY(0)}72%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.deed-entry{display:flex;align-items:center;gap:14px;width:100%;padding:12px 18px;border-radius:var(--radius-sm);border:1px solid rgba(224,169,75,.35);background:linear-gradient(120deg,#e0a94b1f,#ffffff05);cursor:pointer;text-align:left}.deed-entry:hover{border-color:var(--gold)}.deed-entry-k{flex:none;font-family:var(--font-serif);font-weight:700;letter-spacing:.12em;color:var(--gold-pale)}.deed-entry-v{display:flex;align-items:baseline;gap:10px;font-size:11.5px;color:var(--text-dim)}.deed-entry-go{flex:none;margin-left:auto;font-size:11.5px;color:var(--gold)}.deeds-screen .deeds-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.deeds-title{margin:0 0 4px;font-family:var(--font-serif);font-size:26px;letter-spacing:.2em;color:var(--gold-pale)}.deed-panel{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.deed-summary{margin-bottom:4px;font-size:11.5px;color:var(--text-mute);text-align:center}.deed-group{margin-top:6px;font-size:11px;letter-spacing:.22em;color:var(--text-mute)}.deed-group.is-on{color:var(--gold)}.deed-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:#00000038}.deed-card.is-on{border-color:#e0a94b80;background:linear-gradient(120deg,#e0a94b24,#00000038)}.deed-card-head{display:flex;align-items:baseline;gap:10px}.deed-card-head .deed-hero{flex:none;font-size:12px;font-weight:600;color:var(--text-mute)}.deed-card-head .deed-name{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--text-dim)}.deed-card.is-on .deed-name{color:var(--gold-pale)}.deed-state{flex:none;margin-left:auto;font-size:11px;color:var(--text-mute)}.deed-state.is-on{font-weight:700;color:var(--gold)}.deed-lore{font-size:11px;color:var(--text-mute)}.deed-line{display:flex;gap:8px;font-size:11.5px}.deed-line-k{flex:none;color:var(--text-mute)}.deed-line-v{color:var(--text-dim)}.hero-ability.is-deed-on{border-color:#e0a94b6b}.hero-ability.is-deed-on .ability-name{color:var(--gold-pale)}.level-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid rgba(224,169,75,.28);background:linear-gradient(120deg,#e0a94b1a,#ffffff05)}.level-badge{flex:none;font-family:var(--font-serif);font-size:14px;font-weight:700;color:#2a1c05;padding:2px 10px;border-radius:999px;background:linear-gradient(140deg,#fff3d8,var(--gold) 60%,#b57d20);box-shadow:0 0 14px #e0a94b59}.level-hint{flex:1 1 auto;min-width:0;font-size:11.5px;color:var(--text-dim);line-height:1.45}.level-cost{font-size:12px;color:var(--gold);letter-spacing:.08em}.level-next{color:#e0a94bd1}.rank-choice-mask{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 40%,#0a0810bd,#06040af2);animation:fadeIn .26s ease both}.rank-choice{width:min(520px,100%);padding:20px 20px 18px;border-radius:var(--radius);border:1px solid rgba(224,169,75,.45);background:linear-gradient(160deg,#2f2743f5,#0e0b12fa);box-shadow:0 26px 72px #0000009e,inset 0 0 60px #e0a94b0f;animation:fadeIn .34s ease both}.rank-choice-title{font-family:var(--font-serif);font-size:21px;letter-spacing:.1em;color:var(--gold);text-shadow:0 0 18px rgba(224,169,75,.4)}.rank-choice-sub{margin-top:5px;font-size:12px;color:var(--text-mute);letter-spacing:.08em}.rank-choice-options{margin-top:14px;display:grid;gap:10px}.rank-option{text-align:left;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(169,159,191,.28);background:#ffffff08;color:var(--text);transition:border-color .18s ease,background .18s ease,transform .16s ease}.rank-option:hover{border-color:var(--gold);background:#e0a94b1a;transform:translateY(-1px)}.rank-option.is-disabled{opacity:.62}.rank-option-head{font-family:var(--font-serif);font-size:15px;color:var(--gold);letter-spacing:.08em}.rank-option-desc{margin-top:4px;font-size:11.5px;line-height:1.5;color:var(--text-dim)}@media (max-width: 640px){.level-bar{gap:6px;margin-bottom:8px;padding:6px 8px}.level-badge{font-size:12.5px;padding:1px 8px}.level-hint{font-size:10.5px}.rank-choice{padding:16px 14px 14px}.rank-choice-title{font-size:18px}.rank-option{padding:10px 12px}.rank-option-desc{font-size:11px}}