:root{color-scheme:dark;--bg: #111218;--panel: rgba(30, 25, 31, .92);--panel-strong: rgba(41, 31, 36, .96);--line: rgba(238, 210, 148, .22);--line-strong: rgba(238, 210, 148, .5);--gold: #e1bd67;--gold-soft: #f3dc9d;--teal: #55d8c7;--crimson: #ed5c5c;--aqua: #72c7ff;--text: #f7efe2;--muted: #bfb3a6;--cell: rgba(255, 255, 255, .045);--font-ui: "Noto Sans SC", "Source Han Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;--font-display: "Noto Sans SC", "Source Han Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;font-family:var(--font-ui)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(160deg,#12161cf5,#181f24f5 48%,#13181cf5),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 60px);color:var(--text)}#app{--page-bg-image: none;--page-bg-position: center 38%;--page-bg-overlay: radial-gradient(circle at 50% 48%, rgba(9, 12, 17, .28), rgba(9, 12, 17, .62) 58%, rgba(5, 7, 10, .82)), linear-gradient(180deg, rgba(10, 13, 18, .28), rgba(6, 8, 11, .48));min-height:100dvh;position:relative;isolation:isolate}#app[data-character-theme=theme-flare]{--page-bg-image: url(./ailiya-page-bg-CHUaNio1.webp);--page-bg-position: center 34%;--page-bg-overlay: radial-gradient(circle at 50% 48%, rgba(16, 10, 12, .24), rgba(16, 10, 12, .54) 58%, rgba(7, 6, 8, .78)), linear-gradient(180deg, rgba(39, 17, 13, .14), rgba(7, 7, 9, .42))}#app[data-character-theme=theme-ren]{--page-bg-image: url(./layne-page-bg-Bu_O5FFU.webp);--page-bg-position: center 36%;--page-bg-overlay: radial-gradient(circle at 50% 48%, rgba(10, 12, 16, .24), rgba(10, 12, 16, .56) 58%, rgba(5, 6, 8, .8)), linear-gradient(180deg, rgba(18, 22, 27, .18), rgba(6, 7, 10, .44))}#app[data-character-theme=theme-frost]{--page-bg-image: url(./sheryl-page-bg-qBhO8Itt.webp);--page-bg-position: center 36%;--page-bg-overlay: radial-gradient(circle at 50% 48%, rgba(7, 18, 28, .22), rgba(7, 18, 28, .52) 58%, rgba(4, 8, 12, .76)), linear-gradient(180deg, rgba(20, 54, 74, .1), rgba(5, 9, 13, .4))}#app[data-character-theme=theme-noya]{--page-bg-image: url(./noya-page-bg-CgsPDgOG.webp);--page-bg-position: center 42%;--page-bg-overlay: radial-gradient(circle at 50% 48%, rgba(14, 13, 43, .18), rgba(10, 9, 34, .5) 58%, rgba(5, 5, 15, .76)), linear-gradient(180deg, rgba(58, 43, 124, .08), rgba(6, 6, 17, .38))}#app[data-character-theme=theme-viola]{--page-bg-image: url(./viola-page-bg-DL5qKsbs.webp);--page-bg-position: center 46%;--page-bg-overlay: radial-gradient(circle at 50% 48%, rgba(7, 24, 21, .18), rgba(5, 19, 17, .5) 58%, rgba(3, 9, 9, .78)), linear-gradient(180deg, rgba(30, 81, 60, .08), rgba(4, 10, 10, .4))}#app[data-character-theme=theme-graeme]{--page-bg-image: url(./graeme-page-bg-Kvv1ElGn.webp);--page-bg-position: center 48%;--page-bg-overlay: radial-gradient(circle at 50% 46%, rgba(26, 24, 24, .12), rgba(17, 18, 21, .44) 58%, rgba(7, 8, 10, .72)), linear-gradient(180deg, rgba(109, 62, 45, .06), rgba(7, 9, 12, .34))}#app[data-character-theme=theme-ino]{--page-bg-image: url(./ino-page-bg-D4teMXQZ.webp);--page-bg-position: center 44%;--page-bg-overlay: radial-gradient(circle at 50% 48%, rgba(8, 30, 38, .12), rgba(6, 22, 30, .38) 58%, rgba(4, 11, 16, .7)), linear-gradient(180deg, rgba(196, 154, 67, .05), rgba(5, 18, 24, .32))}#app[data-character-theme=theme-lottie]{--page-bg-image: url(./lottie-page-bg-Dle__y4o.webp);--page-bg-position: center 46%;--page-bg-overlay: radial-gradient(circle at 48% 48%, rgba(11, 52, 54, .12), rgba(8, 37, 39, .42) 58%, rgba(5, 17, 19, .72)), linear-gradient(180deg, rgba(226, 173, 67, .06), rgba(5, 21, 22, .34))}#app[data-character-theme]:before,#app[data-character-theme]:after{content:"";position:fixed;inset:0;pointer-events:none}#app[data-character-theme]:before{z-index:-2;background:var(--page-bg-image) var(--page-bg-position) / cover no-repeat,linear-gradient(160deg,#12161cf5,#181f24f5);filter:saturate(.98) brightness(1.08)}#app[data-character-theme]:after{z-index:-1;background:var(--page-bg-overlay);opacity:.72}button{font:inherit}.game-shell{width:min(100vw,460px);height:100dvh;margin:0 auto;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 36%),#0e0f15bd;border-inline:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px}.game-shell.theme-flare{--panel: rgba(41, 22, 22, .58);--panel-strong: rgba(52, 24, 23, .76);--line: rgba(255, 126, 78, .36);--line-strong: rgba(255, 165, 93, .72);--gold: #f0a14d;--gold-soft: #ffd59a;--teal: #ff8a5c;--crimson: #ff5d45;--aqua: #ffba7a;--muted: #d6afa1;--cell: rgba(255, 114, 68, .055);background:radial-gradient(circle at 18% 0%,rgba(255,96,58,.18),transparent 32%),radial-gradient(circle at 82% 16%,rgba(255,178,78,.12),transparent 28%),linear-gradient(180deg,rgba(255,130,76,.055),transparent 34%),#160d106b;border-inline-color:rgba(255,126,78,.18);box-shadow:inset 0 0 0 1px #ffb5670f,0 0 42px #b4382224}.game-shell.theme-ren{--panel: rgba(24, 28, 34, .58);--panel-strong: rgba(29, 34, 42, .76);--line: rgba(222, 231, 238, .34);--line-strong: rgba(234, 242, 247, .7);--gold: #d6e0e8;--gold-soft: #f2f7fb;--teal: #c7d6df;--crimson: #9fb0bd;--aqua: #e8f4fb;--muted: #aebbc4;--cell: rgba(226, 235, 242, .05);background:radial-gradient(circle at 18% 0%,rgba(235,243,248,.14),transparent 32%),radial-gradient(circle at 82% 14%,rgba(143,164,177,.13),transparent 30%),linear-gradient(180deg,rgba(238,244,248,.052),transparent 36%),#0d101570;border-inline-color:rgba(232,240,246,.16);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 42px #b5cad71a}.game-shell.theme-frost{--panel: rgba(20, 34, 48, .56);--panel-strong: rgba(24, 43, 62, .74);--line: rgba(150, 221, 255, .37);--line-strong: rgba(195, 239, 255, .74);--gold: #9de4ff;--gold-soft: #e7f9ff;--teal: #a6ecff;--crimson: #7fb8d8;--aqua: #d8f6ff;--muted: #a9c7d8;--cell: rgba(128, 213, 255, .055);background:radial-gradient(circle at 18% 0%,rgba(145,219,255,.18),transparent 32%),radial-gradient(circle at 82% 14%,rgba(231,250,255,.13),transparent 30%),linear-gradient(180deg,rgba(136,218,255,.06),transparent 36%),#0b121b6b;border-inline-color:rgba(168,230,255,.2);box-shadow:inset 0 0 0 1px #ecfaff0f,0 0 46px #54b4e21f}.game-shell.theme-noya,.game-shell.theme-viola,.game-shell.theme-graeme,.game-shell.theme-ino,.game-shell.theme-lottie{--panel: var(--character-panel);--panel-strong: var(--character-panel-strong);--line: var(--character-line);--line-strong: var(--character-line-strong);--gold: var(--character-accent);--gold-soft: var(--character-accent-soft);--teal: var(--character-secondary);--crimson: var(--character-strong);--aqua: var(--character-highlight);--muted: var(--character-muted);--cell: var(--character-cell);background:radial-gradient(circle at 18% 0%,var(--character-glow-primary),transparent 32%),radial-gradient(circle at 82% 14%,var(--character-glow-secondary),transparent 30%),linear-gradient(180deg,var(--character-wash),transparent 36%),var(--character-shell);border-inline-color:var(--character-border);box-shadow:inset 0 0 0 1px var(--character-inset),0 0 46px var(--character-shadow)}.game-shell.theme-noya{--character-panel: rgba(26, 23, 61, .58);--character-panel-strong: rgba(35, 29, 78, .76);--character-line: rgba(164, 146, 255, .36);--character-line-strong: rgba(202, 192, 255, .74);--character-accent: #b6a6ff;--character-accent-soft: #eeeaff;--character-secondary: #86b9ff;--character-strong: #8f73e8;--character-highlight: #d7e4ff;--character-muted: #b7b2d5;--character-cell: rgba(151, 129, 255, .055);--character-glow-primary: rgba(137, 108, 255, .18);--character-glow-secondary: rgba(91, 151, 255, .14);--character-wash: rgba(150, 127, 255, .055);--character-shell: rgba(12, 11, 31, .44);--character-border: rgba(176, 158, 255, .2);--character-inset: rgba(224, 217, 255, .06);--character-shadow: rgba(94, 72, 191, .14)}.game-shell.theme-viola{--character-panel: rgba(15, 42, 35, .58);--character-panel-strong: rgba(18, 55, 44, .76);--character-line: rgba(104, 211, 158, .36);--character-line-strong: rgba(151, 239, 190, .72);--character-accent: #83d9a7;--character-accent-soft: #dff7e8;--character-secondary: #58c99a;--character-strong: #65ae76;--character-highlight: #c9f7d9;--character-muted: #a4c7b5;--character-cell: rgba(82, 196, 139, .055);--character-glow-primary: rgba(56, 190, 121, .18);--character-glow-secondary: rgba(166, 214, 91, .12);--character-wash: rgba(75, 190, 132, .055);--character-shell: rgba(7, 24, 20, .44);--character-border: rgba(112, 217, 164, .2);--character-inset: rgba(206, 247, 222, .06);--character-shadow: rgba(37, 142, 91, .14)}.game-shell.theme-graeme{--character-panel: rgba(31, 30, 31, .6);--character-panel-strong: rgba(43, 39, 38, .78);--character-line: rgba(203, 151, 92, .36);--character-line-strong: rgba(230, 186, 125, .74);--character-accent: #d2a15f;--character-accent-soft: #f2d7aa;--character-secondary: #9fb5c2;--character-strong: #a95848;--character-highlight: #e7edf0;--character-muted: #bdb5ab;--character-cell: rgba(201, 143, 80, .06);--character-glow-primary: rgba(181, 104, 63, .16);--character-glow-secondary: rgba(155, 183, 199, .12);--character-wash: rgba(192, 132, 76, .05);--character-shell: rgba(17, 17, 19, .46);--character-border: rgba(207, 158, 103, .2);--character-inset: rgba(239, 218, 185, .06);--character-shadow: rgba(126, 68, 42, .16)}.game-shell.theme-ino{--character-panel: rgba(12, 42, 50, .58);--character-panel-strong: rgba(15, 55, 64, .76);--character-line: rgba(89, 211, 230, .38);--character-line-strong: rgba(241, 206, 125, .76);--character-accent: #dfb85f;--character-accent-soft: #fff0bd;--character-secondary: #62d4e4;--character-strong: #9276eb;--character-highlight: #d7fbff;--character-muted: #aecbd0;--character-cell: rgba(87, 208, 226, .06);--character-glow-primary: rgba(70, 201, 221, .18);--character-glow-secondary: rgba(218, 177, 82, .14);--character-wash: rgba(100, 211, 226, .055);--character-shell: rgba(5, 25, 31, .45);--character-border: rgba(224, 185, 96, .22);--character-inset: rgba(222, 250, 255, .06);--character-shadow: rgba(48, 157, 177, .16)}.game-shell.theme-lottie{--character-panel: rgba(11, 51, 51, .58);--character-panel-strong: rgba(15, 68, 65, .76);--character-line: rgba(235, 185, 73, .4);--character-line-strong: rgba(255, 218, 122, .78);--character-accent: #e9bb53;--character-accent-soft: #fff0b1;--character-secondary: #45c1b1;--character-strong: #e07555;--character-highlight: #d8fff4;--character-muted: #b8d4cc;--character-cell: rgba(233, 187, 83, .06);--character-glow-primary: rgba(240, 187, 65, .18);--character-glow-secondary: rgba(49, 190, 174, .14);--character-wash: rgba(235, 184, 65, .055);--character-shell: rgba(6, 28, 29, .45);--character-border: rgba(239, 192, 83, .22);--character-inset: rgba(240, 255, 247, .06);--character-shadow: rgba(191, 131, 32, .16)}.game-shell.theme-flare:before,.game-shell.theme-flare:after,.game-shell.theme-ren:before,.game-shell.theme-ren:after,.game-shell.theme-frost:before,.game-shell.theme-frost:after,.game-shell.theme-noya:before,.game-shell.theme-noya:after,.game-shell.theme-viola:before,.game-shell.theme-viola:after,.game-shell.theme-graeme:before,.game-shell.theme-graeme:after,.game-shell.theme-ino:before,.game-shell.theme-ino:after,.game-shell.theme-lottie:before,.game-shell.theme-lottie:after{content:"";position:absolute;inset:0;pointer-events:none}.game-shell.theme-noya:before,.game-shell.theme-viola:before,.game-shell.theme-graeme:before,.game-shell.theme-ino:before,.game-shell.theme-lottie:before{z-index:0;background:radial-gradient(circle,var(--particle-bright) 0 1px,transparent 2px) 14% 84% / 170px 220px,radial-gradient(circle,var(--particle-mid) 0 1px,transparent 2px) 74% 78% / 220px 260px,radial-gradient(circle,var(--particle-soft) 0 1px,transparent 2px) 42% 18% / 250px 300px,radial-gradient(circle,var(--particle-pale) 0 1px,transparent 2px) 88% 24% / 230px 270px;opacity:.42;mix-blend-mode:screen;animation:characterMoteDrift 12s linear infinite}.game-shell.theme-noya:after,.game-shell.theme-viola:after,.game-shell.theme-graeme:after,.game-shell.theme-ino:after,.game-shell.theme-lottie:after{z-index:0;background:radial-gradient(ellipse at 18% 100%,var(--particle-ground-primary),transparent 36%),radial-gradient(ellipse at 78% 100%,var(--particle-ground-secondary),transparent 34%);opacity:.76}.game-shell.theme-noya{--particle-bright: rgba(235, 230, 255, .88);--particle-mid: rgba(145, 173, 255, .72);--particle-soft: rgba(183, 155, 255, .62);--particle-pale: rgba(218, 205, 255, .54);--particle-ground-primary: rgba(106, 81, 211, .16);--particle-ground-secondary: rgba(76, 135, 225, .13)}.game-shell.theme-viola{--particle-bright: rgba(218, 255, 224, .86);--particle-mid: rgba(92, 230, 156, .72);--particle-soft: rgba(165, 226, 101, .58);--particle-pale: rgba(188, 255, 213, .52);--particle-ground-primary: rgba(48, 184, 105, .15);--particle-ground-secondary: rgba(137, 190, 66, .12)}.game-shell.theme-graeme{--particle-bright: rgba(255, 226, 168, .92);--particle-mid: rgba(224, 157, 78, .78);--particle-soft: rgba(190, 207, 216, .58);--particle-pale: rgba(255, 190, 120, .52);--particle-ground-primary: rgba(184, 91, 53, .14);--particle-ground-secondary: rgba(145, 170, 184, .12)}.game-shell.theme-ino{--particle-bright: rgba(255, 239, 181, .94);--particle-mid: rgba(89, 220, 239, .82);--particle-soft: rgba(143, 118, 238, .64);--particle-pale: rgba(209, 248, 255, .58);--particle-ground-primary: rgba(66, 201, 221, .16);--particle-ground-secondary: rgba(218, 177, 82, .14)}.game-shell.theme-ino:before{background:radial-gradient(circle,rgba(255,239,181,.96) 0 2px,rgba(226,181,80,.64) 3px,transparent 4px) 14% 86% / 190px 250px,radial-gradient(circle,rgba(95,228,245,.9) 0 2px,rgba(67,168,205,.62) 3px,transparent 4px) 74% 80% / 230px 280px,linear-gradient(150deg,transparent 46%,rgba(104,231,246,.68) 48% 50%,transparent 52%) 42% 22% / 250px 320px,linear-gradient(35deg,transparent 47%,rgba(154,124,243,.58) 49% 51%,transparent 53%) 86% 30% / 260px 340px;opacity:.5}.game-shell.theme-lottie{--particle-bright: rgba(255, 239, 171, .94);--particle-mid: rgba(244, 188, 67, .82);--particle-soft: rgba(75, 216, 193, .66);--particle-pale: rgba(255, 154, 112, .58);--particle-ground-primary: rgba(225, 163, 42, .16);--particle-ground-secondary: rgba(48, 191, 169, .14)}.game-shell.theme-lottie:before{background:radial-gradient(ellipse,rgba(255,239,171,.92) 0 2px,rgba(226,164,45,.74) 3px,transparent 4px) 16% 88% / 190px 250px,radial-gradient(ellipse,rgba(255,211,101,.82) 0 2px,rgba(205,137,34,.66) 3px,transparent 4px) 76% 82% / 240px 280px,linear-gradient(145deg,transparent 45%,rgba(83,224,199,.7) 47% 52%,transparent 54%) 42% 28% / 230px 310px,linear-gradient(145deg,transparent 46%,rgba(255,160,111,.58) 48% 51%,transparent 53%) 88% 34% / 260px 330px;opacity:.48;animation:lottieDividendDrift 10s linear infinite}.game-shell.theme-graeme:before{background:radial-gradient(ellipse,rgba(255,226,168,.94) 0 1px,rgba(205,129,58,.7) 2px,transparent 4px) 14% 88% / 150px 210px,radial-gradient(ellipse,rgba(235,168,87,.84) 0 1px,rgba(160,89,46,.62) 2px,transparent 4px) 78% 80% / 190px 240px,radial-gradient(circle,rgba(224,236,242,.74) 0 1px,transparent 2px) 42% 20% / 230px 290px,radial-gradient(circle,rgba(255,184,103,.64) 0 1px,transparent 2px) 88% 28% / 210px 270px;opacity:.4;animation:graemeSparkDrift 9s linear infinite}.game-shell.theme-flare:before{z-index:0;background:radial-gradient(circle,rgba(255,210,124,.82) 0 1px,transparent 2px) 12% 86% / 180px 220px,radial-gradient(circle,rgba(255,120,72,.7) 0 1px,transparent 2px) 78% 74% / 220px 260px,radial-gradient(circle,rgba(255,166,82,.62) 0 1px,transparent 2px) 34% 18% / 260px 300px,radial-gradient(circle,rgba(255,226,149,.52) 0 1px,transparent 2px) 86% 24% / 240px 280px;opacity:.42;mix-blend-mode:screen;animation:flareEmberDrift 9s linear infinite}.game-shell.theme-flare:after{z-index:0;background:radial-gradient(ellipse at 18% 100%,rgba(255,82,48,.18),transparent 36%),radial-gradient(ellipse at 78% 100%,rgba(255,165,76,.12),transparent 34%);opacity:.82}.game-shell.theme-ren:before{z-index:0;background:radial-gradient(circle,rgba(248,252,255,.82) 0 1px,transparent 2px) 16% 82% / 180px 230px,radial-gradient(circle,rgba(196,211,221,.62) 0 1px,transparent 2px) 74% 76% / 220px 260px,radial-gradient(circle,rgba(232,240,246,.5) 0 1px,transparent 2px) 40% 18% / 260px 300px,radial-gradient(circle,rgba(168,185,198,.42) 0 1px,transparent 2px) 88% 24% / 240px 280px;opacity:.34;mix-blend-mode:screen;animation:renFrostDrift 12s linear infinite}.game-shell.theme-ren:after{z-index:0;background:radial-gradient(ellipse at 18% 100%,rgba(226,235,242,.12),transparent 36%),radial-gradient(ellipse at 78% 100%,rgba(140,157,170,.1),transparent 34%);opacity:.72}.game-shell.theme-frost:before{z-index:0;background:radial-gradient(circle,rgba(229,250,255,.86) 0 1px,transparent 2px) 14% 84% / 160px 220px,radial-gradient(circle,rgba(139,221,255,.7) 0 1px,transparent 2px) 72% 78% / 210px 250px,radial-gradient(circle,rgba(199,241,255,.58) 0 1px,transparent 2px) 42% 18% / 250px 300px,radial-gradient(circle,rgba(255,255,255,.56) 0 1px,transparent 2px) 88% 24% / 230px 270px;opacity:.42;mix-blend-mode:screen;animation:frostCrystalDrift 11s linear infinite}.game-shell.theme-frost:after{z-index:0;background:radial-gradient(ellipse at 18% 100%,rgba(95,203,255,.13),transparent 36%),radial-gradient(ellipse at 78% 100%,rgba(231,250,255,.13),transparent 34%);opacity:.74}.game-shell.theme-flare>.topbar,.game-shell.theme-flare>.screen,.game-shell.theme-flare>.bottom-tab-slot,.game-shell.theme-ren>.topbar,.game-shell.theme-ren>.screen,.game-shell.theme-ren>.bottom-tab-slot,.game-shell.theme-frost>.topbar,.game-shell.theme-frost>.screen,.game-shell.theme-frost>.bottom-tab-slot,.game-shell.theme-noya>.topbar,.game-shell.theme-noya>.screen,.game-shell.theme-noya>.bottom-tab-slot,.game-shell.theme-viola>.topbar,.game-shell.theme-viola>.screen,.game-shell.theme-viola>.bottom-tab-slot,.game-shell.theme-graeme>.topbar,.game-shell.theme-graeme>.screen,.game-shell.theme-graeme>.bottom-tab-slot,.game-shell.theme-ino>.topbar,.game-shell.theme-ino>.screen,.game-shell.theme-ino>.bottom-tab-slot,.game-shell.theme-lottie>.topbar,.game-shell.theme-lottie>.screen,.game-shell.theme-lottie>.bottom-tab-slot{position:relative;z-index:1}.game-shell.theme-noya .topbar,.game-shell.theme-viola .topbar,.game-shell.theme-graeme .topbar,.game-shell.theme-ino .topbar,.game-shell.theme-lottie .topbar{background:linear-gradient(90deg,var(--character-topbar-start),var(--character-topbar-end)),#111218e6;box-shadow:inset 0 -1px 0 var(--character-topbar-line)}.game-shell.theme-noya,.game-shell.theme-viola,.game-shell.theme-graeme,.game-shell.theme-ino,.game-shell.theme-lottie{--character-topbar-start: rgba(44, 35, 94, .96);--character-topbar-end: rgba(18, 17, 45, .92);--character-topbar-line: rgba(190, 176, 255, .14);--character-button-text: #f0edff;--character-button-bg: rgba(132, 105, 238, .16);--character-currency-bg: rgba(95, 77, 171, .18);--character-title-start: rgba(72, 57, 143, .76);--character-title-end: rgba(32, 28, 72, .58)}.game-shell.theme-viola{--character-topbar-start: rgba(24, 72, 55, .96);--character-topbar-end: rgba(10, 31, 26, .92);--character-topbar-line: rgba(130, 225, 172, .14);--character-button-text: #d9f7e5;--character-button-bg: rgba(70, 188, 126, .16);--character-currency-bg: rgba(54, 151, 101, .18);--character-title-start: rgba(35, 105, 76, .76);--character-title-end: rgba(18, 55, 44, .58)}.game-shell.theme-graeme{--character-topbar-start: rgba(73, 48, 39, .96);--character-topbar-end: rgba(26, 28, 32, .93);--character-topbar-line: rgba(222, 173, 113, .15);--character-button-text: #f1dcc0;--character-button-bg: rgba(190, 126, 68, .17);--character-currency-bg: rgba(151, 102, 64, .19);--character-title-start: rgba(116, 68, 49, .78);--character-title-end: rgba(50, 48, 49, .6)}.game-shell.theme-ino{--character-topbar-start: rgba(20, 79, 89, .96);--character-topbar-end: rgba(9, 39, 47, .92);--character-topbar-line: rgba(239, 202, 116, .16);--character-button-text: #fff0bd;--character-button-bg: rgba(73, 190, 209, .17);--character-currency-bg: rgba(196, 151, 53, .2);--character-title-start: rgba(38, 116, 128, .78);--character-title-end: rgba(55, 43, 103, .6)}.game-shell.theme-lottie{--character-topbar-start: rgba(77, 72, 32, .96);--character-topbar-end: rgba(10, 49, 47, .92);--character-topbar-line: rgba(245, 202, 96, .16);--character-button-text: #fff0b8;--character-button-bg: rgba(228, 176, 55, .17);--character-currency-bg: rgba(207, 153, 39, .2);--character-title-start: rgba(132, 101, 28, .78);--character-title-end: rgba(18, 74, 68, .6)}.game-shell.theme-noya .support-entry-button,.game-shell.theme-viola .support-entry-button,.game-shell.theme-graeme .support-entry-button,.game-shell.theme-ino .support-entry-button,.game-shell.theme-lottie .support-entry-button{border-color:var(--line-strong);color:var(--character-button-text);background:linear-gradient(180deg,var(--character-button-bg),rgba(255,255,255,.035)),#0b1216c7}.game-shell.theme-noya .currency,.game-shell.theme-viola .currency,.game-shell.theme-graeme .currency,.game-shell.theme-ino .currency,.game-shell.theme-lottie .currency{background:linear-gradient(180deg,var(--character-currency-bg),rgba(255,255,255,.03)),var(--panel)}.game-shell.theme-noya .coin-mark,.game-shell.theme-viola .coin-mark,.game-shell.theme-graeme .coin-mark,.game-shell.theme-ino .coin-mark,.game-shell.theme-lottie .coin-mark{background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--gold) 44%,#17211d),0 0 12px color-mix(in srgb,var(--gold) 46%,transparent)}.game-shell.theme-noya .panel,.game-shell.theme-noya .character-detail-dialog,.game-shell.theme-noya .bottom-tabs,.game-shell.theme-noya .battle-action-bar,.game-shell.theme-viola .panel,.game-shell.theme-viola .character-detail-dialog,.game-shell.theme-viola .bottom-tabs,.game-shell.theme-viola .battle-action-bar,.game-shell.theme-graeme .panel,.game-shell.theme-graeme .character-detail-dialog,.game-shell.theme-graeme .bottom-tabs,.game-shell.theme-graeme .battle-action-bar,.game-shell.theme-ino .panel,.game-shell.theme-ino .character-detail-dialog,.game-shell.theme-ino .bottom-tabs,.game-shell.theme-ino .battle-action-bar,.game-shell.theme-lottie .panel,.game-shell.theme-lottie .character-detail-dialog,.game-shell.theme-lottie .bottom-tabs,.game-shell.theme-lottie .battle-action-bar{background:radial-gradient(circle at 18% 0%,var(--character-glow-primary),transparent 34%),var(--panel)}.game-shell.theme-noya .panel-title,.game-shell.theme-viola .panel-title,.game-shell.theme-graeme .panel-title,.game-shell.theme-ino .panel-title,.game-shell.theme-lottie .panel-title{background:linear-gradient(90deg,var(--character-title-start),var(--character-title-end))}.game-shell.theme-noya .character-card.selected,.game-shell.theme-noya .bottom-tab.active,.game-shell.theme-viola .character-card.selected,.game-shell.theme-viola .bottom-tab.active,.game-shell.theme-graeme .character-card.selected,.game-shell.theme-graeme .bottom-tab.active,.game-shell.theme-ino .character-card.selected,.game-shell.theme-ino .bottom-tab.active,.game-shell.theme-lottie .character-card.selected,.game-shell.theme-lottie .bottom-tab.active{border-color:var(--line-strong);background:linear-gradient(180deg,var(--character-button-bg),color-mix(in srgb,var(--character-button-bg) 45%,transparent)),#ffffff09;box-shadow:0 0 0 1px var(--line),0 0 20px var(--character-shadow)}.game-shell.theme-noya .grid-cell.boosted,.game-shell.theme-viola .grid-cell.boosted,.game-shell.theme-graeme .grid-cell.boosted,.game-shell.theme-ino .grid-cell.boosted,.game-shell.theme-lottie .grid-cell.boosted{background:var(--character-cell);border-color:var(--line)}.game-shell.theme-noya .grid-cell.boosted:after,.game-shell.theme-viola .grid-cell.boosted:after,.game-shell.theme-graeme .grid-cell.boosted:after,.game-shell.theme-ino .grid-cell.boosted:after,.game-shell.theme-lottie .grid-cell.boosted:after{border-color:var(--line-strong)}.game-shell.theme-noya .primary-action,.game-shell.theme-noya .stage-start-button,.game-shell.theme-noya .battle-skill-button:not(:disabled),.game-shell.theme-viola .primary-action,.game-shell.theme-viola .stage-start-button,.game-shell.theme-viola .battle-skill-button:not(:disabled),.game-shell.theme-graeme .primary-action,.game-shell.theme-graeme .stage-start-button,.game-shell.theme-graeme .battle-skill-button:not(:disabled),.game-shell.theme-ino .primary-action,.game-shell.theme-ino .stage-start-button,.game-shell.theme-ino .battle-skill-button:not(:disabled),.game-shell.theme-lottie .primary-action,.game-shell.theme-lottie .stage-start-button,.game-shell.theme-lottie .battle-skill-button:not(:disabled){background:linear-gradient(180deg,var(--gold-soft),color-mix(in srgb,var(--gold) 72%,#27313a));border-color:var(--line-strong);color:#10151b}.game-shell.theme-noya .battle-rage-meter i,.game-shell.theme-viola .battle-rage-meter i,.game-shell.theme-graeme .battle-rage-meter i,.game-shell.theme-ino .battle-rage-meter i,.game-shell.theme-lottie .battle-rage-meter i{background:linear-gradient(90deg,var(--character-secondary),var(--gold-soft))}.game-shell.theme-flare .topbar{background:linear-gradient(90deg,#491c19f5,#211216eb),#111218e6;box-shadow:inset 0 -1px #ff844c21}.game-shell.theme-flare .support-entry-button{border-color:#ff8a5c85;color:#ffc6a4;background:linear-gradient(180deg,#ff754c2e,#ffffff09),#160e10c7}.game-shell.theme-flare .support-entry-button:hover,.game-shell.theme-flare .support-entry-button:focus-visible{border-color:#ffc797d1;color:#ffe1c9}.game-shell.theme-flare .currency{background:linear-gradient(180deg,#f0a14d38,#ff5d4514),#241211bd}.game-shell.theme-flare .coin-mark{background:linear-gradient(180deg,#ffd787,#ec8544);box-shadow:inset 0 0 0 3px #8c3f20,0 0 12px #ff824085}.game-shell.theme-flare .panel,.game-shell.theme-flare .character-detail-dialog,.game-shell.theme-flare .bottom-tabs,.game-shell.theme-flare .battle-action-bar{background:radial-gradient(circle at 18% 0%,rgba(255,102,58,.12),transparent 34%),var(--panel)}.game-shell.theme-flare .panel-title{background:linear-gradient(90deg,#5a261cd1,#2b181894)}.game-shell.theme-flare .character-card.selected,.game-shell.theme-flare .bottom-tab.active{border-color:#ff9a55d1;background:linear-gradient(180deg,#ff754c3d,#ffbf6512),#ffffff09;box-shadow:0 0 0 1px #ff81462e,0 0 18px #d64d2d1f}.game-shell.theme-flare .grid-cell.boosted{background:#ff754c13;border-color:#ff8a5c5c}.game-shell.theme-flare .grid-cell.boosted:after{border-color:#ffb56766}.game-shell.theme-flare .grid-cell.drop-preview-valid{border-color:#ff9a55f5;background:radial-gradient(circle at 50% 50%,#ff754c42,#ff754c14),#ff754c14;box-shadow:inset 0 0 0 1px #ffd8a08a,0 0 14px #ff754c52}.game-shell.theme-flare .primary-action,.game-shell.theme-flare .stage-start-button,.game-shell.theme-flare .battle-skill-button:not(:disabled){background:linear-gradient(180deg,#ff9b53f0,#a13724f0);border-color:#ffc48080;color:#fff1d8}.game-shell.theme-flare .battle-rage-meter i{background:linear-gradient(90deg,#ff5e459e,#ffcf7adb)}.game-shell.theme-ren .topbar{background:linear-gradient(90deg,#262c34f5,#12161ceb),#111218e6;box-shadow:inset 0 -1px #e7eff51f}.game-shell.theme-ren .support-entry-button{border-color:#dae4ec75;color:#e7f0f6;background:linear-gradient(180deg,#e2ebf224,#ffffff09),#0e1216c7}.game-shell.theme-ren .support-entry-button:hover,.game-shell.theme-ren .support-entry-button:focus-visible{border-color:#f8fcffd1;color:#fff}.game-shell.theme-ren .currency{background:linear-gradient(180deg,#dee8f02e,#74849114),#14181dc7}.game-shell.theme-ren .coin-mark{background:linear-gradient(180deg,#f7fbff,#aebdc8);box-shadow:inset 0 0 0 3px #56636e,0 0 12px #dae6ee6b}.game-shell.theme-ren .panel,.game-shell.theme-ren .character-detail-dialog,.game-shell.theme-ren .bottom-tabs,.game-shell.theme-ren .battle-action-bar{background:radial-gradient(circle at 18% 0%,rgba(232,240,246,.1),transparent 34%),var(--panel)}.game-shell.theme-ren .panel-title{background:linear-gradient(90deg,#424b54bd,#1f242b94)}.game-shell.theme-ren .character-card.selected,.game-shell.theme-ren .bottom-tab.active{border-color:#ebf4fad1;background:linear-gradient(180deg,#e8f0f62e,#899aa812),#ffffff09;box-shadow:0 0 0 1px #e0eaf229,0 0 18px #bfcfda1a}.game-shell.theme-ren .grid-cell.boosted{background:#e2ebf20f;border-color:#e2ebf252}.game-shell.theme-ren .grid-cell.boosted:after{border-color:#f0f8fc57}.game-shell.theme-ren .grid-cell.drop-preview-valid{border-color:#ebf4faeb;background:radial-gradient(circle at 50% 50%,#e2ebf233,#e2ebf212),#e2ebf212;box-shadow:inset 0 0 0 1px #ffffff7a,0 0 14px #d6e2eb3d}.game-shell.theme-ren .primary-action,.game-shell.theme-ren .stage-start-button,.game-shell.theme-ren .battle-skill-button:not(:disabled){background:linear-gradient(180deg,#f1f7fbf0,#687682f0);border-color:#ffffff80;color:#111820}.game-shell.theme-ren .battle-rage-meter i{background:linear-gradient(90deg,#a7b7c49e,#f7fcffdb)}.game-shell.theme-frost .topbar{background:linear-gradient(90deg,#1e3e56f5,#0f1b28eb),#111218e6;box-shadow:inset 0 -1px #ade6ff24}.game-shell.theme-frost .support-entry-button{border-color:#95e1ff80;color:#c9f4ff;background:linear-gradient(180deg,#75d3ff29,#ffffff09),#0c161ec7}.game-shell.theme-frost .support-entry-button:hover,.game-shell.theme-frost .support-entry-button:focus-visible{border-color:#e2faffdb;color:#fff}.game-shell.theme-frost .currency{background:linear-gradient(180deg,#91dfff33,#6bb5dc14),#111f2bc2}.game-shell.theme-frost .coin-mark{background:linear-gradient(180deg,#f0fcff,#83d7ff);box-shadow:inset 0 0 0 3px #386982,0 0 12px #7cdaff7a}.game-shell.theme-frost .panel,.game-shell.theme-frost .character-detail-dialog,.game-shell.theme-frost .bottom-tabs,.game-shell.theme-frost .battle-action-bar{background:radial-gradient(circle at 18% 0%,rgba(141,220,255,.12),transparent 34%),var(--panel)}.game-shell.theme-frost .panel-title{background:linear-gradient(90deg,#265b7cc2,#182f4194)}.game-shell.theme-frost .character-card.selected,.game-shell.theme-frost .bottom-tab.active{border-color:#a5e8ffdb;background:linear-gradient(180deg,#85daff38,#e5faff14),#ffffff09;box-shadow:0 0 0 1px #97e1ff29,0 0 20px #68c7f31f}.game-shell.theme-frost .grid-cell.boosted{background:#79d5ff12;border-color:#96ddff5c}.game-shell.theme-frost .grid-cell.boosted:after{border-color:#d1f6ff6b}.game-shell.theme-frost .grid-cell.drop-preview-valid{border-color:#a5e8fff5;background:radial-gradient(circle at 50% 50%,#8bddff3d,#8bddff14),#8bddff14;box-shadow:inset 0 0 0 1px #ecfaff8a,0 0 14px #68c7f347}.game-shell.theme-frost .primary-action,.game-shell.theme-frost .stage-start-button,.game-shell.theme-frost .battle-skill-button:not(:disabled){background:linear-gradient(180deg,#cff6fff2,#4b96c2f2);border-color:#e8fcff94;color:#0c2434}.game-shell.theme-frost .battle-rage-meter i{background:linear-gradient(90deg,#5cbdec9e,#e5faffe6)}.game-shell.battle-shell{gap:0}.battle-shell .screen{overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 8px 10px;flex:0 0 auto;z-index:10;background:#111218e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.eyebrow{margin:0 0 3px;color:var(--teal);font-size:11px}h1{margin:0;font-size:21px;line-height:1.1;font-weight:800;font-family:var(--font-display)}.currency{min-width:78px;height:34px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#e1bd672e,#e1bd670d);display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px}.coin-mark{width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 3px #805f20,0 0 10px #e1bd6773}.support-entry-button{min-width:52px;height:34px;border:1px solid rgba(85,216,199,.5);border-radius:8px;color:var(--teal);background:linear-gradient(180deg,#55d8c729,#ffffff09),#0a1012c7;cursor:pointer;font-size:12px;font-weight:900}.support-entry-button:hover,.support-entry-button:focus-visible{border-color:#a7fff4d1;color:#d5fff8;outline:none}.account-button{min-width:58px;max-width:118px;height:34px;border:1px solid rgba(238,210,148,.32);border-radius:8px;color:var(--gold-soft);background:#ffffff0b;cursor:pointer;font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button:hover,.account-button:focus-visible{border-color:var(--line-strong);color:var(--text);outline:none}.screen{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.screen::-webkit-scrollbar{width:0;height:0}.resource-loading-shell,.profile-setup-shell{min-height:100vh}.resource-loading-shell{display:grid;place-items:center;padding:24px;color:#fff4dc;background:linear-gradient(#0d090d7a,#0d090db8),url(./login-adventure-overlook-yRQgri8Q.webp) center / cover no-repeat}.resource-loading-panel{width:min(420px,90vw);text-align:center}.resource-loading-emblem{display:block;width:54px;height:54px;margin:0 auto 18px;border:2px solid rgba(255,224,155,.7);transform:rotate(45deg);box-shadow:inset 0 0 18px #ff9b4a57,0 0 26px #ff7e3c47}.resource-loading-panel strong{display:block;font-size:21px}.resource-loading-panel p,.profile-setup-copy{color:#fff2dcb8}.resource-loading-track{height:8px;margin-top:18px;overflow:hidden;border:1px solid rgba(255,224,155,.32);background:#0000005c}.resource-loading-track i{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,#ffd77e,#ff8b4a,transparent);animation:resourceLoadingSweep 1.15s ease-in-out infinite}.profile-setup-copy{margin:0 0 14px;font-size:13px;line-height:1.55}@keyframes resourceLoadingSweep{0%{transform:translate(-110%)}to{transform:translate(340%)}}.community-rail{position:absolute;left:-66px;top:96px;z-index:55;display:grid;gap:7px}.bottom-tabs>.community-rail{position:static;display:contents}.bottom-tabs>.community-rail>button{width:auto}.community-rail>button{width:54px;min-height:54px;display:grid;place-items:center;gap:2px;border:1px solid rgba(247,210,145,.28);border-radius:6px;color:var(--muted);background:#181215eb;cursor:pointer}.community-rail>button strong{color:var(--gold-soft);font-size:16px}.community-rail>button span{font-size:10px}.community-rail>button.active,.community-rail>button:hover,.community-rail>button:focus-visible{border-color:var(--line-strong);color:var(--text);background:#5c2d1ff0;outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--line-strong) 28%,transparent)}.community-dialog{position:absolute;left:62px;top:0;width:min(390px,calc(100vw - 110px));max-height:min(620px,calc(100vh - 140px));overflow:auto;border:1px solid var(--line-strong);border-radius:8px;padding:16px;color:var(--text);background:#161115fa;box-shadow:0 20px 54px #0000007a}.community-dialog-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:4px;color:var(--text);background:#ffffff0a;cursor:pointer}.community-eyebrow{margin:0;color:#ff9d54;font-size:11px;font-weight:900}.community-dialog-content h2{margin:4px 0 14px;font-size:20px}.leaderboard-tabs,.pvp-flow{display:flex;gap:7px}.leaderboard-tabs span,.pvp-flow span{padding:6px 8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:11px}.leaderboard-list{display:grid;gap:6px;margin-top:12px}.leaderboard-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border-left:3px solid rgba(255,160,83,.54);background:#ffffff0a}.leaderboard-list em,.leaderboard-list small,.leaderboard-list strong{display:block}.leaderboard-list em{color:var(--gold-soft);font-style:normal}.leaderboard-list small{color:var(--muted);margin-top:2px}.leaderboard-list b{color:var(--gold-soft)}.announcement-item,.pvp-preview section{display:block;margin-top:8px;padding:10px;border:1px solid rgba(255,255,255,.09);background:#ffffff09}.announcement-item span,.pvp-preview p{display:block;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.pvp-flow{align-items:center;margin-bottom:12px}.pvp-flow i{width:12px;height:1px;background:var(--line-strong)}.pvp-preview>button{width:100%;min-height:36px;margin-top:12px}@media(max-width:1100px){.community-rail{position:fixed;inset:auto 12px 76px;display:flex;justify-content:flex-start}.community-dialog{position:fixed;inset:auto 12px 138px;width:auto;max-height:58vh}}@media(prefers-reduced-motion:reduce){.resource-loading-track i{animation:none;width:100%}}.login-shell{--login-ink: #17324c;--login-muted: #52718c;--login-blue: #2f9de8;--login-blue-strong: #1378c5;--login-line: rgba(151, 202, 236, .42);--login-surface: rgba(247, 252, 255, .68);--login-surface-strong: rgba(255, 255, 255, .82);min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(18px,5vw,64px);background:linear-gradient(90deg,#eff9ff38,#eff9ff1f 34%,#eff9ff05 70%),linear-gradient(180deg,#67b7ed0a,#ffffff0a),url(./login-adventure-overlook-yRQgri8Q.webp) center / cover no-repeat;position:relative;overflow:hidden}.login-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.1),transparent 28%),linear-gradient(180deg,transparent 58%,rgba(222,244,255,.06));pointer-events:none}.login-panel{width:min(100%,382px);border:1px solid var(--login-line);border-radius:8px;background:linear-gradient(180deg,var(--login-surface-strong),var(--login-surface));box-shadow:0 16px 38px #3184be29,0 1px 6px #1644660f;overflow:hidden;color:var(--login-ink);-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);position:relative;z-index:1}.login-title{padding:18px 18px 14px;border-bottom:1px solid rgba(151,202,236,.24);background:linear-gradient(180deg,#ffffff52,#fff0)}.login-title span,.login-title strong{display:block}.login-trial-note{margin:0;color:var(--login-muted);font-size:12px;line-height:1.6;text-align:center}.login-title span{color:var(--login-blue);font-size:12px;font-weight:800}.login-title strong{margin-top:6px;font-size:27px;line-height:1.1;font-family:var(--font-display);color:#12304c}.login-form{display:grid;grid-template-columns:1fr;gap:8px;padding:12px}.login-input{min-width:0;height:42px;border:1px solid rgba(142,194,229,.46);border-radius:8px;color:var(--login-ink);background:#ffffff9e;padding:0 12px;font:inherit;outline:none;box-shadow:inset 0 1px #ffffff9e}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--login-ink);box-shadow:0 0 0 1000px #ffffff9e inset;transition:background-color 9999s ease-out}.login-input::placeholder{color:#52718cb8}.login-input:focus{border-color:#2f9de8e6;box-shadow:0 0 0 3px #2f9de81f,inset 0 1px #ffffff9e}.login-primary,.login-secondary,.login-guest,.login-account{border:1px solid rgba(142,194,229,.42);border-radius:8px;color:var(--login-ink);cursor:pointer;font-weight:800;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.login-primary{background:linear-gradient(180deg,#79ccff,#2296dc);color:#fff;box-shadow:0 8px 18px #1378c529}.login-secondary{min-height:42px;background:#ffffff7a;color:var(--login-blue-strong)}.login-primary:hover,.login-primary:focus-visible,.login-secondary:hover,.login-secondary:focus-visible,.login-guest:hover,.login-guest:focus-visible,.login-account:hover,.login-account:focus-visible{border-color:#2f9de8e6;box-shadow:0 8px 18px #2f9de824;outline:none;transform:translateY(-1px)}.login-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.login-actions .login-primary{min-height:42px}.login-error{margin:0 12px 10px;border:1px solid rgba(237,92,92,.28);border-radius:8px;padding:9px;color:#9f3030;background:#ffe8e8b3;font-size:12px;line-height:1.5}.login-account-list{display:grid;gap:8px;padding:0 12px 12px}.login-account{min-height:58px;padding:9px 10px;text-align:left;background:#ffffff75}.login-account strong,.login-account span{display:block}.login-account span{margin-top:4px;color:var(--login-muted);font-size:12px}.login-guest{width:calc(100% - 24px);min-height:42px;margin:0 12px 12px;background:#ebf8ff85;color:var(--login-blue-strong)}.prepare-shell{display:grid;gap:8px}.prepare-shell.warehouse-shell,.prepare-shell.shop-shell,.prepare-shell.home-shell{height:100%;min-height:0}.prepare-screen{display:grid;gap:8px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(3px) saturate(1.04);backdrop-filter:blur(3px) saturate(1.04);box-shadow:inset 0 1px #ffffff09,0 14px 34px #00000040;overflow:hidden}.panel-title{min-height:36px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#e1bd672e,#ffffff05)}.panel-title span{font-weight:800}.panel-title small{color:var(--muted);font-size:11px;text-align:right}.guide-card{border:1px solid rgba(85,216,199,.38);border-radius:8px;padding:9px;display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px;align-items:center;background:linear-gradient(135deg,#55d8c724,#72c7ff14),#ffffff09}.guide-card strong,.guide-card span{display:block}.guide-card strong{font-size:13px}.guide-card span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.guide-dismiss{min-height:32px;border:1px solid rgba(85,216,199,.5);border-radius:7px;color:var(--text);background:#55d8c71f;cursor:pointer;font-size:12px;font-weight:800}.new-player-guide{position:absolute;z-index:40;left:10px;right:10px;bottom:70px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-height:82px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--gold-soft) 62%,var(--teal));border-radius:8px;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--panel-strong) 88%,var(--gold) 12%),var(--panel-strong)),#0c0e14f5;box-shadow:0 12px 34px #0000007a,inset 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.new-player-guide-step,.new-player-guide strong,.new-player-guide p{grid-column:1}.new-player-guide-step{color:var(--gold-soft);font-size:10px;font-weight:900}.new-player-guide strong{font-size:14px}.new-player-guide p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.new-player-guide-action{grid-column:2;grid-row:1 / span 3;min-height:38px;border:1px solid var(--line-strong);border-radius:6px;padding:0 14px;color:#15110a;background:linear-gradient(180deg,var(--gold-soft),var(--gold));cursor:pointer;font-size:12px;font-weight:900}.new-player-guide-target{position:relative;z-index:2;border-color:var(--gold-soft)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 48%,transparent),0 0 22px color-mix(in srgb,var(--gold) 42%,transparent)!important;animation:newPlayerGuidePulse 1.25s ease-in-out infinite}.stage-start-button:disabled{border-color:#ffffff1f;color:var(--muted);background:#ffffff0f;box-shadow:none;cursor:not-allowed;filter:saturate(.45)}@keyframes newPlayerGuidePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.character-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px}.character-card{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);background:#ffffff0a;padding:8px 6px;min-height:132px;display:grid;gap:7px;cursor:pointer}.character-card:focus-visible{outline:2px solid rgba(85,216,199,.72);outline-offset:2px}.character-card.selected{border-color:var(--gold);background:linear-gradient(180deg,#e1bd6738,#ffffff0a);box-shadow:0 0 0 1px #e1bd6726}.character-card.locked{opacity:.48;filter:grayscale(.7)}.character-card strong,.character-card span{display:block;line-height:1.25}.character-card small{display:block;margin-top:5px;color:#eed2b494;font-size:9px;line-height:1.2}.character-card.selected:after{content:"";position:absolute;inset:7px 7px 7px auto;width:3px;background:linear-gradient(180deg,transparent,var(--gold-soft),transparent);box-shadow:0 0 12px var(--gold)}.newbie-badge{display:inline-grid;place-items:center;min-height:18px;margin:4px 0;padding:0 6px;border-radius:999px;color:#17211f;background:var(--teal);font-size:10px;font-style:normal;font-weight:900}.character-card span{color:var(--muted);font-size:11px}.character-avatar-button{width:100%;border:0;border-radius:8px;padding:0;color:inherit;background:transparent;cursor:pointer}.character-avatar-button:focus-visible{outline:2px solid rgba(243,220,157,.86);outline-offset:2px}.character-avatar-button .portrait{display:block}.portrait{width:100%;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:8px;position:relative;overflow:hidden}.portrait:before,.portrait:after{content:"";position:absolute;inset:0}.portrait:before{background:linear-gradient(130deg,rgba(255,255,255,.18),transparent 32%),linear-gradient(180deg,transparent 48%,rgba(0,0,0,.3))}.portrait:after{width:46%;height:66%;left:27%;top:20%;border-radius:46% 46% 18% 18%;background:#fff4e3c7;box-shadow:0 -18px 0 8px #261a1cd6,0 22px 0 20px #18181f9e}.portrait-akari{background:linear-gradient(145deg,#542021,#e45645 52%,#f4bd64)}.character-avatar-button .portrait-akari{background:url(./avatar-B-mjk7kB.webp) center / cover no-repeat}.character-avatar-button .portrait-akari:before,.character-avatar-button .portrait-akari:after,.character-detail-portrait.portrait-akari:before,.character-detail-portrait.portrait-akari:after,.combatant.player .combat-portrait.portrait-akari:before,.combatant.player .combat-portrait.portrait-akari:after{content:none}.character-detail-portrait.portrait-akari,.combatant.player .combat-portrait.portrait-akari{background:url(./display-C_8aXSPM.webp) center / cover no-repeat}.combatant.player .combat-portrait.portrait-akari{aspect-ratio:941 / 1672;background-position:center top}.portrait-ren{background:linear-gradient(145deg,#18313a,#43b4c7 48%,#e7d88a)}.character-avatar-button .portrait-ren{background:url(./avatar-DmnCVnuP.webp) center / cover no-repeat}.character-avatar-button .portrait-ren:before,.character-avatar-button .portrait-ren:after,.character-detail-portrait.portrait-ren:before,.character-detail-portrait.portrait-ren:after,.combatant.player .combat-portrait.portrait-ren:before,.combatant.player .combat-portrait.portrait-ren:after{content:none}.character-detail-portrait.portrait-ren,.combatant.player .combat-portrait.portrait-ren{aspect-ratio:887 / 1774;background:url(./display-CbHYDY3L.webp) center / cover no-repeat}.combatant.player .combat-portrait.portrait-ren{background-position:center top}.portrait-yuki{background:linear-gradient(145deg,#202c46,#84b9d8 50%,#f2efe1)}.character-avatar-button .portrait-yuki{background:url(./avatar-dPGj-rHs.webp) center / cover no-repeat}.character-avatar-button .portrait-yuki:before,.character-avatar-button .portrait-yuki:after,.character-detail-portrait.portrait-yuki:before,.character-detail-portrait.portrait-yuki:after,.combatant.player .combat-portrait.portrait-yuki:before,.combatant.player .combat-portrait.portrait-yuki:after{content:none}.character-detail-portrait.portrait-yuki,.combatant.player .combat-portrait.portrait-yuki{aspect-ratio:887 / 1774;background:url(./display-BdlPakJ0.webp) center / cover no-repeat}.combatant.player .combat-portrait.portrait-yuki{background-position:center top}.portrait-placeholder{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.24),transparent 26%),linear-gradient(145deg,#30343d,#666f7f 54%,#b6a36d)}.portrait-noya{background:linear-gradient(145deg,#1d2148,#6852a2 52%,#a6b8ef)}.character-avatar-button .portrait-noya{background:url(./avatar-Gsy-DDJB.webp) center / cover no-repeat}.character-avatar-button .portrait-noya:before,.character-avatar-button .portrait-noya:after,.character-detail-portrait.portrait-noya:before,.character-detail-portrait.portrait-noya:after,.combatant.player .combat-portrait.portrait-noya:before,.combatant.player .combat-portrait.portrait-noya:after{content:none}.character-detail-portrait.portrait-noya,.combatant.player .combat-portrait.portrait-noya{aspect-ratio:864 / 1821;background:url(./display-xMVBV0ow.webp) center top / cover no-repeat}.portrait-viola{background:linear-gradient(145deg,#102a24,#327c59 52%,#9bc66c)}.character-avatar-button .portrait-viola{background:url(./avatar-Bi0mX3a4.webp) center / cover no-repeat}.character-avatar-button .portrait-viola:before,.character-avatar-button .portrait-viola:after,.character-detail-portrait.portrait-viola:before,.character-detail-portrait.portrait-viola:after,.combatant.player .combat-portrait.portrait-viola:before,.combatant.player .combat-portrait.portrait-viola:after{content:none}.character-detail-portrait.portrait-viola,.combatant.player .combat-portrait.portrait-viola{aspect-ratio:864 / 1821;background:url(./display-56K4pOty.webp) center top / cover no-repeat}.portrait-graeme{background:linear-gradient(145deg,#2b2d32,#765040 52%,#c9a15f)}.character-avatar-button .portrait-graeme{background:url(./avatar-rTLBdbIJ.webp) center / cover no-repeat}.character-avatar-button .portrait-graeme:before,.character-avatar-button .portrait-graeme:after,.character-detail-portrait.portrait-graeme:before,.character-detail-portrait.portrait-graeme:after,.combatant.player .combat-portrait.portrait-graeme:before,.combatant.player .combat-portrait.portrait-graeme:after{content:none}.character-detail-portrait.portrait-graeme,.combatant.player .combat-portrait.portrait-graeme{aspect-ratio:864 / 1821;background:url(./display-Bo_3HjRV.webp) center top / cover no-repeat}.portrait-ino{background:linear-gradient(145deg,#0e3f4c,#3a8793 50%,#e0b85e)}.character-avatar-button .portrait-ino{background:url(./avatar-BN410Olf.webp) center / cover no-repeat}.character-avatar-button .portrait-ino:before,.character-avatar-button .portrait-ino:after,.character-detail-portrait.portrait-ino:before,.character-detail-portrait.portrait-ino:after,.combatant.player .combat-portrait.portrait-ino:before,.combatant.player .combat-portrait.portrait-ino:after{content:none}.character-detail-portrait.portrait-ino,.combatant.player .combat-portrait.portrait-ino{aspect-ratio:864 / 1821;background:url(./display-Bs5_cyoD.webp) center top / cover no-repeat}.portrait-lottie{background:linear-gradient(145deg,#124946,#d7a63b 54%,#f3cf72)}.character-avatar-button .portrait-lottie{background:url(./avatar-DtChkinq.webp) center / cover no-repeat}.character-avatar-button .portrait-lottie:before,.character-avatar-button .portrait-lottie:after,.character-detail-portrait.portrait-lottie:before,.character-detail-portrait.portrait-lottie:after,.combatant.player .combat-portrait.portrait-lottie:before,.combatant.player .combat-portrait.portrait-lottie:after{content:none}.character-detail-portrait.portrait-lottie,.combatant.player .combat-portrait.portrait-lottie{aspect-ratio:864 / 1821;background:url(./display-CDimEt6E.webp) center top / cover no-repeat}.character-avatar-button .portrait-placeholder:before,.character-detail-portrait.portrait-placeholder:before,.combat-portrait.portrait-placeholder:before{background:linear-gradient(130deg,rgba(255,255,255,.2),transparent 32%),linear-gradient(180deg,transparent 48%,rgba(0,0,0,.38))}.passive-note{margin:0;padding:0 10px 10px;color:var(--muted);font-size:12px;line-height:1.55}.character-card-copy{min-width:0}.character-detail-overlay{position:absolute;inset:0;z-index:110;display:grid;place-items:center;padding:18px;background:#040508a3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.character-detail-dialog{position:relative;width:min(100%,760px);max-height:calc(100dvh - 48px);overflow-y:auto;border:1px solid var(--line-strong);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgba(85,216,199,.16),transparent 32%),linear-gradient(180deg,#2c2227fa,#121218fa);box-shadow:0 26px 72px #0000008c}.character-detail-close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:var(--muted);background:#ffffff0f;cursor:pointer;font-size:21px;line-height:1}.character-detail-close:hover,.character-detail-close:focus-visible{color:var(--text);border-color:var(--line-strong);outline:none}.character-detail-layout{display:grid;grid-template-columns:minmax(220px,.86fr) minmax(320px,1.14fr);gap:18px;padding:18px 48px 18px 18px;align-items:stretch}.character-detail-art{display:grid;place-items:center;min-height:360px;border-right:1px solid var(--line);padding-right:18px}.character-detail-portrait{width:min(100%,320px);max-height:calc(100dvh - 110px);aspect-ratio:941 / 1672}.character-detail-copy{min-width:0;display:grid;align-content:start;gap:12px}.character-detail-heading span,.character-detail-heading strong,.character-detail-heading em{display:block}.character-detail-heading span{color:var(--teal);font-size:12px;font-weight:900}.character-detail-heading strong{margin-top:6px;font-size:34px;line-height:1.1;font-family:var(--font-display)}.character-detail-heading em{margin-top:6px;color:var(--gold-soft);font-size:14px;font-style:normal;font-weight:800}.character-detail-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}.character-detail-body div{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:9px;background:#ffffff0b}.character-detail-body strong,.character-detail-body span{display:block}.character-detail-body strong{color:var(--muted);font-size:11px}.character-detail-body span{margin-top:4px;color:var(--gold-soft);font-size:15px;font-weight:900}.character-detail-section{margin:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;background:#ffffff0b}.character-detail-section strong,.character-detail-section p{display:block}.character-detail-section strong{color:var(--gold-soft);font-size:13px}.character-detail-section p{margin:7px 0 0;color:var(--text);font-size:13px;line-height:1.7}.grid-board{--cols: 5;--rows: 5;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:3px;padding:8px;background:linear-gradient(#06070a2e,#06070a2e),repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 1px,transparent 1px 12px),color-mix(in srgb,var(--panel-strong) 28%,transparent);border-top:1px solid color-mix(in srgb,var(--line-strong) 34%,transparent);box-shadow:inset 0 0 28px #00000029;aspect-ratio:var(--cols) / var(--rows);min-height:0}.grid-board.combat{aspect-ratio:var(--cols) / var(--rows);min-height:0;gap:2px}.grid-cell{position:relative;min-width:0;min-height:0;border:1px solid color-mix(in srgb,var(--line-strong) 42%,rgba(255,255,255,.1));background:linear-gradient(145deg,rgba(255,255,255,.02),transparent 48%),color-mix(in srgb,var(--cell) 52%,rgba(5,6,9,.08));box-shadow:inset 0 0 0 1px #0000004d,inset 0 1px #ffffff06}.grid-cell.boosted{background:#55d8c70e;border-color:#55d8c74d}.grid-cell.boosted:after{content:"";position:absolute;inset:5px;border:1px dashed rgba(85,216,199,.36);border-radius:4px;pointer-events:none}.grid-cell.locked{background:linear-gradient(45deg,transparent 43%,rgba(237,92,92,.36) 43% 57%,transparent 57%),#ed5c5c14}.grid-cell.utility-influence:not(.locked){border-color:#ffd670b8;box-shadow:inset 0 0 0 1px #ffedab38,inset 0 0 13px #ffc64a33,0 0 8px #ffbf3a33;animation:utility-cell-pulse 1.8s ease-in-out infinite}.board-item.utility-source{outline:1px solid rgba(255,216,117,.82);outline-offset:-3px}.board-item.utility-amplified{box-shadow:inset 0 0 0 2px #ffe99ee0,0 0 14px #ffc23e80;animation:utility-item-pulse 1.6s ease-in-out infinite}@keyframes utility-cell-pulse{50%{border-color:#ffedaaf5;box-shadow:inset 0 0 15px #ffcd5b4d,0 0 12px #ffbf3a52}}@keyframes utility-item-pulse{50%{filter:brightness(1.12);box-shadow:inset 0 0 0 2px #fff5c9f5,0 0 18px #ffc647ad}}@media(prefers-reduced-motion:reduce){.grid-cell.utility-influence,.board-item.utility-amplified{animation:none}}.grid-cell.drop-preview{z-index:2;transition:background-color 80ms linear,border-color 80ms linear,box-shadow 80ms linear}.grid-cell.drop-preview-valid{border-color:#55d8c7f2;background:radial-gradient(circle at 50% 50%,#55d8c742,#55d8c714),#55d8c714;box-shadow:inset 0 0 0 1px #a7fff48f,0 0 14px #55d8c757}.grid-cell.drop-preview-invalid{border-color:#ed5c5ceb;background:repeating-linear-gradient(45deg,#ed5c5c42 0 5px,#ed5c5c14 5px 10px),#ed5c5c1a;box-shadow:inset 0 0 0 1px #ff9d9d80,0 0 12px #ed5c5c47}.board-item{position:relative;z-index:1;border:1px solid rgba(255,255,255,.22);border-radius:7px;color:var(--text);min-width:0;min-height:34px;padding:5px;display:flex;flex-direction:column;justify-content:space-between;gap:3px;overflow:hidden;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px #00000057;-webkit-user-select:none;user-select:none;touch-action:none}.battle-item{cursor:default}.board-item.dragging{opacity:0}.board-item.swap-preview{border-color:#ffd666fa;filter:brightness(1.12);box-shadow:inset 0 0 0 2px #fff3bfb8,0 0 18px #ffbe3694}.board-drag-preview{position:fixed;z-index:10000;margin:0;pointer-events:none;opacity:.94;transform:scale(1.025);transform-origin:center;filter:brightness(1.08) saturate(1.04);box-shadow:inset 0 0 0 1px #fff3,0 14px 28px #0000006b,0 0 16px color-mix(in srgb,var(--line-strong) 32%,transparent);will-change:left,top}.board-item.triggered{animation:triggerPulse .26s ease-out}.item-name{position:relative;z-index:2;font-size:11px;line-height:1.15;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.7)}.item-meta{position:relative;z-index:2;color:var(--gold-soft);font-size:10px;line-height:1.1}.item-icon{position:absolute;inset:2px;z-index:0;border-radius:6px;background-repeat:no-repeat;opacity:.82;filter:saturate(1.08) contrast(1.04)}.item-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000a,#00000080)}.cooldown-fill{position:absolute;left:0;bottom:0;height:4px;width:100%;transform:scaleX(0);transform-origin:left center;background:#ffffffad}.rarity-white{background:linear-gradient(145deg,#666a70e0,#26282df0)}.rarity-blue{background:linear-gradient(145deg,#235a68e6,#1f2a3af0)}.rarity-purple{background:linear-gradient(145deg,#6f4484eb,#2a203df0)}.rarity-orange{background:linear-gradient(145deg,#a66626f2,#4a2c1ff0)}.rarity-gold{background:linear-gradient(145deg,#d6af4bf2,#523818f5)}.rarity-prismatic{background:linear-gradient(145deg,#64cdffdb,#ffffff38 42%,#5b67ffe6),#1d1f30f5;border-color:#d2faffeb}.element-normal{border-color:#dee6eeb8}.element-flare{border-color:#ff754bb3}.element-volt{border-color:#55d6ffb3}.element-frost{border-color:#b9f2ffb8}.element-void{border-color:#c89cffb8}.element-aqua{border-color:#55d8c7b3}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.action-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.action-row.single{grid-template-columns:1fr}.primary-action,.ghost-action,.buy-button{min-height:40px;border-radius:8px;border:1px solid var(--line-strong);color:var(--text);background:linear-gradient(180deg,#e1bd6757,#784a21a8);cursor:pointer;font-weight:800}.ghost-action{background:#ffffff0b;color:var(--gold-soft)}.ghost-action.warm{color:var(--teal)}.shop-title{padding-right:8px}.shop-refresh-button{min-width:78px;min-height:28px;border-radius:7px;border:1px solid var(--line-strong);color:#1b1409;background:linear-gradient(180deg,var(--gold-soft),var(--gold));cursor:pointer;font-size:12px;font-weight:900}.shop-upgrade-button,.character-train-button{min-height:28px;padding:0 10px;border:1px solid var(--line-strong);border-radius:7px;background:#fff9e8e0;color:#1b1409;cursor:pointer;font-size:12px;font-weight:800}.shop-upgrade-button:disabled,.character-train-button:disabled{cursor:default;opacity:.5}.stage-body,.shop-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.stage-body div,.shop-note{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;background:#ffffff0a}.stage-body strong,.stage-body span,.shop-note strong,.shop-note span{display:block}.stage-body span,.shop-note span{margin-top:4px;color:var(--muted);font-size:12px}.shop-note{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:visible}.shop-odds-button{width:24px;height:24px;border:1px solid rgba(243,220,157,.6);border-radius:999px;color:var(--gold-soft);background:#ffffff0a;cursor:pointer;font-weight:900;line-height:1}.shop-odds-panel{position:absolute;top:calc(100% + 6px);right:8px;width:180px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#18161dfa;overflow:hidden;z-index:20;box-shadow:0 10px 24px #00000057}.shop-odds-title{padding:8px 10px;color:var(--gold-soft);font-size:11px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.08)}.shop-odds-list{display:grid}.shop-odds-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.06)}.shop-odds-row:first-child{border-top:0}.shop-odds-name{min-width:0;margin:0;color:var(--text);font-size:12px;font-weight:700}.shop-odds-rate{color:var(--gold-soft);font-size:12px}.power-card.ready{border-color:#55d8c757;background:#55d8c714}.power-card.ready span{color:var(--teal)}.stage-modifier-panel{margin:0 8px 8px;padding:10px;border:1px solid rgba(243,220,157,.24);border-radius:8px;background:#1012186b}.stage-modifier-title{display:block;margin-bottom:8px;color:var(--gold-soft);font-size:12px}.stage-modifier-list{display:grid;gap:6px}.stage-modifier-row{display:grid;grid-template-columns:minmax(84px,.32fr) minmax(0,1fr);gap:10px;align-items:baseline;padding:7px 8px;border-left:3px solid rgba(243,220,157,.58);background:#ffffff0a}.stage-modifier-row strong{color:var(--text);font-size:12px}.stage-modifier-row span{color:var(--muted);font-size:11px}@media(max-width:720px){.stage-modifier-row{grid-template-columns:1fr;gap:3px}}.power-card.under{border-color:#ed5c5c52;background:#ed5c5c14}.power-card.under span{color:#ff9d9d}.stage-info-column{min-width:0;display:grid;gap:8px;align-content:start}.stage-desktop-guide-slot{display:none}.stage-mobile-guide-slot{display:block}.stage-action-row{padding-top:10px}.stage-start-button{min-height:44px}.hub-actions{padding:8px;display:grid;gap:8px}.hub-button{border:1px solid var(--line);border-radius:8px;min-height:54px;padding:8px 10px;color:var(--text);background:linear-gradient(135deg,#ffffff12,#55d8c70f);text-align:left;cursor:pointer}.hub-button strong,.hub-button span{display:block}.hub-button span{margin-top:4px;color:var(--muted);font-size:12px}.bottom-tab-slot{flex:0 0 auto}.bottom-tabs{position:static;width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#111218f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -4px 14px #0000003d}.bottom-tab{min-height:38px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:var(--muted);background:#ffffff0b;cursor:pointer;font-size:11px;font-weight:800}.bottom-tab .nav-icon{width:34px;height:34px;flex:0 0 34px;display:inline-grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#04050894;box-shadow:inset 0 0 8px #0000006b;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.bottom-tab .nav-icon img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) brightness(.9);transition:filter .16s ease,transform .16s ease}.bottom-tab:hover .nav-icon img,.bottom-tab:focus-visible .nav-icon img{filter:saturate(.96) brightness(1.04);transform:scale(1.04)}.bottom-tab{display:flex;align-items:center;gap:10px}.bottom-tab.active{color:#1b1409;border-color:#f3dc9dd9;background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:0 0 16px #e1bd6747}.bottom-tab.active .nav-icon{border-color:var(--line-strong);box-shadow:inset 0 0 8px #00000052,0 0 11px color-mix(in srgb,var(--gold) 42%,transparent);transform:translateY(-1px)}.bottom-tab.active .nav-icon img{filter:saturate(1.02) brightness(1.1)}.shared-character-level{display:block;margin-top:2px;color:#ecf4ffb8;font-size:12px}.game-shell.desktop-panel{width:min(calc(100vw - 24px),calc(177.777dvh - 42.667px),1600px);height:min(calc(100dvh - 24px),calc(56.25vw - 13.5px),900px);margin:0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.game-shell.desktop-panel:not(.battle-shell){display:grid;grid-template-areas:"topbar topbar" "tabs screen";grid-template-columns:184px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--line-strong) 52%,rgba(255,255,255,.12));-webkit-backdrop-filter:blur(3px) saturate(1.03);backdrop-filter:blur(3px) saturate(1.03);box-shadow:inset 0 0 0 1px #0000005c,0 18px 56px #0000004d}.game-shell.desktop-panel:not(.battle-shell):after{background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 18%,transparent 82%,rgba(255,255,255,.018)),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 18px);opacity:.72}.game-shell.desktop-panel.battle-shell{width:calc(100vw - 24px);height:calc(100dvh - 24px);padding:clamp(12px,1vw,20px) clamp(16px,1.35vw,28px);border-inline:1px solid rgba(255,255,255,.08)}.desktop-panel:not(.battle-shell) .topbar{grid-area:topbar;border:1px solid color-mix(in srgb,var(--line-strong) 62%,var(--line));border-radius:8px;padding:10px 12px}.desktop-panel:not(.battle-shell) h1{font-size:24px}.desktop-panel:not(.battle-shell) .screen{grid-area:screen;min-width:0;min-height:0}.desktop-panel:not(.battle-shell) .bottom-tab-slot{grid-area:tabs;min-height:0}.desktop-panel:not(.battle-shell) .new-player-guide{left:210px;right:18px;bottom:18px;max-width:620px;margin-left:auto}.desktop-panel:not(.battle-shell) .bottom-tabs{height:100%;grid-template-columns:1fr;grid-auto-rows:minmax(54px,max-content);align-content:start;gap:8px;padding:10px;border-color:color-mix(in srgb,var(--line-strong) 58%,var(--line))}.desktop-panel:not(.battle-shell) .community-rail{display:contents}.desktop-panel:not(.battle-shell) .community-rail>button{width:auto;min-height:54px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;border-color:#ffffff1a;color:var(--muted);background:#ffffff0b;text-align:left;font-size:13px;font-weight:800}.desktop-panel:not(.battle-shell) .community-rail>button .community-nav-icon{width:34px;height:34px;flex:0 0 34px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:var(--gold-soft);background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),#04050894;box-shadow:inset 0 0 8px #0000006b;font-size:16px}.desktop-panel:not(.battle-shell) .community-rail>button.active{border-color:#f3dc9dd9;color:#1b1409;background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:0 0 16px #e1bd6747}.desktop-panel:not(.battle-shell) .community-rail>button.active .community-nav-icon{border-color:var(--line-strong);color:var(--gold-soft);background-color:#120e0cd6;box-shadow:inset 0 0 8px #00000052,0 0 11px color-mix(in srgb,var(--gold) 42%,transparent)}.desktop-panel:not(.battle-shell) .community-rail>button.locked,.community-rail>button.locked{opacity:.58;cursor:not-allowed;filter:grayscale(.72)}.desktop-panel:not(.battle-shell) .community-rail>button.locked small,.community-rail>button.locked small{margin-left:auto;color:var(--muted);font-size:10px;font-weight:800}.desktop-panel:not(.battle-shell) .community-dialog{left:176px;top:auto;bottom:0;width:min(420px,calc(100vw - 250px));max-height:min(660px,calc(100vh - 90px))}.desktop-panel:not(.battle-shell) .bottom-tab{min-height:54px;padding:0 12px;text-align:left;font-size:13px}.mobile-more-trigger{display:none}.game-shell.phone-panel>.bottom-tab-slot{position:sticky;bottom:0;z-index:220;padding-bottom:env(safe-area-inset-bottom)}.phone-panel .bottom-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px}.phone-panel .bottom-tab{min-width:0;min-height:58px;padding:3px 2px;flex-direction:column;justify-content:center;gap:2px;font-size:10px;line-height:1.1}.phone-panel .bottom-tab .nav-icon{width:30px;height:30px;flex-basis:30px}.phone-panel .mobile-secondary-tab,.phone-panel .community-rail{display:none!important}.phone-panel .mobile-more-trigger{display:flex}.mobile-more-symbol{color:var(--gold-soft);font-size:18px;font-weight:900;letter-spacing:0}.mobile-more-trigger.active .mobile-more-symbol{color:#1b1409}.mobile-more-overlay{position:fixed;inset:0;z-index:180;display:flex;align-items:flex-end;justify-content:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#030407ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-more-sheet{width:min(100%,430px);max-height:min(78dvh,620px);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:linear-gradient(180deg,rgba(90,45,31,.34),transparent 30%),#140e11fa;box-shadow:0 20px 54px #00000080;overflow:hidden}.mobile-more-sheet>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#e1bd672b,#ffffff05)}.mobile-more-sheet>header small,.mobile-more-sheet>header strong{display:block}.mobile-more-sheet>header small{color:var(--muted);font-size:10px}.mobile-more-sheet>header strong{margin-top:2px;color:var(--gold-soft);font-size:17px}.mobile-more-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:var(--text);background:#ffffff0b;cursor:pointer;font-size:22px}.mobile-more-close:hover,.mobile-more-close:focus-visible{border-color:var(--gold-soft);outline:none}.mobile-more-grid{display:grid;gap:6px;padding:8px;overflow-y:auto}.mobile-more-entry{min-width:0;min-height:58px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:7px 10px;color:var(--text);background:#ffffff0a;cursor:pointer;text-align:left}.mobile-more-entry:hover,.mobile-more-entry:focus-visible{border-color:#f3dc9dad;background:#e1bd6717;outline:none}.mobile-more-entry.active{border-color:var(--line-strong);background:#e1bd6724;box-shadow:inset 3px 0 0 var(--gold-soft)}.mobile-more-entry.locked{opacity:.56;cursor:not-allowed;filter:grayscale(.7)}.mobile-more-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--gold-soft);background:#04050894;font-size:15px;font-weight:900}.mobile-more-copy,.mobile-more-copy strong,.mobile-more-copy small{min-width:0;display:block}.mobile-more-copy strong{font-size:13px}.mobile-more-copy small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.mobile-more-entry em{color:var(--muted);font-size:11px;font-style:normal;font-weight:900}.mobile-more-arrow{color:var(--muted);font-size:22px}.desktop-panel:not(.battle-shell) .prepare-shell,.desktop-panel:not(.battle-shell) .prepare-screen{height:100%;min-height:0}.desktop-panel:not(.battle-shell) .prepare-screen{gap:12px}.desktop-panel:not(.battle-shell) .guide-card{grid-column:1 / -1}.desktop-panel:not(.battle-shell) .home-screen,.desktop-panel:not(.battle-shell) .stage-screen,.desktop-panel:not(.battle-shell) .shop-layout,.desktop-panel:not(.battle-shell) .warehouse-layout{grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr);align-content:start}.ranking-page,.pvp-page{min-height:100%}.ranking-page{display:flex;flex-direction:column;overflow:hidden}.ranking-page-header,.pvp-status-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 16%,transparent),transparent)}.ranking-page-header span,.pvp-status-panel>header span{color:var(--gold-soft);font-size:11px;font-weight:900}.ranking-page-header h2,.pvp-status-panel>header h2{margin:4px 0 0;font-size:24px}.ranking-page-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.ranking-refresh,.pvp-refresh,.pvp-publish,.pvp-battle{min-height:38px;border:1px solid var(--line-strong);border-radius:6px;padding:0 14px;color:var(--gold-soft);background:#ffffff0e;cursor:pointer;font-weight:900}.ranking-page-tabs{display:flex;gap:8px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.ranking-page-tabs button{min-width:120px;min-height:36px;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:var(--muted);background:#ffffff0a;cursor:pointer;font-weight:800}.ranking-page-tabs button.active{border-color:var(--line-strong);color:#17110a;background:linear-gradient(180deg,var(--gold-soft),var(--gold))}.ranking-table{min-height:0;overflow:auto;padding:0 18px 18px}.ranking-table-head,.ranking-table-row{display:grid;grid-template-columns:70px minmax(160px,1fr) minmax(120px,.7fr) minmax(120px,.7fr);align-items:center;gap:12px}.ranking-table-head{position:sticky;top:0;z-index:1;padding:12px 14px;color:var(--muted);background:color-mix(in srgb,var(--panel-strong) 94%,#08080a);font-size:11px}.ranking-table-row{min-height:58px;margin-top:6px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(255,255,255,.12);background:#ffffff09}.ranking-table-row>strong{color:var(--gold-soft);font-size:18px}.ranking-table-row>b{color:var(--gold-soft)}.ranking-table-row>em{color:var(--muted);font-style:normal}.ranking-table-row.rank-1{border-left-color:#f4cf65;background:#f4cf6517}.ranking-table-row.rank-2{border-left-color:#c8d0da}.ranking-table-row.rank-3{border-left-color:#c98a5b}.ranking-empty{padding:28px 14px;color:var(--muted);text-align:center}.pvp-page{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr);gap:12px}.pvp-status-panel,.pvp-opponents{min-width:0}.pvp-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px}.pvp-current-loadout{display:grid;grid-template-columns:minmax(138px,.44fr) minmax(190px,1fr);gap:10px;padding:14px 16px 0}.pvp-current-character,.pvp-current-board{min-width:0;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 58%),#ffffff09}.pvp-current-character{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:end;min-height:258px;padding:0;text-align:center;overflow:hidden}.pvp-character-illustration{width:100%;height:100%;min-height:202px;align-self:stretch;border:0;border-radius:0;background-position:center 12%;background-size:cover;box-shadow:inset 0 -34px 38px #080608b8,inset 0 0 28px #ffecba0f}.pvp-character-caption{width:100%;position:relative;z-index:1;margin-top:-30px;padding:14px 10px 12px;background:linear-gradient(180deg,transparent,rgba(12,8,10,.92) 34%)}.pvp-current-character small,.pvp-current-character strong,.pvp-current-character span{display:block}.pvp-current-character small{color:var(--muted)}.pvp-current-character strong{margin-top:7px;color:var(--gold-soft);font-size:14px;line-height:1.4}.pvp-current-board{overflow:hidden}.pvp-loadout-viewport{height:238px;position:relative;overflow:hidden;margin:0 10px 10px;border:1px solid rgba(255,255,255,.06);background:#00000024}.pvp-current-board .pvp-loadout-board{width:330px;max-width:none;position:absolute;left:50%;top:50%;translate:-50% -50%;transform-origin:center}.pvp-status-grid>div{min-height:78px;padding:12px;border:1px solid rgba(255,255,255,.09);background:#ffffff09}.pvp-status-grid small,.pvp-status-grid strong{display:block}.pvp-status-grid small{color:var(--muted)}.pvp-status-grid strong{margin-top:9px;color:var(--gold-soft);font-size:18px}.pvp-publish{width:calc(100% - 32px);margin:0 16px 16px}.pvp-account-note,.pvp-last-result{margin:0 16px 16px;padding:10px;color:var(--muted);background:#ffffff09}.pvp-last-result{color:var(--gold-soft)}.pvp-match-panel{display:flex;flex-direction:column;overflow:hidden}.pvp-match-actions{padding:12px}.pvp-match-actions .pvp-battle{width:100%;min-height:38px;border-radius:6px;cursor:pointer}.pvp-character-ranking{min-height:0;flex:1;overflow:auto;padding:10px 12px 12px}.pvp-character-rank-row{width:100%;min-height:72px;display:grid;grid-template-columns:28px 52px minmax(0,1fr) minmax(54px,auto);align-items:center;gap:10px;margin-top:6px;border:1px solid rgba(255,255,255,.09);padding:8px 12px;color:var(--text);background:#ffffff09;cursor:pointer;text-align:left}.pvp-rank-avatar{width:52px;height:52px;min-width:52px;overflow:hidden;border-radius:4px}.pvp-rank-avatar .portrait{width:52px;height:52px;aspect-ratio:1;border-radius:4px;background-position:center}.desktop-panel:not(.battle-shell) .pvp-rank-avatar .portrait{width:52px;height:52px}.pvp-rank-player{min-width:0}.pvp-rank-player strong,.pvp-rank-player small,.pvp-rank-rating small,.pvp-rank-rating em{display:block}.pvp-rank-player strong{overflow-wrap:anywhere}.pvp-rank-player small{margin-top:3px;color:var(--muted);line-height:1.35}.pvp-rank-position{color:var(--gold-soft)}.pvp-rank-rating{min-width:54px;text-align:right}.pvp-rank-rating small{color:var(--muted);font-size:10px}.pvp-rank-rating em{margin-top:3px;color:var(--gold-soft);font-size:15px;font-style:normal}.pvp-build-overlay{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#050508b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pvp-build-dialog{width:min(560px,100%);position:relative;padding-bottom:12px}.pvp-build-close{position:absolute;top:7px;right:8px;z-index:2;width:30px;height:30px;border:1px solid rgba(255,255,255,.16);color:var(--text);background:#00000047;cursor:pointer}.pvp-build-viewport{height:420px;position:relative;overflow:hidden;margin:12px;background:#0000002e}.pvp-build-viewport .pvp-loadout-board{width:420px;max-width:none;position:absolute;left:50%;top:50%;translate:-50% -50%;transform-origin:center}.pvp-opponent-list{min-height:0;flex:1;display:grid;align-content:start;gap:7px;overflow:auto;padding:12px}.pvp-opponent{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 14px;color:var(--text);background:#ffffff0a;cursor:pointer;text-align:left}.pvp-opponent span strong,.pvp-opponent span small{display:block}.pvp-opponent span small{margin-top:4px;color:var(--muted)}.pvp-opponent span strong i{display:inline-block;margin-left:7px;border:1px solid rgba(255,197,112,.38);border-radius:4px;padding:1px 5px;color:var(--gold-soft);background:#ffa94e14;font-size:10px;font-style:normal;vertical-align:1px}.pvp-opponent>b{color:var(--gold-soft);font-size:18px}.pvp-opponent.active{border-color:var(--line-strong);background:color-mix(in srgb,var(--gold) 13%,transparent)}.pvp-battle{margin:0;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#17110a}.pvp-battle:disabled,.pvp-publish:disabled{opacity:.46;cursor:not-allowed}@media(max-width:900px){.pvp-page{grid-template-columns:1fr;overflow:auto}.pvp-current-loadout{grid-template-columns:1fr}.pvp-current-character{min-height:320px}.pvp-character-illustration{min-height:270px;background-position:center 16%}.pvp-character-rank-row{grid-template-columns:24px 48px minmax(0,1fr) minmax(48px,auto);padding-inline:8px}.pvp-rank-avatar{width:48px;height:48px;min-width:48px}.desktop-panel:not(.battle-shell) .pvp-rank-avatar .portrait,.pvp-rank-avatar .portrait{width:48px;height:48px}.ranking-table-head,.ranking-table-row{grid-template-columns:48px minmax(120px,1fr) minmax(88px,.7fr) minmax(88px,.7fr)}}.desktop-panel:not(.battle-shell) .home-screen{grid-template-columns:minmax(250px,300px) minmax(500px,1fr) minmax(250px,290px)}.desktop-panel:not(.battle-shell) .stage-screen{grid-template-columns:minmax(320px,390px) minmax(560px,1fr)}.desktop-panel:not(.battle-shell) .stage-mobile-guide-slot{display:none}.desktop-panel:not(.battle-shell) .stage-desktop-guide-slot{display:block;padding:0 10px 10px}.desktop-panel:not(.battle-shell) .stage-desktop-guide-slot .guide-card{grid-column:auto;box-shadow:none}.desktop-panel:not(.battle-shell) .stage-start-button{min-height:48px}.desktop-panel:not(.battle-shell) .shop-layout{grid-template-columns:clamp(408px,39%,470px) minmax(0,1fr);justify-content:stretch}.desktop-panel:not(.battle-shell) .warehouse-layout{grid-template-columns:clamp(408px,39%,470px) minmax(0,1fr);justify-content:stretch}.desktop-panel:not(.battle-shell) .home-screen .character-list{grid-template-columns:1fr;min-height:0;overflow-y:auto;scrollbar-width:none}.desktop-panel:not(.battle-shell) .home-screen .character-list::-webkit-scrollbar{display:none}.desktop-panel:not(.battle-shell) .home-screen .character-strip{min-height:0;display:flex;flex-direction:column;overflow:hidden}.desktop-panel:not(.battle-shell) .character-card{min-height:92px;grid-template-columns:72px minmax(0,1fr);align-items:center;padding:10px}.desktop-panel:not(.battle-shell) .portrait{width:72px}.desktop-panel:not(.battle-shell) .home-screen .board-panel{min-width:0}.desktop-panel:not(.battle-shell) .build-summary{min-width:0;min-height:0}@media(max-width:1240px){.desktop-panel:not(.battle-shell) .home-screen{grid-template-columns:minmax(250px,.72fr) minmax(500px,1.28fr);overflow-y:auto;align-content:start}.desktop-panel:not(.battle-shell) .build-summary{grid-column:1 / -1}}.build-summary{display:grid;align-content:start;gap:10px;overflow:hidden auto;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 9%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 78%,transparent),color-mix(in srgb,var(--panel) 68%,transparent))}.build-summary-title small{color:var(--gold-soft)}.build-identity{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid rgba(238,210,148,.18);background:linear-gradient(100deg,#d28b431f,#ffffff06)}.build-identity strong,.build-identity small{display:block;min-width:0}.build-identity strong{color:#fff0cf;font-size:14px}.build-identity small{margin-top:3px;color:var(--muted);font-size:10px}.build-crest{width:46px;aspect-ratio:1;border:1px solid rgba(255,224,169,.42);clip-path:polygon(50% 0,91% 23%,82% 76%,50% 100%,18% 76%,9% 23%);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.62) 0 4%,transparent 5%),linear-gradient(145deg,#ffbd5ec7,#682a1ee6);box-shadow:inset 0 0 12px #ffe0a933,0 0 16px #ce5b3033}.build-crest.element-frost{background:linear-gradient(145deg,#dff8ff,#4d7f9c)}.build-crest.element-volt{background:linear-gradient(145deg,#f7f0a1,#617fc5)}.build-crest.element-normal{background:linear-gradient(145deg,#eef3f5,#68727c)}.build-traits{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:2px 12px 4px}.build-traits span{min-width:52px;min-height:28px;padding:5px 7px 5px 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--line-strong) 44%,transparent);border-radius:4px;color:#e9d8bd;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),color-mix(in srgb,var(--panel-strong) 54%,transparent);box-shadow:inset 0 1px #ffffff09;font-size:10px;font-weight:700;line-height:1;text-align:center}.build-traits span[data-level="2"]{border-color:#61becc7a;color:#bcecf0}.build-traits span[data-level="3"]{border-color:#f1b2589e;color:#ffe0a4;box-shadow:inset 0 0 10px #ef853d1a}.build-traits b{min-width:16px;height:16px;margin-left:4px;padding:0 3px;display:inline-grid;place-items:center;border-radius:3px;color:#fff;background:color-mix(in srgb,var(--gold) 18%,rgba(0,0,0,.22));font-size:9px;line-height:1}.build-traits em{color:var(--muted);font-size:11px}.build-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.build-stat-grid>div{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.08);background:#07080c3d;display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 6px;align-items:center}.build-stat-grid span{color:var(--muted);font-size:9px}.build-stat-grid strong{color:#fff0d1;font-size:13px}.build-stat-icon{grid-row:1 / 3;width:26px;height:26px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 64%,transparent);border-radius:5px;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 13%,transparent),#05060985);box-shadow:inset 0 0 7px #00000052}.build-stat-icon img{width:24px;height:24px;display:block;object-fit:contain;filter:saturate(.88) brightness(1.03)}.build-core-slot{min-height:62px;padding:9px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;border:1px dashed rgba(245,193,111,.3);background:#0c0a0e61}.build-core-slot.active{border-style:solid;box-shadow:inset 0 0 18px #ec793b14}.build-core-slot small,.build-core-slot strong{display:block}.build-core-slot small{color:var(--muted);font-size:9px}.build-core-slot strong{margin-top:3px;color:#f0dbc0;font-size:11px}.core-slot-mark{width:36px;aspect-ratio:1;border:1px solid rgba(246,201,128,.32);transform:rotate(45deg);background:linear-gradient(135deg,#ec8e4933,#ffffff05)}.build-core-slot.active .core-slot-mark{background:radial-gradient(circle,#ffd28d 0 12%,#a34e34 14% 38%,#321c22 40%);box-shadow:0 0 14px #ef7e435c}.build-hint{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.desktop-panel:not(.battle-shell) .character-detail-portrait{width:min(100%,320px)}.desktop-panel:not(.battle-shell) .stage-body,.desktop-panel:not(.battle-shell) .shop-note{gap:10px;padding:10px}.desktop-panel:not(.battle-shell) .stage-screen .board-panel,.desktop-panel:not(.battle-shell) .home-screen .board-panel,.desktop-panel:not(.battle-shell) .warehouse-layout .board-panel,.desktop-panel:not(.battle-shell) .warehouse-layout .warehouse-panel{min-width:0;min-height:0}.game-shell.desktop-panel:not(.battle-shell) .board-panel.panel,.game-shell.desktop-panel:not(.battle-shell) .warehouse-panel.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 15%,transparent),transparent 42%),#05060909;-webkit-backdrop-filter:none;backdrop-filter:none}.game-shell.desktop-panel:not(.battle-shell) .board-panel .grid-board,.game-shell.desktop-panel:not(.battle-shell) .warehouse-panel .grid-board{background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 12px),#04050806;box-shadow:none}.game-shell.desktop-panel:not(.battle-shell) .board-panel .grid-cell:not(.boosted):not(.locked):not(.drop-preview-valid):not(.drop-preview-invalid),.game-shell.desktop-panel:not(.battle-shell) .warehouse-panel .grid-cell:not(.boosted):not(.locked):not(.drop-preview-valid):not(.drop-preview-invalid){background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 46%);box-shadow:inset 0 0 0 1px #0000004d,inset 0 1px #ffffff09}.game-shell.desktop-panel:not(.battle-shell) .board-panel .grid-cell.boosted,.game-shell.desktop-panel:not(.battle-shell) .warehouse-panel .grid-cell.boosted{background:color-mix(in srgb,var(--gold) 7%,transparent)}.game-shell.desktop-panel:not(.battle-shell) .board-panel .grid-cell.locked,.game-shell.desktop-panel:not(.battle-shell) .warehouse-panel .grid-cell.locked{background:linear-gradient(45deg,transparent 43%,rgba(237,92,92,.36) 43% 57%,transparent 57%),#ed5c5c14}.desktop-panel:not(.battle-shell) .shop-screen,.desktop-panel:not(.battle-shell) .shop-layout .warehouse-panel{min-width:0}.desktop-panel:not(.battle-shell) .shop-board-grid,.desktop-panel:not(.battle-shell) .grid-board{margin-inline:auto}.desktop-panel:not(.battle-shell) .shop-board-grid{width:min(100%,clamp(384px,calc(100dvh - 336px),450px))}.desktop-panel:not(.battle-shell) .shop-layout .warehouse-panel .grid-board{width:min(100%,720px)}.desktop-panel:not(.battle-shell) .shop-layout>.shop-sell-zone{grid-column:1 / -1}.desktop-panel:not(.battle-shell) .warehouse-layout>.warehouse-page-sell-zone{grid-column:1 / -1}.desktop-panel:not(.battle-shell) .meta-panel{min-height:0}.desktop-panel:not(.battle-shell) .commission-panel,.desktop-panel:not(.battle-shell) .codex-panel,.desktop-panel:not(.battle-shell) .announcements-panel{height:100%}.desktop-panel:not(.battle-shell) .commission-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;align-content:start}.desktop-panel:not(.battle-shell) .patrol-commission-card{grid-column:1 / -1}.desktop-panel:not(.battle-shell) .codex-group-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.desktop-panel:not(.battle-shell) .codex-card{height:clamp(224px,18vw,268px)}.desktop-panel.battle-shell .screen{min-width:0;min-height:0}.desktop-panel.battle-shell .battle-screen{grid-template-columns:minmax(430px,1.18fr) minmax(300px,.62fr) minmax(430px,1.18fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"player lane enemy" "actions actions actions";gap:clamp(12px,1.2vw,24px);align-items:center}.desktop-panel.battle-shell .combatant.player{grid-area:player}.desktop-panel.battle-shell .combatant.enemy{grid-area:enemy}.desktop-panel.battle-shell .combatant{align-self:center;grid-template-rows:auto auto}.desktop-panel.battle-shell .battle-lane{grid-area:lane;align-self:center;height:min(100%,clamp(360px,58dvh,560px));background:linear-gradient(90deg,rgba(85,216,199,.14),transparent 36%,transparent 64%,rgba(237,92,92,.14)),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px)}.desktop-panel.battle-shell .battle-lane:before{content:"";position:absolute;top:14px;bottom:14px;left:50%;width:1px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(243,220,157,.58),transparent);box-shadow:0 0 18px #f3dc9d47}.desktop-panel.battle-shell .combatant-body{grid-template-columns:minmax(0,1fr) clamp(138px,23%,196px);gap:10px;padding:8px;align-items:center}.desktop-panel.battle-shell .combatant.player .combatant-body{grid-template-columns:clamp(138px,23%,196px) minmax(0,1fr)}.desktop-panel.battle-shell .combatant-head{padding:7px 9px}.desktop-panel.battle-shell .combat-portrait{aspect-ratio:2 / 5;height:auto;min-height:0;align-self:center}.desktop-panel.battle-shell .grid-board.combat{width:min(100%,clamp(340px,28vw,520px));height:auto;align-self:center}.desktop-panel.battle-shell .battle-action-bar{grid-area:actions;grid-template-columns:128px minmax(260px,.48fr) minmax(0,1fr);grid-template-areas:"retreat skill rage";align-items:stretch}.desktop-panel.battle-shell .battle-action-bar.has-skip{grid-template-columns:128px 128px minmax(260px,.48fr) minmax(0,1fr);grid-template-areas:"retreat skip skill rage"}.desktop-panel.battle-shell .battle-result{left:50%;right:auto;width:min(640px,calc(100% - 36px));transform:translate(-50%,-50%)}@media(min-width:1500px){.desktop-panel.battle-shell .battle-screen{grid-template-columns:minmax(500px,1.14fr) minmax(500px,.92fr) minmax(500px,1.14fr);gap:clamp(12px,1.2vw,24px)}.desktop-panel.battle-shell .battle-lane{height:min(100%,clamp(420px,68dvh,760px))}.desktop-panel.battle-shell .combatant-body{grid-template-columns:minmax(0,1fr) clamp(170px,23%,250px);gap:clamp(10px,1vw,18px);padding:clamp(8px,.75vw,14px)}.desktop-panel.battle-shell .combatant.player .combatant-body{grid-template-columns:clamp(170px,23%,250px) minmax(0,1fr)}.desktop-panel.battle-shell .grid-board.combat{width:min(100%,clamp(440px,34vw,700px))}.desktop-panel.battle-shell .battle-action-bar{grid-template-columns:140px minmax(360px,.52fr) minmax(0,1fr)}.desktop-panel.battle-shell .battle-action-bar.has-skip{grid-template-columns:140px 140px minmax(360px,.52fr) minmax(0,1fr)}}.shop-board-grid{--cols: 5;--rows: 5;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:2px;aspect-ratio:var(--cols) / var(--rows);min-height:0;padding:5px;background:#07080c57;border-top:1px solid rgba(255,255,255,.04)}.phone-panel .shop-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr);align-content:start;overflow:hidden}.phone-panel .shop-layout .shop-title{min-height:40px;padding:5px 8px}.phone-panel .shop-layout .shop-screen,.phone-panel .shop-layout>.warehouse-panel{display:grid;grid-template-columns:minmax(0,1fr)}.phone-panel .shop-layout .shop-board-grid,.phone-panel .shop-layout>.warehouse-panel .grid-board{justify-self:center;margin-left:auto;margin-right:auto}.phone-panel .shop-layout .shop-note{min-height:30px;padding:3px 8px}.phone-panel .shop-layout .shop-refresh-button,.phone-panel .shop-layout .shop-upgrade-button{min-height:32px;padding-block:4px}.phone-panel .shop-layout .warehouse-panel .panel-title{min-height:30px;padding:5px 8px}.phone-panel .shop-layout>.shop-sell-zone{min-height:44px;padding:6px 9px}.phone-panel .shop-layout>.shop-sell-zone strong{font-size:12px}.phone-panel .shop-layout>.shop-sell-zone span{font-size:10px}.shop-board-grid .board-item{min-height:0;padding:3px;gap:1px}.shop-board-grid .item-name{font-size:11px;line-height:1.08}.shop-board-grid .item-meta{font-size:9px}.compact-panel .grid-board,.compact-panel .grid-cell{min-height:0}.compact-panel .board-item{min-height:28px}.home-screen .board-panel .grid-board{width:100%;margin-inline:auto}.character-mobile-tabs{display:none}.phone-panel .character-page{height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);align-content:start;overflow:hidden}.phone-panel .character-page .character-strip{min-height:0}.phone-panel .character-page .character-list{display:flex;gap:5px;padding:6px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x}.phone-panel .character-page .character-list::-webkit-scrollbar{display:none}.phone-panel .character-page .character-card{width:82px;min-width:82px;flex:0 0 82px;min-height:78px;grid-template-columns:minmax(0,1fr);grid-template-rows:52px auto;gap:3px;padding:4px;align-content:start;scroll-snap-align:center;scroll-snap-stop:normal}.phone-panel .character-page .character-card.selected:after{inset:4px 4px 4px auto;width:2px}.phone-panel .character-page .character-avatar-button{height:52px;min-height:52px}.phone-panel .character-page .character-avatar-button .portrait{width:100%;height:52px;aspect-ratio:auto;background-position:center}.phone-panel .character-page .character-card-copy strong{overflow:hidden;color:var(--text);font-size:11px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.phone-panel .character-page .character-card-copy span,.phone-panel .character-page .character-card-copy small,.character-mobile-lock{display:none}.phone-panel .character-page .character-mobile-lock{position:absolute;top:6px;right:6px;min-width:28px;min-height:18px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:1px 4px;color:var(--muted);background:#040508c7;font-size:9px;font-style:normal;font-weight:900}.phone-panel .character-mobile-tabs{min-height:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#07080c80}.character-mobile-tab{min-width:0;min-height:40px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;font-weight:900}.character-mobile-tab:hover,.character-mobile-tab:focus-visible{border-color:#e1bd6761;color:var(--text);outline:none}.character-mobile-tab.active{border-color:#f3dc9db8;color:#1b1409;background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:0 0 14px #e1bd6733}.phone-panel .character-mobile-content:not(.mobile-active){display:none}.phone-panel .character-mobile-content.mobile-active{min-width:0;min-height:0}.phone-panel .character-mobile-build{gap:6px;overflow:hidden}.phone-panel .character-mobile-build .panel-title{min-height:30px;padding:5px 8px}.phone-panel .character-mobile-build .build-identity{grid-template-columns:40px minmax(0,1fr);gap:7px;padding:6px 8px}.phone-panel .character-mobile-build .build-crest{width:36px}.phone-panel .character-mobile-build .build-traits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 8px}.phone-panel .character-mobile-build .build-traits span{min-width:0;min-height:24px;padding:4px}.phone-panel .character-mobile-build .build-stat-grid{gap:4px}.phone-panel .character-mobile-build .build-stat-grid>div{min-height:54px;padding:5px;grid-template-columns:24px minmax(0,1fr);gap:1px 5px}.phone-panel .character-mobile-build .build-stat-icon{width:23px;height:23px}.phone-panel .character-mobile-build .build-stat-icon img{width:21px;height:21px}.phone-panel .character-mobile-build .build-core-slot{min-height:48px;grid-template-columns:32px minmax(0,1fr);gap:7px;padding:6px 8px}.phone-panel .character-mobile-build .core-slot-mark{width:28px}.phone-panel .character-mobile-build .build-hint{display:none}@media(max-height:720px){.phone-panel .character-page .character-list{gap:4px;padding:4px}.phone-panel .character-page .character-card{width:70px;min-width:70px;flex-basis:70px;min-height:66px;grid-template-rows:42px auto;padding:3px}.phone-panel .character-page .character-avatar-button,.phone-panel .character-page .character-avatar-button .portrait{height:42px;min-height:42px}.phone-panel .character-mobile-tabs{min-height:44px}.phone-panel .character-mobile-tab{min-height:36px}.phone-panel .character-mobile-build{gap:4px}.phone-panel .character-mobile-build .build-identity{grid-template-columns:34px minmax(0,1fr);padding:4px 7px}.phone-panel .character-mobile-build .build-crest{width:30px}.phone-panel .character-mobile-build .build-traits span:nth-child(n+4){display:none}.phone-panel .character-mobile-build .build-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.phone-panel .character-mobile-build .build-stat-grid>div{min-height:44px;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;gap:2px;padding:4px 2px;text-align:center}.phone-panel .character-mobile-build .build-stat-icon{display:none}.phone-panel .character-mobile-build .build-stat-grid span{font-size:8px}.phone-panel .character-mobile-build .build-stat-grid strong{font-size:11px}.phone-panel .character-mobile-build .build-core-slot{min-height:40px;padding:4px 7px}}.warehouse-layout{min-height:0;align-content:start}.warehouse-build-guide-button{min-height:24px;border:1px solid rgba(225,189,103,.32);border-radius:5px;padding:3px 8px;color:var(--gold-soft);background:#07080c3d;cursor:pointer;font-size:10px;font-weight:800;line-height:1}.warehouse-merge-button{min-height:24px;border:1px solid rgba(225,189,103,.42);border-radius:5px;padding:3px 8px;color:var(--gold-soft);background:#e1bd6714;cursor:pointer;font-size:10px;font-weight:800}.warehouse-merge-button:hover,.warehouse-merge-button:focus-visible{border-color:var(--gold-soft);color:var(--text);outline:none}.warehouse-build-guide-button:hover,.warehouse-build-guide-button:focus-visible{border-color:#e1bd67b3;color:var(--text);background:#e1bd671f;outline:none}.panel-title-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:7px}.warehouse-layout .guide-card{padding:7px 8px}.warehouse-layout .panel-title{min-height:30px;padding:6px 8px}.warehouse-layout .grid-board{width:100%;justify-self:center;margin-inline:auto;padding:5px;gap:2px}.warehouse-layout .warehouse-panel .grid-board{width:100%}.warehouse-layout .board-item{min-height:0;padding:3px;gap:1px}.warehouse-layout .item-icon{min-height:16px}.warehouse-layout .item-name{font-size:9px;line-height:1.05}.warehouse-layout .item-meta{font-size:8px}.warehouse-sell-zone{margin:0 8px 8px;min-height:54px;border:1px dashed rgba(243,220,157,.48);border-radius:8px;padding:9px 10px;display:grid;align-content:center;gap:3px;color:var(--gold-soft);background:linear-gradient(135deg,#e1bd671a,#ed5c5c0f),#07080c42;transition:border-color .1s linear,background-color .1s linear,box-shadow .1s linear,color .1s linear}.shop-layout>.shop-sell-zone{margin:0;min-height:64px}.warehouse-layout>.warehouse-page-sell-zone{margin:0;min-height:64px}.warehouse-sell-zone strong,.warehouse-sell-zone span{display:block}.warehouse-sell-zone strong{font-size:13px;font-weight:900}.warehouse-sell-zone span{color:var(--muted);font-size:11px;line-height:1.3}.warehouse-sell-zone.sell-zone-ready{border-color:#f3dc9df2;color:var(--text);background:radial-gradient(circle at 50% 50%,#e1bd673d,#e1bd6714),#07080c52;box-shadow:inset 0 0 0 1px #fff6c559,0 0 18px #e1bd6747}.warehouse-sell-zone.sell-zone-invalid{border-color:#ed5c5ce6;color:#ffd1d1;background:repeating-linear-gradient(45deg,#ed5c5c2e 0 7px,#ed5c5c0d 7px 14px),#07080c52;box-shadow:inset 0 0 0 1px #ff9d9d59,0 0 14px #ed5c5c38}.stage-screen .board-panel .grid-board{min-height:0}.shop-offer-item{padding-bottom:20px}.shop-offer-item.disabled{opacity:.45;cursor:not-allowed}.shop-offer-item.merge-ready{border-color:#f3dc9dfa;box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 1px #e1bd678c,0 0 18px #e1bd67b8;animation:mergeReadyGlow 1.2s ease-in-out infinite alternate}.shop-offer-item.merge-ready:after{content:"";position:absolute;inset:3px;border-radius:5px;border:1px solid rgba(255,246,197,.55);pointer-events:none}.shop-offer-item.recommended{outline:1px solid rgba(85,216,199,.72);outline-offset:-3px}.board-item.merged{animation:mergedItemPulse 1.3s ease-out 1}.price-tag{position:absolute;left:4px;right:4px;bottom:4px;height:16px;border-radius:5px;display:grid;place-items:center;color:#24180a;background:var(--gold-soft);font-size:10px;font-weight:900}.shop-board-grid .price-tag{height:15px;font-size:10px}.shop-grid{display:grid;gap:8px;padding:10px}.shop-card{min-height:86px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;display:grid;grid-template-columns:58px minmax(0,1fr) 74px;gap:8px;align-items:center}.item-art{height:58px;border-radius:7px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 36%),#00000038}.shop-copy{min-width:0}.shop-copy strong,.shop-copy span{display:block}.shop-copy span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}.buy-button{min-height:44px;padding:0 6px;font-size:12px}.quest-grid{padding:10px;display:grid;gap:8px}.quest-grid div{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:9px;background:#ffffff0a}.quest-grid strong,.quest-grid span{display:block}.quest-grid span{color:var(--muted);margin-top:3px;font-size:12px}.commission-list{display:grid;gap:8px;padding:10px;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.commission-list::-webkit-scrollbar{width:0;height:0}.commission-panel,.codex-panel,.announcements-panel{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.announcements-panel{grid-template-rows:auto minmax(0,1fr)}.announcements-title small{color:var(--muted)}.announcement-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;padding:10px;overflow-y:auto;scrollbar-width:none}.announcement-grid::-webkit-scrollbar{width:0}.announcement-card{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(225,189,103,.62);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 60%),#07080c6b}.announcement-card.state-updated{border-left-color:#ff9d54}.announcement-card.state-live{border-left-color:#65d3a2}.announcement-card.state-planned{border-left-color:#70b2e0}.announcement-card header{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.announcement-card header span{color:var(--gold-soft);font-weight:900}.announcement-card>strong{display:block;margin-top:10px;font-size:15px;line-height:1.4}.announcement-card>p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.65}@media(max-width:720px){.announcement-grid{grid-template-columns:1fr}}.commission-group{display:grid;gap:8px;align-content:start}.commission-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 0}.commission-group-title strong{font-size:13px}.commission-group-title span{color:var(--muted);font-size:11px}.commission-card{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:9px;background:#ffffff0a}.commission-card.done{border-color:#55d8c76b;background:linear-gradient(135deg,#55d8c71f,#ffffff0a)}.commission-card.idle-card{grid-column:1 / -1;border-color:#e1bd675c;background:linear-gradient(135deg,#e1bd6721,#55d8c70f),#ffffff0a}.patrol-commission-card{display:grid;gap:9px;border:1px solid rgba(114,199,255,.34);border-radius:8px;padding:10px;background:linear-gradient(135deg,#72c7ff1c,#e1bd6712),#ffffff0a}.patrol-commission-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.patrol-commission-heading strong,.patrol-commission-heading span,.patrol-commission-heading small{display:block}.patrol-commission-heading strong{color:var(--gold-soft);font-size:13px}.patrol-commission-heading span,.patrol-commission-heading small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.patrol-commission-heading small{flex:0 0 auto;margin-top:0;color:var(--teal);font-weight:800}.patrol-commission-controls{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px}.patrol-stage-select,.patrol-start-button{min-height:38px;border:1px solid var(--line);border-radius:7px;font:inherit}.patrol-stage-select{min-width:0;padding:0 9px;color:var(--text);background:#090b10db}.patrol-stage-select option{color:#f3ead8;background:#17191f}.patrol-start-button{color:#1b1409;border-color:#f3dc9dd9;background:linear-gradient(180deg,var(--gold-soft),var(--gold));cursor:pointer;font-size:12px;font-weight:900}.patrol-start-button:disabled{border-color:#ffffff1a;color:var(--muted);background:#ffffff0d;cursor:not-allowed}.commission-card.claimed{opacity:.62}.commission-card strong,.commission-card span,.commission-card small{display:block}.commission-card span,.commission-card small{color:var(--muted);font-size:12px;margin-top:4px}.claim-button{min-height:36px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#ffffff0d;font-weight:800}.claim-button.ready{color:#1b1409;border-color:#f3dc9dd9;background:linear-gradient(180deg,var(--gold-soft),var(--gold));cursor:pointer}.phone-panel .prepare-shell.meta-shell{height:100%;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}.phone-panel .commission-panel,.phone-panel .ranking-page,.phone-panel .announcements-panel{height:100%;min-height:0;overflow:hidden}.phone-panel .commission-panel .panel-title,.phone-panel .announcements-panel .panel-title{min-height:40px;padding:7px 10px}.phone-panel .commission-panel .panel-title small,.phone-panel .announcements-panel .panel-title small{font-size:10px}.phone-panel .commission-list{gap:7px;padding:7px;overscroll-behavior:contain;scroll-padding-block:7px}.phone-panel .commission-group{gap:5px}.phone-panel .commission-group-title{min-height:24px;align-items:center;padding:3px 3px 0}.phone-panel .commission-group-title strong{color:var(--gold-soft);font-size:12px}.phone-panel .commission-group-title span{max-width:58%;overflow:hidden;font-size:9px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.phone-panel .commission-card{min-height:58px;grid-template-columns:minmax(0,1fr) 76px;grid-template-areas:"commission-copy commission-action" "commission-reward commission-action";gap:2px 8px;padding:7px 8px 7px 10px;border-radius:6px}.phone-panel .commission-card>div{min-width:0;grid-area:commission-copy}.phone-panel .commission-card>div strong{overflow:hidden;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.phone-panel .commission-card>div span{margin-top:2px;font-size:10px}.phone-panel .commission-card>small{grid-area:commission-reward;margin-top:0;color:var(--gold-soft);font-size:10px}.phone-panel .commission-card .claim-button{width:76px;min-height:40px;grid-area:commission-action;align-self:center;padding:4px;font-size:11px}.phone-panel .patrol-commission-card{gap:7px;padding:8px 9px;border-radius:6px}.phone-panel .patrol-commission-heading{align-items:center}.phone-panel .patrol-commission-heading strong{font-size:12px}.phone-panel .patrol-commission-heading span{max-width:250px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.phone-panel .patrol-commission-heading small{min-width:62px;padding:3px 5px;border:1px solid rgba(85,216,199,.22);border-radius:4px;background:#55d8c714;font-size:9px;text-align:center}.phone-panel .patrol-commission-controls{grid-template-columns:minmax(0,1fr) 88px;gap:6px}.phone-panel .patrol-stage-select,.phone-panel .patrol-start-button{min-height:36px;font-size:11px}.phone-panel .ranking-page-header{min-height:58px;gap:8px;padding:8px 10px}.phone-panel .ranking-page-header h2{display:inline;margin:0 0 0 6px;font-size:18px}.phone-panel .ranking-page-header p{margin-top:3px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.phone-panel .ranking-refresh{min-height:36px;padding:0 12px;font-size:11px}.phone-panel .ranking-page-tabs{min-height:44px;gap:5px;padding:5px 8px}.phone-panel .ranking-page-tabs button{min-width:0;min-height:32px;flex:1 1 0;font-size:11px}.phone-panel .ranking-table{flex:1 1 auto;display:block;padding:5px 7px 7px;overflow-y:auto;scrollbar-width:none}.phone-panel .ranking-table::-webkit-scrollbar{width:0;height:0}.phone-panel .ranking-table-head,.phone-panel .ranking-table-row{min-height:0;grid-template-columns:34px minmax(0,1fr) minmax(60px,.58fr) minmax(64px,.64fr);gap:5px;padding:4px 7px;font-size:10px}.phone-panel .ranking-table-head{position:sticky;top:0;z-index:1;min-height:28px}.phone-panel .ranking-table-row{min-height:44px;margin-top:4px;overflow:hidden;border-radius:4px}.phone-panel .ranking-table-row>strong{font-size:13px}.phone-panel .ranking-table-row>span,.phone-panel .ranking-table-row>b,.phone-panel .ranking-table-row>em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-panel .ranking-empty{align-self:center;margin:0;padding:16px 8px;font-size:11px}.phone-panel .announcement-grid{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-content:start;padding:7px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.phone-panel .announcement-grid::-webkit-scrollbar{width:0;height:0}.phone-panel .announcement-card{width:100%;min-width:0;min-height:0;height:auto;padding:12px}.phone-panel .announcement-card>strong{margin-top:8px;font-size:14px}.phone-panel .announcement-card>p{margin-top:6px;font-size:11px;line-height:1.55}@media(max-height:700px){.phone-panel .commission-card{min-height:52px}.phone-panel .announcement-card{padding:9px 10px}}.codex-grid{display:grid;gap:14px;padding:10px;min-height:0;overflow-y:auto;align-content:start;scrollbar-width:none;-ms-overflow-style:none}.codex-grid::-webkit-scrollbar{width:0;height:0}.codex-group{min-width:0;display:grid;gap:8px;align-content:start}.codex-group-title{min-width:0;min-height:30px;border:1px solid rgba(238,210,148,.18);border-radius:7px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#e1bd6724,#55d8c70d),#ffffff09}.codex-group-title strong{color:var(--gold-soft);font-size:13px;font-weight:900}.codex-group-title span{color:var(--muted);font-size:11px;white-space:nowrap}.codex-group-grid{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-card{min-width:0;height:clamp(184px,38vw,236px);border-radius:8px;color:var(--text);border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#ffffff14,#ffffff05),#ffffff09;padding:7px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:5px;align-content:stretch;cursor:pointer;text-align:left;overflow:hidden}.codex-card.locked{filter:grayscale(1);opacity:.45;background:linear-gradient(145deg,#5c5e65a8,#1f2025e0)}.codex-art{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-height:0;align-self:center;justify-self:center;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.3),transparent 28%),linear-gradient(145deg,#ffffff24,#0000002e);background-repeat:no-repeat;background-size:contain;background-position:center}.codex-art-wide{width:100%}.codex-art-tall{height:100%}.codex-art-square{width:100%;max-width:min(100%,164px)}.codex-card strong{min-width:0;font-size:12px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codex-card small{min-width:0;color:var(--gold-soft);font-size:10px;line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.battle-screen{position:relative;height:100%;min-height:0;display:grid;--combat-row-height: clamp(176px, 24%, 214px);grid-template-rows:var(--combat-row-height) minmax(240px,1fr) var(--combat-row-height) auto;gap:6px;overflow:hidden}.combatant{border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);overflow:hidden;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.combatant.enemy{border-color:#ed5c5c57}.combatant.player{border-color:#55d8c757}.combatant-head{padding:3px 7px;align-items:center}.combat-portrait{width:100%;height:100%;min-height:0;align-self:stretch}.combat-bars{display:grid;gap:3px;min-width:0}.name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.name-row span{color:var(--aqua);font-size:10px;white-space:nowrap}.hp-shell{height:13px;border:1px solid rgba(255,255,255,.14);border-radius:7px;overflow:hidden;background:#00000057;position:relative}.hp-fill{position:absolute;inset:0;background:linear-gradient(90deg,#5fd16d,#d6c858);transform-origin:left center;transition:transform .12s linear}.hp-text{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.85)}.build-status{min-height:14px;color:var(--gold-soft);font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-lane{min-height:0;border:1px solid rgba(255,255,255,.07);border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(237,92,92,.12),transparent 34%,rgba(85,216,199,.12)),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px)}.combatant-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:5px;padding:5px;align-items:stretch}.combatant.player .combatant-body{grid-template-columns:76px minmax(0,1fr)}.combatant.enemy .combat-portrait{grid-column:2;grid-row:1}.combatant.enemy .grid-board.combat,.combatant.player .combat-portrait{grid-column:1;grid-row:1}.combatant.player .grid-board.combat{grid-column:2;grid-row:1}.grid-board.combat{width:auto;height:100%;aspect-ratio:var(--cols) / var(--rows);max-width:100%;max-height:100%;justify-self:center;align-self:center;padding:3px;gap:1px}.grid-board.combat .board-item{min-height:0;padding:2px;gap:1px}.grid-board.combat .item-name{font-size:8px;line-height:1.05}.grid-board.combat .item-meta{display:none}.battle-action-bar{display:grid;grid-template-columns:minmax(88px,.72fr) minmax(0,1.28fr);grid-template-areas:"retreat skill" "rage rage";gap:6px;min-height:0;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#171218db;z-index:3}.battle-retreat-button,.battle-skip-button,.battle-skill-button{border:1px solid rgba(255,255,255,.14);border-radius:7px;min-width:0;min-height:42px;padding:8px 10px;color:var(--text);font:inherit;font-weight:900;cursor:pointer}.battle-action-bar.has-skip{grid-template-columns:minmax(82px,.65fr) minmax(82px,.65fr) minmax(0,1.3fr);grid-template-areas:"retreat skip skill" "rage rage rage"}.battle-retreat-button{grid-area:retreat;background:#ed5c5c21;color:#ffd6d6;border-color:#ed5c5c61}.battle-skip-button{grid-area:skip;color:var(--gold-soft);border-color:#e1bd6761;background:#e1bd671a}.battle-skip-button:hover,.battle-skip-button:focus-visible{border-color:var(--gold-soft);color:var(--text);outline:none}.battle-skill-button{grid-area:skill;display:grid;place-items:center;align-content:center;gap:3px;background:linear-gradient(180deg,#8c622feb,#5d3a1eeb);border-color:#eec77073;color:#fff3c6;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease}.game-shell .battle-skill-button:disabled{cursor:default;background:linear-gradient(180deg,#5b5e65eb,#303238f5);border-color:#c4c8d03d;color:#eef0f494;box-shadow:inset 0 1px #ffffff12;filter:saturate(.12)}.game-shell .battle-skill-button:disabled span{color:#e0e2e76b}.battle-skill-button.is-ready{box-shadow:inset 0 1px #ffffff38,0 0 18px var(--line)}.battle-skill-button strong,.battle-skill-button span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.battle-skill-button strong{white-space:nowrap}.battle-skill-button span{color:#fff2c9bd;display:-webkit-box;font-size:10px;font-weight:800;line-height:1.25;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.battle-rage-meter{grid-area:rage;position:relative;min-height:42px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border:1px solid color-mix(in srgb,var(--line-strong) 64%,rgba(255,255,255,.18));border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(255,255,255,.12) calc(10% - 1px) 10%),linear-gradient(180deg,#0000007a,#08090db8);box-shadow:inset 0 0 0 1px #00000070,inset 0 5px 12px #00000061;isolation:isolate;transition:border-color .18s ease,box-shadow .18s ease}.battle-rage-meter i{position:absolute;inset:0;z-index:0;transform:scaleX(var(--rage-ratio, 0));transform-origin:left center;background:linear-gradient(90deg,#55d8c78a,#f3dc9dcc);box-shadow:inset 0 1px #ffffff6b,0 0 18px var(--line-strong);transition:transform .14s linear}.battle-rage-meter i:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.22) 42%,transparent 66%)}.battle-rage-label,.battle-rage-value{position:relative;z-index:1;color:#ffffffe6;font-size:12px;font-style:normal;font-weight:900;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.9)}.battle-rage-value{min-width:38px;text-align:right}.battle-rage-meter.is-ready{border-color:var(--line-strong);box-shadow:inset 0 0 0 1px #ffffff2e,0 0 20px var(--line-strong)}.battle-rage-meter.is-ready .battle-rage-label:after{content:" · 大招就绪"}.battle-rage-meter{background:repeating-linear-gradient(135deg,rgba(255,255,255,.085) 0 2px,transparent 2px 7px),repeating-linear-gradient(45deg,rgba(0,0,0,.16) 0 1px,transparent 1px 5px),linear-gradient(180deg,#12141beb,#040509f5);background-size:22px 22px,14px 14px,100% 100%;box-shadow:inset 0 0 0 1px #0000009e,inset 0 7px 14px #0000007a,inset 0 -1px #ffffff14,0 1px #ffffff0a}.battle-rage-meter:before,.battle-rage-meter:after{content:"";position:absolute;pointer-events:none}.battle-rage-meter:before{inset:3px;z-index:2;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),rgba(255,255,255,.24) calc(20% - 1px) 20%);mix-blend-mode:screen;opacity:.72}.battle-rage-meter:after{inset:4px;z-index:3;border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(8,10,15,.68) calc(10% - 1px) 10%),repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 2px,transparent 2px 7px),repeating-linear-gradient(45deg,rgba(0,0,0,.14) 0 1px,transparent 1px 5px);background-size:100% 100%,22px 22px,14px 14px;opacity:.64;animation:rageTextureDrift 3.4s linear infinite}.battle-rage-meter i{overflow:hidden;box-shadow:inset 0 1px #ffffff7a,inset 0 -6px 12px #0000002e,0 0 18px var(--line-strong)}.battle-rage-meter i:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 34%,rgba(0,0,0,.12));opacity:.48}.battle-rage-meter i:after{background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 30%,rgba(0,0,0,.12) 76%,rgba(255,255,255,.12)),linear-gradient(105deg,transparent 18%,rgba(255,255,255,.28) 42%,transparent 66%);background-size:100% 100%,180% 100%;animation:rageSheen 2.4s ease-in-out infinite}.battle-rage-label,.battle-rage-value{z-index:4}.battle-rage-label{display:inline-flex;align-items:center;gap:6px}.battle-rage-label:before{content:"";width:7px;height:7px;border:1px solid currentColor;transform:rotate(45deg);box-shadow:inset 0 0 4px currentColor,0 0 6px currentColor;opacity:.78}.battle-rage-value{font-variant-numeric:tabular-nums;letter-spacing:0}.battle-rage-meter.is-ready{box-shadow:inset 0 0 0 1px #ffffff38,inset 0 7px 14px #00000057,0 0 20px var(--line-strong);animation:rageReadyPulse 1.4s ease-in-out infinite}@keyframes rageTextureDrift{to{background-position:0 0,22px 0,-14px 0}}@keyframes rageSheen{0%,30%{background-position:0 0,140% 0}70%,to{background-position:0 0,-90% 0}}@keyframes rageReadyPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@media(prefers-reduced-motion:reduce){.battle-rage-meter,.battle-rage-meter:after,.battle-rage-meter i:before,.battle-rage-meter i:after{animation:none}}.lane-title{position:absolute;top:8px;left:8px;right:8px;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.lane-title strong{color:var(--gold-soft)}.projectile-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:32}.projectile{position:absolute;left:var(--projectile-half, -9px);top:var(--projectile-half, -9px);border-radius:50%;background:radial-gradient(circle at 60% 50%,#fff 0 13%,var(--projectile-color, #fff) 34%,transparent 76%);box-shadow:0 0 16px #fff,0 0 34px var(--projectile-color, #fff),0 0 62px var(--projectile-trail, rgba(255, 255, 255, .58)),0 0 94px var(--projectile-trail, rgba(255, 255, 255, .38));transform:translate(-999px,-999px);transform-origin:50% 50%;mix-blend-mode:screen}.projectile:before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle at 60% 50%,rgba(255,255,255,.98) 0 8%,var(--projectile-color, #fff) 24%,var(--projectile-trail, rgba(255, 255, 255, .4)) 42%,transparent 70%);opacity:.96;animation:particleCorePulse .56s ease-in-out infinite alternate}.projectile:after{content:"";position:absolute;width:var(--comet-tail-length, 96px);height:28px;right:42%;top:50%;border-radius:999px;background:radial-gradient(ellipse at 100% 50%,rgba(255,255,255,.96) 0 10%,transparent 36%),linear-gradient(90deg,transparent 0%,var(--projectile-trail, rgba(255, 255, 255, .26)) 18%,var(--projectile-trail, rgba(255, 255, 255, .48)) 58%,var(--projectile-color, #fff) 100%);filter:blur(2.4px);opacity:1;box-shadow:0 0 26px var(--projectile-trail, rgba(255, 255, 255, .35));transform:translateY(-50%);transform-origin:100% 50%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 14%,#000 48%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 14%,#000 48%,#000 100%)}.projectile-particle{position:absolute;left:50%;top:50%;width:var(--particle-size, 4px);height:var(--particle-size, 4px);border-radius:50%;background:radial-gradient(circle,#fff 0 18%,var(--projectile-color, #fff) 58%,transparent 78%);box-shadow:0 0 14px var(--projectile-color, #fff),0 0 26px var(--projectile-trail, rgba(255, 255, 255, .34));transform:translate(-50%,-50%);animation:projectileParticleFlicker .76s ease-in-out var(--particle-delay, 0ms) infinite alternate}.projectile.weapon-effect-taidao-moon-slash,.projectile.weapon-effect-greatsword-moon-slash,.projectile.weapon-effect-dagger-orb,.projectile.weapon-effect-gauntlet-heavy-bullet,.projectile.weapon-effect-bow-straight-arrow,.projectile.weapon-effect-spear-lance,.projectile.weapon-effect-core-staff-astral,.projectile.weapon-effect-wand-flare,.projectile.weapon-effect-frost-crystal{border-radius:0;background:transparent;box-shadow:none;mix-blend-mode:screen}.projectile.weapon-effect-dagger-orb{left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 62% 45%,#fff 0 14%,var(--projectile-color, #fff) 42%,transparent 76%);box-shadow:0 0 12px var(--projectile-color, #fff),0 0 24px var(--projectile-trail, rgba(255,255,255,.45))}.projectile.weapon-effect-dagger-orb:before,.projectile.weapon-effect-dagger-orb:after{display:none}.projectile.weapon-effect-gauntlet-heavy-bullet{left:-96px;top:-30px;width:120px;height:60px;border-radius:50% 70% 70% 50%;background:radial-gradient(ellipse at 84% 50%,#fff 0 12%,var(--projectile-color, #fff) 38%,var(--projectile-trail, rgba(255,255,255,.36)) 62%,transparent 82%);box-shadow:0 0 16px var(--projectile-color, #fff),0 0 32px var(--projectile-trail, rgba(255,255,255,.42))}.projectile.weapon-effect-gauntlet-heavy-bullet:before{left:-92px;right:auto;top:19px;width:118px;height:22px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--projectile-trail, rgba(255,255,255,.34)),var(--projectile-color, #fff));opacity:.8;animation:none}.projectile.weapon-effect-gauntlet-heavy-bullet:after{display:none}.projectile.weapon-effect-taidao-moon-slash{left:-58px;top:-82px;width:116px;height:164px;border-right:10px solid var(--projectile-color, #fff1c7);border-radius:50%;filter:drop-shadow(0 0 8px var(--projectile-color, #ffb83e))}.projectile.weapon-effect-taidao-moon-slash:before{inset:20px 17px 20px 8px;border:0;border-right:4px solid var(--projectile-trail, rgba(255, 135, 84, .72));border-radius:50%;background:transparent;opacity:.78;animation:none}.projectile.weapon-effect-taidao-moon-slash:after{display:none}.projectile.weapon-effect-greatsword-moon-slash{left:-92px;top:-126px;width:184px;height:252px;border-right:18px solid var(--projectile-color, #fff1c7);border-radius:50%;filter:drop-shadow(0 0 12px var(--projectile-color, #ffb83e)) drop-shadow(0 0 24px var(--projectile-trail, rgba(255,135,84,.5)))}.projectile.weapon-effect-greatsword-moon-slash:before{inset:28px 25px 28px 12px;border:0;border-right:6px solid var(--projectile-trail, rgba(255, 135, 84, .72));border-radius:50%;background:transparent;opacity:.82;animation:none}.projectile.weapon-effect-greatsword-moon-slash:after{display:none}.projectile.weapon-effect-bow-straight-arrow{left:-120px;top:-40px;width:190px;height:80px;color:var(--projectile-color, #fff)}.projectile.weapon-effect-bow-straight-arrow:before{left:32px;right:18px;top:38px;height:5px;border-radius:5px;background:currentColor;box-shadow:0 0 8px currentColor;opacity:.9;animation:none}.projectile.weapon-effect-bow-straight-arrow:after{display:block;left:auto;right:20px;top:17px;width:44px;height:44px;border:0;border-top:7px solid currentColor;border-right:7px solid currentColor;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 5px currentColor);opacity:1;transform:rotate(45deg);-webkit-mask-image:none;mask-image:none}.weapon-arrow-rear{position:absolute;top:28px;width:24px;height:24px;border-top:4px solid currentColor;border-right:4px solid currentColor;filter:drop-shadow(0 0 4px currentColor);transform:rotate(45deg)}.weapon-arrow-rear.one{left:6px;opacity:.48}.weapon-arrow-rear.two{left:20px;opacity:.76}.projectile.weapon-effect-spear-lance{left:-132px;top:-18px;width:210px;height:36px;color:var(--projectile-color, #fff)}.projectile.weapon-effect-spear-lance:before{left:0;right:22px;top:14px;height:8px;border-radius:8px;background:linear-gradient(90deg,transparent,var(--projectile-trail, rgba(255,255,255,.35)) 16%,currentColor 72%);box-shadow:0 0 10px currentColor;opacity:1;animation:none}.projectile.weapon-effect-spear-lance:after{display:block;left:auto;right:0;top:3px;width:0;height:0;border-radius:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:28px solid currentColor;background:transparent;filter:drop-shadow(0 0 6px currentColor);box-shadow:none;opacity:1;transform:none;-webkit-mask-image:none;mask-image:none}.projectile.weapon-effect-core-staff-astral{left:-270px;top:-82px;width:290px;height:164px}.projectile.weapon-effect-core-staff-astral:before{inset:0;border-radius:50%;background:radial-gradient(ellipse at 98% 50%,#fff 0 9%,var(--projectile-color, #c89cff) 34%,var(--projectile-trail, rgba(104,119,255,.42)) 60%,transparent 88%);filter:drop-shadow(0 0 18px var(--projectile-color, #c89cff));opacity:1;animation:none}.projectile.weapon-effect-core-staff-astral:after{display:none}.projectile.weapon-effect-wand-flare{left:-168px;top:-30px;width:186px;height:60px}.projectile.weapon-effect-wand-flare:before{inset:0;border-radius:50%;background:radial-gradient(ellipse at 97% 50%,#fff8cc 0 10%,var(--projectile-color, #ff6b45) 34%,var(--projectile-trail, rgba(255, 61, 24, .42)) 58%,transparent 86%);filter:drop-shadow(0 0 11px var(--projectile-color, #ff6b45));opacity:.98;animation:none}.projectile.weapon-effect-wand-flare:after{display:none}.projectile.weapon-effect-frost-crystal{left:-72px;top:-17px;width:82px;height:34px;clip-path:polygon(0 50%,62% 0,100% 50%,62% 100%);background:linear-gradient(155deg,transparent 0 47%,rgba(255,255,255,.86) 48% 51%,transparent 52%),linear-gradient(25deg,#4daed7 0 49%,#e6fcff 50% 72%,#77d8f6 73%);filter:drop-shadow(0 0 8px rgba(121,223,255,.82))}.projectile.weapon-effect-frost-crystal:before{left:0;right:0;top:calc(50% - 1px);bottom:auto;height:2px;border-radius:0;background:#eefdffeb;opacity:1;animation:none}.projectile.weapon-effect-frost-crystal:after{left:61%;top:0;width:2px;height:100%;right:auto;border-radius:0;background:#eefdffeb;filter:none;opacity:1;box-shadow:none;transform:none;-webkit-mask-image:none;mask-image:none}.weapon-dagger-impact,.weapon-spear-impact,.weapon-astral-impact{--weapon-impact-color: #fff;position:absolute;z-index:5;pointer-events:none}.weapon-dagger-slash{position:absolute;left:0;width:190px;height:4px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff 18% 82%,transparent);box-shadow:0 0 7px var(--weapon-impact-color),0 0 15px var(--weapon-impact-color);transform-origin:center}.weapon-spear-impact,.weapon-astral-impact{width:220px;height:220px;border:7px solid var(--weapon-impact-color);border-radius:50%;box-shadow:0 0 24px var(--weapon-impact-color)}.weapon-astral-impact{width:340px;height:340px;border-width:12px;border-style:double;background:radial-gradient(circle,color-mix(in srgb,var(--weapon-impact-color) 32%,transparent),transparent 62%)}.weapon-impact-ray{position:absolute;left:50%;top:50%;width:105px;height:7px;border-radius:5px;background:linear-gradient(90deg,#fff,var(--weapon-impact-color),transparent);box-shadow:0 0 8px var(--weapon-impact-color);transform-origin:left center}.hit-spark{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border:3px solid;border-radius:50%;box-shadow:0 0 18px currentColor;z-index:4;mix-blend-mode:screen}.hit-particle{position:absolute;left:50%;top:50%;width:var(--hit-size, 4px);height:var(--hit-size, 4px);border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;transform:translate(-50%,-50%);animation:hitParticleBurst .42s ease-out forwards}.damage-number{position:absolute;left:-24px;top:-14px;z-index:8;min-width:48px;text-align:center;color:#fff;font-size:24px;font-weight:900;letter-spacing:0;-webkit-text-stroke:1px rgba(0,0,0,.7);text-shadow:0 2px 0 rgba(0,0,0,.78),0 0 12px rgba(255,255,255,.72),0 0 22px rgba(255,255,255,.42)}.damage-number.critical,.damage-number.crit{color:#ff4d4d;font-size:28px;text-shadow:0 2px 0 rgba(0,0,0,.74),0 0 18px rgba(255,64,64,.9),0 0 30px rgba(255,64,64,.55)}.damage-number.super{color:var(--gold-soft);font-size:32px;text-shadow:0 2px 0 rgba(0,0,0,.78),0 0 12px rgba(255,226,120,.9),0 0 28px rgba(255,172,43,.56)}.damage-number.damage-burn{color:#ff7848}.damage-number.damage-poison{color:#78e08f}.damage-number.damage-bleed{color:#d94b62}.damage-number.damage-skill{color:#ffe28a}.battle-result{position:absolute;left:18px;right:18px;top:50%;transform:translateY(-50%);z-index:40;border:1px solid var(--line-strong);border-radius:8px;padding:18px 12px 10px;text-align:center;background:#151218f5;box-shadow:0 20px 60px #00000073}.battle-result strong,.battle-result span{display:block}.battle-result strong{font-size:22px}.battle-result span{color:var(--muted);margin-top:8px;font-size:13px}.reward-summary,.battle-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.reward-summary div,.battle-summary-grid div{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:7px 5px;background:#ffffff0b}.reward-summary strong,.battle-summary-grid strong{font-size:14px;color:var(--gold-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-summary span,.battle-summary-grid span{margin-top:3px;font-size:10px}.unlock-line{margin:8px 0 0;color:var(--teal);font-size:12px;font-weight:800}.battle-item-report{margin:10px 0 0;padding:0;display:grid;gap:5px;list-style:none;text-align:left}.battle-item-report li{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:2px 8px;padding:6px 8px;border-radius:7px;background:#0000002e}.battle-item-report li span,.battle-item-report li strong,.battle-item-report li em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-item-report li span{color:var(--text);font-size:12px;font-weight:800}.battle-item-report li strong{color:var(--gold-soft);font-size:12px;text-align:right}.battle-item-report li em{grid-column:1 / -1;color:var(--muted);font-size:10px;font-style:normal}.board-item.formation-covered{box-shadow:inset 0 0 0 2px #76e0ffd1,0 0 12px #5bbeff6b}.support-dialog.support-feedback-dialog{width:min(920px,calc(100vw - 36px))}.support-content-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);gap:16px;padding:16px}.support-small-donation,.support-feedback-form{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:16px;background:#ffffff0b}.support-small-donation div strong,.support-small-donation div span,.support-small-donation p,.support-feedback-heading strong,.support-feedback-heading span{display:block}.support-small-donation div span,.support-feedback-heading span{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.55}.support-small-donation img{display:block;width:min(100%,320px);aspect-ratio:1170 / 1753;margin:12px auto 8px;object-fit:contain;border:1px solid rgba(255,255,255,.18);background:#fff}.support-small-donation p{margin:0;text-align:center;color:var(--gold-soft);font-size:12px}.support-feedback-form{display:grid;align-content:start;gap:10px}.support-feedback-form textarea,.support-feedback-form input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:10px;color:var(--text);background:#0000003d;font:inherit;resize:vertical}.support-feedback-form textarea{min-height:260px}.support-feedback-form button{min-height:38px;border:1px solid var(--line-strong);border-radius:6px;color:#17110a;background:linear-gradient(180deg,var(--gold-soft),var(--gold));font-weight:900;cursor:pointer}@media(max-width:680px){.support-dialog.support-feedback-dialog{width:min(100%,540px)}.support-content-grid{grid-template-columns:1fr;padding:12px}.support-small-donation img{width:min(100%,290px)}.support-feedback-form textarea{min-height:190px}}.support-overlay{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#040508ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.build-guide-overlay{position:absolute;inset:0;z-index:95;display:grid;place-items:center;padding:18px;background:#040508c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.build-guide-dialog{width:min(920px,calc(100vw - 36px));max-height:calc(100dvh - 42px);overflow:auto;border:1px solid rgba(85,216,199,.38);border-radius:8px;color:var(--text);background:linear-gradient(180deg,#231f26fc,#101217fc);box-shadow:0 26px 70px #00000094}.build-guide-header{min-height:66px;padding:13px 56px 12px 16px;position:relative;border-bottom:1px solid var(--line)}.build-guide-header small{color:var(--teal);font-size:10px;font-weight:900}.build-guide-header h2{margin:3px 0 0;font-size:20px}.build-guide-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:var(--muted);background:#ffffff0f;cursor:pointer;font-size:20px}.build-guide-content{padding:14px;display:grid;grid-template-columns:minmax(250px,.7fr) minmax(360px,1.3fr);gap:14px;align-items:start}.build-guide-intro{min-width:0}.build-guide-intro strong,.build-guide-intro span{display:block}.build-guide-intro strong{color:var(--gold-soft);font-size:17px}.build-guide-intro span{margin-top:5px;color:var(--teal);font-size:11px}.build-guide-intro p,.build-guide-note{color:var(--muted);font-size:12px;line-height:1.6}.build-guide-note{grid-column:1 / -1;margin:0}.build-guide-board .grid-board{width:min(100%,520px);margin:0 auto}@media(max-width:680px){.build-guide-overlay{padding:10px}.build-guide-dialog{width:100%;max-height:calc(100dvh - 20px)}.build-guide-content{grid-template-columns:1fr;padding:10px}.build-guide-note{grid-column:auto}}.build-guide-overlay.hidden{display:none}.high-tier-merge-overlay{position:absolute;inset:0;z-index:96;display:grid;place-items:center;padding:18px;background:#040508c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.high-tier-merge-overlay.hidden{display:none}.high-tier-merge-dialog{width:min(760px,calc(100vw - 36px));max-height:calc(100dvh - 42px);overflow:auto;border:1px solid rgba(225,189,103,.38);border-radius:8px;color:var(--text);background:linear-gradient(180deg,#261e1ffc,#101217fc);box-shadow:0 26px 70px #00000094}.high-tier-merge-header{position:relative;padding:15px 54px 13px 16px;border-bottom:1px solid var(--line)}.high-tier-merge-header small{color:var(--gold-soft);font-size:10px;font-weight:900}.high-tier-merge-header h2{margin:3px 0 0;font-size:19px}.high-tier-merge-header p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.high-tier-merge-close{position:absolute;top:13px;right:13px;width:32px;height:32px;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--muted);background:#ffffff0d;cursor:pointer;font-size:20px}.high-tier-merge-body{padding:12px;display:grid;gap:10px}.high-tier-merge-empty{margin:16px;color:var(--muted);text-align:center;font-size:12px}.high-tier-merge-group{border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:10px;background:#ffffff09}.high-tier-merge-group-title{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center}.high-tier-merge-icon{width:42px;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:5px;background-size:cover}.high-tier-merge-group-title strong,.high-tier-merge-group-title small{display:block}.high-tier-merge-group-title small{margin-top:3px;color:var(--gold-soft);font-size:10px}.high-tier-merge-choices{margin-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.high-tier-merge-choice{min-width:0;min-height:48px;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:7px;text-align:left;color:var(--text);background:#0000002e;cursor:pointer}.high-tier-merge-choice.selected{border-color:var(--gold-soft);box-shadow:inset 0 0 0 1px #e1bd6773}.high-tier-merge-choice strong,.high-tier-merge-choice span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.high-tier-merge-choice strong{font-size:11px}.high-tier-merge-choice span{margin-top:4px;color:var(--muted);font-size:10px}.high-tier-merge-preview{margin-top:8px;border-left:2px solid rgba(225,189,103,.55);padding:5px 8px;background:#e1bd670e}.high-tier-merge-preview span,.high-tier-merge-preview p,.high-tier-merge-preview small{display:block;margin:0}.high-tier-merge-preview span{color:var(--gold-soft);font-size:10px;font-weight:800}.high-tier-merge-preview p{margin-top:4px;font-size:12px}.high-tier-merge-preview small{margin-top:3px;color:var(--muted);font-size:10px}.high-tier-merge-confirm{width:100%;min-height:34px;margin-top:8px;border:1px solid rgba(225,189,103,.5);border-radius:6px;color:#20150d;background:var(--gold-soft);cursor:pointer;font-weight:900}.high-tier-merge-confirm:disabled{color:var(--muted);background:#ffffff0d;cursor:default}@media(max-width:560px){.high-tier-merge-overlay{padding:9px}.high-tier-merge-dialog{width:100%;max-height:calc(100dvh - 18px)}.high-tier-merge-choices{grid-template-columns:1fr}}.support-dialog{position:relative;width:min(100%,390px);max-height:calc(100dvh - 54px);overflow-y:auto;border:1px solid rgba(238,210,148,.34);border-radius:8px;background:linear-gradient(180deg,#372626fa,#16151bfa),var(--panel-strong);box-shadow:0 24px 60px #0000007a}.support-close{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:var(--muted);background:#ffffff0f;cursor:pointer;font-size:20px;line-height:1}.support-close:hover,.support-close:focus-visible{color:var(--text);border-color:var(--line-strong);outline:none}.support-hero{padding:18px 44px 14px 16px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 0%,rgba(85,216,199,.18),transparent 34%),linear-gradient(135deg,#e1bd6724,#ffffff05)}.support-hero p,.support-hero h2,.support-hero span{display:block;margin:0}.support-hero p{color:var(--teal);font-size:11px;font-weight:900}.support-hero h2{margin-top:5px;font-size:19px;line-height:1.25}.support-hero span{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.55}.support-tier-grid{display:grid;gap:8px;padding:10px}.support-tier{border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:10px;background:#ffffff0b}.support-tier strong,.support-tier em,.support-tier span{display:block}.support-tier strong{font-size:13px}.support-tier em{margin-top:4px;color:var(--gold-soft);font-size:15px;font-style:normal;font-weight:900}.support-tier span{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}.support-qr-panel{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;margin:0 10px 10px;padding:10px;border:1px solid rgba(85,216,199,.3);border-radius:8px;background:#55d8c712}.support-qr-placeholder{aspect-ratio:1;border:1px dashed rgba(167,255,244,.5);border-radius:8px;display:grid;place-items:center;color:var(--teal);background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25% 50%,rgba(255,255,255,.04) 50% 75%,transparent 75%),#0000002e;background-size:14px 14px;font-size:12px;font-weight:900;text-align:center}.support-qr-panel strong,.support-qr-panel p{display:block;margin:0}.support-qr-panel strong{color:var(--text);font-size:13px}.support-qr-panel p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}.support-note{margin:0;padding:0 12px 14px;color:#f7efe2cc;font-size:11px;line-height:1.55}.hidden{display:none}.item-tooltip{position:fixed;z-index:120;width:min(260px,calc(100vw - 24px));border:1px solid var(--line-strong);border-radius:8px;padding:10px;color:var(--text);background:#131218f7;box-shadow:0 18px 50px #0000006b;pointer-events:none}.item-tooltip strong,.item-tooltip span{display:block}.item-tooltip span{margin-top:3px;color:var(--gold-soft);font-size:12px}.item-tooltip p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.tooltip-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tooltip-stats em{border:1px solid rgba(255,255,255,.09);border-radius:5px;padding:3px 5px;color:var(--aqua);background:#ffffff0d;font-size:11px;font-style:normal}.tooltip-stats .affix-stat{flex-basis:100%;border-color:#e1bd6757;color:var(--gold-soft);background:#e1bd6717;line-height:1.35}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%) translateY(20px);z-index:100;width:min(420px,calc(100vw - 28px));border:1px solid var(--line-strong);border-radius:8px;padding:12px 14px;color:var(--text);background:#141217f5;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes triggerPulse{0%{box-shadow:0 0 #f3dc9d00;filter:brightness(1)}45%{box-shadow:0 0 0 3px #f3dc9d9e,0 0 22px #55d8c75c;filter:brightness(1.45)}to{box-shadow:inset 0 0 0 1px #00000057;filter:brightness(1)}}@keyframes particleCorePulse{0%{transform:scale(.86);opacity:.62}to{transform:scale(1.18);opacity:1}}@keyframes projectileParticleFlicker{0%{transform:translate(calc(-50% + var(--particle-x, 0px)),calc(-50% + var(--particle-y, 0px))) scale(.54);opacity:.16}to{transform:translate(calc(-50% + var(--particle-x, 0px) + var(--particle-drift-x, 0px)),calc(-50% + var(--particle-y, 0px) + var(--particle-drift-y, 0px))) scale(1.2);opacity:var(--particle-alpha, .82)}}@keyframes hitParticleBurst{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(calc(-50% + var(--hit-x, 0px)),calc(-50% + var(--hit-y, 0px))) scale(.1);opacity:0}}@keyframes mergeReadyGlow{0%{filter:brightness(1)}to{filter:brightness(1.22)}}@keyframes mergedItemPulse{0%{transform:scale(.96);box-shadow:0 0 #55d8c700}34%{transform:scale(1.04);box-shadow:0 0 0 2px #55d8c780,0 0 22px #55d8c78f,0 0 30px #e1bd6761}to{transform:scale(1);box-shadow:0 0 #55d8c700}}@keyframes flareEmberDrift{0%{background-position:12% 100%,78% 92%,34% 32%,86% 40%;transform:translateY(0)}to{background-position:16% 8%,74% 0%,38% -30%,82% -24%;transform:translateY(-12px)}}@keyframes renFrostDrift{0%{background-position:16% 98%,74% 92%,40% 34%,88% 42%;transform:translateY(0)}to{background-position:12% 10%,78% 4%,36% -28%,84% -20%;transform:translateY(-10px)}}@keyframes frostCrystalDrift{0%{background-position:14% 98%,72% 92%,42% 34%,88% 42%;transform:translateY(0)}to{background-position:18% 8%,68% 2%,46% -30%,84% -22%;transform:translateY(-12px)}}@keyframes characterMoteDrift{0%{background-position:14% 98%,74% 92%,42% 34%,88% 42%;transform:translateY(0) rotate(0)}to{background-position:18% 8%,70% 2%,46% -30%,84% -22%;transform:translateY(-12px) rotate(1deg)}}@keyframes lottieDividendDrift{0%{background-position:16% 98%,76% 92%,42% 44%,88% 52%;transform:translateY(0) rotate(-1deg)}to{background-position:22% 6%,70% 0%,48% -28%,82% -20%;transform:translateY(-14px) rotate(2deg)}}@keyframes graemeSparkDrift{0%{background-position:14% 96%,78% 90%,42% 28%,88% 36%;transform:translateY(0)}to{background-position:20% 8%,72% 2%,47% -24%,82% -16%;transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.game-shell.theme-flare:before,.game-shell.theme-ren:before,.game-shell.theme-frost:before,.game-shell.theme-noya:before,.game-shell.theme-viola:before,.game-shell.theme-graeme:before,.game-shell.theme-ino:before,.game-shell.theme-lottie:before{animation:none}}.active-skill-cut-in{--skill-accent: #ffd36b;position:absolute;inset:0;z-index:55;display:grid;place-items:center;pointer-events:none;isolation:isolate}.active-skill-cut-in.element-flare{--skill-accent: #ff7b45}.active-skill-cut-in.element-volt{--skill-accent: #72d9ff}.active-skill-cut-in.element-frost{--skill-accent: #9ce7ff}.active-skill-cut-in.element-normal{--skill-accent: #ffe08a}.active-skill-cut-in-backdrop{position:absolute;inset:0;z-index:-1;background:#04060ca8}.active-skill-cut-in-stage{position:relative;width:min(82vw,1120px);height:min(80vh,760px);max-width:calc(100% - 36px);max-height:calc(100% - 32px);overflow:hidden;border:1px solid color-mix(in srgb,var(--skill-accent) 70%,white);border-radius:8px;background:#080a12f0;box-shadow:0 0 0 1px #ffffff14 inset,0 0 24px color-mix(in srgb,var(--skill-accent) 28%,transparent),0 22px 46px #0000008f}.active-skill-cut-in-stage:before,.active-skill-cut-in-stage:after{content:"";position:absolute;z-index:4;pointer-events:none}.active-skill-cut-in-stage:before{inset:0;border:3px solid transparent;border-left-color:var(--skill-accent);border-right-color:color-mix(in srgb,var(--skill-accent) 60%,transparent)}.active-skill-cut-in-stage:after{left:-20%;right:-20%;top:48%;height:2px;background:var(--skill-accent);box-shadow:0 0 10px 2px var(--skill-accent);animation:activeSkillLineSweep .78s ease-out both}.active-skill-cut-in-art{position:absolute;inset:2%;z-index:2;background-position:center;background-repeat:no-repeat;background-size:contain;will-change:transform,opacity;animation:activeSkillArtFocus 1.55s cubic-bezier(.18,.72,.2,1) both}.active-skill-cut-in-effect{position:absolute;inset:0;pointer-events:none}.active-skill-cut-in .effect-back{z-index:1;opacity:.42;animation:activeSkillEffectFade 1.55s ease-out both}.active-skill-cut-in .effect-front{display:none}.active-skill-cut-in-copy{position:absolute;z-index:5;left:28px;bottom:24px;display:grid;gap:4px;max-width:min(48%,460px);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.92)}.active-skill-cut-in-copy span{color:var(--skill-accent);font-size:clamp(12px,1.4rem,18px)}.active-skill-cut-in-copy strong{font-size:clamp(22px,2.2rem,36px);line-height:1.1}.active-skill-cut-in.skill-c_akari .effect-back{background:linear-gradient(118deg,rgba(255,74,32,.34),transparent 46%)}.active-skill-cut-in.skill-c_ren .effect-back,.active-skill-cut-in.skill-c_ino .effect-back{background:linear-gradient(132deg,rgba(86,216,255,.34),transparent 48%)}.active-skill-cut-in.skill-c_noya .effect-back{background-image:linear-gradient(rgba(147,211,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(147,211,255,.18) 1px,transparent 1px);background-size:56px 56px}.active-skill-cut-in.skill-c_viola{--skill-accent: #8be58e}.active-skill-cut-in.skill-c_viola .effect-back{background:linear-gradient(164deg,rgba(76,202,116,.3),transparent 52%)}.active-skill-cut-in.skill-c_lottie .effect-back{background:linear-gradient(126deg,rgba(255,213,92,.32),transparent 50%)}@keyframes activeSkillArtFocus{0%{transform:scale(1.06);opacity:0}22%{transform:scale(1);opacity:1}78%{transform:scale(1.01);opacity:1}to{transform:scale(1.035);opacity:0}}@keyframes activeSkillEffectFade{0%,to{opacity:0}24%,74%{opacity:.42}}@keyframes activeSkillLineSweep{0%{transform:translate(-45%) scaleX(.35);opacity:0}35%{opacity:1}to{transform:translate(45%) scaleX(1);opacity:0}}@keyframes activeSkillStreaks{0%{transform:translate(-18%,12%) scale(1.08);opacity:0}28%{opacity:.86}to{transform:translate(16%,-10%) scale(1);opacity:.12}}@keyframes activeSkillStreaksReverse{0%{transform:translate(18%,-10%) scale(1.06);opacity:0}30%{opacity:.8}to{transform:translate(-14%,8%) scale(1);opacity:.1}}@keyframes activeSkillFlash{0%,to{opacity:.12}50%{opacity:.82}}@keyframes activeSkillGrid{0%{opacity:0;background-position:0 80px,80px 0}28%{opacity:.72}to{opacity:.18;background-position:0 0,0 0}}@keyframes activeSkillOrbit{0%{opacity:0;transform:rotate(-18deg) scale(.45)}35%{opacity:.7}to{opacity:0;transform:rotate(24deg) scale(1.08)}}@keyframes activeSkillMist{0%{opacity:0;transform:translate(-8%) scale(.9)}35%{opacity:.72}to{opacity:.1;transform:translate(10%) scale(1.12)}}@media(max-width:720px){.active-skill-cut-in-stage{width:calc(100% - 20px);height:min(68vh,620px);max-width:none}.active-skill-cut-in-art{inset:1%;background-position:center}.active-skill-cut-in-copy{left:16px;bottom:16px;max-width:62%}}@media(prefers-reduced-motion:reduce){.active-skill-cut-in-art,.active-skill-cut-in-effect,.active-skill-cut-in-stage:after{animation:none}}.active-skill-projectile,.active-skill-impact,.active-skill-aura{--world-skill-color: #ffe08a;position:absolute;z-index:65;pointer-events:none;color:var(--world-skill-color)}.active-skill-projectile.element-flare,.active-skill-impact.element-flare{--world-skill-color: #ff7545}.active-skill-projectile.element-volt,.active-skill-impact.element-volt,.active-skill-aura.element-volt{--world-skill-color: #75dcff}.active-skill-projectile.skill-c_viola,.active-skill-impact.skill-c_viola{--world-skill-color: #7ee58c}.active-skill-aura.skill-c_noya{--world-skill-color: #b9d9ff}.active-skill-aura.skill-c_lottie{--world-skill-color: #ffd76b}.active-skill-projectile{width:280px;height:96px;margin:-48px 0 0 -48px;transform-origin:48px 48px;will-change:transform,opacity}.active-skill-projectile-core{position:absolute;left:0;top:0;width:96px;height:96px;border:10px solid currentColor;border-radius:50%;background:#ffffffe6;box-shadow:0 0 16px currentColor,0 0 38px currentColor}.active-skill-projectile-trail{position:absolute;right:142px;top:34px;width:220px;height:28px;background:currentColor;opacity:.58;transform:skew(-24deg);transform-origin:right center}.active-skill-projectile.skill-c_viola .active-skill-projectile-core{border-style:double;background:#daffdae0}.active-skill-impact{width:230px;height:230px;border:7px solid currentColor;border-radius:50%;box-shadow:0 0 30px currentColor}.active-skill-impact i,.active-skill-impact b{position:absolute;inset:27px;border:4px solid currentColor;border-radius:50%}.active-skill-impact b{inset:64px;background:currentColor}.active-skill-aura{width:340px;height:340px;will-change:transform,opacity}.active-skill-aura i{position:absolute;inset:0;border:6px solid currentColor;border-radius:50%;box-shadow:0 0 18px currentColor}.active-skill-aura i:nth-child(2){inset:42px;border-style:dashed;transform:rotate(28deg)}.active-skill-aura i:nth-child(3){inset:86px;border-width:10px;opacity:.72}.active-skill-aura b{position:absolute;left:50%;top:12%;width:8px;height:76%;background:currentColor;box-shadow:0 0 16px currentColor;transform:translate(-50%)}.active-skill-aura.aura-combo-rush i{border-radius:12%;transform:rotate(45deg)}.active-skill-aura.aura-formation-rewrite i:nth-child(2){border-style:solid;transform:rotate(45deg)}.active-skill-aura.aura-coin-followup i:nth-child(2){border-width:10px;border-left-color:transparent;border-right-color:transparent}.ren-seven-slash{--ren-slash-color: #78e3ff;position:absolute;z-index:68;width:1px;height:1px;pointer-events:none}.ren-seven-slash-line{position:absolute;left:0;height:4px;border-radius:50%;background:linear-gradient(90deg,transparent,#efffff 14% 86%,transparent);box-shadow:0 0 8px var(--ren-slash-color),0 0 18px #3b8bffb8;transform-origin:center;will-change:transform,opacity}.ultimate-solar-burst,.ultimate-solar-impact,.ultimate-lightning-prison,.ultimate-plague-star,.ultimate-plague-impact,.ultimate-thunder-rail,.ultimate-thunder-impact{position:absolute;z-index:72;pointer-events:none;will-change:transform,opacity}.ultimate-solar-burst{width:min(46vw,520px);aspect-ratio:1;margin:min(-23vw,-260px) 0 0 min(-23vw,-260px);border-radius:50%;background:radial-gradient(circle,#fff 0 9%,#fff3a0 15%,#ffb329 42%,#f04b1d 68%,transparent 72%);box-shadow:0 0 34px #fc5,0 0 90px #ff5c19d1}.ultimate-solar-burst i,.ultimate-solar-burst b,.ultimate-solar-burst span{position:absolute;inset:-11%;border:7px solid rgba(255,232,139,.82);border-left-color:transparent;border-right-color:transparent;border-radius:50%;animation:ultimateOrbit 1.1s linear infinite}.ultimate-solar-burst b{inset:-22%;opacity:.58;animation-direction:reverse}.ultimate-solar-burst span{inset:22%;border-width:12px;filter:blur(3px)}.ultimate-solar-medium{width:220px;margin:-110px 0 0 -110px}.ultimate-solar-impact{width:min(52vw,620px);aspect-ratio:1;border:12px solid #ffc84e;border-radius:50%;box-shadow:0 0 42px #ff6a24,inset 0 0 45px #fff2b1cc}.ultimate-solar-impact i,.ultimate-solar-impact b{position:absolute;inset:22%;border:9px solid #fff4b4;border-radius:50%}.ultimate-solar-impact b{inset:43%;background:#fff;box-shadow:0 0 70px #ff8b25}.ultimate-solar-impact.ultimate-solar-medium{width:260px;height:260px;margin:0}.ultimate-lightning-prison{width:min(44vw,480px);height:min(62vh,540px);border:7px solid #9eeaff;border-radius:46%;box-shadow:0 0 28px #4fc3ff,inset 0 0 38px #5495ffb3}.ultimate-lightning-prison i{position:absolute;top:-8%;bottom:-8%;width:5px;background:#eaffff;box-shadow:0 0 14px #65cfff;transform:skew(-12deg)}.ultimate-lightning-prison i:nth-child(1){left:24%}.ultimate-lightning-prison i:nth-child(2){left:50%;transform:skew(15deg)}.ultimate-lightning-prison i:nth-child(3){left:76%}.ultimate-lightning-prison b,.ultimate-lightning-prison span{position:absolute;left:-7%;right:-7%;height:22%;border:5px solid #baf3ff;border-radius:50%;box-shadow:0 0 22px #567cff}.ultimate-lightning-prison b{top:-9%}.ultimate-lightning-prison span{bottom:-9%}.ultimate-plague-star{width:340px;height:210px;margin:-105px 0 0 -70px;transform-origin:70px 105px}.ultimate-plague-star:before{content:"";position:absolute;left:0;top:35px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#efffb5 0 8%,#81ed6e 22%,#3f8b45 55%,#172b19 72%);box-shadow:0 0 25px #7aff71,0 0 70px #42e155bf}.ultimate-plague-star i,.ultimate-plague-star b,.ultimate-plague-star span{position:absolute;right:150px;top:73px;width:190px;height:64px;background:linear-gradient(90deg,transparent,rgba(83,224,83,.2) 18%,#79e77a 100%);border-radius:70% 18% 18% 70%}.ultimate-plague-star b{transform:rotate(18deg);opacity:.56}.ultimate-plague-star span{transform:rotate(-18deg);opacity:.56}.ultimate-plague-impact{width:390px;height:390px;border:12px double #8bf17e;border-radius:50%;box-shadow:0 0 40px #4eaa51,inset 0 0 90px #2d702abf}.ultimate-plague-impact i,.ultimate-plague-impact b{position:absolute;inset:22%;border:7px dashed #cfff9d;border-radius:50%}.ultimate-plague-impact b{inset:40%;background:#65da5ab8}.ultimate-thunder-rail{height:56px;margin-top:-28px;transform-origin:left center;border-radius:0 60% 60% 0;background:linear-gradient(180deg,transparent,#6acbff 24%,#fff 46% 56%,#75d8ff 76%,transparent);filter:drop-shadow(0 0 16px #379dff)}.ultimate-thunder-rail i,.ultimate-thunder-rail b{position:absolute;left:0;right:0;height:3px;background:#eaffff}.ultimate-thunder-rail i{top:-13px;transform:skewY(-3deg)}.ultimate-thunder-rail b{bottom:-13px;transform:skewY(3deg)}.ultimate-thunder-impact{width:360px;height:360px}.ultimate-thunder-impact:before{content:"";position:absolute;inset:28%;border:9px solid #c8f4ff;border-radius:50%;box-shadow:0 0 35px #4abfff,inset 0 0 32px #6575ff}.ultimate-thunder-impact i{position:absolute;left:50%;top:50%;width:48%;height:6px;transform-origin:left center;background:linear-gradient(90deg,#fff,#6fd6ff 45%,transparent);box-shadow:0 0 12px #58bdff}@keyframes ultimateOrbit{to{transform:rotate(360deg)}}@media(max-width:720px){.active-skill-projectile{width:200px;height:72px;margin:-36px 0 0 -36px;transform-origin:36px 36px}.active-skill-projectile-core{width:72px;height:72px}.active-skill-projectile-trail{right:106px;top:25px;width:150px;height:22px}.active-skill-aura{width:min(260px,72vw);height:min(260px,72vw)}.ultimate-solar-burst{width:min(70vw,360px);margin:min(-35vw,-180px) 0 0 min(-35vw,-180px)}.ultimate-solar-medium{width:160px;margin:-80px 0 0 -80px}.ultimate-lightning-prison{width:min(62vw,300px);height:min(48vh,390px)}.ultimate-plague-star{scale:.72}.ultimate-thunder-impact{width:260px;height:260px}}@media(max-width:370px){.new-player-guide{grid-template-columns:1fr}.new-player-guide-action{grid-column:1;grid-row:auto;width:100%}.patrol-commission-heading,.commission-group-title{align-items:flex-start;flex-direction:column}.patrol-commission-controls{grid-template-columns:1fr}.shop-card{grid-template-columns:50px minmax(0,1fr)}.buy-button{grid-column:1 / -1}.character-list,.guide-card{grid-template-columns:1fr}.topbar{gap:8px}.topbar-actions{gap:6px}.action-row.three,.stage-body,.reward-summary,.battle-summary-grid{grid-template-columns:1fr}.phone-panel .bottom-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.codex-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-qr-panel{grid-template-columns:1fr}.support-qr-placeholder{width:112px;justify-self:center}}@media(max-width:720px){.character-detail-dialog{width:min(100%,430px)}.character-detail-layout{grid-template-columns:1fr;padding:16px 44px 16px 16px}.character-detail-art{min-height:220px;border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:14px}.character-detail-portrait{width:min(100%,220px)}.character-detail-heading strong{font-size:28px}}