/* quack 2026-10-16a */
html.pc .pc-key{z-index:3;pointer-events:none;box-sizing:border-box;color:#fff;text-align:center;letter-spacing:0;background:#0a0e1cd1;border:1px solid #ffffff59;border-radius:4px;min-width:15px;height:15px;padding:0 3px;font:800 10px/15px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:absolute;top:2px;left:2px;box-shadow:0 1px #00000080}html.pc .auth-logo{margin-top:calc(var(--safe-t) + calc(4 * var(--pc-vh,1vh)))}html.pc .auth-logo b{font-size:56px}html.pc .auth-logo span{font-size:30px}html.pc .auth-mascot{height:min(calc(17 * var(--pc-vh,1vh)), 160px);margin:calc(1 * var(--pc-vh,1vh)) auto calc(-2 * var(--pc-vh,1vh))}html.pc .auth-card{margin-top:calc(3 * var(--pc-vh,1vh))}html.pc{--pc-ink:#0a0f1c;--pc-panel:linear-gradient(180deg, #121828f2, #090d18f7);--pc-line:#c8aa6e80;--pc-line2:#c8aa6e38;--pc-gold:#e9c97f;--pc-text:#f0e6d2;--pc-dim:#9aa0b4}html.pc .lb-top{border-bottom:1px solid var(--pc-line);background:linear-gradient(#0e1322f7,#080b16f0);align-items:center;gap:16px;height:64px;padding:0 20px;box-shadow:0 6px 24px #00000073}html.pc .lb-left{flex-direction:row;align-items:center;gap:18px}html.pc .lb-prof .av{border-width:2px;border-radius:8px;width:44px;height:44px;box-shadow:0 0 0 1px #1e1004}html.pc .lb-prof .av:after{border-radius:6px}html.pc .lb-prof .pi b{font-size:15px}html.pc .lb-prof .blv{font-size:12px}html.pc .lb-prof .bar{height:6px}html.pc .lb-cp{border-radius:6px;height:34px;padding:0 12px 0 34px}html.pc .lb-cp b{font-size:17px}html.pc .lb-cp .ci .ic3d{width:38px;height:38px;margin-top:-20px;left:-6px}html.pc .lb-res{flex-direction:row;align-items:center;gap:14px;padding:0}html.pc .lb-gmrow{flex-direction:row;align-items:center;gap:14px;display:flex}html.pc .lb-res .pill{border-width:1px;border-radius:6px;min-width:96px;height:30px;padding-left:30px}html.pc .lb-res .pill .ico{width:34px;height:34px;margin-top:-18px;left:-10px}html.pc .lb-res .pill b{font-size:15px}html.pc .lb-res .pill.gm .ico{width:34px;height:34px;margin-top:-18px}html.pc .lb-res .pill.gm .plus{border-radius:4px;width:18px;height:18px;font-size:15px}html.pc .lb-shop{display:none}html.pc .lb-tabs{z-index:3;align-items:stretch;gap:2px;width:auto;height:64px;padding:0;display:flex;position:absolute;top:0;bottom:auto;left:50%;right:auto;transform:translate(-50%)}html.pc .lb-tabs .tb-frame,html.pc .lb-tabs .tb-socket,html.pc .lb-tabs .tab .halo,html.pc .lb-tabs .tab .beam,html.pc .lb-tabs .tab .rays,html.pc .lb-tabs .tab .ring,html.pc .lb-tabs .tab:after{display:none}html.pc .lb-tabs .tab,html.pc .lb-tabs .tab.home{filter:none;z-index:auto;width:auto;height:64px;box-shadow:none;cursor:pointer;background:0 0;border-radius:0;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 18px;transition:background .15s;animation:none;position:relative;bottom:auto;left:auto;transform:none}html.pc .lb-tabs .tab .face:before,html.pc .lb-tabs .tab .face:after{display:none}html.pc .lb-tabs .tab .face{width:auto;height:auto;box-shadow:none;background:0 0;border:0;display:contents;position:static;top:auto;bottom:auto;left:auto;right:auto}html.pc .lb-tabs .tab .ti,html.pc .lb-tabs .tab .gi,html.pc .lb-tabs.mt-nav .tab .ti,html.pc .lb-tabs.mt-nav .tab.on .ti{filter:drop-shadow(0 1px 1px #0009);width:28px;height:28px;margin:0;animation:none;position:static;transform:none}html.pc .lb-tabs .tab .tl,html.pc .lb-tabs.mt-nav .tab .tl,html.pc .lb-tabs.mt-nav .tab.on .tl{color:var(--pc-dim);text-shadow:0 1px #000;letter-spacing:.5px;margin:0;font-size:16px;position:static;transform:none}html.pc .lb-tabs .tab:hover{background:linear-gradient(#0000,#e9c97f14)}html.pc .lb-tabs .tab:hover .tl{color:var(--pc-text)}html.pc .lb-tabs .tab.on{box-shadow:inset 0 -3px 0 var(--pc-gold);background:linear-gradient(#0000,#e9c97f29)}html.pc .lb-tabs .tab.on .tl,html.pc .lb-tabs.mt-nav .tab.on .tl{color:var(--pc-gold)}html.pc .lb-tabs .tab .mt-dot,html.pc .lb-tabs.mt-nav .tab .mt-dot,html.pc .lb-tabs.mt-nav .tab.home .mt-dot{top:12px;right:8px}html.pc .pc-play{z-index:2;box-sizing:border-box;background:var(--pc-panel);border:1px solid var(--pc-line);border-radius:6px;flex-direction:column;gap:12px;width:340px;padding:14px 14px 16px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 10px 40px #0000008c,inset 0 1px #ffffff0d}html.pc .lb.mode-hero .pc-play,html.pc .lb.mode-panel .pc-play,html.pc .sheet-open .pc-play{display:none}html.pc .pp-head{letter-spacing:2px;color:var(--pc-gold);border-bottom:1px solid var(--pc-line2);padding-bottom:8px;font-size:13px}html.pc .pp-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}html.pc .pc-play .lb-mode,html.pc .pc-play .lb-mode.row2,html.pc .pc-play .lb-mode.row3{box-sizing:border-box;opacity:1;border:1px solid var(--pc-line2);cursor:pointer;background:#ffffff09;border-radius:4px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:auto;height:54px;padding:0 10px;transition:background .15s,border-color .15s;position:relative;top:auto;bottom:auto;left:auto;right:auto}html.pc .pc-play .lb-mode[hidden]{display:none}html.pc .pc-play .lb-mode:hover{background:color-mix(in srgb, var(--mc) 14%, transparent);border-color:color-mix(in srgb, var(--mc) 70%, transparent)}html.pc .pc-play .lb-mode .mi,html.pc .pc-play .lb-mode.row2 .mi,html.pc .pc-play .lb-mode.row3 .mi{width:34px;height:34px;box-shadow:0 0 0 1.5px var(--mc);flex:none}html.pc .pc-play .lb-mode .mi .ic3d,html.pc .pc-play .lb-mode .mi img,html.pc .pc-play .lb-mode.row2 .mi img,html.pc .pc-play .lb-mode.row3 .mi img{width:26px;height:26px}html.pc .pc-play .lb-mode.row3 .mi img{width:34px;height:34px}html.pc .pc-play .lb-mode b,html.pc .pc-play .lb-mode.row2 b,html.pc .pc-play .lb-mode.row3 b{box-shadow:none;color:var(--pc-text);background:0 0;padding:0;font-size:15px}html.pc .pc-play .lb-mode .ev{position:absolute;top:-7px;right:6px}html.pc .pc-play .lb-mode:active .mi{transform:none}html.pc .pc-play .lb-stage{border-top:1px solid var(--pc-line2);align-items:flex-start;padding:10px 2px 0;position:static;transform:none}html.pc .pc-play .lb-stage .st b{font-size:19px}html.pc .pc-play .lb-go{border-radius:6px;width:100%;height:62px;padding:0;animation:none;position:relative;bottom:auto;left:auto;transform:none}html.pc .pc-play .lb-go .face{border-radius:6px;top:0;bottom:0;left:0;right:0}html.pc .pc-play .lb-go .rays,html.pc .pc-play .lb-go .ring{display:none}html.pc .pc-play .lb-go .gi{width:40px;height:40px}html.pc .pc-play .lb-go .gl{font-size:24px}html.pc .pc-play .lb-go:hover{filter:brightness(1.12)}html.pc .pc-play .lb-go:active,html.pc .pc-play .lb-go.press{transform:translateY(2px)}html.pc .cfeed.dock{box-sizing:border-box;border:1px solid var(--pc-line2);-webkit-backdrop-filter:none;backdrop-filter:none;background:#060912db;border-radius:6px;gap:0;width:460px;max-width:none;padding:0;top:auto;bottom:10px;left:10px;overflow:hidden;box-shadow:0 10px 30px #00000073}html.pc .cfeed.dock .cf-top{box-sizing:border-box;border-bottom:1px solid #ffffff14;width:100%;padding:6px 8px}html.pc .cfeed.dock .cf-head em{letter-spacing:1px;font-size:13px}html.pc .cfeed.dock .cf-ls{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#c8aa6e66 transparent;flex-direction:column;gap:1px;width:100%;height:232px;padding:4px;display:flex;overflow-y:auto}html.pc .cfeed.dock .cf-ls>:first-child{margin-top:auto}html.pc .cfeed.dock .cf-l{cursor:pointer;white-space:normal;text-align:left;flex:none;width:100%;padding:3px 6px;font-size:14px;line-height:1.45}html.pc .cfeed.dock .cf-l:hover{background:#ffffff0f}html.pc .cfeed.dock .cf-quiet{color:var(--pc-dim);margin:auto 0 6px;padding:0 6px;font-size:13px}html.pc .cfeed.dock .cf-din{border-top:1px solid #ffffff1a;gap:0;width:100%;display:flex}html.pc .cfeed.dock .cf-din input{min-width:0;height:38px;color:var(--pc-text);background:#00000059;border:0;flex:1;padding:0 12px;font-family:inherit;font-size:14px}html.pc .cfeed.dock .cf-din input::placeholder{color:var(--pc-dim)}html.pc .cfeed.dock .cf-din input:focus{box-shadow:inset 0 0 0 1px var(--pc-gold);background:#0000008c;outline:none}html.pc .cfeed.dock .cf-din button{width:76px;color:var(--pc-gold);cursor:pointer;background:linear-gradient(#2a3350,#1b2238);border:0;flex:none;font-family:inherit;font-size:13px;font-weight:700}html.pc .cfeed.dock .cf-din button:hover{filter:brightness(1.2)}html.pc .lb-mode.chat{bottom:10px;left:10px;right:auto}html.pc:has(.cfeed.dock:not(.folded):not([hidden])) .lb-mode.chat{display:none}html.pc .pc-hud{z-index:3;pointer-events:auto;box-sizing:border-box;background:var(--pc-panel);border:1px solid var(--pc-line);border-radius:6px;grid-template-columns:auto auto;grid-template-areas:"keys items""wall wall";align-items:center;gap:10px 16px;padding:12px 16px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #0000008c,inset 0 1px #ffffff0d}html.pc .ph-keys{grid-area:keys;gap:8px;display:flex}html.pc .pc-hud .act,html.pc .pc-hud .ult,html.pc .pc-hud .act.a1{cursor:pointer;border-radius:6px;width:64px;height:64px;animation:none;position:relative;top:auto;bottom:auto;left:auto;right:auto;box-shadow:0 0 0 1px #000,0 0 0 2px #c8aa6e8c}html.pc .pc-hud .act:before,html.pc .pc-hud .ult:before,html.pc .pc-hud .ult svg{display:none}html.pc .pc-hud .ico,html.pc .pc-hud .ico:after{border-radius:5px}html.pc .pc-hud .ico:after{background:linear-gradient(#ffffff24,#0000 40%)}html.pc .pc-hud .act:after{z-index:2;border-radius:5px}html.pc .pc-hud .ult:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(to top, transparent calc(var(--fill) * 100%), #0a0e18a8 0);border-radius:5px;position:absolute;top:0;bottom:0;left:0;right:0}html.pc .pc-hud .act.ready,html.pc .pc-hud .ult.ready{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--pc-gold), 0 0 14px #e9c97f73}html.pc .pc-hud .act:hover,html.pc .pc-hud .ult:hover{box-shadow:0 0 0 1px #000,0 0 0 2px #fff3c8}html.pc .pc-hud .act:active,html.pc .pc-hud .ult:active{transform:translateY(1px)}html.pc .pc-hud .act i,html.pc .pc-hud .ult .ul-s{font-size:22px}html.pc .pc-hud .act em,html.pc .pc-hud .ult em{white-space:nowrap;width:max-content;max-width:none;color:var(--pc-text);border:1px solid var(--pc-line);background:#080b16f2;border-radius:4px;padding:4px 9px;font-size:13px;display:none;top:auto;bottom:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%)}html.pc .pc-hud .act:hover em,html.pc .pc-hud .ult:hover em{display:block}html.pc .pc-hud .pc-key{z-index:5;min-width:18px;height:18px;color:var(--pc-gold);border-color:#c8aa6e99;border-radius:3px;font-size:11px;line-height:16px;top:auto;bottom:2px;left:auto;right:2px}html.pc .pc-hud .b-skills{direction:ltr;grid-area:items;grid-template-rows:none;grid-template-columns:repeat(6,30px);grid-auto-rows:30px;grid-auto-flow:row;align-content:start;gap:5px;min-width:205px;min-height:65px;display:grid;position:static;top:auto;bottom:auto;left:auto;right:auto}html.pc .pc-hud .b-skill{border-radius:4px;width:30px;height:30px;box-shadow:0 0 0 1px #000,0 0 0 1.5px #c8aa6e80}html.pc .pc-hud .b-skill .ico{border-radius:3px}html.pc .pc-hud .b-skill em{border-radius:3px;font-size:9.5px;bottom:-3px;right:-3px}html.pc .pc-hud .b-wall{grid-area:wall;gap:8px;width:auto;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}html.pc .pc-hud .b-wall .wi{flex:none;width:20px;height:20px}html.pc .pc-hud .b-wall b{background:#0a0d16;border:1px solid #000;border-radius:2px;height:16px;box-shadow:0 0 0 1px #c8aa6e59}html.pc .pc-hud .b-wall b span{background:linear-gradient(#ffd98a,#d08a24)}html.pc .pc-hud .b-wall em{text-align:center;color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;font-size:12px;font-style:normal;position:absolute;top:50%;left:28px;right:0;transform:translateY(-50%)}html.pc .pc-hud .alv{cursor:pointer;border-radius:6px;width:42px;height:42px;position:absolute;bottom:6px;left:-54px}html.pc .pc-hud .alv:after{border-radius:6px}html.pc .ui .b-top{justify-content:space-between;padding:12px 16px 0}html.pc .ui .b-top .icon-btn{cursor:pointer;border-radius:6px;width:40px;height:40px}html.pc .ui .b-stage{flex:0 560px;margin:0 auto}html.pc .ui .b-stage b{border:1px solid #c8aa6e73;border-radius:2px;height:10px}html.pc .ui .b-stage .lbl{letter-spacing:1px;color:var(--pc-gold);font-size:13px}html.pc .ui .b-timer{border:1px solid var(--pc-line2);background:#080b16cc;border-radius:4px;padding:2px 10px;font-size:15px;top:40px;left:50%;transform:translate(-50%)}html.pc .ui .b-chips{gap:6px}html.pc .ui .b-chips span{border:1px solid var(--pc-line2);background:#080b16cc;border-radius:4px;padding:5px 9px;font-size:14px}html.pc .ui .b-chips .lv{background:#1f4f9c;border-color:#8cbeff80}html.pc .ui .bossbar{width:560px;margin-top:70px}html.pc .ui .bossbar b{border-width:1px;border-radius:2px;height:14px}html.pc .ui .overlay{background:radial-gradient(at 50% 45%,#0a0e1a8c,#04060cdb)}html.pc .modal.levelup{align-items:center;gap:22px;width:auto;max-width:none}html.pc .modal.levelup .modal-title{text-align:center;font-size:34px}html.pc .modal.levelup .modal-title span{color:var(--pc-dim);text-shadow:none;margin-top:4px;font-size:16px;display:block}html.pc .skill-cards{flex-direction:row;gap:22px}html.pc .skill-card{box-sizing:border-box;cursor:pointer;text-align:center;width:250px;min-height:330px;color:var(--pc-text);border:1px solid var(--pc-line);background:linear-gradient(#1c2440,#0c111e 70%);border-radius:8px;grid-template-rows:auto auto auto 1fr;grid-template-columns:1fr;align-content:start;justify-items:center;padding:34px 20px 22px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;box-shadow:0 14px 40px #0000008c,inset 0 1px #ffffff0f}html.pc .skill-card:hover{border-color:var(--pc-gold);transform:translateY(-8px);box-shadow:0 18px 46px #0009,0 0 26px #e9c97f4d}html.pc .skill-card:active{transform:translateY(-4px)}html.pc .skill-card .ic{background:0 0;grid-row:auto;margin-bottom:16px}html.pc .skill-card .ic .ico{width:92px;height:92px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--pc-line), 0 8px 20px #00000080;border-radius:10px}html.pc .skill-card .nm{color:var(--pc-gold);font-size:22px}html.pc .skill-card .stars{margin:4px 0 10px;font-size:15px}html.pc .skill-card .ds{color:#c9ccd8;font-size:14.5px;line-height:1.55}html.pc .skill-card .tag{border-radius:3px;font-size:11.5px;top:10px;right:10px}html.pc .skill-card .pc-key{min-width:24px;height:24px;color:var(--pc-gold);border-color:var(--pc-line);border-radius:4px;font-size:13px;line-height:22px;top:10px;left:10px}html.pc .modal.levelup .reroll-btn{cursor:pointer}html.pc .pc-hud .b-skills{background:linear-gradient(90deg,#ffffff0d 30px,#0000 0) 0 0/35px 30px repeat-x,linear-gradient(90deg,#ffffff0d 30px,#0000 0) 0 35px/35px 30px repeat-x}html.pc .sg-bottom.pc-bar{box-sizing:border-box;pointer-events:auto;background:var(--pc-panel);border:1px solid var(--pc-line);border-radius:6px;flex-direction:row;align-items:stretch;gap:18px;padding:12px 16px;bottom:14px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 34px #0000008c,inset 0 1px #ffffff0d}html.pc .pc-bar .pc-util{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:0;right:calc(100% + 10px)}html.pc .pc-bar .pc-deck{flex-direction:column;gap:8px;display:flex}html.pc .pc-bar .sg-cards{grid-template-columns:repeat(5,92px);gap:8px}html.pc .pc-bar .sg-card{cursor:pointer;background:linear-gradient(#232a44,#11162a) padding-box padding-box,#c8aa6e59 border-box;border-width:1px;border-radius:6px;height:112px;padding:0 4px 8px;transition:transform .12s,filter .12s;box-shadow:0 4px 10px #00000073}html.pc .pc-bar .sg-card.ok{background:linear-gradient(#2c3a6a,#141b36) padding-box padding-box,#e9c97fbf border-box}html.pc .pc-bar .sg-card.gold{background:linear-gradient(#6a4a1a,#2a1c08) padding-box padding-box,#ffd278d9 border-box}html.pc .pc-bar .sg-card:hover{filter:brightness(1.12);transform:translateY(-4px)}html.pc .pc-bar .sg-card:active{transform:translateY(-1px)}html.pc .pc-bar .sg-card .art{border-radius:6px;width:64px;height:64px;margin-left:-32px;top:10px}html.pc .pc-bar .sg-card b{font-size:13px}html.pc .pc-bar .sg-card .cd{border-radius:5px}html.pc .pc-bar .sg-card .cdn{font-size:24px;top:28px}html.pc .pc-bar .sg-card .cost{width:24px;height:24px;font-size:14px;top:4px;left:4px}html.pc .pc-bar .sg-card .pc-key{top:4px;left:auto;right:4px}html.pc .pc-bar .sg-mana{height:16px}html.pc .pc-bar .sg-mana .sg-mseg{border-width:1px;border-radius:2px;height:14px}html.pc .pc-bar .sg-mana .sg-mseg i{border-radius:1px}html.pc .pc-bar .wt-act,html.pc .pc-bar .sg-act{align-items:center;gap:8px;display:flex}html.pc .pc-bar .wt-act .wt-skill+.wt-skill{margin-left:0}html.pc .pc-bar .pc-side{flex-direction:column;justify-content:space-between;gap:10px;display:flex}html.pc .pc-bar .sg-actrow{justify-content:flex-end}html.pc .pc-bar .wt-skill,html.pc .pc-bar .wt-skill.wt-ult,html.pc .pc-bar .sg-sk,html.pc .pc-bar .sg-sk.sg-ult{cursor:pointer;border-radius:6px;width:64px;height:64px;animation:none;box-shadow:0 0 0 1px #000,0 0 0 2px #c8aa6e8c}html.pc .pc-bar .wt-skill img,html.pc .pc-bar .sg-sk img,html.pc .pc-bar .wt-skill .cd,html.pc .pc-bar .sg-sk .cd{border-radius:5px}html.pc .pc-bar .wt-skill.ready,html.pc .pc-bar .wt-skill.wt-ult.ready,html.pc .pc-bar .sg-sk.ready,html.pc .pc-bar .sg-sk.sg-ult.ready{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--pc-gold), 0 0 14px #e9c97f73}html.pc .pc-bar .wt-skill:hover,html.pc .pc-bar .sg-sk:hover{box-shadow:0 0 0 1px #000,0 0 0 2px #fff3c8}html.pc .pc-bar .wt-skill.wt-ult s,html.pc .pc-bar .sg-sk.sg-ult s{display:none}html.pc .pc-bar .wt-skill .pc-key,html.pc .pc-bar .sg-sk .pc-key{min-width:18px;height:18px;color:var(--pc-gold);border-color:#c8aa6e99;border-radius:3px;font-size:11px;line-height:16px;top:auto;bottom:2px;left:auto;right:2px}html.pc .pc-bar .wt-blink .pc-key{font-size:9px}html.pc .pc-bar .sg-items{justify-content:flex-end;gap:6px}html.pc .pc-bar .sg-item{cursor:pointer;border-radius:4px;width:40px;height:40px;box-shadow:0 0 0 1px #000,0 0 0 1.5px #c8aa6e80}html.pc .pc-bar .sg-item .art{border-radius:3px}html.pc .pc-bar .sg-item em{border-radius:3px;bottom:-4px;right:-4px}html.pc .pc-bar .alv{cursor:pointer;border-radius:6px;width:42px;height:42px}html.pc .pc-bar .alv:after{border-radius:6px}html.pc .pc-bar .wt-btn{cursor:pointer;border-radius:6px;width:60px;height:60px}html.pc .pc-bar .wt-btn b{font-size:12px}html.pc .pc-bar .wt-btn small{font-size:9px}html.pc .pc-bar .wt-btn:hover,html.pc .pc-bar .sg-rally:hover{filter:brightness(1.15)}html.pc .pc-bar .sg-rally{cursor:pointer;border-radius:6px}html.pc{--pop-w:min(1120px, calc(calc(100 * var(--pc-vw,1vw)) - 80px));--pop-h:min(760px, calc(calc(100 * var(--pc-dvh,1dvh)) - 110px))}html.pc .sgp-dim{background:#03050cb8}html.pc .sgp-box{border:1px solid var(--pc-line);background:radial-gradient(90% 40% at 50% 0,#5a3c1e59,#0000 70%),linear-gradient(#141a2c,#0a0e1a);border-radius:8px;animation:.18s ease-out pcWinIn;box-shadow:0 30px 80px #000000a6,inset 0 1px #ffffff0d}@keyframes pcWinIn{0%{opacity:0;transform:translateY(10px)}}html.pc .sgp-box>header{border-bottom:1px solid var(--pc-line2);padding:18px 22px 14px}html.pc .sgp-box>header b{font-size:24px}html.pc .sgp-box>header small{font-size:13px}html.pc .sgp-x{cursor:pointer;border-radius:6px}html.pc .sgp-x:hover{background:#ffffff2e}html.pc .sgp-box button{cursor:pointer}html.pc .sgp-box:has(>.sgp-map){grid-template:"head head""map ih""map items""diff items""rw items""deck items""tabs items"minmax(0,1fr)"msg wallet""msg go"/minmax(0,1.1fr) minmax(0,1fr);align-content:start;column-gap:22px;padding-bottom:18px;display:grid}html.pc .sgp-box:has(>.sgp-map)>header{grid-area:head;margin-bottom:14px}html.pc .sgp-box>.sgp-map{border-radius:6px;flex-direction:column;grid-area:map;justify-content:flex-end;gap:6px;min-height:200px;margin:0 0 10px 22px;padding:18px 20px;display:flex}html.pc .sgp-box>.sgp-map b{font-size:28px}html.pc .sgp-box>.sgp-map small,html.pc .sgp-box>.sgp-map>span{font-size:14px}html.pc .sgp-box>.sgp-map em{font-size:13px}html.pc .sgp-box>.sgp-diff{grid-area:diff;margin:0 0 10px 22px}html.pc .sgp-box>.sgp-diff button{border-radius:4px;height:54px}html.pc .sgp-box>.sgp-diff button b{font-size:17px}html.pc .sgp-box>.sgp-diff button small{font-size:11.5px}html.pc .sgp-box>.sgp-rw{grid-area:rw;margin:0 0 10px 22px}html.pc .sgp-box>.sgp-rw>div{border-radius:4px;padding:8px 12px}html.pc .sgp-box>.sgp-rw small{font-size:12px}html.pc .sgp-box>.sgp-rw b{font-size:15px}html.pc .sgp-box>.sgp-deckrow{border-radius:6px;grid-area:deck;margin:0 0 10px 22px}html.pc .sgp-box>.sgp-tabs{grid-area:tabs;align-self:start;margin:0 0 0 22px}html.pc .sgp-box>.sgp-tabs button{border-radius:6px}html.pc .sgp-box>.sgp-h{grid-area:ih;margin:0 22px 8px 0;padding:0;font-size:18px}html.pc .sgp-box>.sgp-items{contain:size;grid-area:items;min-height:0;margin:0 22px 0 0;padding:0 4px 0 0;overflow-y:auto}html.pc .sgp-box>.sgp-items .sgp-it{border-radius:6px}html.pc .sgp-box:has(>.sgp-map)>.sgp-msg{grid-area:msg;margin:8px 0 0 22px}html.pc .sgp-box:has(>.sgp-map)>.sgp-wallet{grid-area:wallet;justify-self:end;margin:8px 22px 0 0}html.pc .sgp-box>.sgp-go{border-radius:6px;grid-area:go;margin:6px 22px 0 0}html.pc .sgp-box>.sgp-go:hover{filter:brightness(1.1)}html.pc .sgp-box:has(>.hrm-list){grid-template:"head head""cp h""filt list""find list""more list"1fr"msg list"/260px minmax(0,1fr);align-content:stretch;column-gap:22px;padding-bottom:18px;display:grid}html.pc .sgp-box:has(>.hrm-list)>header{grid-area:head;margin-bottom:14px}html.pc .sgp-box:has(>.hrm-list)>.pty-cp{grid-area:cp;margin-left:22px}html.pc .sgp-box:has(>.hrm-list)>.hrm-f{background:0 0;flex-direction:column;grid-area:filt;align-items:stretch;gap:4px;margin:0 0 14px 22px;padding:0}html.pc .sgp-box:has(>.hrm-list)>.hrm-f button{border-radius:4px;justify-content:flex-start;gap:10px;height:46px;padding:0 14px;font-size:16px}html.pc .sgp-box:has(>.hrm-list)>.hrm-f button:hover:not(.on){background:#ffffff0f}html.pc .sgp-box:has(>.hrm-list)>.pty-find{flex-direction:column;grid-area:find;gap:8px;margin:0 0 14px 22px}html.pc .sgp-box:has(>.hrm-list)>.pty-find>button{border-radius:6px;height:52px;font-size:16px}html.pc .sgp-box:has(>.hrm-list)>.pty-more{flex-direction:column;grid-area:more;align-self:end;gap:8px;margin:0 0 0 22px;display:flex}html.pc .sgp-box:has(>.hrm-list)>.pty-more button{border-radius:6px}html.pc .sgp-box:has(>.hrm-list)>.hrm-h{grid-area:h;margin:0 22px 8px 0;font-size:18px}html.pc .sgp-box:has(>.hrm-list)>.hrm-list{contain:size;border:1px solid var(--pc-line2);background:#00000038;border-radius:6px;grid-area:list;min-height:0;margin:0 22px 0 0;overflow-y:auto}html.pc .sgp-box:has(>.hrm-list)>.sgp-msg{grid-area:msg;margin-left:22px}html.pc .sgcp>.sgp-box.sgp-box.cp-box{width:min(760px, calc(calc(100 * var(--pc-vw,1vw)) - 80px));height:auto}html.pc .cp-box>.cp-art{border-radius:6px;min-height:240px;margin:16px 22px 0}html.pc .cp-box>.cp-art b{font-size:30px}html.pc .cp-box>.cp-story{margin:14px 22px 6px;font-size:15px}html.pc .cp-box>.sgp-rw{margin:6px 22px 0}html.pc .cp-box>.sgp-go{border-radius:6px;align-self:flex-end;width:320px;margin:18px 22px 20px}html.pc .rd-dim{background:#03050cb8}html.pc .rd-box{border:1px solid var(--pc-line);background:radial-gradient(90% 40% at 50% 0%, color-mix(in srgb, var(--bc) 18%, transparent), transparent 70%), linear-gradient(180deg, #141a2c, #0a0e1a);border-radius:8px;animation:.18s ease-out pcWinIn;box-shadow:0 30px 80px #000000a6,inset 0 1px #ffffff0d}html.pc .rd-x{cursor:pointer;border-radius:6px}html.pc .rd-box button{cursor:pointer}html.pc .rl-sec{box-shadow:inset 0 0 0 1px var(--pc-line2);background:#00000047;border-radius:6px;padding:12px}html.pc .rl-t{color:var(--pc-gold);margin-bottom:10px;font-size:15px}html.pc .wk .rd-box{gap:14px;padding:20px 24px 0}html.pc .wk-h{border-bottom:1px solid var(--pc-line2);padding-bottom:12px}html.pc .wk-h b{color:var(--pc-gold);font-size:26px}html.pc .wk-h small{font-size:14px}html.pc .wk-body{flex-direction:row;gap:22px;overflow:hidden}html.pc .wk-col{flex:1;gap:12px;padding-right:4px;overflow-y:auto}html.pc .wk-col:first-child{flex:1.45}html.pc .wk-me{grid-template-columns:112px 1fr;gap:6px 16px;padding:14px}html.pc .wk-pic{border-radius:6px;width:112px;height:112px}html.pc .wk-who b{font-size:26px}html.pc .wk-who small{font-size:14px}html.pc .wk-lv{font-size:15px}html.pc .wk-acts span{border-radius:4px;padding:6px 10px 6px 6px;font-size:13px}html.pc .wk-acts img{border-radius:4px;width:34px;height:34px}html.pc .wk .rl-heroes{flex-wrap:wrap;gap:10px;padding:2px;overflow:visible}html.pc .wk .rl-hero{border-radius:6px;gap:4px;width:104px;padding:6px 4px;font-size:13px;transition:transform .12s,border-color .12s}html.pc .wk .rl-hero img{border-radius:4px;width:90px;height:90px}html.pc .wk .rl-hero b{max-width:96px;font-size:14px}html.pc .wk .rl-hero small{font-size:11.5px}html.pc .wk .rl-hero:hover{border-color:#ffd36a8c;transform:translateY(-3px)}html.pc .wk-ults{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}html.pc .wk .rl-ult{border-radius:6px;min-height:104px;font-size:13px}html.pc .wk .rl-ult img{border-radius:6px;width:56px;height:56px}html.pc .wk .rl-ult:hover{border-color:#ffd36a8c}html.pc .wk-tt-h b{font-size:16px}html.pc .wk-tt-h small{font-size:13px}html.pc .wk-fold,html.pc .wk-st,html.pc .wk-tg,html.pc .wk-sug,html.pc .wk-clr{border-radius:4px}html.pc .wk-fs b{font-size:14px}html.pc .wk-fs small{font-size:12.5px}html.pc .wk-mini img{border-radius:4px;width:30px;height:30px}html.pc .wk-st img{border-radius:4px;width:44px;height:44px}html.pc .wk-st b{font-size:15px}html.pc .wk-st small{font-size:12.5px}html.pc .wk-row{border-top:1px solid var(--pc-line2);justify-content:flex-end;gap:12px;padding:14px 0 20px}html.pc .wk-row .rl-cancel{border-radius:6px;flex:0 0 140px;margin:0}html.pc .wk-row .wk-go{border-radius:6px;flex:0 0 380px;margin:0}html.pc .wk-row .wk-go:hover:not(:disabled){filter:brightness(1.12)}html.pc .rl .rd-box{gap:12px;padding:20px 24px 0}html.pc .rl .rl-heroes{flex-wrap:wrap;gap:10px;overflow:visible}html.pc .rl .rl-hero{border-radius:6px;width:96px;font-size:13px}html.pc .rl .rl-hero img{border-radius:4px;width:80px;height:80px}html.pc .rl-skills,html.pc .rl-ults{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}html.pc .rl-sk,html.pc .rl-ult{border-radius:6px;font-size:13px}html.pc .rl-sk img,html.pc .rl-ult img{border-radius:6px;width:52px;height:52px}html.pc .rl-row{justify-content:flex-end}html.pc .rl-row .rl-cancel{border-radius:6px;flex:0 0 140px}html.pc .rl-row .rl-go{border-radius:6px;flex:0 0 360px}html.pc .wk>.rd-box.rd-box{width:var(--pop-w);height:var(--pop-h)}html.pc .pshop{grid-template-rows:auto minmax(0,1fr);grid-template-columns:232px minmax(0,1fr);display:grid}html.pc .sp-head{box-sizing:border-box;background:var(--pc-panel);border-bottom:1px solid var(--pc-line);grid-column:1/-1;gap:14px;height:64px;padding:0 24px 0 16px;box-shadow:0 6px 20px #0006}html.pc .sp-head:after{display:none}html.pc .sp-back{width:40px;height:40px;box-shadow:none;background:#0000004d;border-radius:4px;border:1px solid var(--pc-line)!important}html.pc .sp-back:hover{background:#e9c97f1f}html.pc .sp-back svg{width:18px;height:18px}html.pc .sp-title{flex-direction:row;align-items:baseline;gap:12px}html.pc .sp-title b{color:var(--pc-gold);text-shadow:none;letter-spacing:1px;font-size:24px}html.pc .sp-title small{color:var(--pc-dim);font-size:11px}html.pc .sp-gems:hover{filter:brightness(1.12)}html.pc .sp-seg{border-right:1px solid var(--pc-line2);background:#05081099;flex-direction:column;gap:2px;padding:18px 0;overflow:visible}html.pc .sp-seg button{text-align:left;min-height:50px;color:var(--pc-dim);box-shadow:none;background:0 0;border-radius:0;flex:none;padding:0 28px;font-size:16px;transition:color .15s,background .15s}html.pc .sp-seg button:hover{color:var(--pc-text);background:#ffffff0a}html.pc .sp-seg button.on{color:var(--pc-gold);background:linear-gradient(90deg,#e9c97f29,#e9c97f05);box-shadow:inset 0 1px #e9c97f2e,inset 0 -1px #e9c97f2e}html.pc .sp-scroll{scrollbar-width:thin;scrollbar-color:#c8aa6e73 transparent;padding:24px 40px 48px}html.pc .sp-scroll>*{max-width:1240px}html.pc .sp-h{margin-top:30px}html.pc .sp-packs{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}html.pc .sp-items{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}html.pc .sp-ults{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}html.pc .sp-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}html.pc .sp-use .ul2{flex-wrap:wrap;gap:10px;overflow:visible}html.pc .sp-use button{width:124px}html.pc .pshop :is(.sp-packs>*,.sp-items>*,.sp-ults>*,.sp-use button,.sp-offer,.sp-etc>*){transition:transform .12s,filter .12s}html.pc .pshop :is(.sp-packs>*,.sp-items>*,.sp-ults>*,.sp-use button,.sp-offer,.sp-etc>*):hover{filter:brightness(1.1);transform:translateY(-3px)}html.pc .mh-top{top:88px;left:32px}html.pc .mh-top .nm{font-size:44px}html.pc .mh-panel{width:500px;animation:.25s lb-fadein;top:80px;bottom:16px;right:16px}html.pc .mh-bar{gap:8px;padding:0 0 10px}html.pc .mh-bar .st{border:1px solid var(--pc-line2);background:#060912db;border-radius:4px;height:40px;padding:0 14px 0 6px;font-size:18px}html.pc .mh-bar .si{width:28px;height:28px}html.pc .mh-bar :-webkit-any(.mh-info,.mh-dep){height:44px;box-shadow:none;text-shadow:none;border-width:1px;border-radius:4px;font-size:17px;animation:none}html.pc .mh-bar :is(.mh-info,.mh-dep){height:44px;box-shadow:none;text-shadow:none;border-width:1px;border-radius:4px;font-size:17px;animation:none}html.pc .mh-bar .mh-info{border-color:var(--pc-line);color:var(--pc-text);background:linear-gradient(#2a3350,#1b2238);padding:0 20px}html.pc .mh-bar .mh-dep{color:#1a1204;background:linear-gradient(#f3d58c,#c99a3e);border-color:#f8e6b4;min-width:150px}html.pc .mh-bar .mh-dep.go{color:#fff;background:linear-gradient(#ff9a3c,#d65a12);border-color:#ffd6a0}html.pc .mh-bar .mh-dep.lock{color:#e8ecf6;background:linear-gradient(#59607a,#3c4258);border-color:#8a90a8}html.pc .mh-bar button:hover{filter:brightness(1.12)}html.pc .mh-box{border:1px solid var(--pc-line);background:var(--pc-panel);border-radius:6px;margin:0;box-shadow:0 12px 34px #00000080}html.pc .mh-head{padding:14px 16px 8px}html.pc .mh-head>b{color:var(--pc-gold);text-shadow:none;letter-spacing:1px;font-size:19px}html.pc .mh-summon{height:38px;box-shadow:none;text-shadow:none;border-width:1px;border-radius:4px;font-size:14px}html.pc .mh-summon:hover{filter:brightness(1.15)}html.pc .mh-filters{border-bottom:1px solid #ffffff14;gap:0;padding:0 12px}html.pc .mh-filters button{height:36px;color:var(--pc-dim);box-shadow:none;background:0 0;border-radius:0;padding:0 11px;font-size:14px}html.pc .mh-filters button:hover{color:var(--pc-text)}html.pc .mh-filters button.on{color:var(--pc-gold);box-shadow:inset 0 -2px 0 var(--pc-gold);background:0 0}html.pc .mh-grid{scrollbar-width:thin;scrollbar-color:#c8aa6e73 transparent;grid-template-columns:repeat(5,1fr);gap:10px 8px;padding:14px 14px 20px}html.pc .mh-card,html.pc .mh-card .fr{border-radius:4px}html.pc .mh-card .fr{border-width:2px;box-shadow:0 0 0 1px #05060c}html.pc .mh-card:hover{transform:translateY(-2px)}html.pc .mh-card:hover .fr{filter:brightness(1.12)}html.pc .mh-card.lock:hover .fr{filter:grayscale(.85)brightness(.7)}html.pc .mh-card.on{transform:none}html.pc .mh-card.on .fr{box-shadow:0 0 0 2px var(--pc-gold), 0 0 14px #e9c97f8c}html.pc .mh-card .eb{width:22px;height:22px;top:-4px;left:-4px}html.pc .mt-sheet{align-items:center}html.pc .mt-sheet>.mt-box.mt-box.mt-box{border:1px solid var(--pc-line);background:var(--pc-panel);border-radius:6px;margin:0;animation:.18s lb-fadein;box-shadow:0 24px 70px #000000a6}html.pc .mt-sheet.out .mt-box{animation:.18s reverse forwards mt-fade}html.pc .mt-box>header{border-bottom:1px solid #ffffff14;padding:14px 16px 12px 22px}html.pc .mt-box>header .tt b{color:var(--pc-gold);text-shadow:none;letter-spacing:.5px;font-size:22px}html.pc .mt-box>header .tt small{color:var(--pc-dim)}html.pc .mt-x{border:1px solid var(--pc-line2);width:36px;height:36px;box-shadow:none;background:#0000004d;border-radius:4px}html.pc .mt-x:hover{background:#be3c30bf}html.pc .mt-x svg{width:14px;height:14px}html.pc .mt-body{scrollbar-width:thin;scrollbar-color:#c8aa6e73 transparent;padding:16px 22px 20px}html.pc .mh-detail .mt-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top""stats stats""pas ult""acts acts""lore lore""btns btns";align-content:start;gap:12px;display:grid}html.pc .mh-detail .hd-top{grid-area:top}html.pc .mh-detail .hd-stats{grid-area:stats}html.pc .mh-detail .hd-pas{grid-area:pas}html.pc .mh-detail .hd-ult{grid-area:ult}html.pc .mh-detail .hd-acts{grid-area:acts}html.pc .mh-detail .hd-lore{grid-area:lore}html.pc .mh-detail .hd-btns{grid-area:btns}html.pc .mh-detail :is(.hd-stats>*,.hd-pas,.hd-acts .ac,.hd-ult){border-radius:4px}html.pc .mh-detail .hd-btns button{box-shadow:none;border-radius:4px}html.pc .mh-detail .hd-btns button:hover,html.pc .mh-detail .hd-ult .uc:hover{filter:brightness(1.12)}html.pc .sk-panel,html.pc .ev-panel{width:min(1200px, calc(calc(100 * var(--pc-vw,1vw)) - 64px));top:84px;bottom:16px}html.pc .sk-board{border-width:1px;border-radius:6px;margin:0}html.pc :-webkit-any(.sk-seg,.ev-seg){border-bottom:1px solid #ffffff1a;gap:0;padding:10px 0 0}html.pc :is(.sk-seg,.ev-seg){border-bottom:1px solid #ffffff1a;gap:0;padding:10px 0 0}html.pc :-webkit-any(.sk-seg,.ev-seg) button{height:40px;color:var(--pc-dim);box-shadow:none;background:0 0;border-radius:0;flex:none;padding:0 22px;font-size:15px}html.pc :is(.sk-seg,.ev-seg) button{height:40px;color:var(--pc-dim);box-shadow:none;background:0 0;border-radius:0;flex:none;padding:0 22px;font-size:15px}html.pc :-webkit-any(.sk-seg,.ev-seg) button:hover{color:var(--pc-text)}html.pc :is(.sk-seg,.ev-seg) button:hover{color:var(--pc-text)}html.pc :-webkit-any(.sk-seg,.ev-seg) button.on{color:var(--pc-gold);box-shadow:inset 0 -2px 0 var(--pc-gold);background:0 0}html.pc :is(.sk-seg,.ev-seg) button.on{color:var(--pc-gold);box-shadow:inset 0 -2px 0 var(--pc-gold);background:0 0}html.pc .sk-grid{scrollbar-width:thin;scrollbar-color:#c8aa6e73 transparent;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding:16px 4px 24px}html.pc .ev-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html.pc .sk-card{border-radius:6px;transition:transform .12s,filter .12s}html.pc .sk-card:hover{filter:brightness(1.06);transform:translateY(-3px)}html.pc .mt-sheet.mh-detail>.mt-box.mt-box.mt-box{height:auto}html.pc .rd>.rd-box.rd-box:has(>.rd-tabs){grid-template:"hero hero""stats tabs""how pl""dfs pl""dfi pl"".pl"minmax(0,1fr)"msg pl""go pl"/500px minmax(0,1fr);display:grid;overflow:hidden}html.pc .rd-box>.rd-hero{grid-area:hero;height:190px;padding:0 28px 20px}html.pc .rd-box>.rd-hero:after{background:linear-gradient(#0000,#10152a)}html.pc .rd-box>.rd-hero .rd-art{right:60px}html.pc .rd-tt small{font-size:13px}html.pc .rd-tt b{text-shadow:0 2px 0 #0009, 0 0 18px color-mix(in srgb, var(--bc) 60%, transparent);font-size:34px}html.pc .rd-tt span{font-size:14px}html.pc .rd-x{border:1px solid var(--pc-line2);background:#00000073;border-radius:4px;width:36px;height:36px;top:14px;right:14px}html.pc .rd-x:hover{background:#be3c30bf}html.pc .rd-box>.rd-stats{grid-area:stats;gap:8px;padding:16px 20px 0 24px}html.pc .rd-stats div{box-shadow:inset 0 0 0 1px var(--pc-line2);background:#0000004d;border-radius:4px;padding:9px 4px}html.pc .rd-stats small{color:var(--pc-dim);font-size:12px}html.pc .rd-stats b{color:var(--pc-gold);font-size:21px}html.pc .rd-box>.rd-how{text-align:left;color:#c4c9da;grid-area:how;margin:14px 20px 0 24px;font-size:13.5px}html.pc .rd-box>.rd-dfs{grid-area:dfs;gap:8px;margin:16px 20px 0 24px}html.pc .rd-df{cursor:pointer;background:#ffffff0a;border-radius:4px;padding:10px 4px 9px;transition:filter .12s,background .12s;box-shadow:inset 0 0 0 1px #ffffff1a}html.pc .rd-df b{font-size:16px}html.pc .rd-df small{font-size:11.5px}html.pc .rd-df:not(.lock):hover{background:#ffffff14}html.pc .rd-df.on{box-shadow:inset 0 0 0 1px var(--dc), 0 0 12px color-mix(in srgb, var(--dc) 35%, transparent)}html.pc .rd-box>.rd-dfi{text-align:left;color:#c4c9da;grid-area:dfi;margin:10px 20px 0 24px;font-size:13px}html.pc .rd-box>.rd-msg{text-align:left;grid-area:msg;margin:6px 20px 0 24px;font-size:13px}html.pc .rd-box>.rd-go{grid-area:go;margin:12px 20px 24px 24px}html.pc .rd-go{color:#1a1204;background:linear-gradient(#f3d58c,#c99a3e);border-radius:4px;height:72px;transition:filter .12s;box-shadow:inset 0 0 0 1px #f8e6b4,0 8px 24px #00000059}html.pc .rd-go b{text-shadow:none;letter-spacing:1px;font-size:24px}html.pc .rd-go small{color:#4a3610;font-size:12.5px}html.pc .rd-go:not(:disabled):hover{filter:brightness(1.1)}html.pc .rd-go:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px #f8e6b4}html.pc .rd-go:disabled{filter:grayscale()brightness(.6);cursor:default}html.pc .rd-box>.rd-tabs{border-bottom:1px solid #ffffff1a;grid-area:tabs;align-self:end;gap:0;margin:16px 24px 0 8px;display:flex}html.pc .rd-tabs button{height:40px;color:var(--pc-dim);box-shadow:none;background:0 0;border-radius:0;padding:0 22px;font-size:15px}html.pc .rd-tabs button:hover{color:var(--pc-text)}html.pc .rd-tabs button.on{color:var(--pc-gold);box-shadow:inset 0 -2px 0 var(--pc-gold);background:0 0}html.pc .rd-box>.rd-pl{scrollbar-width:thin;scrollbar-color:#c8aa6e73 transparent;grid-area:pl;margin:0 24px 24px 8px;padding:12px 6px 4px 0}html.pc .rd-h{color:var(--pc-gold);margin:16px 2px 8px;font-size:14px}html.pc :-webkit-any(.rd-tiers,.rd-rates,.rd-rank,.rd-got){gap:4px}html.pc :is(.rd-tiers,.rd-rates,.rd-rank,.rd-got){gap:4px}html.pc :-webkit-any(.rd-tiers,.rd-rates,.rd-rank,.rd-got) li{background:#ffffff0a;border-radius:4px;padding-top:8px;padding-bottom:8px}html.pc :is(.rd-tiers,.rd-rates,.rd-rank,.rd-got) li{background:#ffffff0a;border-radius:4px;padding-top:8px;padding-bottom:8px}html.pc :-webkit-any(.rd-rates,.rd-got) li{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gc,#8a8aa0) 35%, transparent)}html.pc :is(.rd-rates,.rd-got) li{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gc,#8a8aa0) 35%, transparent)}html.pc :-webkit-any(.rd-rates,.rd-got) li b{color:color-mix(in srgb, var(--gc,#8a8aa0) 45%, #fff)}html.pc :is(.rd-rates,.rd-got) li b{color:color-mix(in srgb, var(--gc,#8a8aa0) 45%, #fff)}html.pc .rd-rates{grid-template-columns:1fr 1fr;display:grid}html.pc .rd-tiers span{font-size:14px}html.pc .rd-tiers em{font-size:12.5px}html.pc .rd>.rd-box.rd-roombox{display:flex}html.pc .rd-roombox .rr-grid{gap:14px;padding:20px 28px 8px}html.pc .rr-art{border-radius:4px}html.pc .rr b{margin-top:6px;font-size:15px}html.pc .rr small{font-size:12.5px}html.pc .rr-lv{border-radius:3px;font-size:12px}html.pc .rr-crown{border-radius:3px;font-size:11.5px}html.pc .rd-roombox .rd-msg{margin:8px 28px 0}html.pc .rr-b{justify-content:flex-end;gap:10px;margin-top:auto;padding:12px 28px 24px;display:flex}html.pc .rr-out{width:160px;height:60px;box-shadow:inset 0 0 0 1px var(--pc-line);color:var(--pc-text);cursor:pointer;background:linear-gradient(#2a3350,#1b2238);border-radius:4px}html.pc .rr-out:hover{filter:brightness(1.2)}html.pc .rr-b .rd-go{width:380px;height:60px}html.pc .rr-wait{color:var(--pc-dim);align-self:center;font-size:14px}html.pc .rd-box:has(>.rd-rt){width:560px}html.pc .rd-rt{color:var(--pc-gold);font-size:18px}html.pc .rd-box:has(>.rd-rt)>.rd-go{margin:12px 24px 24px}html.pc .rdx .rx-skills.rx-skills{background:var(--pc-panel);border:1px solid var(--pc-line);border-radius:6px;align-items:center;gap:8px;width:auto;height:auto;padding:10px 12px;display:flex;bottom:18px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 12px 34px #0000008c}html.pc .rdx .rx-skills.rx-skills .rx-btn.rx-btn{cursor:pointer;border-radius:6px;width:64px;height:64px;animation:none;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:hidden;transform:none;box-shadow:0 0 0 1px #05060c,inset 0 0 0 1px #ffffff24}html.pc .rdx .rx-skills .rx-btn.roll{order:1;width:52px;height:52px}html.pc .rdx .rx-skills .rx-btn.s1{order:2}html.pc .rdx .rx-skills .rx-btn.s2{order:3}html.pc .rdx .rx-skills .rx-btn.s3{order:4}html.pc .rdx .rx-skills .rx-btn.ult{order:5;width:72px;height:72px}html.pc .rdx .rx-skills .rx-btn.big{background:linear-gradient(#3a2c14,#1a1408);order:6;width:80px;height:72px;margin-left:6px}html.pc .rdx .rx-skills .rx-btn img,html.pc .rdx .rx-skills .rx-btn .cd{border-radius:0}html.pc .rdx .rx-skills .rx-btn.ready{box-shadow:0 0 0 1px #05060c, inset 0 0 0 2px var(--pc-gold)}html.pc .rdx .rx-skills .rx-btn.aiming{box-shadow:0 0 0 1px #05060c,inset 0 0 0 2px #7ad0ff,0 0 14px #78c8ffb3}html.pc .rdx .rx-skills .rx-btn:hover{filter:brightness(1.12)}html.pc .rdx .rx-skills .rx-btn small,html.pc .rdx .rx-skills .rx-btn.big b{display:none!important}html.pc .rdx .rx-skills .rx-btn.big img{padding:14px 18px}html.pc .rdx .rx-skills .rx-btn.big.on{filter:brightness(1.25);box-shadow:0 0 0 1px #05060c,inset 0 0 0 2px #fff0a0}html.pc .rdx .rx-skills .rx-btn.ult .ring{display:none}html.pc .rdx .rx-skills .rx-btn.ult:after{content:"";height:calc(var(--fill,0) * 100%);pointer-events:none;z-index:1;background:linear-gradient(#ffa0281a,#ff8c1e73);position:absolute;bottom:0;left:0;right:0}html.pc .rdx .rx-skills .rx-btn.ult.ready:after{display:none}html.pc .rdx .rx-skills .rx-btn.ult.ready{box-shadow:0 0 0 1px #05060c,inset 0 0 0 2px #ffb030,0 0 16px #ffa0288c}html.pc .rdx .rx-skills .rx-btn.rx-btn.ult em{border-radius:0;height:18px;font-size:11px;top:auto;bottom:0;left:0;right:0}html.pc .rdx .rx-skills .pc-key{z-index:5;min-width:18px;height:18px;color:var(--pc-gold);border-color:#c8aa6e99;border-radius:3px;font-size:11px;line-height:16px;top:auto;bottom:2px;left:auto;right:2px}html.pc .rdx .rx-skills .rx-btn.ult .pc-key{bottom:20px}html.pc .rdx .rx-skills .rx-btn.big .pc-key,html.pc .rdx .rx-skills .rx-btn.roll .pc-key{padding:0 3px;font-size:9px}html.pc .rdx .rx-boss{max-width:640px;top:14px}html.pc .rdx .rx-pt{border-width:1.5px;border-radius:6px}html.pc .rdx .rx-bhp{border-radius:3px;height:22px}html.pc .rdx .rx-bhp em{font-size:13px;line-height:22px}html.pc .rdx .rx-me{border:1px solid var(--pc-line2);background:#060912c7;border-radius:6px;padding:6px 12px 6px 6px;top:14px;left:16px}html.pc .rdx .rx-hp{border-radius:3px;width:180px;height:14px}html.pc .rdx .rx-hp em{font-size:10.5px;line-height:14px}html.pc .rdx .rx-party{gap:3px;top:92px;left:16px}html.pc .rdx .rp{background:#060912b8;border-radius:4px;padding:4px 10px 4px 4px}html.pc .rdx .rp img{border-radius:4px}html.pc .rdx .rp b{max-width:120px;font-size:12.5px}html.pc .rdx .rp span{border-radius:2px;width:120px}html.pc .rdx .rx-meter{width:220px;box-shadow:none;border:1px solid var(--pc-line2);background:#060912cc;border-radius:6px;padding:10px 12px;top:92px;right:16px}html.pc .rdx .rm-h{color:var(--pc-gold);margin-bottom:6px;font-size:12.5px}html.pc .rdx .rm{padding:2px;font-size:12.5px}html.pc .rdx .rx-time{border:1px solid var(--pc-line2);background:#060912cc;border-radius:4px;padding:4px 14px;font-size:20px;top:14px;right:16px}html.pc .rdx .rx-leave{border:1px solid var(--pc-line2);cursor:pointer;background:#060912cc;border-radius:4px;height:36px;padding:0 16px;font-size:14px;top:14px;right:112px}html.pc .rdx .rx-leave:hover{background:#be3c30bf}html.pc .rdx .rx-zoom{top:58px;right:16px}html.pc .rdx .rx-zoom button{cursor:pointer;border-radius:4px;width:32px;height:28px}html.pc .rdx .rx-cards{border-radius:6px}html.pc .rdx .rx-cards button{box-shadow:none;cursor:pointer;border-radius:4px}html.pc .rdx .rx-cards button:hover{filter:brightness(1.05);transform:translateY(-1px)}html.pc .rdx .rx-build{cursor:pointer;border-radius:4px;bottom:130px;left:50%;right:auto;transform:translate(-50%)}html.pc .hrs{box-sizing:border-box;width:820px;max-width:calc(100% - 60px);box-shadow:0 0 0 1px var(--pc-line), 0 0 0 calc(100 * var(--pc-vmax,1vmax)) #03050c99, 0 30px 80px #000000b3;z-index:5;background:linear-gradient(#161c30,#0c101e);border-radius:6px;gap:8px;padding:26px 28px 22px;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}html.pc .hrs>b{color:var(--pc-gold);font-size:22px}html.pc .hrs>small{color:var(--pc-dim);margin:0 0 10px;font-size:13px}html.pc .hmk-l{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}html.pc .hmk-l button{text-align:center;cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:12px;padding:26px 14px 22px;transition:transform .12s,filter .12s}html.pc .hmk-l button:hover{filter:brightness(1.15);transform:translateY(-3px)}html.pc .hmk-l .mk-ic{border-radius:6px;width:84px;height:84px}html.pc .hmk-l .mk-ic .mg{width:58px;height:58px}html.pc .hmk-l span{align-items:center;gap:4px}html.pc .hmk-l b{font-size:20px}html.pc .hmk-l small{font-size:13px}html.pc .hmk-l .mk-go{display:none}html.pc .hrs-t{gap:14px}html.pc .hrs-t button{cursor:pointer;border-radius:6px;padding:20px 16px}html.pc .hrs-t button b{font-size:17px}html.pc .hrs-t button small{font-size:13px}html.pc .hrs-t button:not(:disabled):hover{filter:brightness(1.2)}html.pc .hrs-x{cursor:pointer;border-radius:4px;align-self:flex-end;width:160px;min-height:44px;margin-top:10px;font-size:15px}html.pc .hrs-x:hover{background:#ffffff24}html.pc .sgp.wroom>.sgp-box.sgp-box>.rm-scroll.rm-scroll.rm-scroll{scrollbar-width:thin;scrollbar-color:#c8aa6e73 transparent;grid-template:"a chat""b chat"1fr/minmax(0,1fr) 420px;align-items:start;gap:14px 18px;padding:16px 22px 8px;display:grid;overflow-y:auto}html.pc .sgp.wroom .rm-scroll>.rm-a{grid-area:a}html.pc .sgp.wroom .rm-scroll>.rm-b{grid-area:b}html.pc .sgp.wroom .rm-scroll>.rm-chat.rm-chat{height:calc(var(--pop-h) - 214px);flex-direction:column;grid-area:chat;min-height:0;display:flex;position:sticky;top:0}html.pc .sgp.wroom .rm-chat>.rc{min-height:0;box-shadow:inset 0 0 0 1px var(--pc-line2);background:#00000052;border-radius:6px;flex-direction:column;flex:auto;margin:0;padding:12px 14px;display:flex}html.pc .sgp.wroom .rc-l{scrollbar-width:thin;flex:1 1 0;height:auto;min-height:0;font-size:14px}html.pc .sgp.wroom .rc-f input,html.pc .sgp.wroom .rc-f button{border-radius:4px;height:38px}html.pc .sgp.wroom .rc-f button{cursor:pointer;padding:0 18px}html.pc .sgp.wroom .rm-a>*,html.pc .sgp.wroom .rm-b>*{margin-left:0;margin-right:0}html.pc .sgp.wroom .ws{border-radius:4px}html.pc .sgp.wroom .rm-inv{cursor:pointer;border-radius:6px}html.pc .sgp.wroom .rm-inv:hover{filter:brightness(1.15)}html.pc .sgp.wroom :is(.wr-pub,.wr-seg button,.wr-size button){cursor:pointer;border-radius:4px}html.pc .sgp.wroom>.sgp-box.sgp-box>.rm-foot.rm-foot{border-top:1px solid #ffffff14;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;padding:12px 22px 22px}html.pc .sgp.wroom .rm-foot>.sgp-msg{text-align:left;flex:1;margin:0}html.pc .sgp.wroom .rm-foot>.sgp-go{border-radius:4px;flex:none;width:400px;height:64px;margin:0}html.pc .sgp.wroom .rm-foot .grm-act{flex:none;width:560px;margin:0}html.pc .sgp.wroom .grm-out{cursor:pointer;border-radius:4px;flex:0 0 150px}html.pc .sgp.wroom .pr-wait{border-radius:6px}html.pc .sgp .sgp-go{cursor:pointer;border-radius:4px;transition:filter .12s}html.pc .sgp .sgp-go:not(:disabled):hover{filter:brightness(1.1)}html.pc .sgp :-webkit-any(.pu,.gd-card,.gd-log,.hrm){border-radius:4px}html.pc .sgp :is(.pu,.gd-card,.gd-log,.hrm){border-radius:4px}html.pc .sgp :is(.pu button,.gd-card>button,.fr-b button,.gd-form button,.gd-save,.gd-leave,.gd-confirm button,.fr-search button){box-shadow:none;cursor:pointer;border-radius:4px}html.pc .sgp :is(.pu button,.gd-card>button,.fr-b button,.gd-form button,.fr-search button):not(:disabled):hover{filter:brightness(1.15)}html.pc .sgp :is(.fr-search input,.gd-form input,.gd-form textarea){border-radius:4px}html.pc .sgp-box.sgp-box.gdbox{grid-template:"head head""tabs notice""tabs pl"minmax(0,1fr)"tabs pg""tabs msg"/240px minmax(0,1fr);display:grid}html.pc .gdbox>header{border-bottom:1px solid #ffffff14;grid-area:head;padding:18px 22px}html.pc .gdbox>.gd-head .gd-emb.big{width:64px;height:64px}html.pc .gdbox>.gd-head b{font-size:26px}html.pc .gdbox>.gd-head small{font-size:14px}html.pc .gdbox>.gd-notice{border-radius:4px;grid-area:notice;margin:16px 22px 0;font-size:14px}html.pc .gdbox>.fr-tabs{background:#00000038;flex-direction:column;grid-area:tabs;gap:2px;margin:0;padding:16px 0}html.pc .gdbox>.fr-tabs button{text-align:left;height:50px;color:var(--pc-dim);box-shadow:none;cursor:pointer;background:0 0;border-radius:0;flex:none;padding:0 26px;font-size:16px}html.pc .gdbox>.fr-tabs button:hover{color:var(--pc-text);background:#ffffff0a}html.pc .gdbox>.fr-tabs button.on{color:var(--pc-gold);background:linear-gradient(90deg,#e9c97f29,#e9c97f05);box-shadow:inset 0 1px #e9c97f2e,inset 0 -1px #e9c97f2e}html.pc .gdbox>.fr-tabs button em{margin-left:8px;position:static}html.pc .gdbox>:-webkit-any(.pl,.gdc-host){scrollbar-width:thin;scrollbar-color:#c8aa6e73 transparent;grid-area:pl;min-height:0;margin:0;padding:16px 22px;overflow-y:auto}html.pc .gdbox>:is(.pl,.gdc-host){scrollbar-width:thin;scrollbar-color:#c8aa6e73 transparent;grid-area:pl;min-height:0;margin:0;padding:16px 22px;overflow-y:auto}html.pc .gdbox>.gdc-host{flex-direction:column;display:flex}html.pc .gdbox>.gd-pg{grid-area:pg}html.pc .gdbox>.sgp-msg{grid-area:msg;margin:0 22px 12px}html.pc .gdbox>.gd-confirm{grid-column:2}html.pc .gdbox .pl>.pu{grid-template-columns:48px 1fr auto;gap:14px;padding:10px 14px}html.pc .gdbox .pl>.pu .av{width:48px;height:48px}html.pc .gdbox .pl>.pu .pt b{font-size:16px}html.pc .gdbox .pl>.pu .pt small{font-size:12.5px}html.pc .gdbox .pl>.pu:hover{background:#ffffff17}html.pc .gdbox .pl>.gd-card{gap:16px;padding:14px 16px}html.pc .gdbox:not(.gdin) .pl{grid-template-columns:1fr 1fr;align-content:start;gap:10px;display:grid}html.pc .gdbox:not(.gdin) .pl>:not(.gd-card){grid-column:1/-1}