:root{--void: #07040f;--void-2: #0d0719;--panel: #160f28;--panel-2: #1d1435;--line: #352463;--line-soft: #2a1c4d;--ink: #e9e4ff;--ink-dim: #a89ecb;--ink-faint: #6f6694;--violet: #7b3cff;--violet-soft: #a97bff;--cyan: #35e6ff;--gold: #ffc857;--crimson: #ff3b5c;--green: #5ce6a0;--r-common: #9aa4b2;--r-epic: #a855f7;--r-legendary: #ffc857;--r-mythic: #ff4d6d;--r-arcane: #ff7ae0;--r-zenless: #35e6ff;--radius: 14px;--radius-sm: 9px;--shadow: 0 18px 44px rgba(0, 0, 0, .55);--font: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--mono: "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:var(--void);color:var(--ink);font-family:var(--font);overscroll-behavior:none}#app{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}button,input{font-family:inherit;color:inherit}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.bg{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 80% at 50% 120%,rgba(123,60,255,.35),transparent 60%),radial-gradient(80% 60% at 15% 5%,rgba(53,230,255,.16),transparent 65%),linear-gradient(180deg,var(--void-2) 0%,var(--void) 70%);overflow:hidden}.bg__portal{position:absolute;left:50%;top:46%;width:min(78vmin,720px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(53,230,255,.28) 0%,rgba(123,60,255,.22) 38%,transparent 62%),conic-gradient(from 0deg,transparent 0 22%,rgba(123,60,255,.55) 28%,transparent 34%,transparent 58%,rgba(53,230,255,.5) 64%,transparent 70%);filter:blur(.5px);opacity:.55;animation:spin 44s linear infinite;mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 72%)}.bg__rune{position:absolute;left:50%;top:46%;width:min(96vmin,880px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgba(123,60,255,.35);box-shadow:inset 0 0 80px #35e6ff14,0 0 60px #7b3cff2e;animation:spin 90s linear infinite reverse}.bg__rune:before,.bg__rune:after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(53,230,255,.25)}.bg__rune:after{inset:28%;border-style:solid;border-color:#ffc8572e}.bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(123,60,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(123,60,255,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 40%,black 10%,transparent 78%)}.bg__silhouette{position:absolute;left:50%;bottom:0;width:min(46vmin,420px);height:min(52vmin,460px);translate:-50% 6%;background:linear-gradient(180deg,#09051233,#090512f2 78%);clip-path:polygon(50% 0%,62% 12%,60% 24%,74% 38%,70% 100%,30% 100%,26% 38%,40% 24%,38% 12%);filter:drop-shadow(0 0 24px rgba(53,230,255,.25));opacity:.85}@keyframes spin{to{rotate:360deg}}.reduced-motion .bg__portal,.reduced-motion .bg__rune{animation:none}.app{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;height:100%;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) calc(10px + var(--safe-l));gap:8px}.app.is-battle{grid-template-rows:1fr;padding:0;gap:0}.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 10px;border-radius:var(--radius);background:linear-gradient(180deg,#1d1435eb,#100a1edb);border:1px solid var(--line-soft);box-shadow:var(--shadow)}.brand{display:flex;align-items:baseline;gap:8px;margin-right:auto;min-width:0}.brand__mark{font-weight:800;letter-spacing:.22em;font-size:15px;background:linear-gradient(92deg,var(--cyan),var(--violet-soft) 60%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.brand__sub{font-size:11px;color:var(--ink-faint);letter-spacing:.18em;display:none}@media(min-width:620px){.brand__sub{display:inline}}.wallet{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wallet__item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;background:#0a0614a6;border:1px solid var(--line-soft);font-size:12px}.wallet__icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700;color:#10071f}.wallet__value{font-family:var(--mono);font-size:12.5px;color:var(--ink)}.wallet__item[data-cur=gold] .wallet__icon{background:linear-gradient(160deg,#ffe6a8,var(--gold))}.wallet__item[data-cur=gems] .wallet__icon{background:linear-gradient(160deg,#b6f6ff,var(--cyan))}.wallet__item[data-cur=spins] .wallet__icon{background:linear-gradient(160deg,#d8b4fe,var(--violet))}.wallet__item[data-cur=rerolls] .wallet__icon{background:linear-gradient(160deg,#ffc8f4,var(--r-arcane))}.wallet__item[data-cur=shards] .wallet__icon{background:linear-gradient(160deg,#ff9db0,var(--r-mythic))}.screens{position:relative;min-height:0;overflow:hidden}.screen{position:absolute;inset:0;display:none;flex-direction:column;min-height:0}.screen.is-active{display:flex}.screen__head{display:flex;align-items:center;gap:12px;padding:4px 2px 10px}.screen__title{margin:0;font-size:clamp(16px,2.6vw,22px);letter-spacing:.14em;font-weight:700}.screen__hint{color:var(--ink-faint);font-size:12px;margin-left:auto;text-align:right}.screen__body{min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 4px 16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.screen__body::-webkit-scrollbar{width:8px}.screen__body::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:linear-gradient(180deg,#3a2869bf,#180f2ee6);color:var(--ink);padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:translate .12s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease;min-height:40px}.btn:hover:not(:disabled){border-color:var(--violet-soft);box-shadow:0 0 0 1px #a97bff59,0 8px 24px #7b3cff47;translate:0 -1px}.btn:active:not(:disabled){translate:0 1px;filter:brightness(1.08)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{border-color:#35e6ff80;background:linear-gradient(180deg,#35e6ff3d,#180f2eeb);box-shadow:inset 0 0 18px #35e6ff24}.btn--gold{border-color:#ffc8578c;background:linear-gradient(180deg,#ffc8573d,#26180ceb);color:#ffe6a8}.btn--danger{border-color:#ff3b5c80;background:linear-gradient(180deg,#ff3b5c38,#280c14eb);color:#ffc6d1}.btn--ghost{background:#0c081899}.btn--lg{padding:14px 22px;font-size:15px;min-height:52px}.btn--block{width:100%}.btn__cost{font-family:var(--mono);font-size:11.5px;color:var(--gold);opacity:.95}.btn__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--crimson);color:#fff;font-size:10.5px;display:grid;place-items:center;font-family:var(--mono)}.panel{background:linear-gradient(180deg,#1d1435db,#0e091be6);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.panel__title{margin:0 0 10px;font-size:13px;letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}.hub-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 12px;border-radius:var(--radius);border:1px solid var(--line-soft);background:linear-gradient(150deg,#2e1e54e6,#0e091beb);color:var(--ink);cursor:pointer;text-align:left;transition:translate .14s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden;min-height:76px}.hub-btn:after{content:"";position:absolute;inset:-40% -60% auto auto;width:120px;height:120px;background:radial-gradient(circle,rgba(53,230,255,.22),transparent 70%);opacity:.7}.hub-btn:hover{translate:0 -2px;border-color:var(--violet-soft);box-shadow:0 12px 30px #7b3cff4d}.hub-btn__label{font-size:15px;font-weight:700;letter-spacing:.1em}.hub-btn__desc{font-size:11.5px;color:var(--ink-faint)}.hub-btn__glyph{font-size:18px;line-height:1}.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.card{position:relative;border-radius:var(--radius-sm);padding:2px;background:linear-gradient(160deg,var(--rc, var(--line)),rgba(12,8,24,.6) 70%);cursor:pointer;transition:translate .15s ease,box-shadow .18s ease;border:none;text-align:left;color:inherit}.card:hover{translate:0 -3px;box-shadow:0 14px 30px #00000080,0 0 22px color-mix(in srgb,var(--rc, #fff) 40%,transparent)}.card.is-equipped:after{content:"装备中";position:absolute;top:8px;left:8px;z-index:3;padding:2px 7px;border-radius:999px;font-size:10px;background:#35e6ffe6;color:#05202a;font-weight:700;letter-spacing:.08em}.card__inner{position:relative;border-radius:calc(var(--radius-sm) - 2px);background:linear-gradient(180deg,color-mix(in srgb,var(--rc, #444) 22%,#0d0719),#0b0616 72%);overflow:hidden;padding:10px 10px 9px;min-height:156px;display:flex;flex-direction:column;gap:6px}.card__glyph{position:relative;height:78px;display:grid;place-items:center}.card__glyph svg{width:54px;height:54px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rc, #fff) 55%,transparent))}.card__glow{position:absolute;inset:-30% -20% auto;height:120px;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--rc, #fff) 34%,transparent),transparent 68%);pointer-events:none}.card__name{font-size:13px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__en{font-size:10px;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--ink-dim);font-family:var(--mono)}.card__rarity{position:absolute;top:8px;left:9px;color:var(--rc, var(--ink-dim));font-weight:700;font-size:10.5px;letter-spacing:.12em}.card__stars{text-align:center;font-size:10px;color:var(--gold);letter-spacing:2px;margin-top:-6px}.card__evo{position:absolute;top:8px;right:9px;font-size:10px;color:var(--cyan);letter-spacing:.1em;font-weight:700}.card__new{position:absolute;top:8px;right:9px;font-size:10px;font-weight:700;letter-spacing:.14em;color:#0b0616;background:var(--cyan);border-radius:999px;padding:1px 7px}.card__res{font-size:10.5px;color:var(--gold)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.stat{background:#0a061499;border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:8px 10px}.stat__label{font-size:10.5px;color:var(--ink-faint);letter-spacing:.1em}.stat__value{font-family:var(--mono);font-size:16px;margin-top:2px}.stat__value--up{color:var(--green)}.delta{font-family:var(--mono);font-size:11px;color:var(--green)}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;align-items:start}@media(max-width:760px){.detail{grid-template-columns:1fr}}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row--between{justify-content:space-between}.spacer{flex:1}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;background:#0a0614b3;border:1px solid var(--line-soft);color:var(--ink-dim)}.tag--rarity{color:var(--rc, var(--ink));border-color:color-mix(in srgb,var(--rc, #fff) 45%,transparent)}.bar{height:8px;border-radius:999px;background:#080410d9;overflow:hidden;border:1px solid var(--line-soft)}.bar__fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .22s ease}.bar--pity .bar__fill{background:linear-gradient(90deg,var(--r-mythic),var(--gold))}.banner{position:relative;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--violet) 55%,transparent);background:radial-gradient(80% 120% at 78% 30%,rgba(255,77,109,.28),transparent 60%),radial-gradient(70% 110% at 22% 78%,rgba(53,230,255,.2),transparent 62%),linear-gradient(160deg,#221041,#0b0616 72%);padding:18px;overflow:hidden;min-height:172px;display:flex;flex-direction:column;justify-content:space-between}.banner__slash{position:absolute;inset:-20% -10%;background:linear-gradient(102deg,transparent 38%,rgba(255,255,255,.16) 47%,transparent 56%);animation:sweep 5.5s ease-in-out infinite;pointer-events:none}@keyframes sweep{0%,to{translate:-18% 0;opacity:.25}50%{translate:18% 0;opacity:.65}}.banner__title{margin:0;font-size:clamp(20px,4.4vw,34px);letter-spacing:.16em;font-weight:800;background:linear-gradient(96deg,#fff,var(--cyan) 45%,var(--r-mythic));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(53,230,255,.25)}.banner__sub{color:var(--ink-dim);font-size:12.5px;letter-spacing:.12em;margin-top:4px}.banner__feature{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.pity{display:grid;gap:6px;margin-top:12px}.pity__row{display:grid;grid-template-columns:92px 1fr 54px;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-dim)}.pity__count{text-align:right;font-family:var(--mono);color:var(--ink)}.rates{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rate{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);color:var(--rc);background:color-mix(in srgb,var(--rc) 12%,transparent)}.reveal{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:#05030ceb;backdrop-filter:blur(6px);padding:16px}.reveal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;width:min(940px,100%);max-height:78vh;overflow-y:auto}.reveal__card{animation:cardIn .42s cubic-bezier(.22,1,.36,1) backwards}@keyframes cardIn{0%{opacity:0;translate:0 26px;scale:.86;filter:brightness(2.4)}to{opacity:1;translate:0 0;scale:1;filter:brightness(1)}}.reveal__flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.85),transparent 62%);animation:flash .52s ease-out forwards;pointer-events:none}@keyframes flash{0%{opacity:.85}to{opacity:0}}.stage-list{display:grid;gap:10px}.stage{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:var(--radius);border:1px solid var(--line-soft);background:linear-gradient(150deg,#1e1437db,#0c0718e6);cursor:pointer;transition:border-color .16s ease,translate .14s ease,box-shadow .18s ease}.stage:hover:not(.is-locked){border-color:var(--violet-soft);translate:0 -2px;box-shadow:0 12px 28px #7b3cff3d}.stage.is-locked{opacity:.55;cursor:not-allowed}.stage__index{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-family:var(--mono);font-size:17px;font-weight:700;background:#080410cc;border:1px solid var(--line);color:var(--stage-color, var(--cyan));box-shadow:inset 0 0 18px color-mix(in srgb,var(--stage-color, #35e6ff) 22%,transparent)}.stage__name{font-size:15px;font-weight:700;letter-spacing:.06em}.stage__meta{font-size:11.5px;color:var(--ink-faint);margin-top:3px}.stage__cleared{color:var(--green);font-size:11.5px;font-family:var(--mono)}.battle{position:absolute;inset:0;z-index:5}.battle__canvas{position:absolute;inset:0}.battle__canvas canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l))}.hud__top{display:flex;align-items:flex-start;gap:10px}.hud__panel{background:linear-gradient(180deg,#100a1edb,#090512c7);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:7px 10px;min-width:168px;backdrop-filter:blur(4px)}.hud__label{font-size:10.5px;letter-spacing:.14em;color:var(--ink-faint);display:flex;justify-content:space-between;gap:8px}.hud__label b{color:var(--ink);font-family:var(--mono);font-weight:600}.hp{height:11px;border-radius:999px;background:#06030ce6;border:1px solid var(--line);overflow:hidden;margin-top:5px}.hp__fill{height:100%;width:100%;background:linear-gradient(90deg,#2ad6a0,#5ce6a0);transition:width .14s linear}.hp__fill.is-low{background:linear-gradient(90deg,#b3182f,#ff5f7a)}.energy{height:7px;border-radius:999px;background:#06030ce6;border:1px solid var(--line);overflow:hidden;margin-top:5px}.energy__fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan))}.energy__fill.is-full{background:linear-gradient(90deg,var(--gold),#fff2c9);box-shadow:0 0 12px var(--gold)}.bossbar{flex:1;max-width:520px;align-self:center}.bossbar__fill{background:linear-gradient(90deg,var(--r-mythic),#ff9db0)}.hud__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.hud__left{display:flex;align-items:center;gap:8px;pointer-events:auto}.skillbar{display:flex;gap:8px;align-items:flex-end;pointer-events:auto}.skillbtn{position:relative;width:62px;height:62px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#302058eb,#0c0718eb);display:grid;place-items:center;gap:2px;cursor:pointer;color:var(--ink);overflow:hidden;user-select:none;touch-action:none;box-shadow:0 8px 20px #00000073}.skillbtn__key{font-size:15px;font-weight:800;letter-spacing:.06em}.skillbtn__name{font-size:9.5px;color:var(--ink-faint);max-width:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skillbtn--ult{width:72px;height:72px;border-color:#ffc85780}.skillbtn.is-ready{border-color:var(--cyan);box-shadow:0 0 16px #35e6ff66}.skillbtn.is-ult-ready{border-color:var(--gold);box-shadow:0 0 20px #ffc8578c;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 30px #ffc857d9}}.skillbtn:active{translate:0 1px}.skillbtn__cd{position:absolute;inset:0;background:#04020ab8;display:grid;place-items:center;font-family:var(--mono);font-size:18px;color:#fff}.skillbtn__cd[hidden]{display:none}.joystick{position:absolute;width:116px;height:116px;border-radius:50%;border:1px solid rgba(169,123,255,.45);background:radial-gradient(circle,#35e6ff1a,#0a061466);pointer-events:none;translate:-50% -50%;display:grid;place-items:center}.joystick__knob{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dffbff,var(--cyan));box-shadow:0 0 18px #35e6ff99;translate:var(--jx, 0) var(--jy, 0)}.battle-texts{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}.battle-texts__item{position:absolute;transform:translate(-50%,-50%);font-family:var(--mono);font-weight:700;font-size:16px;line-height:1;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9);will-change:transform,opacity}.toast-layer{position:absolute;left:50%;bottom:calc(84px + var(--safe-b));translate:-50% 0;z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(520px,90vw)}.toast{padding:8px 14px;border-radius:999px;background:#0c0718f0;border:1px solid var(--line);font-size:12.5px;box-shadow:var(--shadow);animation:toastIn .22s ease-out,toastOut .26s ease-in 2.5s forwards;text-align:center}.toast--good{border-color:#5ce6a080}.toast--bad{border-color:#ff3b5c80}.toast--epic{border-color:#ffc85799;box-shadow:0 0 26px #ffc85759}@keyframes toastIn{0%{opacity:0;translate:0 12px}}@keyframes toastOut{to{opacity:0;translate:0 -10px}}.modal{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#04020ac7;backdrop-filter:blur(5px);padding:16px}.modal[hidden]{display:none}.modal__panel{width:min(560px,100%);max-height:84vh;overflow-y:auto;padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#20153afa,#0c0718fa);box-shadow:var(--shadow)}.modal__title{margin:0 0 4px;font-size:17px;letter-spacing:.12em}.modal__sub{color:var(--ink-faint);font-size:12px;margin-bottom:12px}.field{display:flex;gap:8px}.field input{flex:1;background:#080410d9;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}.field input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px #35e6ff33}.code-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.code-chip{font-family:var(--mono);font-size:11.5px;padding:4px 9px;border-radius:999px;border:1px dashed var(--line);background:#0a0614b3;cursor:pointer;color:var(--ink-dim)}.code-chip.is-used{text-decoration:line-through;opacity:.45;cursor:default}.code-chip:hover:not(.is-used){border-color:var(--cyan);color:var(--ink)}.result{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 40%,#7b3cff47,#04020af0 70%)}.result__panel{width:min(520px,100%);text-align:center;padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#20153afa,#0c0718fa);box-shadow:var(--shadow)}.result__title{margin:0;font-size:clamp(24px,6vw,40px);letter-spacing:.2em;font-weight:800}.result__title--win{background:linear-gradient(96deg,var(--cyan),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.result__title--lose{color:var(--crimson);text-shadow:0 0 24px rgba(255,59,92,.4)}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:16px 0}.reward{border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:9px;background:#0a061499}.reward__label{font-size:10.5px;color:var(--ink-faint);letter-spacing:.1em}.reward__value{font-family:var(--mono);font-size:17px;color:var(--gold)}.pause-list{display:grid;gap:8px}.hidden{display:none!important}@media(max-width:720px){.hud__left{display:none}}@media(max-width:560px){.skillbtn{width:54px;height:54px;border-radius:14px}.skillbtn--ult{width:62px;height:62px}.skillbtn__name{display:none}.hud__panel{min-width:138px}.toast-layer{bottom:calc(150px + var(--safe-b))}}@media(max-height:520px){.hub-btn{min-height:64px;padding:10px 12px}.skillbtn{width:50px;height:50px}.skillbtn--ult{width:58px;height:58px}}