:root{--ink: #1b1530;--panel: rgba(32, 24, 62, .86);--panel-2: rgba(52, 40, 96, .9);--line: rgba(255, 255, 255, .12);--text: #f4f1ff;--dim: #b9b0dd;--gold: #ffd23f;--primary: #ff9f1c;--primary-2: #ffbf47;--good: #62e06f;--bad: #ff5a5a;--accent: #8f6bff;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;height:100%;overflow:hidden;background:#1b1530;color:var(--text);font-family:Kanit,system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}button{font-family:inherit;color:inherit}#game{position:fixed;top:0;right:0;bottom:0;left:0}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#ui>*{pointer-events:auto}#touch{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px 40px;background:radial-gradient(ellipse at 50% 0%,rgba(143,107,255,.45),transparent 60%),radial-gradient(ellipse at 10% 100%,rgba(98,210,111,.25),transparent 50%),linear-gradient(180deg,#2a1f55,#17122c)}.screen.loading{justify-content:center}.logo{margin:0;font-size:clamp(40px,8vw,72px);font-weight:700;letter-spacing:1px;line-height:1;text-shadow:0 5px 0 var(--ink),0 8px 18px rgba(0,0,0,.5)}.logo span{color:var(--gold)}.tagline{margin:-4px 0 6px;color:var(--dim);text-align:center}h2{margin:0 0 10px;font-size:20px;font-weight:500}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000059}.btn{border:0;border-radius:12px;padding:10px 18px;font-size:16px;font-weight:500;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);transition:transform .08s,filter .15s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.primary{background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#3b1d00;border-color:#ffd58a;box-shadow:0 4px #b86a00}.btn.ghost{background:transparent}.btn.big{font-size:20px;padding:14px 28px;width:100%}.btn.small{font-size:14px;padding:6px 12px}.btn.tiny{font-size:13px;padding:5px 10px;border-radius:9px;white-space:nowrap}.home-hero{position:relative;width:min(520px,100%);height:130px;margin-top:6px}.parade{position:absolute;bottom:0;height:120px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35));animation:hop 1.6s ease-in-out infinite}.parade.p0{left:2%;animation-delay:0s}.parade.p1{left:21%;height:128px;animation-delay:.2s}.parade.p2{left:41%;height:132px;animation-delay:.4s}.parade.p3{left:61%;height:126px;animation-delay:.6s}.parade.p4{left:80%;animation-delay:.8s}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-panel,.room-panel{width:min(520px,100%)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field span{color:var(--dim);font-size:14px}.field input{font:inherit;font-size:18px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0000004d;color:var(--text);-webkit-user-select:text;user-select:text}.rank{border-radius:12px;padding:10px 12px;background:#00000040;border:1px solid var(--rc);display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center}.rank-tier{font-size:22px;font-weight:700;color:var(--rc)}.rank-pts{text-align:right}.rank-bar{grid-column:1 / -1;height:8px;background:#ffffff1a;border-radius:6px;overflow:hidden}.rank-bar i{display:block;height:100%;background:var(--rc)}.rank-next{grid-column:1 / -1;font-size:13px;color:var(--dim)}.stats-mini{margin-top:8px;font-size:14px;color:var(--dim);text-align:center}.opt-label{color:var(--dim);font-size:14px;margin:10px 0 6px}.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.opt{padding:10px 6px;border-radius:10px;border:1px solid var(--line);background:#00000040;cursor:pointer;font-size:15px;display:flex;flex-direction:column;align-items:center;gap:2px}.opt.on{background:#8f6bff59;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.opt:disabled{opacity:.5;cursor:not-allowed}.opt em{font-style:normal;font-size:11px;color:var(--gold)}.opts.four{grid-template-columns:repeat(4,1fr)}.opt em.easy{color:var(--good)}.opt em.mid{color:#7fb6ff}.opt em.hard{color:#ff8a5a}.map-desc{margin-top:8px;font-size:13px;color:var(--dim);min-height:20px}.lobby-map{font-size:22px;font-weight:500;color:var(--gold);margin-bottom:4px}#sound{position:fixed;top:10px;right:10px;z-index:20;display:flex;gap:6px}#sound button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-size:18px;cursor:pointer}#sound button.off{opacity:.4}body.in-game #sound{top:auto;right:auto;left:12px;bottom:74px;z-index:4}@media(max-width:820px){body.in-game .hud:not(.is-touch) .h-slot{width:54px;height:54px;font-size:22px}body.in-game .hud:not(.is-touch) .h-skill{width:66px;height:66px}body.in-game .hud:not(.is-touch) .h-it{width:34px;height:34px}body.in-game .hud:not(.is-touch) .h-it img{width:28px;height:28px}.h-zone{font-size:11px}}body.in-game.touch-dev #sound{left:auto;right:12px;bottom:auto;top:320px;flex-direction:column}@media(max-height:500px){body.in-game.touch-dev #sound{top:230px}}@media(max-width:820px){.opts.four{grid-template-columns:repeat(2,1fr)}}.room-panel .btn.big{margin-top:16px}.howto{color:var(--dim);font-size:13px;text-align:center;max-width:520px}.select{gap:12px}.sel-top{width:min(960px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.sel-top h2{margin:0}.sel-body{width:min(960px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px}.roster{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:start}.hero{background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:6px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.hero img{width:100%;max-width:86px;aspect-ratio:160/170}.hero span{font-size:14px;font-weight:500}.hero em{font-style:normal;font-size:11px;color:var(--dim)}.hero.on{border-color:var(--gold);background:#ffd23f26}.detail{display:flex;gap:12px;align-items:flex-start}.big-hero{width:40%;max-width:180px;aspect-ratio:160/170;animation:hop 1.8s ease-in-out infinite}.d-info{flex:1;display:flex;flex-direction:column;gap:8px}.d-name{font-size:26px;font-weight:700}.tag{font-size:12px;font-weight:500;padding:2px 8px;border-radius:99px;background:#8f6bff59;vertical-align:middle}.sbar{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:6px;font-size:12px;color:var(--dim)}.sbar b{height:7px;border-radius:5px;background:#ffffff1a;overflow:hidden}.sbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#c9a7ff)}.d-row{font-size:14px;line-height:1.5}.d-row.skill{background:#ffd23f1a;border:1px solid rgba(255,210,63,.3);padding:8px 10px;border-radius:10px}.d-row.dim{color:var(--dim);font-size:12px}.d-row.skill.s2{background:#ff5a5a1a;border-color:#ff787859}.cdt{font-size:12px;color:var(--gold)}.perks{width:min(960px,100%);padding:10px 14px 14px}.perks .opt-label{margin-top:0}.perk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.perk{border:1px solid var(--line);background:#00000040;border-radius:10px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.perk b{font-weight:500}.perk span{font-size:12px;color:var(--dim)}.perk.on{border-color:var(--gold);background:#ffd23f26}.select .start{width:min(420px,100%)}.lobby{justify-content:center}.lobby-panel{width:min(760px,100%);text-align:center}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin:10px 0}.lob{background:#00000040;border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;animation:pop-in .25s ease-out}.lob img{width:56px;aspect-ratio:160/170}.lob span{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lob em{font-style:normal;font-size:10px;color:var(--dim)}.lob.me{outline:2px solid var(--gold)}.lob em.you{color:var(--gold)}.countdown{font-size:40px;font-weight:700;color:var(--gold);min-height:56px}.countdown.pop{animation:pop-in .35s ease-out}@keyframes pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.res-title{font-size:clamp(22px,4vw,32px);font-weight:700;text-align:center;margin-top:4px;text-shadow:0 3px 0 var(--ink)}.podium{display:flex;align-items:flex-end;gap:10px;width:min(560px,100%);justify-content:center;margin-top:10px}.pod{flex:1;display:flex;flex-direction:column;align-items:center;max-width:170px}.pod img{width:80%;aspect-ratio:160/170;animation:hop 1.6s ease-in-out infinite}.pod.p1 img{width:100%}.pod-name{font-weight:500;text-align:center;font-size:15px}.pod-score{font-size:13px;color:var(--dim)}.pod-block{width:100%;margin-top:6px;border-radius:10px 10px 0 0;display:flex;align-items:flex-start;justify-content:center;font-size:30px;font-weight:700;padding-top:6px;color:var(--ink)}.pod.p1 .pod-block{height:110px;background:linear-gradient(180deg,#ffe58a,#f2c14e)}.pod.p2 .pod-block{height:80px;background:linear-gradient(180deg,#e6ebf3,#b8c2d1)}.pod.p3 .pod-block{height:60px;background:linear-gradient(180deg,#f0b98a,#c98a52)}.res-me{width:min(720px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:8px;text-align:center}.res-me div{display:flex;flex-direction:column}.res-me span{font-size:12px;color:var(--dim)}.res-me b{font-size:22px}.res-me em{font-style:normal;font-size:12px}.res-me .up b{color:var(--good)}.res-me .down b{color:var(--bad)}.res-table{width:min(720px,100%);padding:6px 8px;overflow-x:auto}.res-table table{width:100%;border-collapse:collapse;font-size:14px}.res-table th{color:var(--dim);font-weight:400;text-align:left;padding:6px}.res-table td{padding:4px 6px;border-top:1px solid var(--line);white-space:nowrap}.res-table td img{width:26px;vertical-align:middle;margin-right:6px}.res-table tr.me td{background:#ffd23f24}.res-btns{width:min(720px,100%);display:grid;grid-template-columns:2fr 1fr;gap:10px}#ui>.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.hud .hidden{display:none!important}.h-left{position:absolute;left:12px;top:12px;width:290px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.h-card{display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px 12px 8px 8px;width:290px;pointer-events:none}.h-portrait{width:58px;height:62px;background:#ffffff14;border-radius:10px}.h-main{flex:1;display:flex;flex-direction:column;gap:4px}.h-name{font-weight:500;display:flex;align-items:center;gap:6px;font-size:15px;white-space:nowrap;overflow:hidden}.h-lv{background:var(--accent);border-radius:99px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.h-hp,.h-exp{position:relative;height:16px;background:#00000073;border-radius:8px;overflow:hidden}.h-exp{height:11px}.h-hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#7ff08a,#3fb34f);transition:width .15s}.h-hp.low i{background:linear-gradient(180deg,#ff8a8a,#e03a3a)}.h-exp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7cf0c8,#3fb6e8);transition:width .2s}.h-hp span,.h-exp span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;line-height:16px;text-shadow:0 1px 2px #000}.h-exp span{font-size:9px;line-height:11px}.h-meta{display:flex;justify-content:space-between;font-size:14px}.h-gold{color:var(--gold);font-weight:500}.h-top{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.h-timer{font-size:22px;font-weight:700;background:var(--panel);border-radius:10px;padding:0 14px;border:1px solid var(--line)}.h-alive{font-size:14px;background:var(--panel);border-radius:8px;padding:0 10px}.h-zone{font-size:13px;background:#4a1d8abf;border-radius:8px;padding:1px 10px;white-space:nowrap}.h-zone.warn{background:#c8283cd9;animation:blink .8s infinite}@keyframes blink{50%{filter:brightness(1.4)}}.h-right{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.h-board{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 10px;width:220px;font-size:13px}.hb-title{color:var(--gold);font-weight:500;margin-bottom:2px}.hb-row{display:grid;grid-template-columns:18px 1fr auto;gap:6px}.hb-row b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-row em{font-style:normal;color:var(--dim)}.hb-row.me{color:var(--gold)}.h-mini{width:170px;height:170px;border-radius:12px;border:2px solid rgba(255,255,255,.25)}.h-feed{display:flex;flex-direction:column;gap:4px;pointer-events:none}.kf{background:#140e28bf;padding:3px 10px;border-radius:8px;font-size:13px;transition:opacity .5s}.kf b{font-weight:500;color:#ffb3b3}.kf.good{background:#3c8c46d9}.kf.bad{background:#a02832d9}.kf.fade,.ann.fade{opacity:0}.h-banner{position:absolute;top:120px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:90%}.h-count{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;font-size:120px;font-weight:700;line-height:1;color:#fff6a8;-webkit-text-stroke:4px #1b1530;text-shadow:0 6px 0 #1b1530,0 0 30px rgba(255,210,63,.7);animation:count-pop 1s ease-out}.h-count small{display:block;font-size:22px;font-weight:500;-webkit-text-stroke:0;color:#fff;text-shadow:0 2px 4px #000;margin-top:6px}.h-count.urgent{color:#ff8a5a;text-shadow:0 6px 0 #1b1530,0 0 36px rgba(255,90,60,.9)}.h-count.go{font-size:96px;color:#ff4d4d;text-shadow:0 6px 0 #1b1530,0 0 44px rgba(255,60,60,1);animation:count-go 1.8s ease-out forwards}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(1.9);opacity:0}18%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{opacity:1}to{transform:translate(-50%,-50%) scale(.85);opacity:.25}}@keyframes count-go{0%{transform:translate(-50%,-50%) scale(2.4);opacity:0}12%{transform:translate(-50%,-50%) scale(1);opacity:1}20%{transform:translate(-50%,-50%) scale(1.12) rotate(-3deg)}30%{transform:translate(-50%,-50%) scale(1) rotate(0)}80%{opacity:1}to{transform:translate(-50%,-60%) scale(1.05);opacity:0}}@media(max-height:500px){.h-count{font-size:72px}.h-count.go{font-size:60px}.h-count small{font-size:15px}}.h-quit{pointer-events:auto;display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:9px;border:1px solid var(--line);background:#1d1636d9;color:#fff;font:inherit;font-size:13px;cursor:pointer}.h-quit:hover{border-color:#ff8a8a}.h-quit kbd{font:inherit;font-size:10px;color:var(--dim);border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:0 4px}.h-menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a061980;pointer-events:auto;animation:fade-in .2s}.hm-box{width:min(380px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;animation:pop-in .2s ease-out}.hm-title{font-size:20px;font-weight:600}.hm-info{margin:8px 0 14px;color:var(--dim);line-height:1.6;font-size:15px}.hm-info b{color:#fff}.hm-info b.bad{color:#ff8a8a}.hm-btns{display:flex;gap:8px}.hm-btns .btn{flex:1}.hm-hold{position:relative;overflow:hidden;border-color:#ff8a8a!important;color:#ffb3b3}.hm-hold i{position:absolute;left:0;top:0;bottom:0;width:0;background:#ff5a5a73}.hm-hold span{position:relative}.hm-hint{margin-top:10px;font-size:12px;color:var(--dim)}.ann{font-size:20px;font-weight:500;padding:6px 18px;border-radius:12px;background:#20183ee6;border:1px solid var(--line);text-align:center;animation:pop-in .25s ease-out;transition:opacity .5s}.ann.warn{background:#6e28a0eb}.ann.boss{background:linear-gradient(90deg,#b42814f2,#f07814f2);font-size:22px}.h-bar{position:absolute;left:50%;transform:translate(-50%);bottom:12px;display:flex;gap:8px;align-items:flex-end}.h-items{display:flex;gap:6px;background:var(--panel);border-radius:12px;padding:6px;border:1px solid var(--line)}.h-it{width:44px;height:44px;border-radius:9px;background:#ffffff14;display:flex;align-items:center;justify-content:center}.h-it img{width:36px;height:36px}.h-it.empty{border:1px dashed rgba(255,255,255,.18);background:transparent}.h-it.relic{outline:2px solid #ff7a3d}.h-slot{position:relative;width:66px;height:66px;border-radius:14px;border:2px solid var(--line);background:var(--panel);cursor:pointer;font-size:28px;display:flex;align-items:center;justify-content:center}.h-slot img{width:44px}.h-slot b{position:absolute;right:4px;bottom:2px;font-size:14px}.h-slot kbd{position:absolute;top:-9px;left:50%;transform:translate(-50%);font:inherit;font-size:10px;background:var(--ink);border-radius:5px;padding:0 5px;color:var(--dim)}.h-skill{width:86px;height:86px;background:conic-gradient(rgba(0,0,0,.55) calc(var(--p, 0) * 360deg),transparent 0),radial-gradient(circle,#7d5cff,#3a2a7a)}.h-skill.ready{border-color:var(--gold);box-shadow:0 0 16px #ffd23f99}.h-skill em{position:absolute;bottom:-18px;font-style:normal;font-size:11px;white-space:nowrap;color:var(--dim)}.h-cd{position:absolute;font-size:26px;font-weight:700;text-shadow:0 2px 4px #000}.h-skill2{background:conic-gradient(rgba(0,0,0,.55) calc(var(--p, 0) * 360deg),transparent 0),radial-gradient(circle,#ff7a5c,#8a2a3a)}.h-skill2.locked{filter:grayscale(1) brightness(.6)}.h-lock{display:none;position:absolute;font-size:13px;font-weight:700;background:#0009;padding:1px 6px;border-radius:6px}.h-skill2.locked .h-lock{display:block}.h-it.t2,.own.t2{outline:2px solid #c79bff;box-shadow:0 0 10px #c79bff80}.shop-tabs{display:flex;gap:6px;margin-bottom:10px}.shop-tabs .tab{flex:1;padding:8px;border-radius:10px;border:1px solid var(--line);background:#00000040;cursor:pointer;font-size:15px}.shop-tabs .tab.on{background:#8f6bff66;border-color:var(--accent)}.shop-tabs .dot{display:inline-block;min-width:20px;margin-left:4px;border-radius:10px;background:var(--primary);color:#3b1d00;font-size:12px}.shop-hint{font-size:13px;color:var(--dim);margin:-2px 0 8px}.sitem.t2{border-color:#c79bff66}.sitem.t2.ready{border-color:var(--gold);box-shadow:0 0 12px #ffd23f59}.recipe{display:flex;align-items:center;gap:4px;margin:2px 0}.recipe i{font-style:normal;color:var(--dim);font-size:12px}.recipe .rc{position:relative;display:inline-flex;align-items:center;font-size:11px;color:var(--good);opacity:.55}.recipe .rc.have{opacity:1}.recipe .rc img{width:24px!important;height:24px!important;padding:2px!important;border-radius:6px}.h-skill,.h-skill2{background:#1d1636}.h-skill-ic{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px)!important;height:calc(100% - 6px);border-radius:11px;pointer-events:none}.h-skill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none;background:conic-gradient(rgba(10,6,25,.68) calc(var(--p, 0) * 360deg),transparent 0)}.h-skill .h-cd,.h-skill .h-lock,.h-skill kbd{z-index:2}.h-blink{width:66px!important;height:66px!important}.tip-ic{width:22px;height:22px;vertical-align:-5px;border-radius:5px}.d-ic{width:22px;height:22px;vertical-align:-5px;border-radius:5px;margin-right:2px}.h-spec{position:absolute;bottom:110px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;background:var(--panel);padding:8px 12px;border-radius:12px;white-space:nowrap}.death{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a06198c;animation:fade-in .4s}@keyframes fade-in{0%{opacity:0}}.death-panel{text-align:center;width:min(400px,92vw);display:flex;flex-direction:column;gap:6px}.dp-skull{font-size:48px}.dp-title{font-size:26px;font-weight:700}.dp-sub{color:var(--dim)}.dp-place{font-size:32px;font-weight:700;color:var(--gold)}.dp-stats{color:var(--dim);font-size:14px}.dp-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.shop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a061959}.shop-panel{width:min(760px,94vw);max-height:86vh;overflow-y:auto;touch-action:pan-y}.shop-head{display:flex;align-items:center;gap:12px}.shop-head h2{margin:0;flex:1}.shop-gold{font-size:22px;font-weight:700;color:var(--gold)}.shop-warn{margin-top:8px;background:#c8283c59;border:1px solid rgba(255,90,90,.5);padding:6px 10px;border-radius:10px;font-size:14px}.shop-owned{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.own{background:#00000040;border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;text-align:center}.own img{width:40px}.own.empty{color:var(--dim);justify-content:center;min-height:92px;border:1px dashed var(--line);background:transparent}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.sitem{display:flex;gap:8px;align-items:center;background:#00000040;border:1px solid var(--line);border-radius:12px;padding:8px}.sitem.no{opacity:.75}.sitem img{width:44px;height:44px;background:#2b2540;border-radius:10px;padding:3px}.si-main{flex:1;display:flex;flex-direction:column;min-width:0}.si-main b{font-weight:500;font-size:15px}.si-stat{color:#a9c4ff;font-size:12px}.si-pas{color:var(--dim);font-size:12px;line-height:1.35}.touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.joy-zone{position:absolute;left:0;top:30%;bottom:0;width:45%;pointer-events:auto;touch-action:none}.joy-base{position:fixed;width:140px;height:140px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);left:40px;bottom:40px;display:flex;align-items:center;justify-content:center;opacity:.55}.joy-base.on{opacity:1}.joy-base:not(.on){left:40px!important;top:auto!important;bottom:40px}.joy-knob{width:62px;height:62px;border-radius:50%;background:#ffffff8c;border:2px solid #fff}.tbtn{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:#20183ebf;font-size:30px;display:flex;align-items:center;justify-content:center}.tbtn.down{transform:scale(.92);filter:brightness(1.3)}.t-attack{right:28px;bottom:34px;width:104px;height:104px;font-size:44px;background:#e04848b3}.t-skill{right:146px;bottom:30px;width:80px;height:80px;background:conic-gradient(#0009 calc(var(--p, 0) * 360deg),#6d4fc4cc 0)}.t-skill .cd{position:absolute}.t-skill2{right:216px;bottom:96px;width:68px;height:68px;background:conic-gradient(#0009 calc(var(--p, 0) * 360deg),#c44848d9 0)}.t-skill2.locked{filter:grayscale(1) brightness(.6)}.t-potion{right:132px;bottom:124px;width:58px;height:58px;font-size:24px}.t-blink{right:34px;bottom:152px;width:62px;height:62px;font-size:26px;background:#5a78e6bf}.t-potion .cnt{position:absolute;right:2px;bottom:0;font-size:13px}.t-shop{right:48px;bottom:152px;width:58px;height:58px;font-size:24px}body.in-game .hud.is-touch .h-bar .h-slot{display:none}body.in-game .hud.is-touch .h-bar{right:auto;left:50%;transform:translate(-50%);bottom:8px}body.in-game .hud.is-touch .h-items{padding:4px}body.in-game .hud.is-touch .h-it{width:34px;height:34px}body.in-game .hud.is-touch .h-it img{width:28px;height:28px}@media(max-width:820px){.sel-body{grid-template-columns:1fr}.roster{grid-template-columns:repeat(5,1fr)}.perk-list{grid-template-columns:repeat(2,1fr)}.res-me{grid-template-columns:repeat(3,1fr)}.h-left{width:220px}.h-card{padding:6px 8px 6px 6px}.h-portrait{width:44px;height:48px}.h-board{width:160px;font-size:12px}.h-mini{width:120px;height:120px}.ann{font-size:16px}}@media(max-height:500px){.screen{padding-top:12px}.home-hero{height:80px}.parade{height:76px!important}.h-board .hb-row:nth-child(n+5){display:none}.h-mini{width:90px;height:90px}.h-top{top:6px}.h-timer{font-size:16px}.h-banner{top:70px}.t-attack{width:88px;height:88px;bottom:20px;right:20px}.t-skill{right:122px;bottom:16px;width:68px;height:68px}.t-potion{right:110px;bottom:96px;width:50px;height:50px}.t-blink{right:26px;bottom:116px;width:52px;height:52px}.t-shop{right:34px;bottom:120px;width:50px;height:50px}}.h-gold b{display:inline-block;transition:transform .12s}.h-gold.bump b{transform:scale(1.45);color:#fff6a8}.h-exp .h-exp-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:translate(-100%);opacity:0}.h-exp.glow .h-exp-glow{animation:exp-sweep .6s ease-out}.h-exp.glow{box-shadow:0 0 10px #7cf0c8e6}@keyframes exp-sweep{0%{transform:translate(-100%);opacity:1}to{transform:translate(100%);opacity:0}}.h-fly{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.fly-coin{position:absolute;width:18px;height:18px;margin:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b8,#f2c14e 55%,#a8743a);box-shadow:0 0 6px #ffd23fcc}.fly-exp{position:absolute;width:14px;height:14px;margin:-7px;transform:rotate(45deg);background:#7cf0c8;box-shadow:0 0 8px #7cf0c8e6}.tip{position:fixed;z-index:30;max-width:260px;padding:10px 12px;border-radius:12px;pointer-events:none;background:#140e28f5;border:1px solid rgba(255,210,63,.5);box-shadow:0 8px 24px #00000080;font-size:13px;line-height:1.5;color:var(--text);animation:pop-in .12s ease-out}.tip-h{font-size:15px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:6px}.tip-h em{margin-left:auto;font-style:normal;font-size:11px;color:var(--dim);background:var(--ink);padding:0 6px;border-radius:5px}.tip-cd{color:#9fd3ff;font-size:12px}.tip-stat{color:#a9c4ff}.tip-dim{color:var(--dim);font-size:12px;margin-top:4px}.tip-lock{color:#ff9a8a;margin-top:4px}.tip-q{color:var(--gold);font-size:12px;margin-top:4px}.tip-tier{font-size:11px;padding:0 6px;border-radius:6px;background:#ffffff1f;color:var(--text)}.tip-tier.t2{background:#c79bff59}.shop-queue{background:#ffd23f14;border:1px dashed rgba(255,210,63,.45);border-radius:12px;padding:8px;margin-bottom:10px}.sq-title{font-size:14px;font-weight:500;margin-bottom:6px}.sq-title em{font-style:normal;font-size:12px;color:var(--dim);margin-left:6px}.sq-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sq{display:flex;align-items:center;gap:6px;background:#0000004d;border-radius:10px;padding:4px 6px;font-size:12px;min-height:44px}.sq img{width:30px;height:30px}.sq span{flex:1;display:flex;flex-direction:column;line-height:1.25}.sq span em{font-style:normal;color:var(--gold)}.sq>b{color:var(--gold)}.sq.empty{justify-content:center;color:var(--dim);border:1px dashed var(--line);background:transparent}.btn.queue{background:#ffd23f2e;border-color:#ffd23f99;color:var(--gold)}.btn.queued{opacity:.85!important;color:var(--gold)}.h-queue{display:flex;gap:4px;margin-left:6px;padding-left:6px;border-left:1px dashed var(--line)}.h-q{position:relative;width:34px;height:34px;border-radius:8px;border:1px dashed var(--gold);display:flex;align-items:center;justify-content:center;opacity:.85}.h-q img{width:26px;height:26px;filter:saturate(.6)}.h-q b{position:absolute;top:-6px;right:-4px;font-size:10px;background:var(--gold);color:var(--ink);border-radius:6px;padding:0 4px}.h-items{pointer-events:auto;align-items:center}@media(max-width:820px){.sq-list{grid-template-columns:1fr}}.guide-btn{width:min(520px,100%);background:#ffd23f24;border-color:#ffd23f80;color:var(--gold)}.guide{gap:10px}.g-top{width:min(1040px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.g-top h2{margin:0}.g-tabs{width:min(1040px,100%);display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:-24px;z-index:2;padding:6px;border-radius:12px;background:#241b46f7;box-shadow:0 6px 16px #00000059}@media(max-width:1240px){.g-top{padding-right:90px}.g-tabs .tab{min-width:84px;font-size:14px}}.g-tabs .tab{flex:1;min-width:100px;padding:8px;border-radius:10px;border:1px solid var(--line);background:#00000040;font-size:15px}.g-tabs .tab.on{background:#8f6bff66;border-color:var(--accent)}.g-body{width:min(1040px,100%)}.g-body h3{margin:16px 0 8px;font-size:17px;font-weight:500;color:var(--gold)}.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.g-grid.heroes{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.g-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.5}.g-hero{display:flex;gap:10px;align-items:center;margin-bottom:6px}.g-hero img{width:72px;aspect-ratio:160/170}.g-name{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.g-tag{font-size:11px;font-weight:500;padding:1px 8px;border-radius:99px;background:#8f6bff59}.g-tag.t1{background:#62e06f4d}.g-tag.t2{background:#ff9f1c59}.g-tag.t3{background:#ff5a5a66}.g-stars{display:grid;grid-template-columns:1fr 1fr;font-size:11px;color:var(--gold);letter-spacing:1px}.g-row{margin-top:6px}.g-row em{font-style:normal;font-size:11px;color:var(--dim)}.g-row.s1{background:#ffd23f14;border-radius:8px;padding:6px 8px}.g-row.s2{background:#ff5a5a14;border-radius:8px;padding:6px 8px}.g-item,.g-mon{display:flex;gap:10px;align-items:flex-start}.g-item>img{width:46px;height:46px;background:#2b2540;border-radius:10px;padding:3px;flex:none}.g-mon>img{width:64px;aspect-ratio:160/170;flex:none}.g-price{margin-left:auto;font-size:12px;font-weight:500;color:var(--gold)}.g-stat{color:#a9c4ff}.g-pas{color:var(--dim)}.g-recipe{margin-top:4px;font-size:12px;color:var(--text);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.g-recipe img{width:20px;height:20px}.g-perk .g-name{font-size:15px}.g-note{color:var(--dim);font-size:13px;margin:6px 0}.g-howto{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 16px 12px}.g-howto ul{margin:0;padding-left:20px;line-height:1.7;font-size:14px}.sq-parts{display:flex;gap:3px;margin-top:2px;font-style:normal}.sq-parts img{width:18px!important;height:18px!important;opacity:.35;filter:grayscale(1)}.sq-parts img.have{opacity:1;filter:none}.rt-items{white-space:nowrap}.res-table td.rt-items img{width:22px;height:22px;margin:0 1px 0 0;border-radius:5px;background:#2b2540}.res-table td.rt-items img.t2{outline:1.5px solid #c79bff}.res-table td.rt-items img.relic{outline:1.5px solid #ff7a3d}.res-table tr[data-pid]:hover td{background:#8f6bff2e}.pod[data-pid]{cursor:pointer}.pcard{position:fixed;z-index:30;width:300px;padding:12px;border-radius:14px;pointer-events:none;background:#140e28f7;border:1px solid rgba(255,210,63,.5);box-shadow:0 10px 28px #0000008c;font-size:13px}.pcard.hidden{display:none}.pc-head{display:flex;gap:10px;align-items:center}.pc-head img{width:56px;aspect-ratio:160/170}.pc-name{font-size:16px;font-weight:700;color:var(--gold)}.pc-name i{font-style:normal;font-size:10px;color:var(--dim);background:#ffffff1a;padding:0 5px;border-radius:5px}.pc-sub{color:var(--text);font-size:12px}.pc-sub em{font-style:normal;color:var(--dim)}.pc-items{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.pc-it{display:flex;gap:6px;align-items:center;background:#0000004d;border-radius:9px;padding:4px 6px}.pc-it img{width:30px;height:30px}.pc-it span{display:flex;flex-direction:column;line-height:1.2;min-width:0}.pc-it b{font-weight:500;font-size:12px}.pc-it em{font-style:normal;font-size:10px;color:#a9c4ff}.pc-it.t2{outline:1.5px solid #c79bff}.pc-it.empty{justify-content:center;color:var(--dim);border:1px dashed var(--line);background:transparent;min-height:40px}.pc-relic{margin-top:6px;display:flex;align-items:center;gap:6px;color:#ffb38a}.pc-relic img{width:22px}.pc-stats{display:flex;justify-content:space-between;margin-top:8px;color:var(--dim)}.pc-stats b{color:var(--text)}.pc-fate{margin-top:6px;font-size:12px;color:var(--dim)}.home-btns{display:flex;gap:8px;width:min(520px,100%)}.home-btns .guide-btn{flex:1;width:auto}.wd-btn{background:#8f6bff2e;border-color:#8f6bff99;color:#d6c8ff}.res-me{grid-template-columns:repeat(6,1fr)}.res-me .stars-got b{color:var(--gold)}.wardrobe{padding:16px;gap:12px}.wd-top{display:flex;align-items:center;gap:12px;width:min(1000px,100%);padding-right:96px;box-sizing:border-box}.wd-top h2{flex:1;margin:0}.wd-stars{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 12px;color:var(--gold)}.wd-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;width:min(1000px,100%)}.wd-heroes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-content:start;max-height:70vh;overflow:auto}.wd-h{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:10px;border:1px solid var(--line);background:#00000040;color:inherit;font:inherit;font-size:11px;cursor:pointer}.wd-h img{width:44px;height:48px;object-fit:contain}.wd-h.on{border-color:var(--gold);background:#ffd23f26}.wd-main{display:flex;flex-direction:column;gap:10px}.wd-name b{font-size:20px}.wd-name em{font-style:normal;color:var(--dim);margin-left:6px}.wd-stage{position:relative;height:300px;border-radius:14px;background:radial-gradient(ellipse at 50% 85%,#6fbf5a 0,#6fbf5a 30%,#86cc6e 31%);display:flex;align-items:center;justify-content:center}.wd-big{height:270px;filter:drop-shadow(0 8px 0 rgba(0,0,0,.15))}.wd-views{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px}.wd-views button{border:0;border-radius:8px;padding:4px 10px;background:#1d163699;color:#fff;font:inherit;font-size:13px;cursor:pointer}.wd-views button.on{background:#1d1636f2;outline:2px solid var(--gold)}.wd-skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.wd-s{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;border-radius:12px;border:2px solid var(--line);background:#00000040;color:inherit;font:inherit;cursor:pointer;text-align:center}.wd-s img{height:80px}.wd-s b{font-size:14px}.wd-s b i{font-style:normal;font-size:11px;color:#c9a7ff}.wd-s em{font-style:normal;font-size:11px;color:var(--dim)}.wd-s .on{color:var(--good)}.wd-s .eq{color:#fff}.wd-s .buy{color:var(--gold)}.wd-s .buy.poor{color:var(--bad)}.wd-s .lock{color:#c9a7ff;font-size:12px}.wd-s.on{border-color:var(--good)}.wd-s.pv{box-shadow:0 0 0 2px var(--gold)}.wd-s.locked img{filter:saturate(.8)}.wd-hint{font-size:12px;color:var(--dim)}@media(max-width:760px){.wd-body{grid-template-columns:1fr}.wd-heroes{grid-template-columns:repeat(5,1fr);max-height:180px}.wd-stage{height:220px}.wd-big{height:200px}}.draft{gap:10px;padding:12px}.dr-top{display:flex;align-items:center;gap:12px;width:min(1100px,100%);padding-right:96px;box-sizing:border-box}.dr-title{flex:1;display:flex;flex-direction:column}.dr-title b{font-size:20px}.dr-title span{font-size:13px;color:var(--dim)}.dr-timer b{font-size:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px 12px}.dr-timer b.hurry{color:#ff6a4d;border-color:#ff6a4d}.dr-timer b.go{color:var(--gold)}.dr-seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;width:min(1100px,100%)}.dr-seat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px;text-align:center;font-size:12px;display:flex;flex-direction:column;align-items:center}.dr-seat.me{border-color:var(--gold)}.dr-seat.locked{background:#62e06f1f;border-color:#62e06f99}.dr-seat.me.locked{border-color:var(--gold)}.dr-pic{width:44px;height:46px;display:grid;place-items:center}.dr-pic img{height:46px}.dr-pic span{font-size:22px;color:var(--dim)}.dr-seat:not(.locked) .dr-pic img{opacity:.55}.dr-seat b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dr-seat em{font-style:normal;font-size:10.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dr-seat.locked em{color:var(--good)}.dr-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;width:min(1100px,100%)}.dr-roster{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))!important;align-content:start}.dr-roster .hero{position:relative}.dr-roster .hero.gone{filter:grayscale(1) brightness(.55);cursor:not-allowed}.dr-roster .hero .taken{position:absolute;left:2px;right:2px;top:38%;font-style:normal;font-size:10px;background:#000000b3;border-radius:6px;color:#fff}.dr-roster .hero .taken:empty{display:none}.dr-side{display:flex;flex-direction:column;gap:8px}.dr-hero{display:flex;gap:10px;align-items:center}.dr-big{height:130px}.dr-sk{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;margin-top:4px;line-height:1.35}.dr-sk img{width:24px;height:24px;border-radius:6px;flex:none}.dr-sk b{white-space:nowrap}.dr-sk span{color:var(--dim)}.dr-skin{font-size:12px;color:#d6c8ff;margin-top:4px}.dr-sets{display:flex;flex-direction:column;gap:8px}.dr-sets .opt-label{display:flex;justify-content:space-between;margin:0}.dr-sets .opt-label span{font-size:11px;color:var(--dim)}.set{all:unset;display:block;cursor:pointer;border-radius:14px;padding:8px 10px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:2px solid rgba(255,255,255,.1)}.set:hover{border-color:color-mix(in srgb,var(--c, #fff) 60%,transparent)}.set.on{border-color:var(--c, var(--gold));background:linear-gradient(135deg,color-mix(in srgb,var(--c, #fff) 22%,transparent),#ffffff08);box-shadow:0 0 16px color-mix(in srgb,var(--c, #fff) 40%,transparent)}.set.none{text-align:center;font-size:13px;color:var(--dim);border-style:dashed;padding:6px}.set-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.set-ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 30%,#1d1636);font-size:16px}.set-head b{font-size:15px;display:block;line-height:1.1}.set-head em{font-style:normal;font-size:11px;color:var(--dim)}.best{margin-left:4px;font-size:10.5px;background:var(--gold);color:#3b1d00;border-radius:6px;padding:0 6px;font-weight:600}.check{margin-left:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;color:transparent;font-weight:700}.set.on .check{background:var(--c);color:#1b1530}.path{display:flex;align-items:flex-start;gap:2px}.arr{font-style:normal;color:#8f86b8;font-size:20px;margin-top:12px}.step{flex:1;min-width:0;text-align:center}.slot{position:relative;width:50px;height:50px;margin:0 auto;border-radius:11px;background:radial-gradient(circle at 35% 30%,#4a3a8a,#241a4a);border:2px solid #6d5ab8;display:grid;place-items:center}.slot.t2{border-color:#c79bff;box-shadow:0 0 10px #c79bff80,inset 0 0 8px #c79bff4d}.slot img{width:38px;height:38px}.num{position:absolute;top:-6px;left:-6px;width:17px;height:17px;border-radius:50%;background:var(--c);color:#1b1530;font-size:10.5px;font-weight:600;display:grid;place-items:center}.rec{display:flex;justify-content:center;align-items:center;gap:1px;margin-top:3px;height:20px;font-size:10px;color:#8f86b8}.rec .mini{background:#0000004d;border-radius:5px;padding:1px;display:inline-flex}.rec .mini img{width:16px;height:16px}.nm{font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-perks .perk-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dr-perks .perk span{font-size:11px}.dr-perks .opt-label{margin-top:0}.dr-lock{width:min(420px,100%)}.dr-lock:disabled{opacity:.7;filter:saturate(.6);cursor:default}.dr-toast{position:fixed;left:50%;top:18%;transform:translate(-50%);background:#e04848f2;padding:10px 16px;border-radius:12px;font-size:15px;z-index:50}@media(max-width:820px){.dr-body{grid-template-columns:1fr}.dr-seats{grid-template-columns:repeat(5,1fr)}}.dr-sets{gap:5px;padding:8px 10px}.set{padding:5px 8px;border-radius:11px;border-width:1.5px}.set.on{box-shadow:0 0 10px color-mix(in srgb,var(--c, #fff) 35%,transparent)}.set.none{padding:4px;font-size:12px}.set-head{gap:6px;margin-bottom:3px}.set-ico{width:20px;height:20px;border-radius:6px;font-size:12px}.set-head>div{display:flex;align-items:baseline;flex-wrap:wrap}.set-head b{font-size:13px;display:inline}.set-head em{font-size:10.5px;margin-left:6px}.best{font-size:9.5px;padding:0 5px}.check{width:17px;height:17px;font-size:11px}.arr{font-size:15px;margin-top:7px}.slot{width:34px;height:34px;border-radius:8px;border-width:1.5px}.slot.t2{box-shadow:0 0 6px #c79bff80,inset 0 0 5px #c79bff4d}.slot img{width:26px;height:26px}.num{width:13px;height:13px;font-size:8.5px;top:-4px;left:-4px}.dr-sets .rec{display:none}.dr-sets .nm{font-size:10px;margin-top:2px}.dr-lock{position:sticky;bottom:10px;z-index:5;box-shadow:0 6px 20px #00000073}.sitem{position:relative}.si-code{position:absolute;top:-6px;left:-6px;min-width:22px;padding:1px 4px;border-radius:7px;background:#1b1530;border:1.5px solid var(--gold);color:var(--gold);font:600 11px/1.2 inherit;text-align:center;z-index:1}.sitem.t2 .si-code{border-color:#c79bff;color:#e2ccff}.sitem.flash{animation:si-flash .6s ease-out}@keyframes si-flash{0%{box-shadow:0 0 0 3px var(--gold)}to{box-shadow:0 0 0 0 transparent}}.shop-code{font-size:12px;color:var(--dim);background:#0000004d;border:1px dashed var(--line);border-radius:8px;padding:3px 8px;cursor:help}.shop-code.typing{color:var(--gold);border-color:var(--gold);border-style:solid;font-weight:600}.home-grid,.home-left,.home-right{display:contents}@media(min-width:1000px)and (min-height:560px){.screen.home{justify-content:safe center;padding:20px 32px}.home-grid{display:grid;grid-template-columns:minmax(0,470px) minmax(0,560px);gap:clamp(40px,6vw,96px);align-items:center;width:100%;max-width:1180px}.home .logo{font-size:clamp(44px,4.6vw,66px)}.home-left,.home-right{display:flex;flex-direction:column;align-items:center;gap:12px}.home-left>*,.home-right>*{width:100%}.home-hero{height:120px;margin-top:0}.home .room-panel h2{margin-bottom:4px}.home .room-panel .opt-label{margin:8px 0 5px}.home .room-panel .opt{padding:9px 6px}.home .room-panel #go{margin-top:14px}.home .howto{font-size:12.5px}}.dr-seat{position:relative}.dr-no{position:absolute;top:3px;left:4px;font-size:10.5px;font-weight:600;color:var(--dim);background:#00000059;border-radius:6px;padding:0 5px}.dr-seat.turn{border-color:var(--gold);background:#ffd23f24;box-shadow:0 0 14px #ffd23f73;animation:dr-turn 1s ease-in-out infinite}.dr-seat.turn .dr-no{background:var(--gold);color:#3b1d00}.dr-seat.turn em{color:var(--gold)}@keyframes dr-turn{50%{box-shadow:0 0 22px #ffd23fb3}}.dr-lock.my-turn{animation:dr-turn .8s ease-in-out infinite}.dr-lock:disabled:not(.my-turn){font-size:16px}.dr-timer{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none}.dr-timer b{white-space:nowrap}.dr-timer small{font-size:11px;color:var(--dim);white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.dr-title{min-width:0}.h-perk{border-radius:50%;width:58px;height:58px;background:radial-gradient(circle,rgba(155,231,255,.18),var(--panel) 70%);border-color:#9be7ff73;margin-right:4px}.h-perk img{width:50px;filter:drop-shadow(0 0 6px rgba(155,231,255,.55))}.h-perk em{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-style:normal;font-size:10.5px;white-space:nowrap;color:#c9f4ff;text-shadow:0 1px 2px #000}body.in-game .hud:not(.is-touch) .h-slot.h-perk{width:50px;height:50px}body.in-game .hud:not(.is-touch) .h-slot.h-perk img{width:44px}.tip-ic.round{border-radius:50%}.dr-mid{display:flex;flex-direction:column;gap:8px;min-width:0}.dr-perks .opt-label{display:flex;justify-content:space-between;margin:0 0 6px}.dr-perks .opt-label span{font-size:11px;color:var(--dim)}.pk-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.pk{all:unset;cursor:pointer;text-align:center;border:1.5px solid transparent;border-radius:10px;padding:3px 1px;background:#0003}.pk:hover{border-color:#ffffff40}.pk img{width:40px;height:40px;display:block;margin:0 auto}.pk b{display:block;font-weight:500;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk.on{border-color:var(--gold);background:#ffd23f26;box-shadow:0 0 10px #ffd23f66}.pk-info{display:flex;gap:8px;align-items:center;margin-top:6px;background:#0000004d;border:1px solid rgba(255,210,63,.5);border-radius:10px;padding:5px 8px}.pk-info img{width:36px;height:36px;flex:none}.pk-info b{display:block;color:var(--gold);font-weight:500}.pk-info span{color:var(--dim);font-size:12px;line-height:1.3}@media(min-width:821px){.dr-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.dr-sets{grid-column:2}}@media(min-width:1000px)and (min-height:560px){.screen.draft{gap:8px;padding:10px 16px;justify-content:safe center}.draft .dr-top,.draft .dr-seats,.draft .dr-body{width:min(1500px,100%)}.dr-title b{font-size:18px}.dr-timer b{font-size:18px;padding:2px 10px}.dr-seats{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.dr-seat{flex-direction:row;gap:4px;padding:2px 6px 2px 18px;height:38px;text-align:left;align-items:center}.dr-seat .dr-pic{width:30px;height:34px;flex:none}.dr-seat .dr-pic img{height:34px}.dr-seat .dr-pic span{font-size:16px}.dr-seat>b{font-size:11px;flex:1;min-width:0}.dr-seat em{display:none}.dr-no{top:50%;transform:translateY(-50%);left:3px}.dr-body{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr);align-items:start}.dr-sets{grid-column:auto}.dr-roster{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px}.dr-roster .hero{padding:2px 2px 3px;border-radius:9px;border-width:1.5px}.dr-roster .hero img{max-width:52px}.dr-roster .hero span{font-size:11px;line-height:1.2}.dr-roster .hero em{display:none}.dr-hero{padding:8px 10px}.dr-big{height:100px}.dr-hero .d-name{font-size:18px}.dr-sk{font-size:11.5px;margin-top:3px}.dr-sk img{width:20px;height:20px}.dr-perks{padding:8px 10px}.pk img{width:34px;height:34px}.pk b{display:none}.dr-sets{padding:8px 10px}.draft .dr-lock.btn{width:min(460px,100%);padding:9px 20px;font-size:17px}}.settings-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0a06189e;display:grid;place-items:center;padding:16px}.settings{width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.st-head{display:flex;justify-content:space-between;align-items:center}.st-head h2{margin:0}.st-sec{margin-top:12px}.st-sec h3{margin:0 0 8px;font-size:16px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.st-row{display:grid;grid-template-columns:130px 1fr 48px;gap:10px;align-items:center;margin:6px 0}.st-row b{text-align:right;font-weight:500}.st-row input{accent-color:var(--gold);width:100%}.st-q{grid-template-columns:1fr 1fr}.st-note{font-size:12px;color:var(--dim);margin-top:6px;line-height:1.4}.st-keys{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.st-key{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.st-key .btn{min-width:76px}.st-key .btn.wait{border-color:var(--gold);color:var(--gold);animation:dr-turn 1s infinite}@media(max-width:520px){.st-keys{grid-template-columns:1fr}.st-row{grid-template-columns:100px 1fr 42px}}.mvp-tag{font-size:11px;background:linear-gradient(#ffe680,#f2a93b);color:#3b1d00;border-radius:6px;padding:0 6px;font-weight:600;white-space:nowrap;vertical-align:middle}.res-killer{width:min(760px,100%);border-color:#ff5a5a73;background:linear-gradient(135deg,rgba(120,20,40,.35),var(--panel))}.rk-title{font-size:15px;color:#ffb3b3;margin-bottom:6px}.rk-body{display:flex;gap:12px;align-items:center}.rk-pic{height:84px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.3))}.rk-name{font-size:18px;font-weight:600}.rk-sub{font-size:13px;color:var(--dim);margin:2px 0 6px}.rk-items{display:flex;gap:5px;flex-wrap:wrap}.rk-items img{width:36px;height:36px;border-radius:8px;background:#2b2540;padding:2px;border:1.5px solid #6d5ab8}.rk-items img.t2{border-color:#c79bff}.rk-items em{color:var(--dim);font-size:12px}.rk-tip{margin-top:8px;font-size:12.5px;color:var(--dim)}.res-me{width:min(760px,100%);grid-template-columns:repeat(4,1fr)}.hero.m-bronze{border-color:#c98a52;box-shadow:inset 0 0 0 1px #c98a5288}.hero.m-silver{border-color:#d6dde8;box-shadow:inset 0 0 0 1px #d6dde888,0 0 6px #d6dde855}.hero.m-gold{border-color:#ffd23f;box-shadow:inset 0 0 0 1px #ffd23f88,0 0 10px #ffd23f66}.hero.m-legend{border-color:transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,#ff7ad1,#ffd23f,#5fd3c4,#8f6bff) border-box;box-shadow:0 0 12px #ff7ad166}.hero.on.m-bronze,.hero.on.m-silver,.hero.on.m-gold,.hero.on.m-legend{outline:2px solid var(--gold);outline-offset:1px}.hero{position:relative}.m-lv{position:absolute;top:3px;right:3px;text-decoration:none;font-size:10px;font-weight:600;min-width:16px;height:16px;line-height:16px;border-radius:8px;background:#1b1530;border:1px solid var(--gold);color:var(--gold);text-align:center}.res-mastery{width:min(760px,100%);display:flex;gap:12px;align-items:center}.rm-pic{position:relative;width:70px;height:74px;border-radius:14px;border:2.5px solid var(--line);display:grid;place-items:center;background:#00000040;flex:none}.rm-pic img{height:66px}.rm-pic span{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#1b1530;border:2px solid var(--gold);color:var(--gold);font-weight:700;font-size:13px;display:grid;place-items:center}.rm-pic.m-bronze{border-color:#c98a52}.rm-pic.m-silver{border-color:#d6dde8}.rm-pic.m-gold{border-color:#ffd23f;box-shadow:0 0 12px #ffd23f66}.rm-pic.m-legend{border-color:transparent;background:linear-gradient(#2a1f55,#2a1f55) padding-box,linear-gradient(135deg,#ff7ad1,#ffd23f,#5fd3c4,#8f6bff) border-box}.rm-main{flex:1;min-width:0}.rm-title{font-size:15px}.rm-title em{font-style:normal;font-size:12px;color:var(--gold)}.rm-title b{color:var(--good);font-weight:500;margin-left:4px}.rm-bar{height:9px;border-radius:6px;background:#ffffff1a;overflow:hidden;margin:6px 0 4px}.rm-bar i{display:block;height:100%;background:linear-gradient(90deg,#8f6bff,#ffd23f);border-radius:6px}.rm-sub{font-size:12px;color:var(--dim)}.screen.results>*{flex-shrink:0}.res-cards{width:min(900px,100%)}.rc-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rc-rest{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:6px;margin-top:8px}.rc{position:relative;display:flex;gap:8px;align-items:center;min-width:0;background:var(--panel);border:1.5px solid var(--line);border-radius:13px;padding:6px 8px 6px 30px}.rc.big{flex-direction:column;text-align:center;padding:10px 8px}.rc.big .rc-main{align-items:center}.rc.big .rc-pic{height:74px}.rc.p1{border-color:var(--gold);background:linear-gradient(160deg,rgba(255,210,63,.22),var(--panel) 70%);box-shadow:0 0 16px #ffd23f4d}.rc.p2{border-color:#d6dde8;background:linear-gradient(160deg,rgba(214,221,232,.16),var(--panel) 70%)}.rc.p3{border-color:#c98a52;background:linear-gradient(160deg,rgba(201,138,82,.2),var(--panel) 70%)}.rc.me{outline:2px solid var(--good);outline-offset:1px}.rc-rank{position:absolute;left:7px;top:6px;font-size:15px;font-weight:600;color:var(--dim)}.rc.big .rc-rank{font-size:24px;left:8px;top:4px}.rc-pic{height:40px;flex:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.rc-main{display:flex;flex-direction:column;gap:2px;min-width:0}.rc-main b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rc-main em{font-style:normal;font-size:11.5px;color:var(--dim)}.rc-pk{width:16px;height:16px;vertical-align:-3px}.you-tag{font-size:10px;background:var(--good);color:#103b14;border-radius:5px;padding:0 5px;vertical-align:middle}.rc-bot{font-style:normal;font-size:9px;color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:0 3px;vertical-align:middle}.rc-items{display:flex;gap:2px}.rc-it{width:24px;height:24px;border-radius:6px;background:#2b2540;padding:1px;border:1.5px solid #6d5ab8;display:inline-block}.rc-it.t2{border-color:#c79bff;box-shadow:0 0 4px #c79bff80}.rc-it.relic{border-color:#ff7a3d}.rc-it.empty{border-style:dashed;border-color:#ffffff26;background:transparent}.rc-chips{display:flex;gap:4px;flex-wrap:wrap}.rc.big .rc-chips{justify-content:center}.rc-chips span{font-size:11px;background:#0000004d;border-radius:6px;padding:0 5px;color:#d6ccff}.rc-chips b{color:#fff;font-weight:500}.rc-fate{font-size:11px;color:var(--dim)}@media(max-width:640px){.rc-top,.rc-rest{grid-template-columns:1fr}.rc.big{flex-direction:row;text-align:left;padding:8px 8px 8px 32px}.rc.big .rc-pic{height:52px}.rc.big .rc-main{align-items:flex-start}.rc.big .rc-chips{justify-content:flex-start}}.screen.login{padding:0;gap:0;justify-content:safe center}.lg-wrap{width:100%;min-height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.lg-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(255,210,63,.18),transparent 60%),linear-gradient(160deg,#3a2a7a,#1d1640)}.lg-par{display:flex;align-items:flex-end;gap:2px}.lg-par img{height:110px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35));animation:hop 1.6s ease-in-out infinite}.lg-par .p1,.lg-par .p3{height:124px;animation-delay:.2s}.lg-par .p2{height:144px;animation-delay:.4s}.lg-logo{margin:0;font-size:clamp(36px,5vw,60px);font-weight:700;text-shadow:0 5px 0 var(--ink)}.lg-logo span{color:var(--gold)}.lg-perks{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px}.lg-perks li{background:#00000040;border:1px solid var(--line);border-radius:10px;padding:5px 14px;font-size:15px}.lg-form{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:28px clamp(18px,4vw,56px);background:#20183eeb}.lg-form>*,.lg-form form>*{width:100%;max-width:420px}.lg-form form{display:flex;flex-direction:column;gap:8px}.lg-h{font-size:28px;font-weight:700}.lg-sub{margin:-4px 0 4px;color:var(--dim);font-size:14px}.lg-sub b{color:var(--gold);font-weight:500}.lg-dev{font-size:12.5px;color:#ffd08a;background:#ff9f1c1f;border:1px dashed rgba(255,159,28,.5);border-radius:10px;padding:6px 10px}.lg-note{font-size:13px;color:#c9f4ff;background:#5fb8ff1f;border-radius:10px;padding:6px 10px}.lg-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:11px;padding:11px;font:500 16px Kanit,sans-serif;cursor:pointer}.lg-google:hover{background:#f4f6fb}.lg-mail{display:flex;align-items:center;justify-content:center;gap:10px;background:#3a2d7a;color:#fff;border:1px solid var(--accent);border-radius:11px;padding:11px;font:500 16px Kanit,sans-serif;cursor:pointer}.lg-mail:hover{filter:brightness(1.15)}.lg-or{display:flex;align-items:center;gap:8px;color:#8f86b8;font-size:12.5px}.lg-or:before,.lg-or:after{content:"";flex:1;height:1px;background:var(--line)}.lg-guest{background:transparent;border:1.5px dashed rgba(255,255,255,.25);border-radius:11px;padding:9px;color:#d6ccff;font:500 15px Kanit,sans-serif;cursor:pointer}.lg-guest em{display:block;font-style:normal;font-size:11.5px;color:#8f86b8}.lg-guest:hover{border-color:var(--gold)}.lg-err{display:none;font-size:13px;color:#ffb3b3;background:#e0484826;border:1px solid rgba(224,72,72,.45);border-radius:9px;padding:6px 10px}.lg-err.on{display:block}.lg-err.ok{color:#b8f7c0;background:#62e06f1f;border-color:#62e06f80}.lg-tiny{font-size:11.5px;color:#8f86b8;text-align:center;margin:4px 0 0}.lg-tiny a{color:#c9bfff;text-decoration:underline}.lg-tiny a:hover{color:var(--gold)}.lg-back,.lg-link{all:unset;cursor:pointer;color:#9fd8ff;font-size:13.5px;width:auto!important}.lg-back:hover,.lg-link:hover{text-decoration:underline}.lg-seg{display:grid;grid-template-columns:1fr 1fr;background:#0000004d;border-radius:11px;padding:3px}.lg-seg button{all:unset;cursor:pointer;text-align:center;padding:7px;border-radius:9px;color:var(--dim);font-size:14.5px}.lg-seg button.on{background:#5a3aa8;color:#fff;font-weight:500}.lg-fld{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--dim);min-width:0}.lg-fld input{font:inherit;font-size:16px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#00000059;color:var(--text);-webkit-user-select:text;user-select:text;min-width:0}.lg-fld input:focus{outline:2px solid var(--accent);border-color:transparent}.lg-fld em{font-style:normal;font-size:11.5px}.lg-fld em.good{color:var(--good)}.lg-fld em.bad{color:#ff9a8a}.lg-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lg-row{display:flex;justify-content:space-between;align-items:center}.lg-cta{border:0;border-radius:12px;padding:12px;font:600 18px Kanit,sans-serif;color:#3b1d00;background:linear-gradient(180deg,var(--primary-2),var(--primary));box-shadow:0 4px #b86a00;cursor:pointer}.lg-cta:disabled,.lg-google:disabled,.lg-ghost:disabled{opacity:.65;cursor:default}.lg-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:11px;padding:9px;color:#d6ccff;font:15px Kanit,sans-serif;cursor:pointer}.lg-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.lg-big{font-size:56px}.lg-mig{display:flex;align-items:center;gap:8px}.lg-mig>div{flex:1;background:#0000004d;border:1px solid var(--line);border-radius:11px;padding:9px;display:flex;flex-direction:column;font-size:13px;color:var(--dim)}.lg-mig b{color:#fff;font-weight:500}.lg-mig .acc{border-style:dashed}.lg-mig i{font-style:normal;color:var(--gold);font-size:22px}@media(max-width:860px){.lg-wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr}.lg-art{padding:16px 12px 12px;gap:4px}.lg-par img{height:64px}.lg-par .p1,.lg-par .p3{height:72px}.lg-par .p2{height:84px}.lg-par .p0,.lg-par .p4,.lg-perks{display:none}.lg-logo{font-size:34px}.lg-form{justify-content:flex-start;align-items:center;padding:16px 18px 28px}.lg-h{font-size:23px}.lg-two{grid-template-columns:1fr}}.acct-chip{position:absolute;top:10px;left:10px;z-index:6;width:min(300px,calc(100% - 150px))}.ac-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;background:#20183eeb;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:5px 10px 5px 5px}.ac-btn.guest{cursor:default}.ac-btn>div{flex:1;min-width:0}.ac-btn b{display:block;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-btn em{font-style:normal;font-size:11px;color:var(--dim);display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden}.ac-btn em svg{width:11px;height:11px;flex:none}.ac-av{width:36px;height:36px;border-radius:50%;background:#3a2d7a;display:grid;place-items:center;overflow:hidden;flex:none;font-size:18px}.ac-av img{height:46px;margin-top:12px}.ac-caret{color:var(--dim)}.ac-cta{border:0;border-radius:9px;padding:5px 9px;font:600 12.5px Kanit,sans-serif;color:#3b1d00;background:linear-gradient(180deg,var(--primary-2),var(--primary));cursor:pointer;white-space:nowrap}.ac-menu{margin-top:5px;background:#20183efa;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:4px;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.ac-menu button{all:unset;cursor:pointer;padding:7px 10px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:6px}.ac-menu button:hover{background:#ffffff12}.ac-menu button svg{width:15px;height:15px}.ac-menu .out{color:#ff8a8a}.ac-mail{font-size:11.5px;color:#8f86b8;padding:4px 10px 2px;overflow:hidden;text-overflow:ellipsis}@media(max-width:999px){.screen.home{padding-top:64px}}.lg-back{align-self:flex-start}.screen>*,.home-left>*,.home-right>*{flex-shrink:0}@media(min-width:1000px)and (min-height:560px){.screen.home{padding-top:68px}}@media(min-width:1000px)and (min-height:560px){.screen.home{padding-top:64px;padding-bottom:12px}.home .home-hero{height:92px}.home .parade{height:86px}.home .parade.p1{height:92px}.home .parade.p2{height:96px}.home .parade.p3{height:90px}.home .home-left,.home .home-right{gap:10px}}.opts.two{grid-template-columns:1fr 1fr}.opt.mode{position:relative;align-items:flex-start;text-align:left;padding:9px 10px}.opt.mode b{font-size:16px;font-weight:600}.opt.mode em{color:var(--dim)!important;font-size:11.5px}.opt.mode .new{position:absolute;top:-8px;right:8px;text-decoration:none;font-size:10px;background:#ff5a5a;color:#fff;border-radius:6px;padding:0 6px}.team-info{display:none;margin-top:10px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:8px;text-align:center;flex-direction:column;gap:2px}.team-info em{font-style:normal;font-size:12px;color:var(--dim)}.ti-row{display:flex;justify-content:center;gap:12px}.ti-row span{display:flex;gap:3px}.ti-row i{width:13px;height:13px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c)}.room-panel.is-team .solo-only{display:none}.room-panel.is-team .team-only{display:flex}.map-lock{display:none;text-decoration:none;font-size:11px;background:#ffd23f26;border:1px solid var(--gold);color:var(--gold);border-radius:6px;padding:0 6px;margin-left:4px}.room-panel.map-locked .map-lock{display:inline}.room-panel.map-locked .maps .opt:disabled{opacity:.35;filter:grayscale(1)}@media(min-width:1000px)and (min-height:560px){.home .room-panel .opt.mode{padding:7px 10px}.home .map-desc{min-height:0}}.dr-seats.teams{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dr-team{border:1.5px solid color-mix(in srgb,var(--c) 55%,transparent);border-radius:13px;padding:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,transparent),var(--panel));display:flex;flex-direction:column;gap:4px;min-width:0}.dr-team.mine{border-width:2.5px;box-shadow:0 0 14px color-mix(in srgb,var(--c) 50%,transparent)}.dt-h{font-weight:600;font-size:14px;color:var(--c)}.dt-h u{text-decoration:none;font-size:10px;background:var(--c);color:#14102a;border-radius:5px;padding:0 5px}.dr-seats.teams .dr-seat{flex-direction:row;gap:4px;padding:2px 6px 2px 18px;height:40px;text-align:left;align-items:center}.dr-seats.teams .dr-seat .dr-pic{width:30px;height:34px;flex:none}.dr-seats.teams .dr-seat .dr-pic img{height:34px}.dr-seats.teams .dr-seat>b{flex:1;min-width:0;font-size:11.5px}.dr-seats.teams .dr-seat em{font-size:10px}.dr-seats.teams .dr-no{top:50%;transform:translateY(-50%);left:3px}.dr-hint{width:min(1500px,100%);font-size:13px;background:#5fb8ff1f;border:1px solid rgba(95,184,255,.4);border-radius:10px;padding:6px 10px}.dr-hint b{color:#9fd8ff;font-weight:500}@media(max-width:820px){.dr-seats.teams{grid-template-columns:1fr 1fr}.dr-seats.teams .dr-seat em{display:none}}.h-mates{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:5px 7px;display:flex;flex-direction:column;gap:3px;pointer-events:auto}.h-mates.hidden{display:none}.hm-h{font-size:11.5px;font-weight:500}.hm{display:flex;align-items:center;gap:6px}.hm img{height:30px;width:28px;object-fit:contain}.hm span{flex:1;min-width:0}.hm b{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm em{font-style:normal;font-size:11px;color:var(--dim)}.hm-hp{height:6px;border-radius:4px;background:#ffffff1f;overflow:hidden}.hm-hp i{display:block;height:100%}.hm.down img{filter:grayscale(1) brightness(.6)}.hm-soul{font-size:10.5px;color:var(--gold)}.hm-soul.out{color:#ff9a8a}.hb-row.team .hb-dot{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none;align-self:center}.hb-row.team b{color:var(--c)}.hb-row.team.out{opacity:.5}.hb-row.team.out b{text-decoration:line-through}.hb-row.team{grid-template-columns:22px 10px 1fr auto}.res-teams{width:min(900px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rt{position:relative;border:1.5px solid color-mix(in srgb,var(--c) 60%,transparent);border-radius:14px;padding:8px 6px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 18%,transparent),var(--panel) 60%);display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;min-width:0}.rt.p1{border-width:2.5px;box-shadow:0 0 18px color-mix(in srgb,var(--c) 45%,transparent)}.rt.me{outline:2px solid var(--good);outline-offset:2px}.rt-rank{font-size:26px;line-height:1}.rt-name{font-weight:600;color:var(--c)}.rt-mem{display:flex;gap:2px;justify-content:center;width:100%}.rt-mem div{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.rt-mem img{height:48px}.rt-mem b{font-weight:500;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rt-st{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.rt-st span{font-size:11px;background:#0000004d;border-radius:6px;padding:0 6px}.rt-rp{font-weight:600;color:var(--gold)}.rt-rp em{font-style:normal;font-size:10px;color:var(--dim);font-weight:400;display:block}@media(max-width:640px){.res-teams{grid-template-columns:1fr 1fr}}.hm-task{font-size:10.5px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-rev{font-size:14px;color:var(--gold);min-height:20px}.dp-rev b{color:#fff}.touch .t-ping{display:none}body.team-mode .touch .t-ping{display:grid}.t-ping{left:18px;bottom:210px;width:50px;height:50px;font-size:22px;background:#ffd23f40;border-color:#ffd23f}.hb-row.siege{grid-template-columns:10px 44px 1fr auto;align-items:center}.hb-row.siege .hb-dot{width:9px;height:9px;border-radius:50%;background:var(--c)}.hb-row.siege b{color:var(--c)}.hb-row.siege.out{opacity:.5}.hb-heart{height:7px;border-radius:4px;background:#ffffff1f;overflow:hidden}.hb-heart i{display:block;height:100%;background:var(--c)}.dr-itip{position:fixed;z-index:60;width:250px;background:#1b1530f7;border:1px solid #8f6bff;border-radius:12px;padding:8px 10px;pointer-events:none;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:4px}.dr-itip.hidden{display:none}.dr-itip .it-h{display:flex;gap:8px;align-items:center}.dr-itip .it-h img{width:34px;height:34px}.dr-itip b{display:block;font-weight:600}.it-tier{font-size:10.5px;border-radius:5px;padding:0 6px;background:#4a3a8a}.it-tier.t2{background:#8f5ad8}.it-stat{color:var(--gold);font-size:13px}.it-pas{font-size:12.5px;color:#d6ccff;line-height:1.35}.it-rec{font-size:11.5px;color:var(--dim)}.it-rec img{width:16px;height:16px;vertical-align:-3px}.dr-sets .step{cursor:help}.hm-lives{font-style:normal;font-size:10px;letter-spacing:-1px}.h-alert{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.h-alert.hidden{display:none}.ha-edge{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 90px 26px #ff282880,inset 0 0 0 5px #ff3c3cb3;animation:ha-pulse 1s ease-in-out infinite}@keyframes ha-pulse{50%{box-shadow:inset 0 0 50px 12px #ff282847,inset 0 0 0 3px #ff3c3c66}}.ha-ban{position:absolute;left:50%;top:92px;transform:translate(-50%);background:#a0141ef0;border:2px solid #ff8a8a;border-radius:14px;padding:6px 16px;text-align:center;box-shadow:0 6px 24px #00000080;max-width:calc(100% - 24px)}.ha-ban .hb{font-size:18px;font-weight:700}.ha-ban .hs{font-size:13px}.ha-ban .hbar{display:inline-block;width:80px;height:8px;border-radius:4px;background:#fff3;vertical-align:middle;overflow:hidden}.ha-ban .hbar i{display:block;height:100%;background:#fff}.ha-arrow{position:absolute;font-size:40px;color:#ff5a5a;text-shadow:0 0 12px #ff3b3b,0 2px 0 #1b1530;animation:ha-pulse 1s infinite}.ha-arrow.hidden{display:none}.ha-arrow em{position:absolute;left:50%;top:50%;margin:22px 0 0 -40px;width:80px;text-align:center;font-style:normal;font-size:12px;color:#fff;background:#1b1530d9;border-radius:6px}.mm-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px}.mm-ico{width:46px;height:46px;flex:none}.mm-ico svg{width:100%;height:100%;overflow:visible}.mm-l,.mm-r{transform-box:view-box;transform-origin:20px 20px;transition:transform .2s}.mm-r{transform:scaleX(-1)}.mm-spark{opacity:0;transform-box:fill-box;transform-origin:center}.mm-t{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.mm-t b{font-size:22px;letter-spacing:.5px}.mm-t small{font-size:12px;font-weight:600;letter-spacing:1px;opacity:.75}.mm-btn:hover .mm-l{transform:rotate(-8deg)}.mm-btn:hover .mm-r{transform:scaleX(-1) rotate(-8deg)}.mm-btn.searching{pointer-events:none;filter:brightness(1.08)}.mm-btn.searching .mm-l{animation:mm-clashL .3s ease-in-out infinite alternate}.mm-btn.searching .mm-r{animation:mm-clashR .3s ease-in-out infinite alternate}.mm-btn.searching .mm-spark{animation:mm-spark .3s ease-in-out infinite alternate}@keyframes mm-clashL{0%{transform:rotate(-14deg)}to{transform:rotate(4deg)}}@keyframes mm-clashR{0%{transform:scaleX(-1) rotate(-14deg)}to{transform:scaleX(-1) rotate(4deg)}}@keyframes mm-spark{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1.3)}}.shop2{padding:12px 12px 24px;gap:10px}.sh-top{display:flex;align-items:center;gap:10px;width:min(1260px,100%);padding-right:140px}.sh-top h2{flex:1;margin:0;white-space:nowrap;font-size:clamp(18px,5vw,26px)}.sh-stars{border:2px solid #fff3b0;border-radius:14px;background:linear-gradient(180deg,#ffe27a,#f2a81e);color:#3b1d00;font-weight:700;font-size:17px;padding:4px 14px;cursor:pointer}.sh-stars i{font-style:normal;font-size:13px;opacity:.7}.sh-help{width:min(1260px,100%);background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:8px 12px;font-size:14px}.sh-help.hidden{display:none}.sh-body{width:min(1260px,100%);display:grid;grid-template-columns:230px minmax(0,1fr) 400px;gap:10px;align-items:start}.sh-heroes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;max-height:calc(100vh - 110px);overflow-y:auto}.sh-h{position:relative;background:#ffffff0f;border:2px solid transparent;border-radius:12px;padding:3px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.sh-h img{width:100%;max-width:56px;aspect-ratio:160/172}.sh-h span{font-size:11px}.sh-h.on{border-color:var(--gold);background:#ffd23f26}.sh-h u,.sh-h s{position:absolute;top:-3px;text-decoration:none;font-size:12px}.sh-h u{right:-3px}.sh-h s{left:-3px}.sh-stage{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:radial-gradient(ellipse at 50% 60%,rgba(143,107,255,.25),transparent 65%),var(--panel)}.sg-name b{font-size:24px}.sg-name em{font-style:normal;color:var(--dim)}.sg-hero{position:relative;display:flex;flex-direction:column;align-items:center}.sg-hero img{width:min(240px,50vw);aspect-ratio:160/172;animation:hop 1.8s ease-in-out infinite}.sg-views{display:flex;gap:4px}.sg-views button{background:#ffffff14;border:1px solid var(--line);border-radius:8px;padding:2px 10px;cursor:pointer}.sg-views button.on{background:var(--accent)}.sg-pv{background:#00000040;border-radius:14px;padding:6px;max-width:100%}.sg-pv small{display:block;color:#ffb07a;margin:0 0 4px 4px}.sg-pv .fxs{max-width:100%}.sg-cos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:#00000040;border-radius:14px;padding:10px 16px;max-width:320px}.sg-cos span{font-size:54px;animation:sgpop 1.6s ease-in-out infinite}.sg-cos em{font-style:normal;font-size:13px;color:var(--dim)}.sg-blink span{animation:sgwarp 1.4s ease-in-out infinite}.sg-win span{animation:hop 1s ease-in-out infinite}@keyframes sgpop{0%,to{transform:scale(1)}40%{transform:scale(1.25) rotate(-6deg)}}@keyframes sgwarp{0%{transform:translate(-60px);opacity:0}30%{opacity:1}50%{transform:translate(0)}70%{opacity:1}to{transform:translate(60px);opacity:0}}.sg-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.sg-rnd{font-size:13px;color:var(--dim);display:flex;gap:6px;align-items:center;cursor:pointer}.sh-shelf{display:flex;flex-direction:column;gap:8px;padding:10px}.sh-deals{background:linear-gradient(90deg,#ff7a1a38,#ff3d1a14);border:2px solid #ff7a1a;border-radius:14px;padding:6px 8px}.sd-h{font-weight:600;font-size:14px}.sd-h em{font-style:normal;font-size:12px;color:#ffd0b0;margin-left:6px}.sd-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:4px}.sh-deal{background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.sh-deal span{font-size:22px}.sh-deal b{font-size:12px;line-height:1.1}.sh-deal em{font-style:normal;font-size:10.5px;color:var(--dim)}.sh-deal i{font-style:normal;font-size:12px;color:var(--gold);font-weight:700}.sh-deal del,.sh-it del{color:var(--dim);font-weight:400}.sh-deal.owned{opacity:.55}.sh-tabs{display:flex;flex-wrap:wrap;gap:3px;background:#00000040;border-radius:12px;padding:3px}.sh-tabs button{flex:1 1 auto;border:0;background:none;border-radius:9px;padding:5px 6px;font-size:13px;color:var(--dim);font-weight:600;cursor:pointer}.sh-tabs button.on{background:var(--accent);color:#fff}.sh-rar{display:flex;flex-wrap:wrap;gap:4px}.sh-rar button{border:1px solid var(--c, var(--line));background:none;border-radius:20px;padding:1px 10px;font-size:12px;cursor:pointer;color:var(--c, var(--text))}.sh-rar button.on{background:var(--c, var(--accent));color:#1b1530}.sh-note{font-size:12px;color:var(--dim)}.sh-sets{display:flex;flex-direction:column;gap:4px}.sh-set{position:relative;display:flex;align-items:center;gap:8px;background:#ffffff0d;border-radius:10px;padding:4px 8px;overflow:hidden;font-size:13px}.sh-set span{flex:1}.sh-set i{position:absolute;left:0;bottom:0;height:3px;background:var(--c)}.sh-set em{font-style:normal;color:var(--good);font-size:12px}.sh-list{display:flex;flex-direction:column;gap:5px;max-height:42vh;overflow-y:auto}.sh-it{display:flex;align-items:center;gap:10px;text-align:left;background:#ffffff0f;border:2px solid rgba(255,255,255,.08);border-left:5px solid var(--c);border-radius:12px;padding:5px 10px;cursor:pointer}.sh-it .ic{font-size:24px;width:36px;text-align:center;flex:none}.sh-it .ic img{width:36px;aspect-ratio:160/172}.sh-it .tx{flex:1;display:flex;flex-direction:column}.sh-it .tx em{font-style:normal;font-size:12px;color:var(--c)}.sh-it .pr{font-weight:700;color:var(--gold);white-space:nowrap}.sh-it.owned .pr{color:#9be7ff}.sh-it.sel{border-color:var(--gold);background:#ffd23f1f}.bd{font-style:normal;font-size:10.5px;border-radius:6px;padding:0 5px;margin-left:4px;vertical-align:middle}.bd.on{background:var(--good);color:#10301a}.bd.own{background:#2a68b8}.bd.new{background:#ff4d6d}.sh-empty{color:var(--dim);text-align:center;padding:14px}.sh-act{display:flex;align-items:center;gap:10px;background:#00000040;border:2px solid var(--line);border-radius:14px;padding:8px 10px;min-height:52px}.sh-act>div{flex:1}.sh-act b{display:block}.sh-act em{font-style:normal;font-size:12px;color:var(--dim)}.sh-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.sh-modal.hidden{display:none}.sh-confirm{width:min(360px,92vw);text-align:center;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px}.sh-confirm h3{margin:0}.sh-confirm p{margin:0;color:var(--dim);font-size:14px}.sc-ic{font-size:56px}.sc-ic img{width:90px;aspect-ratio:160/172}.sc-btns{display:flex;gap:8px;width:100%;margin-top:6px}.sc-btns .btn{flex:1}.sh-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:#241a4a;border:2px solid var(--good);border-radius:14px;padding:8px 14px;z-index:21;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 8px 24px #00000080}.sh-toast.hidden{display:none}@media(max-width:1000px){.sh-body{grid-template-columns:1fr}.sh-top{padding-right:140px}.sh-heroes{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;touch-action:pan-x}.sh-h{flex:none;width:62px}.sg-hero img{width:150px}.sh-list{max-height:none}}.pod{position:relative}.pod.win-hop img{animation:winhop .7s ease-in-out infinite}.pod.win-rainbow img{animation:winspin 1.6s linear infinite}.pod.win-thundergod img{animation:winfloat 1.4s ease-in-out infinite;filter:drop-shadow(0 0 14px #ffd23f)}.pod.win-fireworkwin img{animation:winhop 1s ease-in-out infinite}@keyframes winhop{50%{transform:translateY(-14px)}}@keyframes winspin{50%{transform:translateY(-8px) scaleX(-1)}}@keyframes winfloat{50%{transform:translateY(-18px) scale(1.05)}}.win-fx{position:absolute;top:-20px;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.win-fx i{position:absolute;top:0;font-style:normal;font-size:20px;animation:winbit 2s ease-in infinite;opacity:0}@keyframes winbit{0%{transform:translateY(-10px) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(120px) rotate(200deg);opacity:0}}.h-emotes{position:absolute;left:50%;bottom:120px;transform:translate(-50%);display:flex;gap:6px;background:#1b1530e6;border:2px solid var(--gold);border-radius:16px;padding:6px;z-index:6}.h-emotes.hidden{display:none}.h-emotes button{display:flex;flex-direction:column;align-items:center;background:#ffffff14;border:0;border-radius:10px;padding:4px 8px;cursor:pointer}.h-emotes button span{font-size:26px}.h-emotes button i{font-style:normal;font-size:11px;color:var(--dim)}.st-sub{font-size:13px;color:var(--dim);margin:6px 0 2px}.st-music{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:6px}.st-music .opt{text-align:left}.st-music .opt em{display:block;font-size:11.5px}.h-blink.locked{filter:grayscale(.8) brightness(.8)}.h-blink.locked em{color:#ff8a8a}.g-time{list-style:none;margin:0 0 6px;padding:0 0 0 4px;border-left:3px solid #5b4a8a}.g-time li{display:flex;gap:10px;align-items:flex-start;padding:6px 0 6px 10px;position:relative}.g-time li:before{content:"";position:absolute;left:-9.5px;top:12px;width:13px;height:13px;border-radius:50%;background:#c58bff;border:2px solid #1b1530}.g-time.siege{border-color:#8a3a4a}.g-time.siege li:before{background:#ff8a5a}.g-time span{flex:none;min-width:48px;padding:2px 8px;border-radius:8px;background:#2a2150;color:var(--gold);font-weight:500;text-align:center;font-size:14px}.g-time div{line-height:1.55}.sets-btn{background:#62e06f24;border-color:#62e06f99;color:#a8f5b0}.mysets{gap:12px}.mysets>*,.ms-body>*{flex-shrink:0}.ms-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:min(1280px,100%);padding-right:150px}.ms-top b{font-size:24px}.ms-top span{color:var(--dim);font-size:13px;flex:1;min-width:200px}.ms-layout{display:grid;grid-template-columns:1fr;gap:16px;width:min(1280px,100%);align-items:start}@media(min-width:980px){.ms-layout{grid-template-columns:300px 1fr}}.ms-side{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px;min-width:0}@media(min-width:980px){.ms-side{position:sticky;top:0}}.ms-side-h{font-size:13px;color:var(--dim);margin:0 0 8px 2px}.ms-heroes{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 6px}@media(min-width:980px){.ms-heroes{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;gap:6px}}.ms-hero{all:unset;cursor:pointer;flex:none;width:60px;text-align:center;font-size:11px;color:var(--dim);position:relative;border-radius:12px;padding:4px 0;transition:background .15s}@media(min-width:980px){.ms-hero{width:auto}}.ms-hero:hover{background:#ffffff10;color:var(--text)}.ms-hero img{width:52px;height:52px;border-radius:12px;border:2px solid var(--line);background:#241a4a;display:block;margin:0 auto 3px;object-fit:cover}.ms-hero.on{color:var(--text);background:#ffd23f1a}.ms-hero.on img{border-color:var(--gold);box-shadow:0 0 12px #ffd23f88}.ms-hero u{position:absolute;top:0;right:4px;text-decoration:none;background:var(--gold);color:#1b1530;font-weight:700;font-size:10px;border-radius:8px;padding:0 5px;z-index:1}.ms-body{display:flex;flex-direction:column;gap:16px;min-width:0}.ms-head{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#8f6bff33,#ffffff08);border:1px solid var(--line);border-radius:18px;padding:12px 16px}.ms-big{width:84px;height:84px;border-radius:18px;border:2px solid var(--gold);background:#241a4a;object-fit:cover;flex:none}.ms-title{font-size:24px;font-weight:600}.ms-title .tag{font-size:13px;vertical-align:middle}.ms-sub{color:var(--dim);font-size:13px;margin-top:2px}.ms-sub b{color:var(--gold);font-weight:600}.ms-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 2px 8px}.ms-sec-h b{font-size:16px;font-weight:500}.ms-sec-h span{font-size:12px;color:var(--dim)}.ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.ms-card{position:relative;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:6px}.ms-card.recset{border-left:5px solid var(--c)}.ms-card.mine{border-color:#8a6ad8;background:linear-gradient(160deg,#8f6bff2a,#ffffff06)}.ms-card.starred{border-color:var(--gold);box-shadow:0 0 16px #ffd23f40;background:linear-gradient(160deg,#ffd23f22,#ffffff06)}.ms-card-h{display:flex;align-items:center;gap:8px}.ms-card-h b{font-size:16px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-badge{font-size:11px;background:var(--gold);color:#1b1530;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.ms-role{font-size:11px;color:var(--dim);background:#0f0b24;padding:2px 8px;border-radius:10px;white-space:nowrap}.ms-card-sub{font-size:12px;color:var(--dim);margin-top:-2px}.ms-path{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 2px}.ms-step{text-align:center;min-width:0}.ms-step span{display:block;font-size:11px;color:var(--dim);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-slot{position:relative;width:54px;height:54px;margin:0 auto;border-radius:12px;background:radial-gradient(circle at 35% 30%,#4a3a8a,#241a4a);border:2px solid #6d5ab8;display:grid;place-items:center}.ms-slot img{width:40px;height:40px}.ms-slot.t2{border-color:#c79bff;box-shadow:0 0 10px #c79bff66,inset 0 0 8px #c79bff40}.ms-slot i{position:absolute;top:-7px;left:-6px;font-style:normal;font-size:10px;font-weight:700;background:var(--gold);color:#1b1530;border-radius:6px;padding:0 5px}.ms-slot.empty{border-style:dashed;color:#6d5ab8;font-size:20px;background:#120d26;box-shadow:none}.ms-empty{all:unset;cursor:pointer;border:2px dashed #6d5ab880;border-radius:16px;display:grid;place-items:center;align-content:center;gap:2px;min-height:160px;color:var(--dim);transition:all .15s}.ms-empty b{font-size:34px;line-height:1;color:var(--gold)}.ms-empty span{font-size:14px}.ms-empty em{font-style:normal;font-size:11px;opacity:.7}.ms-empty:hover{border-color:var(--gold);background:#ffd23f12;color:var(--text)}.ms-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.ms-acts button{all:unset;cursor:pointer;font-size:12px;background:#0f0b24;color:var(--dim);padding:4px 10px;border-radius:9px;border:1px solid #ffffff14}.ms-acts button:hover{color:var(--text);border-color:#ffd23f66}.ms-acts button.del{margin-left:auto}.ms-acts button.del:hover{color:#ff9aa8;border-color:#ff9aa866}.slot.empty{border-style:dashed;color:#6d5ab8;font-size:18px;background:#120d26;box-shadow:none}.set .edit{margin-left:auto;font-size:14px;padding:2px 6px;border-radius:8px;background:#0f0b24}.set .edit+.check{margin-left:4px}.set.mine .best{background:var(--gold);color:#1b1530}.my-new{color:var(--gold)!important;border-color:#ffd23f80!important}.ms-editor-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0a0716cc;display:grid;place-items:center;padding:12px}.ms-editor{width:min(920px,100%);max-height:92vh;overflow-y:auto}.mse-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mse-head b{font-size:17px}.mse-cols{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.mse-cols{grid-template-columns:1.35fr 1fr}}.mse-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.mse-tabs button{all:unset;cursor:pointer;font-size:12px;padding:3px 10px;border-radius:10px;background:#0f0b24;color:var(--dim)}.mse-tabs button.on{background:var(--gold);color:#1b1530;font-weight:700}.mse-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:46vh;overflow-y:auto;padding:2px}.mse-it{all:unset;cursor:pointer;position:relative;background:#0f0b24;border:1.5px solid #3a2f5e;border-radius:10px;padding:5px 3px;text-align:center;font-size:11px;color:var(--dim);line-height:1.2}.mse-it img{width:32px;height:32px;display:block;margin:0 auto 2px}.mse-it em{display:block;font-style:normal;color:var(--gold)}.mse-it.t2{border-color:#6d5ab8}.mse-it.t2:before{content:"Lv2";position:absolute;top:2px;left:4px;font-size:9px;color:#c79bff}.mse-it.in{border-color:var(--gold);color:var(--text);box-shadow:0 0 8px #ffd23f66}.mse-it.in:after{content:"✓";position:absolute;top:1px;right:5px;color:var(--gold);font-weight:700}.mse-note{font-size:12px;color:var(--dim);margin:8px 0 0}.mse-lbl{display:block;font-size:13px;margin:4px 0}.mse-lbl span{color:var(--dim);font-size:11px}.mse-name{user-select:text;-webkit-user-select:text;width:100%;box-sizing:border-box;background:#0f0b24;border:1.5px solid #6d5ab8;border-radius:9px;padding:7px 10px;color:var(--text);font:inherit;margin-bottom:8px}.mse-slots{display:flex;gap:8px;margin-bottom:8px}.mse-slot{position:relative;width:58px;height:58px;border-radius:12px;background:radial-gradient(circle at 35% 30%,#4a3a8a,#241a4a);border:2px solid #6d5ab8;display:grid;place-items:center;cursor:grab}.mse-slot img{width:42px;height:42px;pointer-events:none}.mse-slot i{position:absolute;top:-7px;left:-5px;font-style:normal;font-size:11px;background:var(--gold);color:#1b1530;border-radius:6px;padding:0 5px;font-weight:700}.mse-slot.empty{border-style:dashed;color:#6d5ab8;font-size:20px;cursor:default;background:#120d26}.mse-sum{font-size:12px;color:var(--dim);background:#0f0b24;border-radius:9px;padding:7px 9px;margin-bottom:8px;line-height:1.5}.mse-star{display:flex;gap:6px;align-items:center;font-size:13px;margin-bottom:10px;cursor:pointer}.mse-btns{display:flex;gap:6px;flex-wrap:wrap}.h-wall.empty img{filter:grayscale(1) brightness(.6)}.t-wall{right:196px;bottom:124px;width:50px;height:50px;font-size:22px}.t-wall .cnt{position:absolute;right:2px;bottom:0;font-size:12px}@media(max-height:520px){.t-wall{right:166px;bottom:96px;width:44px;height:44px}}.h-ult{border-radius:50%;border-color:#ffd23f99;background:conic-gradient(#ffd23f calc(var(--g, 0) * 360deg),#2a2150 0);padding:5px}.h-ult:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(circle,#6a3dd8,#2a1660);z-index:0}.h-ult .h-ult-ic{position:relative;z-index:1;font-size:32px}.h-ult .h-cd{position:absolute;z-index:2;bottom:6px;font-size:13px;font-weight:700;color:#ffd23f;text-shadow:0 1px 2px #000}.h-ult.locked{filter:grayscale(1) brightness(.6)}.h-ult.locked .h-lock{display:block}.h-ult.ready{box-shadow:0 0 18px #ffd23f,0 0 34px #ffd23f88;animation:ultpulse 1s ease-in-out infinite}@keyframes ultpulse{50%{transform:scale(1.07);box-shadow:0 0 26px #ffd23f,0 0 48px #ffd23faa}}.t-ult{right:18px;bottom:300px;width:64px;height:64px;border-radius:50%;background:conic-gradient(#ffd23f calc(var(--g, 0) * 360deg),#2a2150 0)!important;font-size:26px}.t-ult.locked{filter:grayscale(1) brightness(.6)}.t-ult.ready{box-shadow:0 0 18px #ffd23f}@media(max-height:520px){.t-ult{right:14px;bottom:236px;width:54px;height:54px}}.dr-sk.ult .ult-ic{font-style:normal;font-size:22px;width:28px;text-align:center;flex:none}.dr-sk.ult b{color:var(--gold)}@media(max-width:640px){.ms-empty{min-height:84px}.ms-big{width:64px;height:64px}.ms-title{font-size:20px}.ms-top{padding-right:110px}}.screen.home{background:#1b1530;isolation:isolate}.home-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.screen.home .guide-btn,.screen.home .howto{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 3px #000c}.screen.home .guide-btn{box-shadow:0 6px 18px #0006}.home-hero.spot{height:200px;cursor:pointer}.sp-beam{position:absolute;left:50%;top:-24px;width:230px;height:210px;transform:translate(-50%);background:linear-gradient(180deg,#ffe9a85c,transparent 85%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);animation:spflick 3s ease-in-out infinite;pointer-events:none}@keyframes spflick{50%{opacity:.65}}.sp-ped{position:absolute;left:50%;bottom:20px;width:170px;height:34px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,#ffd23f88,#8f6bff33 60%,transparent 70%);box-shadow:0 0 30px #ffd23f55}.sp-main{position:absolute;left:50%;bottom:30px;height:160px;transform:translate(-50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.45));animation:spbreathe 2.4s ease-in-out infinite}.sp-main.swap{animation:spswap .5s ease-out,spbreathe 2.4s ease-in-out .5s infinite}@keyframes spbreathe{50%{transform:translate(-50%) translateY(-6px) scale(1.02)}}@keyframes spswap{0%{transform:translate(-50%) translateY(26px) scale(.6);opacity:0;filter:brightness(3)}}.sp-side{position:absolute;bottom:38px;height:92px;opacity:.5;filter:grayscale(.3) brightness(.75) drop-shadow(0 6px 6px #0008)}.sp-side.l{left:10%}.sp-side.r{right:10%;transform:scaleX(-1)}.sp-name{position:absolute;left:50%;bottom:4px;transform:translate(-50%);background:#1b1530cc;border:1.5px solid #ffd23f88;border-radius:12px;padding:1px 14px;font-size:14px;white-space:nowrap;color:var(--dim)}.sp-name b{color:var(--text)}@media(max-height:500px){.home-hero.spot{height:130px}.sp-main{height:100px;bottom:26px}.sp-side{height:60px}.sp-beam{height:140px}}body.touch-dev{--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px)}body.in-game .hud.is-touch kbd{display:none}body.in-game.touch-dev .t-attack{right:calc(20px + var(--sr));bottom:calc(20px + var(--sb));width:96px;height:96px;font-size:40px}body.in-game.touch-dev .t-skill{right:calc(133px + var(--sr));bottom:calc(33px + var(--sb));width:70px;height:70px}body.in-game.touch-dev .t-skill2{right:calc(116px + var(--sr));bottom:calc(116px + var(--sb));width:62px;height:62px}body.in-game.touch-dev .t-ult{right:calc(37px + var(--sr));bottom:calc(142px + var(--sb));width:62px;height:62px}body.in-game.touch-dev .t-blink{right:calc(225px + var(--sr));bottom:calc(40px + var(--sb));width:56px;height:56px;font-size:24px}body.in-game.touch-dev .t-potion{right:calc(204px + var(--sr));bottom:calc(136px + var(--sb));width:48px;height:48px;font-size:21px}body.in-game.touch-dev .t-wall{right:calc(136px + var(--sr));bottom:calc(204px + var(--sb));width:48px;height:48px;font-size:20px}body.in-game.touch-dev .t-shop{right:calc(44px + var(--sr));bottom:calc(229px + var(--sb));width:48px;height:48px;font-size:21px}body.in-game.touch-dev .joy-base{width:120px;height:120px}body.in-game.touch-dev .joy-base:not(.on){left:calc(22px + var(--sl))!important;bottom:calc(20px + var(--sb))}body.in-game.touch-dev .joy-knob{width:54px;height:54px}body.in-game.touch-dev .t-ping{left:calc(22px + var(--sl));bottom:calc(196px + var(--sb));width:44px;height:44px;font-size:20px}body.in-game.touch-dev .hud.is-touch .h-bar{left:calc(156px + var(--sl));right:auto;transform:none;bottom:calc(8px + var(--sb))}body.in-game.touch-dev #sound{flex-direction:row;gap:4px;bottom:auto;left:auto}body.in-game.touch-dev #sound button{width:32px;height:32px;font-size:15px;border-radius:9px}body.in-game .hud.is-touch .h-quit{padding:4px 9px;font-size:12px}@media(orientation:landscape)and (max-height:540px){body.in-game.touch-dev .h-left{left:calc(8px + var(--sl));top:calc(6px + var(--st));width:196px;gap:4px}body.in-game.touch-dev .h-card{width:196px;padding:4px 8px 4px 4px;gap:6px;border-radius:11px}body.in-game.touch-dev .h-portrait{width:36px;height:40px}body.in-game.touch-dev .h-name{font-size:13px}body.in-game.touch-dev .h-lv{min-width:20px;height:20px;font-size:11px}body.in-game.touch-dev .h-hp{height:13px}body.in-game.touch-dev .h-hp span{font-size:10px;line-height:13px}body.in-game.touch-dev .h-exp{height:8px}body.in-game.touch-dev .h-exp span{display:none}body.in-game.touch-dev .h-meta{font-size:12px}body.in-game.touch-dev .h-main{gap:3px}body.in-game.touch-dev .h-board{width:150px;font-size:11px;padding:4px 8px}body.in-game.touch-dev .h-board .hb-row:nth-child(n+5){display:none}body.in-game.touch-dev .h-feed .kf:nth-child(n+3){display:none}body.in-game.touch-dev .kf{font-size:11px;padding:2px 8px}body.in-game.touch-dev .h-top{top:calc(6px + var(--st));gap:2px}body.in-game.touch-dev .h-timer{font-size:15px;padding:0 10px}body.in-game.touch-dev .h-alive,body.in-game.touch-dev .h-zone{font-size:11px}body.in-game.touch-dev .h-right{top:calc(6px + var(--st));right:calc(8px + var(--sr));gap:4px}body.in-game.touch-dev .h-mini{width:86px;height:86px;border-radius:10px}body.in-game.touch-dev #sound{top:calc(6px + var(--st));right:calc(104px + var(--sr))}body.in-game.touch-dev .h-banner{top:calc(58px + var(--st));width:46vw}body.in-game.touch-dev .ann{font-size:12px;padding:3px 10px;border-radius:9px}body.in-game.touch-dev .h-mates{padding:3px 6px;gap:2px;border-radius:10px}body.in-game.touch-dev .hm-h,body.in-game.touch-dev .hm-task{display:none}body.in-game.touch-dev .hm img{height:22px;width:20px}body.in-game.touch-dev .hm b{font-size:11px}body.in-game.touch-dev .hm em,body.in-game.touch-dev .hm-soul{font-size:10px}body.in-game.touch-dev .hm-hp{height:4px}body.in-game.touch-dev .t-shop{top:calc(124px + var(--st));bottom:auto;right:calc(8px + var(--sr));width:44px;height:44px;font-size:19px}body.in-game.touch-dev .t-ping{left:calc(150px + var(--sl));bottom:calc(62px + var(--sb))}}@media(orientation:landscape)and (max-height:540px)and (max-width:760px){body.in-game.touch-dev .hud.is-touch .h-queue{display:none}}@media(orientation:portrait)and (max-width:560px){body.in-game.touch-dev .h-left{left:calc(8px + var(--sl));top:calc(8px + var(--st));width:min(214px,calc(100vw - 196px));gap:6px}body.in-game.touch-dev .h-card{width:100%;padding:5px 8px 5px 5px;gap:6px;border-radius:12px}body.in-game.touch-dev .h-portrait{width:40px;height:44px}body.in-game.touch-dev .h-name{font-size:14px}body.in-game.touch-dev .h-lv{min-width:21px;height:21px;font-size:12px}body.in-game.touch-dev .h-hp{height:14px}body.in-game.touch-dev .h-hp span{font-size:10px;line-height:14px}body.in-game.touch-dev .h-exp{height:9px}body.in-game.touch-dev .h-exp span{font-size:8px;line-height:9px}body.in-game.touch-dev .h-meta{font-size:12px}body.in-game.touch-dev .h-top{top:calc(138px + var(--st));left:auto;right:calc(8px + var(--sr));transform:none;align-items:flex-end;gap:3px}body.in-game.touch-dev .h-zone{white-space:normal;text-align:right;max-width:168px}body.in-game.touch-dev .h-timer{font-size:17px;padding:0 12px}body.in-game.touch-dev .h-alive,body.in-game.touch-dev .h-zone{font-size:11.5px}body.in-game.touch-dev .h-board{width:100%;font-size:11px;padding:4px 8px}body.in-game.touch-dev .h-board .hb-row:nth-child(n+5){display:none}body.in-game.touch-dev .h-feed .kf:nth-child(n+4){display:none}body.in-game.touch-dev .kf{font-size:11px;padding:2px 8px}body.in-game.touch-dev .h-right{top:calc(8px + var(--st));right:calc(8px + var(--sr));gap:5px}body.in-game.touch-dev .h-mini{width:96px;height:96px;border-radius:10px}body.in-game.touch-dev #sound{top:calc(218px + var(--st));right:calc(8px + var(--sr))}body.in-game.touch-dev .h-banner{top:calc(192px + var(--st));left:calc(8px + var(--sl));transform:none;width:54vw;align-items:flex-start}body.in-game.touch-dev .ann{font-size:11.5px;padding:3px 9px;border-radius:9px;text-align:left}body.in-game.touch-dev .hud.is-touch .h-bar{left:calc(10px + var(--sl));bottom:calc(152px + var(--sb))}body.in-game.touch-dev .hud.is-touch .h-queue{display:none}body.in-game.touch-dev .t-ping{bottom:calc(206px + var(--sb))}body.in-game.touch-dev .h-count{font-size:84px}body.in-game.touch-dev .h-count.go{font-size:64px}}@media(orientation:landscape)and (max-height:380px){body.in-game.touch-dev .t-shop{top:calc(6px + var(--st));right:calc(100px + var(--sr));width:36px;height:36px;font-size:17px}body.in-game.touch-dev #sound{right:calc(142px + var(--sr))}body.in-game.touch-dev #sound button{width:30px;height:30px;font-size:14px}body.in-game.touch-dev .h-zone{white-space:normal;max-width:180px;text-align:center}body.in-game.touch-dev .t-wall{right:calc(289px + var(--sr));bottom:calc(44px + var(--sb))}body.in-game.touch-dev .t-ping{left:calc(150px + var(--sl));bottom:calc(58px + var(--sb))}}@media(orientation:portrait)and (max-width:400px){body.in-game.touch-dev .hud.is-touch .h-bar{bottom:calc(196px + var(--sb))}body.in-game.touch-dev .t-ping{bottom:calc(250px + var(--sb))}}.tbtn{overflow:hidden}.tbtn .ic{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tbtn .ic img{width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}.t-potion .ic img,.t-wall .ic img{width:78%;height:78%;object-fit:contain;border-radius:0}.t-skill,.t-skill2,.t-blink{padding:3px}.t-skill:after,.t-skill2:after,.t-blink:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(10,6,25,.7) calc(var(--p, 0) * 360deg),transparent 0)}.tbtn .cd,.tbtn .cnt{z-index:3}.t-ult{padding:5px}.t-ult .ic{border-radius:50%;background:radial-gradient(circle,#6a3dd8,#2a1660);font-size:26px}body.in-game.touch-dev .ann.boss{font-size:12px}body.in-game.touch-dev .ann{opacity:.92}.hud.is-touch .tip{max-width:190px;padding:6px 9px;font-size:11.5px;line-height:1.4;border-radius:10px}.hud.is-touch .tip-h{font-size:13px}.hud.is-touch .tip-dim,.hud.is-touch .tip-cd{font-size:10.5px}