:root{color-scheme:light;font-family:var(--font-ui);--font-ui: "HarmonyOS Sans SC", "MiSans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", "Source Han Sans CN", "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-ui);--font-number: "Arial Black", "Arial Rounded MT Bold", "DIN Alternate", "Arial Narrow", var(--font-ui);--gold: #ffd66b;--hot-gold: #ffbd3c;--jade: #78f5e8;--deep: #102332;--glass: rgba(12, 38, 58, .58);--active-skill-glow: #ff4438}*{box-sizing:border-box}html,body,#app{min-height:100%;height:100%}body{margin:0;color:#fff;background:#dff9ff;overflow:hidden;touch-action:manipulation}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{position:relative;display:block;height:var(--app-viewport-height, 100dvh);min-height:var(--app-viewport-height, 100dvh);max-width:520px;margin:0 auto;overflow:hidden;background:#dff9ff;box-shadow:0 0 80px #00000059;isolation:isolate}.sky-stage{position:absolute;inset:0;height:auto;min-height:0;max-height:none;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#ffffff14,#c0f5ff0f 48%,#0118222e),var(--stage-bg-url) center top / cover no-repeat,linear-gradient(180deg,#9edbf3,#edfaff 58%,#bfeef4)}.sky-stage:before,.sky-stage:after{content:"";position:absolute;inset:auto -12% -7%;z-index:1;height:42%;pointer-events:none;background:radial-gradient(ellipse at 24% 58%,rgba(255,255,255,.32) 0 18%,transparent 48%),radial-gradient(ellipse at 58% 50%,rgba(255,255,255,.28) 0 23%,transparent 56%),radial-gradient(ellipse at 84% 64%,rgba(220,255,255,.22) 0 18%,transparent 48%);filter:blur(7px);animation:cloudDrift 14s ease-in-out infinite alternate}.sky-stage:after{inset:3% -10% auto;height:30%;opacity:.14;animation-duration:19s;animation-direction:alternate-reverse}.stage-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%}.light-stage{position:absolute;inset:0;z-index:2;overflow:hidden;--light-skill-color: #ffca57;--combat-baseline: 72%}.light-stage-orbit{position:absolute;left:50%;top:43%;width:min(58vw,250px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18) 0 9%,transparent 48%),conic-gradient(from 0deg,transparent,rgba(255,238,162,.28),transparent,rgba(125,236,255,.24),transparent);opacity:.52;animation:lightStageSpin 16s linear infinite}.light-combatant{position:absolute;z-index:3;bottom:var(--combat-baseline);display:grid;place-items:end center;width:clamp(80px,25vw,124px);height:clamp(92px,30vw,144px);transform-origin:50% 100%;filter:drop-shadow(0 9px 10px rgba(8,35,45,.28)) drop-shadow(0 0 10px rgba(255,249,198,.28))}.light-combatant:after{content:"";position:absolute;left:50%;bottom:-4px;z-index:-1;width:86%;height:18px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,#11525b47,#fff0 68%);filter:blur(3px)}.light-combatant img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;user-select:none}.light-player{left:clamp(28px,11vw,108px)}.light-enemy{right:clamp(28px,12vw,116px)}.light-stage[data-scenario=push] .light-enemy{width:clamp(70px,22vw,108px);height:clamp(82px,26vw,126px);right:clamp(42px,16vw,148px)}.light-stage[data-scenario=boss] .light-enemy{width:clamp(120px,34vw,178px);height:clamp(136px,39vw,208px);right:clamp(10px,7vw,84px);bottom:calc(var(--combat-baseline) - 2px)}.light-stage-beam{position:absolute;left:31%;right:24%;bottom:calc(var(--combat-baseline) + 14px);z-index:1;height:4px;border-radius:999px;background:radial-gradient(circle at 74% 50%,rgba(255,255,255,.96) 0 4px,transparent 12px),linear-gradient(90deg,transparent,color-mix(in srgb,var(--light-skill-color) 72%,white) 42%,var(--light-skill-color) 70%,transparent);opacity:0;transform:scaleX(.28);transform-origin:left center;filter:drop-shadow(0 0 8px var(--light-skill-color));box-shadow:0 0 18px var(--light-skill-color)}.light-stage.is-casting .light-stage-beam{animation:lightBeamCast .52s cubic-bezier(.2,.8,.2,1)}.light-stage-impact{position:absolute;left:72%;bottom:calc(var(--combat-baseline) - 18px);z-index:4;width:clamp(62px,18vw,92px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96) 0 8%,var(--light-skill-color) 9% 23%,transparent 54%),radial-gradient(circle at 50% 50%,transparent 0 34%,color-mix(in srgb,var(--light-skill-color) 68%,transparent) 35% 38%,transparent 55%),conic-gradient(from 24deg,transparent,var(--light-skill-color),transparent,rgba(255,255,255,.8),transparent,color-mix(in srgb,var(--light-skill-color) 72%,white),transparent);mix-blend-mode:screen;opacity:0}.light-stage-calligraphy{position:absolute;left:50%;top:12%;z-index:5;transform:translate(-50%);width:max-content;max-width:92%;color:#101419;font-family:var(--font-display);font-size:clamp(28px,8vw,46px);font-weight:900;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.68),0 0 12px rgba(255,255,255,.54),2px 3px 0 rgba(0,0,0,.08);opacity:0;pointer-events:none}.light-stage-damage{position:absolute;inset:0;z-index:6;pointer-events:none}.light-stage-damage span{position:absolute;right:clamp(42px,16vw,150px);top:calc(28% - 18px);color:#fff6b7;font-weight:900;font-size:clamp(18px,5vw,24px);text-shadow:0 1px 0 rgba(70,35,12,.42),0 0 10px rgba(255,214,90,.74),0 0 20px rgba(255,101,59,.5)}.light-stage[data-scenario=push] .light-stage-damage span{right:clamp(50px,18vw,160px)}.light-stage[data-scenario=boss] .light-stage-damage span{right:clamp(22px,10vw,96px);top:calc(24% - 16px)}.light-stage-damage span[data-tone=thunder]{color:#dffcff}.light-stage-damage span[data-tone=dark]{color:#e5d5ff}.light-stage-damage span[data-tone=power]{right:auto;left:50%;top:22%;color:#fff1a6}.stage-scene-name{position:absolute;z-index:5;top:max(11px,env(safe-area-inset-top));left:12px;padding:4px 10px 5px;border:1px solid rgba(255,244,190,.48);border-radius:999px;color:#20323b;background:linear-gradient(180deg,#ffffff9e,#a8eeef38),radial-gradient(circle at 20% 0%,rgba(255,255,255,.82),transparent 62%);box-shadow:0 2px 10px #2c7d9124,inset 0 1px #fffc;font-family:var(--font-display);font-size:18px;line-height:1;letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.72);pointer-events:none}.sky-stage[data-scenario=pvp] .stage-scene-name{border-color:#ffd77d8c;background:linear-gradient(180deg,#fff9dbad,#ffd36c3d),radial-gradient(circle at 20% 0%,rgba(255,255,255,.82),transparent 62%)}.sky-stage[data-scenario=boss] .stage-scene-name{border-color:#ff8b608f;background:linear-gradient(180deg,#ffefe2ad,#ff7e5238),radial-gradient(circle at 20% 0%,rgba(255,255,255,.82),transparent 62%)}.stage-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#05141c05 0 44%,#05141c33 76%,#05141c6b),radial-gradient(ellipse at 50% 22%,transparent 0 50%,rgba(12,34,42,.16) 100%);mix-blend-mode:multiply}.impact-flash{position:absolute;inset:0 0 42%;z-index:6;pointer-events:none;background:radial-gradient(circle at 52% 24%,color-mix(in srgb,var(--impact-color, #fff) 88%,transparent),transparent 18%),linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.58) 48%,transparent 78%);mix-blend-mode:screen;opacity:0}.scenario-tabs,.lineup-header,.lineup-title{display:flex;align-items:center}.orb-chip{display:flex;align-items:center;min-height:34px;border:0;border-radius:14px;background:url(/assets/top-jade-panel-BWBMZka2.png) center / 100% 100% no-repeat,linear-gradient(180deg,#f4ffff2e,#80d2d61a 45%,#0e344433),radial-gradient(circle at 18% 0%,rgba(255,255,255,.56),transparent 34%),radial-gradient(circle at 86% 100%,rgba(124,231,229,.18),transparent 56%);background-blend-mode:screen,normal,screen,normal;box-shadow:inset 0 1px #ffffff94,inset 0 -1px #225e653d,0 4px 12px #05162214,0 0 0 1px #9adeda14;backdrop-filter:blur(16px) saturate(1.18)}.orb-chip{min-width:0;justify-content:center;gap:5px;padding:3px 8px}.orb-chip span{color:#ffe8a1;font-family:var(--font-ui);font-size:12px;font-weight:900;white-space:nowrap}.orb-chip input{width:52px;border:0;outline:0;color:#fff;background:transparent;font-family:var(--font-number);font-size:18px;font-weight:1000;text-align:center}.scenario-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;min-width:0}.scenario-tab,.recommend-button,.own-button,.params-button{min-height:34px;border:0;border-radius:14px;font-weight:1000;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #255b646b,0 6px 16px #0000001a;backdrop-filter:blur(16px) saturate(1.12)}.scenario-tab{padding:0 6px;color:#dffcff;font-family:var(--font-ui);font-size:14px;background:url(/assets/top-jade-panel-BWBMZka2.png) center / 100% 100% no-repeat,linear-gradient(180deg,#f5ffff29,#97cfd51a,#1241522e),radial-gradient(circle at 50% 0%,rgba(255,255,255,.34),transparent 62%);background-blend-mode:screen,normal,normal}.scenario-tab.is-active,.recommend-button{color:#442400;border-color:#ffffff8f;background:url(/assets/top-gold-button-CMtYNIRD.png) center / 100% 100% no-repeat,linear-gradient(180deg,#fff7cc38,#ffca5c33 58%,#d88a1b38),radial-gradient(circle at 30% 0%,rgba(255,255,255,.4),transparent 58%);background-blend-mode:screen,normal,normal;box-shadow:0 0 12px #ffce542e,inset 0 1px #ffffff80}.recommend-button,.own-button,.params-button{min-width:0;padding:0 8px;font-family:var(--font-ui);font-size:14px}.own-button{color:#dffcff;background:url(/assets/top-jade-panel-BWBMZka2.png) center / 100% 100% no-repeat,linear-gradient(180deg,#eeffff29,#2a5b6633),radial-gradient(circle at 50% 0%,rgba(255,255,255,.3),transparent 70%);background-blend-mode:screen,normal,normal}.params-button{color:#dffcff;background:url(/assets/top-jade-panel-BWBMZka2.png) center / 100% 100% no-repeat,linear-gradient(180deg,#eeffff29,#2a5b6633),radial-gradient(circle at 50% 0%,rgba(255,255,255,.3),transparent 70%);background-blend-mode:screen,normal,normal}.params-button.is-active{color:#422400;background:url(/assets/top-gold-button-CMtYNIRD.png) center / 100% 100% no-repeat,linear-gradient(180deg,#fff7cc38,#ffca5c33 58%,#d88a1b38),radial-gradient(circle at 30% 0%,rgba(255,255,255,.4),transparent 58%);background-blend-mode:screen,normal,normal}.damage-float{position:absolute;z-index:7;left:59%;top:18%;width:max-content;color:#fff0a2;font-family:var(--font-display);font-size:clamp(24px,7vw,42px);font-weight:900;letter-spacing:0;text-shadow:0 2px 0 rgba(116,50,0,.72),0 0 8px rgba(255,255,255,.8),0 0 18px rgba(255,79,47,.68),0 0 34px rgba(255,211,80,.76);pointer-events:none}.damage-float[data-tone=fire]{color:#fff1a8;text-shadow:0 2px 0 rgba(118,39,0,.54),0 0 18px rgba(255,74,32,.88),0 0 40px rgba(255,201,67,.84)}.damage-float[data-tone=thunder]{color:#e9fdff;text-shadow:0 2px 0 rgba(0,59,88,.58),0 0 18px rgba(105,238,255,.92),0 0 42px rgba(255,245,130,.78)}.damage-float[data-tone=sword]{color:#f4ffff;text-shadow:0 2px 0 rgba(12,54,76,.52),0 0 18px rgba(135,244,255,.86),0 0 38px rgba(255,255,255,.68)}.damage-float[data-tone=dark]{color:#f4ddff;text-shadow:0 2px 0 rgba(46,0,69,.58),0 0 18px rgba(171,70,255,.9),0 0 42px rgba(69,236,255,.68)}.damage-float[data-tone=holy]{color:#fff4bf}.combo-badge{position:absolute;z-index:8;left:58%;top:24%;width:max-content;padding:1px 9px 3px;border:1px solid color-mix(in srgb,var(--combo-color, #fff) 66%,rgba(255,255,255,.34));border-radius:999px;color:#fffdf0;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.42),transparent 58%),linear-gradient(180deg,#1e1b1033,#0c121657);box-shadow:0 0 8px color-mix(in srgb,var(--combo-color, #fff) 60%,transparent),0 0 18px #ffffff38,inset 0 1px #ffffff6b;font-family:var(--font-display);font-size:clamp(15px,4vw,22px);line-height:1.05;letter-spacing:0;text-shadow:0 1px 0 rgba(51,34,0,.52),0 0 9px color-mix(in srgb,var(--combo-color, #fff) 72%,transparent);opacity:0;pointer-events:none}.defense-badge{position:absolute;z-index:8;left:40%;top:20%;width:max-content;padding:1px 8px 3px;border:1px solid color-mix(in srgb,var(--defense-color, #fff0a2) 70%,rgba(255,255,255,.38));border-radius:999px;color:var(--defense-color, #fff0a2);background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.38),transparent 60%),linear-gradient(180deg,#1414103d,#0710166b);box-shadow:0 0 8px color-mix(in srgb,var(--defense-color, #fff0a2) 64%,transparent),0 0 18px #ffffff2e,inset 0 1px #ffffff5c;font-family:var(--font-display);font-size:clamp(16px,4.2vw,23px);line-height:1.05;letter-spacing:0;text-shadow:0 1px 0 rgba(36,22,0,.5),0 0 9px color-mix(in srgb,var(--defense-color, #fff0a2) 74%,transparent);opacity:0;pointer-events:none}.defense-badge[data-outcome=hit]{border-color:#ff694fc7;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.3),transparent 58%),linear-gradient(180deg,#46140c5c,#12080885)}.defense-badge[data-outcome=dodge]{border-color:#c0ffffbd}.player-guard-meter{position:absolute;z-index:8;left:max(10px,3.4vw);top:max(42px,5.4vh);display:grid;grid-template-columns:auto minmax(78px,12vw);align-items:center;gap:6px;width:min(142px,38vw);padding:3px 7px 4px;border:1px solid rgba(255,239,160,.48);border-radius:6px;color:#fff2a8;background:linear-gradient(180deg,#121b186b,#060d109e),radial-gradient(circle at 18% 0%,rgba(255,255,255,.28),transparent 64%);box-shadow:0 0 12px #ffdc5e3d,inset 0 1px #ffffff4d;font-family:var(--font-display);pointer-events:none;transform-origin:left center}.guard-label{font-size:clamp(13px,3.4vw,16px);line-height:1;letter-spacing:0;text-shadow:0 0 8px rgba(255,233,157,.68);white-space:nowrap}.guard-track{position:relative;display:block;height:6px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#071416c7,#222e2494);box-shadow:inset 0 0 4px #00000094,0 0 8px #fff5a41f}.guard-fill{display:block;width:100%;height:100%;border-radius:inherit;transform:scaleX(1);transform-origin:left center;background:linear-gradient(90deg,#9fffe8,#fff0a2 58%,#ffbe5c);box-shadow:0 0 10px #ffeb80cc}.player-guard-meter[data-state=hit],.player-guard-meter[data-state=low]{border-color:#ff6a4e9e;color:#ffd0c6;box-shadow:0 0 14px #ff583a52,inset 0 1px #ffffff3d}.player-guard-meter[data-state=hit] .guard-fill,.player-guard-meter[data-state=low] .guard-fill{background:linear-gradient(90deg,#ff654c,#ffb25e 58%,#fff0a2);box-shadow:0 0 12px #ff5b3cd1}.player-guard-meter[data-state=dodge]{border-color:#b4ffffa3;color:#eaffff;box-shadow:0 0 16px #88f4ff57,inset 0 1px #ffffff52}.player-guard-meter[data-state=dodge] .guard-fill{background:linear-gradient(90deg,#a1fff4,#eaffff 58%,#fff0a2);box-shadow:0 0 12px #86f8ffd1}.bond-burst{position:absolute;z-index:8;left:50%;top:14%;transform:translate(-50%);width:max-content;max-width:92%;padding:0;border-radius:0;color:#0c1216;font-family:var(--font-display);font-size:clamp(30px,9vw,52px);font-weight:900;line-height:1;letter-spacing:0;background:transparent;text-shadow:0 1px 0 rgba(255,255,255,.45),0 0 8px rgba(255,255,255,.42),2px 3px 0 rgba(0,0,0,.06);opacity:0;pointer-events:none}.bond-burst[data-mode=burst]{top:14%;padding:0;border-radius:0;color:#12100a;font-family:var(--font-display);font-size:clamp(28px,8vw,48px);background:transparent;text-shadow:0 1px 0 rgba(255,255,255,.52),0 0 10px rgba(255,255,255,.42),2px 3px 0 rgba(0,0,0,.08)}.control-deck{position:absolute;inset:0;z-index:10;margin-top:0;display:grid;grid-template-rows:minmax(220px,32dvh) auto auto minmax(0,1fr);min-height:100%;padding:max(12px,env(safe-area-inset-top)) 0 0;background:transparent;border-top:0;box-shadow:none}.stage-spacer{min-height:0;pointer-events:none}.control-deck:before{content:none}.lineup-header{justify-content:space-between;gap:8px;padding:0 11px 4px}.lineup-title{gap:8px}.deck-label{color:#080f11eb;font-family:var(--font-display);font-size:18px;font-weight:900;letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.42),0 0 5px rgba(255,255,255,.35)}.lineup-header strong{color:#080f11f0;font-family:var(--font-number);font-size:19px;font-weight:1000;text-shadow:0 1px 0 rgba(255,255,255,.42),0 0 5px rgba(255,255,255,.35)}.deck-controls{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(50px,.48fr) minmax(54px,.48fr) minmax(54px,.48fr);gap:5px;align-items:center;padding:5px 8px max(8px,env(safe-area-inset-bottom))}.recommend-style-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 8px max(8px,env(safe-area-inset-bottom))}.recommend-style-panel.is-variant-strip{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.recommend-style-panel.is-variant-strip::-webkit-scrollbar{display:none}.recommend-style-card{display:grid;gap:3px;min-width:0;min-height:58px;padding:7px 8px;border:1px solid rgba(218,250,246,.22);border-radius:8px;color:#e5fff9e0;font-family:var(--font-ui);text-align:left;background:linear-gradient(180deg,#0f424cc7,#061e2ae0),radial-gradient(circle at 18% 0%,rgba(255,233,151,.16),transparent 58%);box-shadow:inset 0 1px #ffffff26,0 8px 18px #00000029}.recommend-style-panel.is-variant-strip .recommend-style-card{flex:0 0 min(46vw,178px);scroll-snap-align:start}.recommend-style-card.is-active{border-color:#ffde70ad;color:#fff6c7;background:linear-gradient(180deg,#583b0aeb,#242319e6),radial-gradient(circle at 18% 0%,rgba(255,235,128,.32),transparent 62%);box-shadow:0 0 12px #ffd5502e,inset 0 1px #fff3}.recommend-style-head,.recommend-style-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.recommend-style-head b{min-width:0;overflow:hidden;font-family:var(--font-display);font-size:16px;font-weight:900;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.recommend-style-head em,.recommend-style-meta i{flex:0 0 auto;font-style:normal;line-height:1}.recommend-style-head em{color:#ffeb97c7;font-size:11px;font-weight:900}.recommend-style-meta i{color:#d8fff8c2;font-size:11px;font-weight:800}.recommend-style-card.is-active .recommend-style-meta i{color:#fff6c7d1}.recommend-style-source{width:max-content;padding:1px 6px 2px;border:1px solid rgba(255,230,142,.42);border-radius:999px;color:#fff6c7db;background:#ffce5424;font-size:10px;font-weight:900;line-height:1}.recommend-style-lineup{min-width:0;overflow:hidden;color:#d1f6efb8;font-size:11px;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.recommend-style-card.is-active .recommend-style-lineup{color:#fff6c7c7}.lineup-actions{display:inline-flex;align-items:center;gap:5px;position:relative;z-index:16}.current-power-metric{display:inline-grid;place-items:center;min-width:74px;min-height:27px;padding:0 9px;border:1px solid rgba(255,226,122,.58);border-radius:999px;color:#ffeeb0;font-family:var(--font-number);font-size:13px;font-weight:1000;line-height:1;white-space:nowrap;background:linear-gradient(180deg,#543606e6,#231f14db),radial-gradient(circle at 24% 0%,rgba(255,242,166,.34),transparent 58%);box-shadow:inset 0 1px #fff3,0 0 10px #ffcc482e;text-shadow:0 1px 0 rgba(96,47,0,.55),0 0 6px rgba(255,221,96,.32)}.bond-button,.xinfa-button{display:inline-grid;grid-template-columns:auto;place-items:center;align-items:center;min-width:31px;min-height:31px;padding:0 8px;border:0;border-radius:999px;color:#fff4b2;font-family:var(--font-display);font-weight:900;background:transparent;box-shadow:none}.bond-button span,.xinfa-button{display:grid;place-items:center;min-width:29px;height:29px;padding:0 7px;border-radius:50%;color:#4d2700;font-size:17px;line-height:1;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.68),transparent 17%),linear-gradient(180deg,#fff6b6db,#ffc43ec7 58%,#ba6e00b8);box-shadow:inset 0 1px #ffffff75,inset 0 -1px 2px #6731002e}.xinfa-button{border-radius:999px;font-family:var(--font-ui);font-size:12px;font-weight:1000}.slot-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;margin-left:0;padding:7px 11px 18px;border:0;border-radius:0;background:transparent;box-shadow:none}.skill-slot{position:relative;display:grid;place-items:center;min-height:92px;padding:0;border:0;border-radius:0;color:#d8f9ff;background:transparent;box-shadow:none;overflow:visible}.skill-slot.is-filled{box-shadow:none}.skill-slot.is-hot{border-color:#fff0a6;background:radial-gradient(circle at 50% 50%,#ffdb453d,#05142294);box-shadow:inset 0 0 0 2px #ffee9275,0 0 18px #ffc22c80}.skill-slot.is-casting{z-index:8;border-color:#fff4ad}.skill-slot.is-cooling:not(.is-casting){z-index:5;isolation:isolate}.skill-slot.is-casting .slot-cast-stack{animation:slotStackCast 1.5s ease-out}.slot-placeholder{display:block;width:78%;aspect-ratio:.74;border-radius:9px;border:1px solid rgba(255,238,154,.3);background:radial-gradient(circle at 50% 38%,rgba(176,255,235,.16),transparent 56%),linear-gradient(180deg,#ffffff0f,#00000029);box-shadow:inset 0 0 14px #00000042}.slot-cast-stack{position:relative;display:grid;place-items:center;width:calc(100% - 2px);max-width:66px;aspect-ratio:.74;transform-origin:50% 50%}.slot-detail-button{position:absolute;z-index:18;right:-5px;top:-5px;display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(255,238,154,.66);border-radius:50%;color:#3e2300;background:linear-gradient(180deg,#fff8c9f5,#e5a834e6);box-shadow:0 2px 6px #00000052,0 0 8px #ffd24b5c;font-size:10px;font-weight:1000;line-height:1;pointer-events:auto}.slot-cast-stack:before,.slot-cast-stack:after{content:"";position:absolute;pointer-events:none;grid-area:1 / 1;opacity:0;border-radius:9px}.skill-slot.is-casting .slot-cast-stack:before{inset:0;z-index:0;box-shadow:inset 0 0 0 2px #fffbc5fa,inset 0 0 8px #ffe670cc,0 0 0 3px #ffce41b8,0 0 14px #fff28feb,0 0 34px #ffc42ee6,0 0 62px #ffb0159e,0 0 92px #ffde5e57;animation:castOuterPulse 1.5s ease-in-out both}.skill-slot.is-casting .slot-cast-stack:after{inset:-18px -15px;z-index:-1;background:radial-gradient(ellipse at 50% 50%,rgba(255,252,197,.68) 0 18%,rgba(255,207,55,.68) 27%,transparent 70%),radial-gradient(ellipse at 50% 50%,rgba(255,186,18,.5) 0 42%,transparent 76%),linear-gradient(180deg,rgba(255,247,184,.5),transparent 24% 74%,rgba(255,193,46,.32));filter:blur(6px) saturate(1.18);animation:castOuterHalo 1.5s ease-in-out both}.slot-book-shell{position:relative;display:block;grid-area:1 / 1;width:100%;height:100%;border-radius:7px;overflow:hidden;background:#172535;box-shadow:0 5px 10px #0000004d,0 0 12px color-mix(in srgb,var(--glow),transparent 76%);transform-origin:50% 50%;transition:none}.skill-slot.is-cooling:not(.is-casting) .slot-book-shell{filter:brightness(1) saturate(1);box-shadow:0 5px 10px #0000004d,0 0 12px color-mix(in srgb,var(--glow),transparent 76%);transition:none}.skill-slot.is-cooling:not(.is-casting) .cooldown-mask{z-index:12}.slot-book-shell:before,.slot-book-shell:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .18s ease-out}.skill-slot.is-casting .slot-book-shell{filter:brightness(1) saturate(1);box-shadow:0 5px 10px #0000004d,0 0 12px color-mix(in srgb,var(--glow),transparent 76%)}.skill-slot.is-casting .slot-book-shell:before{display:none}.skill-slot.is-casting .slot-book-shell:after{display:none}.cooldown-mask{position:absolute;inset:0;z-index:4;border-radius:inherit;display:block;overflow:hidden;background:conic-gradient(from -90deg,transparent 0 var(--cd-angle),rgba(0,0,0,.54) var(--cd-angle) 360deg);box-shadow:none;opacity:1}.slot-book-art{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.slot-stars{position:absolute;z-index:5;left:50%;bottom:-1px;display:flex;justify-content:center;gap:0;height:28px;width:max-content;transform:translate(-50%);pointer-events:none}.slot-cast-particles{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none}.slot-cast-particles i{position:absolute;width:var(--particle-size, 2px);height:var(--particle-size, 2px);border-radius:50%;background:#ffe889;box-shadow:0 0 5px #ffe556e6,0 0 12px #ffb4169e}.bond-popover,.xinfa-popover{position:absolute;z-index:14;right:8px;top:44px;display:grid;gap:6px;padding:8px;border:1px solid rgba(255,230,142,.26);border-radius:12px;background:linear-gradient(180deg,#f2fffab8,#b4e2da75),radial-gradient(circle at 24% 0%,rgba(255,255,255,.72),transparent 42%),radial-gradient(circle at 82% 100%,rgba(255,219,99,.2),transparent 52%);box-shadow:inset 0 1px #ffffff94,0 8px 18px #162a272e;backdrop-filter:blur(14px) saturate(1.12)}.bond-popover{grid-template-columns:repeat(5,auto)}.xinfa-popover{left:var(--xinfa-popover-left, 50%);right:auto;top:var(--xinfa-popover-top, 44px);width:min(250px,calc(100vw - 32px));max-height:var(--xinfa-popover-max-height, none);grid-template-columns:1fr;overflow:hidden;transform:translate(-50%)}.bond-popover[hidden],.xinfa-popover[hidden]{display:none}.bond-pill{display:grid;justify-items:center;gap:2px;min-width:40px;padding:5px 7px 4px;border:1px solid rgba(18,31,29,.12);border-radius:999px;color:#121c1b8a;font-size:11px;font-weight:900;background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.68),transparent 24%),linear-gradient(180deg,#f4fffc80,#8fc2b833);box-shadow:inset 0 1px #ffffff6b;opacity:.68}.bond-pill b,.bond-pill em{font-style:normal}.bond-pill.is-active{color:#080e0eeb;border-color:color-mix(in srgb,var(--sect),white 16%);background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.82),transparent 24%),linear-gradient(180deg,#fffff59e,color-mix(in srgb,var(--sect),transparent 74%));box-shadow:inset 0 1px #ffffff8a,0 0 10px color-mix(in srgb,var(--sect),transparent 55%);opacity:1}.xinfa-mode-tabs,.xinfa-kind-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.xinfa-kind-toggles{margin-top:2px}.xinfa-mode-tabs button,.xinfa-kind-toggles button{min-height:26px;border:1px solid rgba(18,31,29,.12);border-radius:999px;color:#121c1b9e;font-size:12px;font-weight:1000;background:#ffffff2e}.xinfa-mode-tabs button.is-active,.xinfa-kind-toggles button.is-active{color:#080e0eeb;background:linear-gradient(180deg,#fffff5b8,#ffde7d66)}.xinfa-popover-list{display:grid;gap:5px}.xinfa-popover-list span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-height:27px;padding:4px 7px;border-radius:999px;background:#fff3}.xinfa-loadout-action{display:flex;justify-content:flex-end}.xinfa-loadout-action button{min-width:44px;min-height:24px;border:0;border-radius:999px;color:#4d2700;background:#fff4b4e0;font-size:12px;font-weight:1000}.xinfa-recommendation-row.is-active-slot{background:linear-gradient(180deg,#fff7d28f,#ffd46847)}.xinfa-recommendation-row b{display:flex;align-items:center;gap:5px}.xinfa-recommendation-row b i{flex:0 0 auto;min-width:30px;padding:2px 5px;border-radius:999px;color:#4d2700;background:#fff4b4cc;font-style:normal;text-align:center}.xinfa-popover-list b,.xinfa-popover-list em{min-width:0;overflow:hidden;font-size:12px;font-style:normal;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.xinfa-popover-list b{color:#080e0ee6}.xinfa-popover-list em{color:#6a3b00}.lower-panel{position:relative;z-index:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;margin:-76px 0 0;padding:80px 0 0;overflow:visible;background:transparent;transform:translateZ(0)}.realm-filter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px 8px 0}.realm-filter-tabs button{min-width:0;min-height:26px;border:1px solid rgba(188,251,244,.16);border-radius:8px;color:#dffcff;background:#0519266b;font-size:12px;font-weight:1000}.realm-filter-tabs button.is-active{color:#3b2300;border-color:#ffe7866b;background:linear-gradient(180deg,#fff6bbeb,#e8a939c7)}.lower-panel:before{content:"";position:absolute;z-index:-1;inset:-124px 0 0;pointer-events:none;background:linear-gradient(180deg,#05101900 0,#0510190f 88px,#05101957 160px,#040f16d6 252px,#040f16f2),radial-gradient(ellipse at 50% 34%,rgba(151,255,238,.1),transparent 62%)}.params-panel{position:absolute;z-index:18;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px;max-height:none;padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;background:linear-gradient(180deg,#11303df5,#071620fa),radial-gradient(circle at 18% 0%,rgba(255,255,255,.18),transparent 42%),radial-gradient(circle at 86% 100%,rgba(126,245,232,.14),transparent 56%);box-shadow:none;backdrop-filter:none;scrollbar-width:none}.params-panel::-webkit-scrollbar{display:none}.params-panel[hidden]{display:none}.params-page-head{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:40px;margin-bottom:4px}.params-page-head strong{color:#fff5bd;font-size:18px;font-weight:1000;line-height:1}.params-back-button,.params-reset-button{min-height:34px;padding:0 12px;border:0;border-radius:14px;color:#442400;font-size:14px;font-weight:1000;background:url(/assets/top-gold-button-CMtYNIRD.png) center / 100% 100% no-repeat,linear-gradient(180deg,#fff7cc38,#ffca5c33 58%,#d88a1b38);box-shadow:0 0 12px #ffce542e,inset 0 1px #ffffff80}.params-reset-button{padding:0 9px;color:#e8fbff;font-size:12px;background:linear-gradient(180deg,#7cdedc33,#0d415085),#081f2bbd;box-shadow:inset 0 0 0 1px #b7fcf538,0 0 12px #4ae2d51f}.param-field{display:grid;grid-template-columns:minmax(44px,.8fr) minmax(0,1fr);align-items:center;gap:4px;min-width:0;min-height:30px;padding:3px 6px;border:1px solid rgba(192,249,242,.12);border-radius:9px;background:linear-gradient(180deg,#f3ffff1c,#5aa7b114),#03121b4d}.param-field.is-budget{border-color:#ffe27c42;background:linear-gradient(180deg,#fff4bc29,#d28f2014),#03121b4d}.param-field.is-orb{grid-template-columns:30px minmax(0,1fr);padding-left:4px;padding-right:4px}.param-field span{min-width:0;overflow:hidden;color:#f2fbf9;font-size:11px;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.param-field input{width:100%;min-width:0;border:0;outline:0;color:#fff5bd;background:transparent;font-family:var(--font-number);font-size:15px;font-weight:1000;text-align:right}.param-field select{width:100%;min-width:0;border:0;outline:0;color:#fff5bd;background:transparent;font-family:var(--font-number);font-size:13px;font-weight:1000;text-align:right}.param-field.is-orb select{font-size:11px;text-align:center}.param-field select option{color:#102332}.param-field.is-total input{color:#ffe889}.params-section-title,.xinfa-config-list{grid-column:1 / -1}.params-section-title{margin-top:2px;padding:5px 2px 1px;color:#ffe889;font-size:12px;font-weight:1000;letter-spacing:0}.xinfa-config-list{display:grid;gap:5px}.xinfa-config-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,auto) minmax(52px,auto);gap:6px;align-items:center;min-width:0;min-height:34px;padding:4px 6px;border:1px solid rgba(192,249,242,.13);border-radius:9px;background:linear-gradient(180deg,#f3ffff1a,#5aa7b112),#03121b52}.xinfa-config-row span,.xinfa-config-row em{min-width:0;overflow:hidden;color:#f2fbf9;font-size:12px;font-style:normal;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.xinfa-config-row select,.xinfa-equip-toggle{min-width:0;min-height:28px;border:0;border-radius:999px;color:#fff5bd;background:#ffffff14;font-size:12px;font-weight:1000;text-align:center}.xinfa-equip-toggle.is-active{color:#4d2700;background:linear-gradient(180deg,#fff6b8eb,#efb13cb3)}.skill-detail-drawer{position:absolute;inset:0;z-index:28;display:grid;place-items:end center;padding:16px 10px max(16px,env(safe-area-inset-bottom));background:#020c129e;backdrop-filter:blur(10px)}.skill-detail-drawer[hidden]{display:none}.skill-detail-card{width:min(100%,500px);max-height:min(82vh,720px);overflow:auto;border:1px solid rgba(255,232,138,.34);border-radius:10px;color:#effcff;background:linear-gradient(180deg,#10313ff7,#05141ffa),radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--glow),transparent 76%),transparent 46%);box-shadow:0 18px 54px #0000006b,inset 0 1px #ffffff29}.skill-detail-head{display:grid;grid-template-columns:70px minmax(0,1fr) 32px;gap:10px;align-items:center;padding:10px;border-bottom:1px solid rgba(201,250,245,.12)}.skill-detail-head img{width:70px;height:70px;border-radius:8px;object-fit:cover;box-shadow:0 0 0 2px #ffe78aad}.skill-detail-head span,.skill-detail-head em{display:block;overflow:hidden;color:#bdf9f3;font-size:12px;font-style:normal;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.skill-detail-head strong{display:block;overflow:hidden;margin:3px 0;color:#fff5bb;font-size:22px;font-weight:1000;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.skill-detail-head button{width:32px;height:32px;border:0;border-radius:50%;color:#fff8d5;background:#ffffff1a;font-size:20px;font-weight:1000}.skill-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px}.skill-detail-grid span{min-width:0;padding:7px 4px;border:1px solid rgba(190,249,243,.12);border-radius:8px;background:#ffffff0f;text-align:center}.skill-detail-grid b,.skill-detail-grid em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-detail-grid b{color:#fff5bb;font-size:13px}.skill-detail-grid em{color:#bfebe8;font-size:10px;font-style:normal;font-weight:900}.skill-detail-section{padding:8px 10px;border-top:1px solid rgba(201,250,245,.1)}.skill-detail-section>b{display:block;margin-bottom:5px;color:#ffe889;font-size:13px}.skill-detail-section p,.skill-detail-section li{margin:0;color:#eefbff;font-size:13px;font-weight:800;line-height:1.35}.skill-detail-section ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.skill-detail-section li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:6px}.skill-detail-section li b{color:#bff7f2}.book-tray{display:grid;grid-template-columns:repeat(5,minmax(62px,1fr));align-content:start;gap:var(--book-row-gap, 1px) 5px;max-height:none;padding:7px 8px 2px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border-radius:0;background:transparent}.book-tray::-webkit-scrollbar{display:none}.book-card{position:relative;display:grid;place-items:center;min-width:0;min-height:var(--book-card-height, 97px);padding:0;border:0;color:#fff;background:transparent;cursor:grab;user-select:none;touch-action:none}.book-card:before,.book-card:after{content:"";position:absolute;left:50%;bottom:4px;width:72px;height:30px;pointer-events:none;transform:translate(-50%);opacity:0}.book-card.is-owned:before{opacity:.34;background:radial-gradient(ellipse at 50% 94%,color-mix(in srgb,var(--glow),transparent 60%),transparent 66%),linear-gradient(90deg,transparent,rgba(255,240,143,.28),transparent);filter:blur(8px);animation:chiPool 2.8s ease-in-out infinite}.book-card.is-owned:after{opacity:.58;background:radial-gradient(circle at 16% 84%,rgba(255,244,164,.82) 0 .8px,transparent 1.8px),radial-gradient(circle at 31% 72%,color-mix(in srgb,var(--glow),white 16%) 0 .9px,transparent 1.8px),radial-gradient(circle at 48% 88%,rgba(140,255,241,.76) 0 .75px,transparent 1.6px),radial-gradient(circle at 64% 74%,rgba(255,255,255,.7) 0 .7px,transparent 1.5px),radial-gradient(circle at 80% 86%,color-mix(in srgb,var(--glow),white 28%) 0 .8px,transparent 1.8px);animation:chiParticles 1.45s ease-in infinite}.book-card:active{cursor:grabbing}.book-card:not(.is-owned) .book-shell{filter:saturate(.38) brightness(.62);opacity:.68}.book-card.is-selected .book-shell{transform:translateY(-2px);filter:brightness(1.04) saturate(1.08)}.book-card.is-drag-source .book-shell{opacity:.36}.book-shell{position:relative;display:block;width:var(--book-shell-width, clamp(69px, 18.5vw, 80px));aspect-ratio:.74;border-radius:8px;overflow:hidden;background:#172535;box-shadow:0 0 0 2px #ffeb8fdb,0 7px 13px #00000057,0 0 10px color-mix(in srgb,var(--glow),transparent 84%);transition:transform .16s ease,filter .16s ease,opacity .16s ease}.book-shell:before,.book-shell:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0}.book-shell:before{background:linear-gradient(115deg,transparent 0 20%,rgba(255,255,255,.2) 28%,transparent 36%),linear-gradient(62deg,#ff484829,#ffe65c24,#49ffd42e,#607cff21,#ff53db24);mix-blend-mode:screen}.book-shell:after{background:repeating-linear-gradient(115deg,rgba(255,255,255,.2) 0 1px,transparent 1px 7px),radial-gradient(circle at 22% 18%,rgba(255,255,255,.24),transparent 26%);mix-blend-mode:overlay}.book-shell.is-compact{width:min(46px,12.4vw)}.book-art{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center center;pointer-events:none;image-rendering:auto;backface-visibility:hidden}.book-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.14) 48%,transparent 55%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%,rgba(0,0,0,.34));transform:translate(-95%);opacity:.48}.book-card.is-owned .book-shine{animation:bookShine 5.6s linear infinite}.sect-badge,.book-status,.book-title,.stars{position:absolute;z-index:2;pointer-events:none}.sect-badge{left:4px;top:4px;display:grid;place-items:center;width:20px;height:22px;border-radius:5px 5px 8px 8px;color:#fff;font-size:12px;font-weight:1000;background:var(--sect);box-shadow:0 0 0 1px #ffffff57}.book-status{right:3px;top:4px;display:grid;place-items:center;min-width:22px;height:16px;padding:0 4px;border-radius:999px;color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:900;line-height:1;background:#071926b8}.book-title{left:1px;right:1px;bottom:18px;min-height:24px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:0 1px;color:#fff8de;font-family:var(--font-display);font-size:12px;font-weight:1000;line-height:1;letter-spacing:0;text-align:center;white-space:normal;word-break:keep-all;-webkit-text-stroke:1.3px rgba(3,10,12,.96);paint-order:stroke fill;text-shadow:0 1px 0 rgba(0,0,0,.96),0 0 3px rgba(0,0,0,.94),0 0 7px color-mix(in srgb,var(--glow),transparent 52%)}.stars{left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:0;height:24px}.stars i,.slot-stars i{position:relative;display:block;width:24px;height:24px;flex:0 0 auto;margin-left:-11px;border:0;border-radius:0;background:var(--rank-url) center / contain no-repeat;box-shadow:none;transform:none}.stars i:first-child,.slot-stars i:first-child{margin-left:0}.slot-stars i{width:22px;height:22px;margin-left:-10px;filter:drop-shadow(0 0 1px rgba(0,0,0,.55))}.stars i.on,.slot-stars i.on{filter:drop-shadow(0 0 3px rgba(255,244,184,.42))}.slot-stars i,.slot-stars i.on,.slot-stars i.on[data-stage]{filter:drop-shadow(0 0 1px rgba(0,0,0,.58))}.book-drag-ghost{position:fixed;z-index:1000;width:106px;transform:translate(-50%,-50%);pointer-events:none;will-change:left,top,transform;perspective:520px}.book-drag-ghost .book-shell{width:106px;filter:none;animation:dragAura .96s ease-in-out infinite alternate;box-shadow:0 0 0 1px #fff0a3db,0 0 14px color-mix(in srgb,var(--glow),transparent 34%),0 0 34px #ffc43747}.book-drag-ghost .sect-badge{width:24px;height:26px;font-size:14px}.book-drag-ghost .book-status{right:5px;top:6px;min-width:32px;height:20px;padding:0 6px;font-size:12px}.book-drag-ghost .book-title{left:-6px;right:-6px;bottom:29px;min-height:23px;font-size:18px;letter-spacing:-.08em;-webkit-text-stroke-width:2.6px}.book-drag-ghost .stars{bottom:2px;height:30px}.book-drag-ghost .stars i{width:28px;height:28px;margin-left:-13px}.book-drag-ghost .book-art{filter:saturate(1.02) contrast(1.02)}.book-drag-ghost .book-shine{opacity:.82;animation:holoSweep .9s linear infinite}.book-drag-ghost .book-shell:before,.book-drag-ghost .book-shell:after{opacity:.72;animation:holoTilt 1.4s linear infinite}.book-drag-ghost:before,.book-drag-ghost:after{content:"";position:absolute;inset:-22px -18px -18px;z-index:-1;border:0;border-radius:999px;background:radial-gradient(ellipse at 50% 84%,color-mix(in srgb,var(--glow),transparent 42%),transparent 62%),conic-gradient(from 40deg,transparent,rgba(255,245,176,.2),color-mix(in srgb,var(--glow),transparent 68%),transparent);filter:blur(7px);animation:auraPulse .86s ease-in-out infinite alternate}.book-drag-ghost:after{inset:-38px -26px -22px;opacity:.62;border:0;background:radial-gradient(circle at 24% 92%,rgba(255,245,157,.9) 0 .9px,transparent 1.9px),radial-gradient(circle at 36% 84%,color-mix(in srgb,var(--glow),white 15%) 0 .8px,transparent 1.8px),radial-gradient(circle at 48% 96%,rgba(127,255,241,.82) 0 .7px,transparent 1.6px),radial-gradient(circle at 58% 88%,rgba(255,255,255,.8) 0 .75px,transparent 1.7px),radial-gradient(circle at 72% 94%,color-mix(in srgb,var(--glow),white 32%) 0 .8px,transparent 1.8px),radial-gradient(circle at 82% 84%,rgba(255,245,157,.62) 0 .65px,transparent 1.5px),linear-gradient(0deg,color-mix(in srgb,var(--glow),transparent 72%),transparent 72%);filter:blur(.15px);animation:absorbParticles .82s linear infinite}.toast-burst{position:fixed;z-index:1001;left:50%;top:48%;transform:translate(-50%,-50%);width:max-content;padding:10px 26px;border-radius:999px;color:#fff7b6;font-family:var(--font-display);font-size:28px;font-weight:900;background:#6228008f;box-shadow:0 0 28px #ffd646a6;text-shadow:0 2px 0 rgba(100,37,0,.48);pointer-events:none}.compute-indicator{position:fixed;z-index:1002;left:50%;top:28%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;width:min(300px,calc(100vw - 32px));min-height:64px;padding:10px 14px;border:1px solid rgba(255,235,150,.58);border-radius:14px;color:#fff6b2;background:linear-gradient(180deg,#5e2c05c2,#261204a8),radial-gradient(circle at 28% 0%,rgba(255,231,139,.28),transparent 62%);box-shadow:0 0 24px #ffcc4266,inset 0 1px #ffffff3d;transform:translate(-50%,-50%);pointer-events:none;backdrop-filter:blur(12px) saturate(1.12)}.compute-indicator[hidden]{display:none}.compute-indicator span{grid-row:1 / span 3;align-self:center;width:16px;height:16px;border:2px solid rgba(255,246,178,.28);border-top-color:#fff6b2;border-radius:50%;animation:computeSpin .72s linear infinite}.compute-indicator b{min-width:0;font-size:14px;font-weight:1000;line-height:1;letter-spacing:0}.compute-indicator em,.compute-indicator small{min-width:0;color:#fff8bedb;font-size:11px;font-style:normal;font-weight:800;line-height:1.15;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compute-indicator small{color:#cffffacc}.fatal-error{display:grid;min-height:100dvh;place-items:center;color:#fff;background:#102332;font-size:20px;font-weight:900}@media(min-width:900px){.page-shell{width:min(100vw,960px);max-width:960px;min-height:100dvh}.sky-stage{min-height:0;max-height:none}.control-deck{min-height:100dvh;grid-template-rows:minmax(260px,34dvh) auto auto minmax(0,1fr);padding:max(12px,env(safe-area-inset-top)) 0 0;border-top:0;border-left:0}.book-tray{grid-template-columns:repeat(10,minmax(70px,1fr));gap:6px 8px}.book-card{min-height:116px}}@media(max-width:390px){.sky-stage{min-height:0}.control-deck{grid-template-rows:minmax(210px,31dvh) auto auto minmax(0,1fr)}.scenario-tab,.recommend-button,.own-button,.params-button{min-height:32px;padding:0 6px;font-size:13px}.deck-controls{grid-template-columns:minmax(0,1.24fr) minmax(48px,.48fr) minmax(50px,.48fr) minmax(50px,.48fr);gap:4px}.recommend-style-panel{gap:4px;padding-inline:7px}.recommend-style-card{min-height:52px;padding:6px 7px}.recommend-style-head b{font-size:15px}.recommend-style-head em,.recommend-style-meta i,.recommend-style-lineup{font-size:10px}.params-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px}.param-field{min-height:29px;padding:3px 5px}.param-field input{font-size:14px}.orb-chip{min-height:32px;padding:2px 5px}.orb-chip span{font-size:11px}.orb-chip input{width:48px;font-size:17px}.slot-row{gap:3px;padding:6px 8px}.skill-slot{min-height:90px}.book-tray{grid-template-columns:repeat(5,minmax(0,1fr))}.book-card{min-height:92px}.book-shell{width:clamp(66px,17.4vw,72px)}}@media(max-width:520px)and (max-height:740px){.control-deck{grid-template-rows:minmax(156px,24dvh) auto auto minmax(0,1fr);padding-top:max(6px,env(safe-area-inset-top))}.stage-scene-name{top:max(7px,env(safe-area-inset-top));left:10px;padding:3px 9px 4px;font-size:16px}.lineup-header{padding:0 10px}.lineup-title{gap:6px}.deck-label{font-size:16px}.lineup-header strong{font-size:18px}.current-power-metric{min-width:66px;min-height:25px;padding:0 7px;font-size:12px}.bond-button{min-width:28px;min-height:28px;padding:0 6px}.bond-button span{width:26px;height:26px;font-size:15px}.slot-row{gap:2px;padding:4px 8px 7px}.skill-slot{min-height:68px}.slot-cast-stack{max-width:50px}.slot-placeholder{width:72%;border-radius:7px}.slot-stars{bottom:-1px}.slot-stars i{width:16px;height:16px;margin-left:-7px}.lower-panel{margin-top:-30px;padding-top:33px}.lower-panel:before{top:-72px;background:linear-gradient(180deg,#05101900 0,#05101914 42px,#05101966 92px,#040f16e6 154px,#040f16f5),radial-gradient(ellipse at 50% 34%,rgba(151,255,238,.1),transparent 62%)}.book-tray{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 3px;padding:3px 8px 0}.book-card{min-height:clamp(74px,11.8dvh,84px)}.book-shell{width:clamp(54px,15.2vw,62px);border-radius:7px}.sect-badge{width:16px;height:18px;border-radius:4px 4px 7px 7px;font-size:10px}.book-status{right:2px;top:3px;height:15px;padding:0 3px;font-size:9px}.book-title{bottom:17px;min-height:24px;font-size:12px}.stars i{width:18px;height:18px;margin-left:-8px}.deck-controls{grid-template-columns:minmax(0,1.24fr) minmax(48px,.48fr) minmax(50px,.48fr) minmax(50px,.48fr);gap:4px;padding:3px 7px max(4px,env(safe-area-inset-bottom))}.scenario-tab,.recommend-button,.own-button,.params-button{min-height:30px;border-radius:12px;padding:0 6px;font-size:13px}}.page-shell.is-short-viewport .control-deck{grid-template-rows:minmax(184px,calc(var(--app-viewport-height, 100dvh) * .29)) auto auto minmax(0,1fr);padding-top:max(6px,env(safe-area-inset-top))}.page-shell.is-short-viewport .stage-scene-name{top:max(7px,env(safe-area-inset-top));left:10px;padding:3px 9px 4px;font-size:16px}.page-shell.is-short-viewport .lineup-header{padding:0 10px 1px}.page-shell.is-short-viewport .lineup-title{gap:6px}.page-shell.is-short-viewport .deck-label{font-size:15px}.page-shell.is-short-viewport .lineup-header strong{font-size:17px}.page-shell.is-short-viewport .current-power-metric{min-width:64px;min-height:24px;padding:0 7px;font-size:12px}.page-shell.is-short-viewport .bond-button{min-width:28px;min-height:28px;padding:0 6px}.page-shell.is-short-viewport .bond-button span{width:26px;height:26px;font-size:15px}.page-shell.is-short-viewport .slot-row{gap:2px;padding:3px 8px 5px}.page-shell.is-short-viewport .skill-slot{min-height:62px}.page-shell.is-short-viewport .slot-cast-stack{max-width:46px}.page-shell.is-short-viewport .slot-detail-button{right:-4px;top:-4px;width:18px;height:18px;font-size:9px}.page-shell.is-short-viewport .slot-placeholder{width:72%;border-radius:7px}.page-shell.is-short-viewport .slot-stars{bottom:-1px}.page-shell.is-short-viewport .slot-stars i{width:16px;height:16px;margin-left:-7px}.page-shell.is-short-viewport .lower-panel{margin-top:-24px;padding-top:26px}.page-shell.is-short-viewport .lower-panel:before{top:-72px;background:linear-gradient(180deg,#05101900 0,#05101914 42px,#05101966 92px,#040f16e6 154px,#040f16f5),radial-gradient(ellipse at 50% 34%,rgba(151,255,238,.1),transparent 62%)}.page-shell.is-short-viewport .book-tray{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 3px;padding:2px 8px 0}.page-shell.is-short-viewport .book-card{min-height:var(--book-card-height, clamp(58px, calc(var(--app-viewport-height, 100dvh) * .108), 88px))}.page-shell.is-short-viewport .book-shell{width:var(--book-shell-width, clamp(44px, 14.2vw, 66px));border-radius:7px}.page-shell.is-short-viewport .sect-badge{width:16px;height:18px;border-radius:4px 4px 7px 7px;font-size:10px}.page-shell.is-short-viewport .book-status{right:2px;top:3px;height:15px;padding:0 3px;font-size:9px}.page-shell.is-short-viewport .book-title{bottom:16px;min-height:22px;font-size:12px}.page-shell.is-short-viewport .stars i{width:18px;height:18px;margin-left:-8px}.page-shell.is-short-viewport .deck-controls{grid-template-columns:minmax(0,1.24fr) minmax(48px,.48fr) minmax(50px,.48fr) minmax(50px,.48fr);gap:4px;padding:3px 7px max(12px,env(safe-area-inset-bottom))}.page-shell.is-short-viewport .recommend-style-panel{gap:4px;padding:0 7px max(8px,env(safe-area-inset-bottom))}.page-shell.is-short-viewport .recommend-style-card{min-height:48px;padding:5px 6px}.page-shell.is-short-viewport .recommend-style-head b{font-size:14px}.page-shell.is-short-viewport .recommend-style-head em,.page-shell.is-short-viewport .recommend-style-meta i,.page-shell.is-short-viewport .recommend-style-lineup{font-size:10px}.page-shell.is-short-viewport .scenario-tab,.page-shell.is-short-viewport .recommend-button,.page-shell.is-short-viewport .own-button,.page-shell.is-short-viewport .params-button{min-height:30px;border-radius:12px;padding:0 6px;font-size:13px}.page-shell.is-tiny-viewport .control-deck{grid-template-rows:minmax(172px,calc(var(--app-viewport-height, 100dvh) * .275)) auto auto minmax(0,1fr)}.page-shell.is-tiny-viewport .stage-scene-name{transform:scale(.92);transform-origin:left top}.page-shell.is-tiny-viewport .lineup-header{min-height:24px;padding-bottom:0}.page-shell.is-tiny-viewport .lineup-actions{gap:2px}.page-shell.is-tiny-viewport .current-power-metric{min-width:56px;min-height:23px;padding:0 5px;font-size:11px}.page-shell.is-tiny-viewport .bond-button,.page-shell.is-tiny-viewport .xinfa-button{min-width:25px;min-height:25px;padding:0 4px}.page-shell.is-tiny-viewport .bond-button span,.page-shell.is-tiny-viewport .xinfa-button{min-width:24px;height:24px;padding:0 5px;font-size:13px}.page-shell.is-tiny-viewport .slot-row{padding:2px 8px 4px}.page-shell.is-tiny-viewport .skill-slot{min-height:56px}.page-shell.is-tiny-viewport .slot-cast-stack{max-width:42px}.page-shell.is-tiny-viewport .slot-detail-button{right:-3px;top:-3px;width:17px;height:17px;font-size:8px}.page-shell.is-tiny-viewport .slot-stars{bottom:-2px}.page-shell.is-tiny-viewport .slot-stars i{width:14px;height:14px;margin-left:-6px}.page-shell.is-tiny-viewport .lower-panel{margin-top:-18px;padding-top:20px}.page-shell.is-tiny-viewport .book-tray{gap:0 2px;padding-inline:7px}.page-shell.is-tiny-viewport .book-card{min-height:var(--book-card-height, clamp(56px, calc(var(--app-viewport-height, 100dvh) * .102), 78px))}.page-shell.is-tiny-viewport .book-shell{width:var(--book-shell-width, clamp(42px, 13.2vw, 58px));border-radius:6px}.page-shell.is-tiny-viewport .sect-badge{width:14px;height:16px;font-size:9px}.page-shell.is-tiny-viewport .book-status{display:none}.page-shell.is-tiny-viewport .book-title{bottom:13px;min-height:22px;font-size:11px}.page-shell.is-tiny-viewport .stars i{width:15px;height:15px;margin-left:-7px}.page-shell.is-tiny-viewport .deck-controls{padding-bottom:max(16px,env(safe-area-inset-bottom))}.page-shell.is-tiny-viewport .recommend-style-card{min-height:44px;gap:2px;padding:4px 5px}.page-shell.is-tiny-viewport .recommend-style-head b{font-size:13px}.page-shell.is-tiny-viewport .recommend-style-head em,.page-shell.is-tiny-viewport .recommend-style-lineup{display:none}.page-shell.is-tiny-viewport .scenario-tab,.page-shell.is-tiny-viewport .recommend-button,.page-shell.is-tiny-viewport .own-button,.page-shell.is-tiny-viewport .params-button{min-height:28px;font-size:12px}.page-shell.is-tiny-viewport .compute-indicator{top:25%;width:min(282px,calc(100vw - 28px));min-height:58px;padding:8px 12px}.page-shell.is-tiny-viewport .compute-indicator b{font-size:13px}.page-shell.is-tiny-viewport .compute-indicator em,.page-shell.is-tiny-viewport .compute-indicator small{font-size:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@keyframes cloudDrift{0%{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.04)}}@keyframes lightStageSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes lightBeamCast{0%{opacity:0;transform:scaleX(.16)}18%{opacity:.82;transform:scaleX(1)}72%{opacity:.42;transform:scaleX(1.02)}to{opacity:0;transform:scaleX(.72)}}@keyframes bookShine{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes dragAura{0%{filter:brightness(1) saturate(1.04);transform:translateY(0) rotateY(-5deg) rotate(-.8deg)}to{filter:brightness(1.12) saturate(1.16);transform:translateY(-2px) rotateY(5deg) rotate(.8deg)}}@keyframes auraPulse{0%{opacity:.36;transform:scale(.98)}to{opacity:.72;transform:scale(1.04)}}@keyframes holoSweep{0%{transform:translate(-120%) skew(-12deg)}to{transform:translate(120%) skew(-12deg)}}@keyframes holoTilt{0%{transform:translate(-12%) rotate(0);filter:hue-rotate(0deg)}to{transform:translate(12%) rotate(.001deg);filter:hue-rotate(110deg)}}@keyframes absorbParticles{0%{transform:translateY(20px) scale(1.05);opacity:0}42%{opacity:.72}to{transform:translateY(-38px) scale(.18);opacity:0}}@keyframes computeSpin{to{transform:rotate(1turn)}}@keyframes chiPool{0%,to{transform:translate(-50%) scaleX(.88);opacity:.28}50%{transform:translate(-50%) scaleX(1.16);opacity:.62}}@keyframes chiParticles{0%{transform:translate(-50%,14px) scale(1);opacity:0}28%{opacity:.72}to{transform:translate(-50%,-34px) scale(.22);opacity:0}}@keyframes slotStackCast{0%{transform:scale(1);filter:brightness(1) saturate(1)}16%{transform:scale(1.18);filter:brightness(1.01) saturate(1.03)}78%{transform:scale(1.18);filter:brightness(1.01) saturate(1.02)}to{transform:scale(1);filter:brightness(1) saturate(1)}}@keyframes castAuraPulse{0%{opacity:.64;transform:scale(.96)}to{opacity:.96;transform:scale(1.04)}}@keyframes castEdgePulse{0%{opacity:0}18%{opacity:.44}78%{opacity:.78}to{opacity:.2}}@keyframes castEdgeTrace{0%{opacity:0;background-position:-70% 0,0 0}20%{opacity:.18}70%{opacity:.34}to{opacity:0;background-position:120% 0,0 0}}@keyframes castOuterPulse{0%{opacity:0;transform:scale(.98)}18%{opacity:.72}78%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.08)}}@keyframes castOuterHalo{0%{opacity:0;transform:scale(.98)}20%{opacity:.58}74%{opacity:.92}to{opacity:0;transform:scale(1.1)}}