:root{--pink: #fe2c55;--cyan: #25f4ee;--gold: #ffd233;--bg: #0b0b10;--card: #17171f;--line: rgba(255, 255, 255, .12);--txt: #f2f2f5;--dim: #8b8b98;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--txt);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;user-select:none;overscroll-behavior:none}#app{position:fixed;inset:0;display:flex;justify-content:center;background:#000}.screen{position:relative;width:100%;max-width:480px;height:100%;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}.topbar{position:relative;z-index:20;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.topbar .title{font-size:17px;font-weight:800;letter-spacing:.5px}.topbar .spacer{flex:1}.iconbtn{width:34px;height:34px;flex:0 0 auto;border:0;border-radius:50%;background:#ffffff1a;color:var(--txt);font-size:17px;line-height:1;display:grid;place-items:center;cursor:pointer}.iconbtn:active{transform:scale(.9)}.btn{border:0;border-radius:999px;padding:14px 26px;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--pink),#ff6a3d);box-shadow:0 6px #8f1330,0 10px 24px #fe2c5559;cursor:pointer;transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(5px);box-shadow:0 1px #8f1330,0 4px 12px #fe2c554d}.btn.ghost{background:#ffffff14;box-shadow:none;border:1px solid var(--line);font-weight:700}.btn.cyan{background:linear-gradient(135deg,var(--cyan),#37b8ff);box-shadow:0 6px #0d6d78,0 10px 24px #25f4ee47;color:#04252b}.btn.cyan:active{box-shadow:0 1px #0d6d78}.btn:disabled{filter:grayscale(.7) brightness(.7);box-shadow:none}.sticker{display:inline-block;padding:4px 12px;border-radius:8px;background:var(--gold);color:#201a00;font-weight:900;transform:rotate(-2deg);box-shadow:3px 3px #0000008c}.home{flex:1;overflow-y:auto;padding:0 16px calc(24px + var(--safe-b));-webkit-overflow-scrolling:touch}.home-hero{position:relative;margin:6px 0 18px;padding:22px 18px;border-radius:22px;overflow:hidden;background:radial-gradient(120% 120% at 10% 0%,#2a1030,#0f1020 60%,#0b0b10);border:1px solid var(--line)}.home-hero h1{margin:0;font-size:30px;font-weight:900;line-height:1.15;letter-spacing:1px;text-shadow:2px 2px 0 rgba(254,44,85,.55)}.home-hero p{margin:8px 0 0;font-size:13px;color:var(--dim);max-width:15em;white-space:pre-line;line-height:1.7}.home-hero .face{position:absolute;right:-6px;bottom:-10px;width:116px;height:116px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 24px #0009;transform:rotate(6deg)}.card-list{display:flex;flex-direction:column;gap:14px}.gcard{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);cursor:pointer;overflow:hidden;transition:transform .1s}.gcard:active{transform:scale(.97)}.gcard .emoji{flex:0 0 auto;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:#ffffff0f}.gcard .meta{flex:1;min-width:0}.gcard .meta b{display:block;font-size:17px;margin-bottom:4px}.gcard .meta span{display:block;font-size:12.5px;color:var(--dim);line-height:1.5}.gcard .rec{position:absolute;top:0;right:0;padding:3px 9px;font-size:10px;font-weight:800;color:#fff;background:var(--pink);border-bottom-left-radius:10px}.gcard .best{margin-top:6px;font-size:11px;color:var(--gold)}.home-foot{margin:20px 2px 0;font-size:11px;line-height:1.7;color:#4d4d5a;text-align:center}.result{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:20px 18px calc(20px + var(--safe-b));background:#06060af0;animation:fadein .28s ease;overflow-y:auto}@keyframes fadein{0%{opacity:0}}.rcard{border-radius:20px;padding:20px 18px;background:linear-gradient(160deg,#1d1d28,#121219);border:1px solid var(--line);box-shadow:0 20px 50px #0009;animation:pop .36s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.86) translateY(14px);opacity:0}}.rcard .grade{font-size:66px;font-weight:900;line-height:1;text-align:center;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.4))}.rcard .rtitle{margin:8px 0 2px;text-align:center;font-size:21px;font-weight:900}.rcard .rsub{text-align:center;font-size:12px;color:var(--dim)}.rstats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.rstats div{flex:1 1 44%;padding:10px 12px;border-radius:12px;background:#ffffff0d;font-size:12px;color:var(--dim)}.rstats div b{display:block;margin-top:3px;font-size:17px;color:var(--txt)}.quote{margin-top:16px;padding:14px 14px 14px 16px;border-left:3px solid var(--pink);background:#fe2c5514;border-radius:0 12px 12px 0;font-size:14px;line-height:1.85;color:#ffe9ee}.rbtns{display:flex;gap:12px}.rbtns .btn{flex:1;padding:14px 10px;font-size:16px}.gacha{flex:1;display:flex;flex-direction:column;padding:0 16px calc(14px + var(--safe-b));overflow:hidden}.machine{position:relative;margin-top:4px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#3b1023,#1a0a12);border:2px solid rgba(255,210,51,.45);box-shadow:inset 0 0 40px #0009}.machine .marquee{text-align:center;font-size:12px;letter-spacing:3px;color:var(--gold);margin-bottom:10px}.reels{display:flex;gap:8px;height:96px}.reel{flex:1;position:relative;border-radius:12px;background:#0a0a0f;border:1px solid rgba(255,255,255,.14);overflow:hidden}.reel .strip{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column}.reel .cell{height:96px;flex:0 0 96px;display:grid;place-items:center;text-align:center;padding:4px;font-size:12px;font-weight:700;line-height:1.35}.reel .cell .big{font-size:26px}.reel-label{margin-top:8px;display:flex;gap:8px}.reel-label span{flex:1;text-align:center;font-size:10.5px;color:var(--dim)}.pity{margin:12px 2px 0;font-size:11px;color:var(--dim);display:flex;justify-content:space-between}.pull-row{display:flex;gap:10px;margin-top:12px}.pull-row .btn{flex:1;padding:15px 8px;font-size:16px}.boy{flex:1;min-height:0;margin-top:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--dim);font-size:13px;line-height:1.8}.boy-card{width:100%;height:100%;border-radius:18px;background:var(--card);border:1px solid var(--line);padding:14px;display:flex;gap:12px;overflow:hidden;animation:pop .34s cubic-bezier(.2,1.6,.4,1)}.boy-card .pic{flex:0 0 34%;border-radius:14px;overflow:hidden;position:relative;background:#000}.boy-card .pic img{width:100%;height:100%;object-fit:cover}.boy-card .rar{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:900;color:#1a1200}.rar.N{background:#8b8b98}.rar.R{background:#55b6ff;color:#001a2e}.rar.SR{background:#c07bff;color:#1a0030}.rar.SSR{background:linear-gradient(135deg,#ffd233,#ff8a3d);box-shadow:0 0 14px #ffd233cc}.boy-card .info{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left}.boy-card .name{font-size:19px;font-weight:900;color:var(--txt)}.boy-card .base{margin:4px 0 8px;font-size:11.5px;color:var(--dim);line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:5px;overflow-y:auto;flex:1;align-content:flex-start}.tag{padding:3px 8px;border-radius:7px;font-size:11px;font-weight:700;line-height:1.5;animation:tagin .3s backwards}@keyframes tagin{0%{transform:scale(.5) rotate(-8deg);opacity:0}}.tag.red{background:#fe2c5529;color:#ff8fa6;border:1px solid rgba(254,44,85,.4)}.tag.yellow{background:#ffd23324;color:#ffdf80;border:1px solid rgba(255,210,51,.35)}.tag.green{background:#25f4ee24;color:#8ff7f3;border:1px solid rgba(37,244,238,.35)}.score-row{margin-top:8px}.score-row .lab{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin-bottom:4px}.bar{height:9px;border-radius:99px;background:#ffffff1a;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--gold),var(--cyan));transition:width .7s cubic-bezier(.2,.9,.3,1)}.roast{margin-top:8px;font-size:12px;line-height:1.7;color:#ffd9e1}.ten-grid{position:absolute;inset:0;z-index:40;background:#06060af0;padding:16px 16px calc(16px + var(--safe-b));display:flex;flex-direction:column;gap:10px;overflow-y:auto;animation:fadein .2s}.ten-grid h3{margin:2px 0 0;font-size:16px;text-align:center}.ten-grid .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.ten-grid .cellb{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);background:#000;animation:pop .3s backwards}.ten-grid .cellb img{width:100%;height:100%;object-fit:cover}.ten-grid .cellb em{position:absolute;left:0;right:0;bottom:0;padding:2px;font-size:9px;font-style:normal;text-align:center;background:#000000ad}.ten-grid .cellb.SSR{border-color:var(--gold);box-shadow:0 0 12px #ffd233b3}.rescue{flex:1;position:relative;overflow:hidden}.rescue canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud{position:absolute;z-index:10;left:0;right:0;top:0;padding:10px 14px;pointer-events:none}.hud .row1{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800}.hud .row1 .score{color:var(--gold);font-size:20px}.hud .row1 .time{margin-left:auto;background:#00000073;padding:3px 10px;border-radius:99px}.hud .awake{margin-top:8px}.hud .awake .lab{font-size:10.5px;color:#cfcfd8;margin-bottom:3px}.hud .awake .bar{height:11px;border:1px solid rgba(255,255,255,.25)}.hud .awake .bar i{background:linear-gradient(90deg,#ff4d6d,var(--gold),var(--cyan));transition:width .2s}.combo{position:absolute;z-index:12;left:50%;top:30%;transform:translate(-50%);font-size:30px;font-weight:900;color:var(--gold);text-shadow:3px 3px 0 rgba(0,0,0,.6);pointer-events:none;opacity:0}.combo.show{animation:combopop .6s ease}@keyframes combopop{0%{opacity:0;transform:translate(-50%) scale(.4) rotate(-8deg)}35%{opacity:1;transform:translate(-50%) scale(1.15) rotate(3deg)}to{opacity:0;transform:translate(-50%) scale(1) rotate(0)}}.howto{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:26px;background:#06060aeb;text-align:center}.howto h2{margin:0;font-size:26px;font-weight:900}.howto ul{margin:0;padding:0;list-style:none;font-size:14px;line-height:2.1;color:#dcdce4;text-align:left}.howto ul b{color:var(--gold)}.dy{flex:1;position:relative;overflow:hidden;background:#000}.feed{position:absolute;inset:0;touch-action:none}.fcard{position:absolute;inset:0;overflow:hidden;will-change:transform;contain:layout paint}.fcard.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fcard.video .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 28%,transparent 55%,rgba(0,0,0,.82) 100%)}.fcard .caption{position:absolute;left:14px;right:76px;bottom:calc(26px + var(--safe-b))}.fcard .caption .at{font-size:15px;font-weight:800;margin-bottom:6px}.fcard .caption .txt{font-size:13.5px;line-height:1.6;color:#f0f0f4}.fcard .caption .bgm{margin-top:8px;font-size:11.5px;color:#d6d6de}.fcard .side{position:absolute;right:12px;bottom:calc(40px + var(--safe-b));display:flex;flex-direction:column;align-items:center;gap:16px;font-size:11px;text-align:center}.fcard .side div span{display:block;font-size:25px;line-height:1.1}.fcard.real{background:#101018;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px;gap:16px;text-align:center}.fcard.real .icon{font-size:60px}.fcard.real .who{font-size:20px;font-weight:900}.fcard.real .msg{font-size:14.5px;line-height:1.8;color:#d4d4de;max-width:20em}.fcard.real .acts{display:flex;gap:12px;width:100%;max-width:320px;margin-top:6px}.fcard.real .acts .btn{flex:1;padding:13px 8px;font-size:15px}.fcard.real .ticker{font-size:11px;color:var(--pink);letter-spacing:1px}.dy-hud{position:absolute;z-index:10;left:0;right:0;top:0;padding:10px 14px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}.dy-hud .line{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.dy-hud .waste{color:var(--pink)}.dy-hud .awk{margin-left:auto;color:var(--cyan)}.dy-hud .bar{margin-top:6px;height:5px}.dy-hud .bar i{background:var(--cyan);transition:width .3s}.swipe-hint{position:absolute;z-index:15;left:50%;bottom:calc(146px + var(--safe-b));transform:translate(-50%);padding:5px 12px;border-radius:999px;background:#0000006b;font-size:12px;color:#ffffffd9;animation:upfloat 1.6s ease-in-out infinite;pointer-events:none}@keyframes upfloat{0%,to{transform:translate(-50%);opacity:.45}50%{transform:translate(-50%,-12px);opacity:1}}.toast{position:absolute;z-index:50;left:50%;top:42%;transform:translate(-50%);padding:10px 18px;border-radius:12px;background:#000c;border:1px solid var(--line);font-size:14px;font-weight:800;white-space:nowrap;pointer-events:none;animation:toastup 1.1s ease forwards}@keyframes toastup{0%{opacity:0;transform:translate(-50%,12px) scale(.9)}18%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-22px)}}.quote,.home-foot,.boy,.boy-card .base,.fcard .caption .txt,.fcard.real .msg{white-space:pre-line}@media(orientation:landscape)and (max-height:600px){.screen{max-width:960px}.topbar{padding:6px 12px 4px}.topbar .title{font-size:15px}.iconbtn{width:30px;height:30px;font-size:15px}.home{padding:0 14px calc(12px + var(--safe-b))}.home-hero{margin:0 0 10px;padding:12px 14px;border-radius:16px}.home-hero h1{font-size:21px}.home-hero h1 br{display:none}.home-hero p{font-size:11.5px;margin-top:4px}.home-hero .face{width:78px;height:78px;bottom:-8px}.card-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gcard{padding:11px;border-radius:14px;gap:10px}.gcard .emoji{width:40px;height:40px;border-radius:12px;font-size:21px}.gcard .meta b{font-size:14px;margin-bottom:2px}.gcard .meta span{font-size:10.5px;line-height:1.45}.gcard .best{font-size:9.5px}.home-foot{margin-top:10px;font-size:9.5px;line-height:1.6}.gacha{flex-direction:row;gap:12px;padding:0 14px calc(10px + var(--safe-b))}.machine{flex:0 0 44%;margin-top:0;padding:10px;align-self:flex-start}.machine .marquee{font-size:10px;margin-bottom:6px;letter-spacing:2px}.pity{margin-top:8px;font-size:10px}.pull-row{margin-top:8px}.pull-row .btn{padding:11px 6px;font-size:14px}.boy{margin-top:0;font-size:12px}.boy-card{padding:10px;gap:10px}.boy-card .pic{flex:0 0 30%}.boy-card .name{font-size:16px}.boy-card .base{font-size:10.5px;margin:3px 0 5px}.tag{font-size:10px;padding:2px 6px}.roast{font-size:11px}.ten-grid .grid{grid-template-columns:repeat(10,1fr)}.result{justify-content:flex-start;padding:12px 16px calc(12px + var(--safe-b));gap:10px}.rcard{padding:12px 14px;border-radius:16px}.rcard .grade{font-size:40px}.rcard .rtitle{font-size:17px;margin:4px 0 0}.rstats{margin:10px 0 0}.rstats div{flex:1 1 22%;padding:7px 9px;font-size:10.5px}.rstats div b{font-size:14px}.quote{margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.7}.rbtns .btn{padding:11px 8px;font-size:14px}.howto{padding:14px 22px;gap:10px}.howto h2{font-size:20px}.howto ul{font-size:12px;line-height:1.85}.howto .btn{padding:11px 20px;font-size:15px}.hud{padding:6px 12px}.hud .row1 .score{font-size:17px}.fcard.video{background:#000}.fcard.video img{object-fit:contain}.fcard .caption{left:12px;right:70px;bottom:calc(10px + var(--safe-b))}.fcard .caption .txt{font-size:12px}.fcard .side{bottom:calc(14px + var(--safe-b));gap:10px}.fcard .side div span{font-size:21px}.fcard.real{padding:14px 20px;gap:8px}.fcard.real .icon{font-size:38px}.fcard.real .who{font-size:16px}.fcard.real .msg{font-size:12.5px;line-height:1.6}.fcard.real .acts .btn{padding:10px 6px;font-size:13.5px}.swipe-hint{bottom:calc(4px + var(--safe-b));font-size:11px}}.rs-warn{position:absolute;z-index:14;left:50%;top:20%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0}.rs-warn b{display:block;white-space:nowrap;font-size:27px;font-weight:900;letter-spacing:1px;color:#ffd233;text-shadow:3px 3px 0 rgba(0,0,0,.65)}.rs-warn span{display:block;margin-top:7px;white-space:nowrap;font-size:12.5px;font-weight:800;color:#cfcfd8;text-shadow:2px 2px 0 rgba(0,0,0,.6)}.rs-warn.rs-bad b{color:#ff4d6d}.rs-warn.rs-show{animation:rs-warnpop 1.6s ease forwards}@keyframes rs-warnpop{0%{opacity:0;transform:translate(-50%) scale(.5) rotate(-7deg)}16%{opacity:1;transform:translate(-50%) scale(1.18) rotate(3deg)}30%{transform:translate(-50%) scale(1) rotate(0)}78%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1) rotate(0)}}.rs-wave:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;box-shadow:inset 0 0 58px 14px #fe2c5573;animation:rs-pulse 1.05s ease-in-out infinite}@keyframes rs-pulse{0%,to{opacity:.42}50%{opacity:1}}@media(max-height:480px){.rs-warn{top:15%}.rs-warn b{font-size:20px}.rs-warn span{margin-top:4px;font-size:11px}}.wz{flex:1;position:relative;overflow:hidden}.wz canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.wz-hud{position:absolute;z-index:10;left:0;right:0;top:0;padding:8px 12px 10px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}.wz-row{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.wz-tier{color:var(--gold)}.wz-kda{color:#cfcfd8}.wz-time{margin-left:auto;background:#00000073;padding:2px 9px;border-radius:99px}.wz-crys{display:flex;gap:8px;margin-top:7px}.wz-cry{flex:1;min-width:0}.wz-cry .lab{font-size:9.5px;color:#b9b9c4;margin-bottom:3px;display:flex;justify-content:space-between}.wz-hud .bar{height:7px}.wz-hud .bar i{transition:width .2s linear}.wz-cry.foe .bar i{background:linear-gradient(90deg,#ff6a3d,var(--pink))}.wz-cry.own .bar i{background:linear-gradient(90deg,#37b8ff,var(--cyan))}.wz-mind{margin-top:7px}.wz-mind .lab{font-size:9.5px;color:#b9b9c4;margin-bottom:3px}.wz-mind .bar{height:9px;border:1px solid rgba(255,255,255,.22)}.wz-mind .bar i{background:linear-gradient(90deg,#ff4d6d,var(--gold),#7bffb0)}.wz-mind.low .lab{color:#ff9db0}.wz-chat{position:absolute;z-index:12;left:10px;right:34%;top:120px;pointer-events:none;display:flex;flex-direction:column;gap:4px}.wz-msg{align-self:flex-start;max-width:100%;padding:4px 9px;border-radius:4px 10px 10px;background:#0000009e;font-size:11.5px;line-height:1.45;color:#e8e8f0;animation:wz-msg 3s ease forwards;will-change:transform,opacity}.wz-msg b{font-weight:800;margin-right:4px}.wz-msg.mate b{color:#8fd7ff}.wz-msg.foe b{color:#ff8fa6}.wz-msg.sys b{color:#ffd233}.wz-msg.awei b{color:#ff9ecd}.wz-msg.good{background:#145a46b3}@keyframes wz-msg{0%{opacity:0;transform:translate(-14px)}8%{opacity:1;transform:translate(0)}78%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.wz-qte{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;touch-action:none}.wz-qte.dragon{background:radial-gradient(80% 60% at 50% 45%,#5a2800b8,#06060ae6)}.wz-qte.gank{background:radial-gradient(80% 60% at 50% 45%,#780018bf,#06060ae6);animation:wz-alarm .4s steps(2) infinite}@keyframes wz-alarm{50%{opacity:.82}}.wz-qte .qico{font-size:46px;line-height:1;animation:wz-shake .5s ease-in-out infinite}@keyframes wz-shake{25%{transform:rotate(-7deg) scale(1.08)}75%{transform:rotate(7deg) scale(1.08)}}.wz-qte .qtitle{font-size:21px;font-weight:900;letter-spacing:1px}.wz-qte .qsub{font-size:12px;color:#e2c9c9}.wz-qprog{width:min(78%,300px);height:16px;border-radius:99px;border:2px solid rgba(255,255,255,.3);background:#00000080;overflow:hidden}.wz-qprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),#ff6a3d)}.wz-qtimer{width:min(78%,300px);height:4px;border-radius:99px;background:#ffffff29;overflow:hidden}.wz-qtimer i{display:block;height:100%;width:100%;background:#fff;transform-origin:left center;animation:wz-drain linear forwards}@keyframes wz-drain{to{transform:scaleX(0)}}.wz-qbtn{border:0;border-radius:999px;padding:18px 44px;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--pink),#ff6a3d);box-shadow:0 6px #8f1330;cursor:pointer}.wz-qbtn:active{transform:translateY(5px);box-shadow:0 1px #8f1330}.wz-pick{position:absolute;inset:0;z-index:40;overflow-y:auto;padding:12px 14px 16px;background:#06060af2;-webkit-overflow-scrolling:touch}.wz-rank{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#2a1e08,#14131c);border:1px solid rgba(255,210,51,.32)}.wz-rank .big{font-size:17px;font-weight:900;color:var(--gold)}.wz-rank .stars{font-size:13px;letter-spacing:1px}.wz-rank .rec{margin-left:auto;font-size:10.5px;color:var(--dim);text-align:right;line-height:1.5}.wz-pick h3{margin:14px 2px 8px;font-size:13px;font-weight:800;color:#cfcfd8}.wz-heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:8px}.wz-hero{padding:9px 8px;border-radius:13px;background:var(--card);border:1px solid var(--line);cursor:pointer;transition:transform .1s}.wz-hero:active{transform:scale(.96)}.wz-hero.on{border-color:var(--gold);background:#ffd2331f;box-shadow:0 0 0 1px #ffd23366}.wz-hero .hh{display:flex;align-items:baseline;gap:5px}.wz-hero .he{font-size:20px}.wz-hero .hn{font-size:14px;font-weight:900}.wz-hero .hr{font-size:9.5px;padding:1px 5px;border-radius:5px;background:#ffffff1f;color:#cfcfd8}.wz-hero .hd{margin-top:4px;font-size:10.5px;line-height:1.5;color:var(--dim)}.wz-team{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wz-mate{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line)}.wz-mate img{flex:0 0 auto;width:32px;height:32px;border-radius:50%;object-fit:cover;background:#000}.wz-mate .mi{min-width:0;flex:1}.wz-mate .mn{font-size:12px;font-weight:800}.wz-mate .mt{font-size:10px;color:#ff9db0;margin-top:1px}.wz-mate.awei .mt{color:#ff9ecd}.wz-tips{margin:12px 2px 0;padding:0;list-style:none;font-size:11.5px;line-height:1.9;color:#cfcfd8}.wz-tips b{color:var(--gold)}.wz-go{width:100%;margin-top:12px}@media(orientation:landscape)and (max-height:600px){.wz-hud{padding:5px 10px 7px}.wz-row{font-size:11px}.wz-crys,.wz-mind{margin-top:4px}.wz-mind .bar{height:7px}.wz-chat{right:46%;gap:3px}.wz-msg{font-size:10.5px;padding:3px 7px}.wz-qte{gap:8px;padding:10px}.wz-qte .qico{font-size:30px}.wz-qte .qtitle{font-size:17px}.wz-qte .qsub{font-size:11px}.wz-qbtn{padding:12px 34px;font-size:18px}.wz-pick{padding:8px 12px 10px}.wz-rank{padding:7px 10px;border-radius:11px}.wz-rank .big{font-size:15px}.wz-pick h3{margin:8px 2px 5px;font-size:11.5px}.wz-heroes{grid-template-columns:repeat(5,1fr);gap:6px}.wz-hero{padding:7px 6px}.wz-hero .he{font-size:17px}.wz-hero .hn{font-size:12.5px}.wz-hero .hd{font-size:9.5px;line-height:1.4}.wz-team{grid-template-columns:repeat(4,1fr);gap:6px}.wz-mate img{width:26px;height:26px}.wz-mate .mn{font-size:11px}.wz-mate .mt{font-size:9px}.wz-tips{margin-top:7px;font-size:10.5px;line-height:1.65}.wz-go{margin-top:8px;padding:10px 20px;font-size:15px}}