:root{--bg: #0c0c0e;--bg2: #101013;--card: #151517;--card2: #1b1b1f;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .16);--text: #f4f4f6;--muted: #8e8e98;--sil: #d4d4d8;--purple: #e8bd4a;--purple-deep: #a8842e;--yellow: #f2d27c;--red: #f43f5e;--green: #3ddc97;--glow-purple: 0 0 26px rgba(232, 189, 74, .32);--glow-yellow: 0 0 30px rgba(242, 210, 124, .35);--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(36% 30% at 16% 18%,rgba(255,255,255,.045),transparent 70%),radial-gradient(30% 26% at 85% 12%,rgba(232,189,74,.07),transparent 70%),radial-gradient(30% 26% at 70% 92%,rgba(212,212,216,.04),transparent 70%);animation:aurora 26s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,-2%) scale(1.06)}to{transform:translate(-3%,2%) scale(1.02)}}a{color:var(--yellow);text-decoration:none}button{font-family:inherit}.container{max-width:1160px;margin:0 auto;padding:0 22px 70px;min-height:calc(100vh - 130px)}.nav{display:flex;align-items:center;gap:20px;padding:13px 22px;border-bottom:1px solid var(--line);background:#0c0c0ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.nav .logo{font-size:19px;font-weight:900;letter-spacing:.4px;color:var(--text);display:inline-flex;align-items:center;gap:9px}.nav .logo .word{color:var(--text);text-shadow:0 0 12px rgba(255,255,255,.38),0 0 28px rgba(255,255,255,.14)}.nav .logo .word b{color:var(--purple);font-weight:900;text-shadow:0 0 12px rgba(232,189,74,.6),0 0 30px rgba(232,189,74,.28)}.nav .links{display:flex;gap:2px;flex:1}.nav a.link{color:var(--muted);padding:8px 15px;border-radius:999px;font-weight:600;font-size:13.5px;transition:all .15s}.nav a.link:hover{color:var(--text)}.nav a.link.active{color:#191400;background:var(--purple);font-weight:800}.eqmark{display:inline-flex;align-items:flex-end;gap:2.5px;overflow:hidden}.eqmark i{width:3.5px;border-radius:2px;height:100%;background:linear-gradient(180deg,#ffffff,var(--sil),#6b6b74);animation:eqmark 1.1s ease-in-out infinite}.eqmark i:nth-child(1){animation-delay:0s}.eqmark i:nth-child(2){animation-delay:.22s}.eqmark i:nth-child(3){animation-delay:.1s}.eqmark i:nth-child(4){animation-delay:.32s}@keyframes eqmark{0%,to{height:30%}50%{height:100%}}.ticker{display:flex;align-items:center;gap:26px;padding:8px 22px;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);background:#101013b3;font-size:12.5px;font-weight:600;position:relative}.ticker-track{display:inline-flex;gap:34px;animation:tick 60s linear infinite}.ticker .ti-set{display:inline-flex;gap:34px}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker .ti{color:var(--muted);display:inline-flex;gap:6px;align-items:center}.ticker .ti b{color:var(--text);font-weight:700}.ticker .ti .up{color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#c79b35,var(--purple));color:#191400;border:none;border-radius:999px;padding:11px 24px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .12s,box-shadow .12s,filter .12s;position:relative;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .5s ease}.btn:hover:after{left:135%}.btn:hover{transform:translateY(-1px);box-shadow:var(--glow-purple);filter:brightness(1.06)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn.yellow{background:linear-gradient(135deg,var(--purple),#ffe9ad);color:#191400}.btn.yellow:hover{box-shadow:var(--glow-yellow)}.btn.red{background:linear-gradient(135deg,#be123c,var(--red));color:#fff}.btn.ghost{background:#ffffff0a;border:1px solid var(--line2);color:var(--text)}.btn.ghost:hover{border-color:var(--sil);box-shadow:none;background:#ffffff14}.btn.big{font-size:17px;padding:16px 40px;letter-spacing:.6px}.btn.small{padding:7px 15px;font-size:12.5px}.card{background:linear-gradient(180deg,#ffffff08,#fff0 55%),var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:border-color .2s}.card:hover{border-color:var(--line2)}.card h3{margin-bottom:12px;font-size:11.5px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:8px}.card h3:before{content:"";width:5px;height:5px;flex-shrink:0;opacity:.7;background:var(--purple);transform:rotate(45deg);border-radius:1px}.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 900px){.today-grid{grid-template-columns:1fr;gap:16px}}.tile{display:flex;gap:13px;align-items:center;min-width:0}.tile>img{width:58px;height:58px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid var(--line)}.tile .tm{min-width:0;flex:1}.tile .tl{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:var(--muted);margin-bottom:3px}.tile .tt{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .ta{color:var(--muted);font-size:12px;margin:2px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr{height:1px;background:var(--line);margin:15px 0}.statnum{font-size:22px;font-weight:900}.wheelmini.sm{width:58px;height:58px}.wheelmini.sm .wheelmini-hub{width:21px;height:21px}.grid{display:grid;gap:14px}.grid.cols2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.cols3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1000px){.grid.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.grid.cols4{grid-template-columns:1fr}}@media (max-width: 640px){.grid.cols2,.grid.cols3{grid-template-columns:minmax(0,1fr)}}input,select,textarea{width:100%;background:#ffffff08;color:var(--text);border:1px solid var(--line2);border-radius:12px;padding:11px 15px;font-size:13.5px;font-family:inherit;transition:border-color .15s,background .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--purple);background:#e8bd4a0a}input[type=range]{padding:0;height:22px;accent-color:var(--purple);background:transparent;border:none}label{font-size:12px;color:var(--muted);font-weight:600;display:block;margin:12px 0 6px;letter-spacing:.3px}.error{color:var(--red);font-size:13.5px;margin-top:10px}.hint{color:var(--muted);font-size:12.5px;line-height:1.55}.tag{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.4px;background:#ffffff0d;color:var(--muted);border:1px solid var(--line)}.tag.purple{color:#eeeef1;border-color:#ffffff4d;background:#ffffff12}.tag.yellow{color:var(--purple);border-color:#e8bd4a73;background:#e8bd4a14}.tag.red{color:#fb7185;border-color:#f43f5e66;background:#f43f5e1a}.tag.green{color:var(--green);border-color:#3ddc9759;background:#3ddc9714}.hero-banner{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(232,189,74,.3);background:radial-gradient(520px 260px at 88% 18%,rgba(232,189,74,.14),transparent 65%),radial-gradient(420px 240px at 72% 90%,rgba(255,255,255,.04),transparent 60%),var(--card);padding:26px 28px;margin-bottom:18px}.hero-banner .hb-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-banner h1{font-size:25px;font-weight:900;letter-spacing:-.3px}.hero-banner .hb-sub{color:var(--muted);font-size:13.5px;margin-top:4px;max-width:520px}.hero-banner .hb-cta{margin-left:auto}.hero-banner .hb-blob{position:absolute;right:-40px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(232,189,74,.14),transparent 70%);pointer-events:none}.progress-wrap{display:flex;align-items:center;gap:14px;margin-top:18px}.progress-label{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}.progress-label b{color:var(--purple)}.progress{flex:1;height:7px;border-radius:99px;background:#ffffff12;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sil),var(--purple));box-shadow:0 0 14px #e8bd4a8c;transition:width .6s cubic-bezier(.2,.8,.2,1)}.progress-pct{font-size:12.5px;font-weight:800;color:var(--text)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);flex-shrink:0;-webkit-user-select:none;user-select:none;outline:2px solid rgba(255,255,255,.14);outline-offset:2px}.arena{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;min-height:520px;position:relative;margin-top:18px}.ambient{position:absolute;top:-50px;bottom:-50px;width:58%;object-fit:cover;z-index:-1;pointer-events:none;filter:blur(90px) saturate(1.6) brightness(.85);opacity:.34;transition:opacity .8s}.ambient.left{left:-5%}.ambient.right{right:-5%}.ambient.live{filter:blur(70px) saturate(1.7) brightness(.95);opacity:.5;overflow:hidden}.ambient.live>div{width:100%!important;height:100%!important;border-radius:0!important}.ambient.live iframe{width:100%;height:100%}.thumb-eq{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#00000094;display:flex;align-items:center;justify-content:center;gap:3px}.thumb-eq i{width:3px;height:15px;border-radius:2px;background:var(--purple);animation:thumbeq .9s ease-in-out infinite}.thumb-eq i:nth-child(2){animation-delay:.18s;height:20px}.thumb-eq i:nth-child(3){animation-delay:.36s;height:12px}.thumb-eq i:nth-child(4){animation-delay:.54s;height:17px}@keyframes thumbeq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1.25)}}.ytveil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-color:#000;background-size:cover;background-position:center;transition:opacity .9s ease}.ytveil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040}.ytfill div{width:100%;height:100%}.ytfill iframe{width:100%!important;height:100%!important;display:block;border:0;transform:scale(1.32);transform-origin:center center}.ytfill.nochrome iframe{transform:scale(1.6)}.arena .side{background:linear-gradient(180deg,#ffffff08,#fff0 50%),var(--card);border:1px solid var(--line);border-radius:20px;padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;overflow:hidden}.addopp{position:absolute;right:14px;bottom:14px;z-index:6;width:46px;height:46px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#191400;background:linear-gradient(180deg,#ffffff8c,#fff0 45%),radial-gradient(120% 120% at 30% 25%,#ffe9ad 0%,var(--purple) 55%,#b8860b 100%);border:1px solid rgba(255,236,170,.9);box-shadow:0 6px 18px #0000008c,0 0 0 4px #e8bd4a1f,0 0 22px #e8bd4a59,inset 0 -2px 4px #00000040;transition:transform .16s cubic-bezier(.2,.9,.3,1.4),box-shadow .16s;animation:addpop .4s cubic-bezier(.2,.9,.3,1.4)}.addopp:hover{transform:scale(1.12) rotate(90deg);box-shadow:0 8px 22px #0000008c,0 0 0 5px #e8bd4a2e,0 0 30px #e8bd4a8c,inset 0 -2px 4px #00000040}.addopp.done{background:linear-gradient(180deg,#fff6,#fff0 45%),radial-gradient(120% 120% at 30% 25%,#7ee2b0 0%,var(--green) 55%,#1f7a4d 100%);border-color:#a0f0c8cc;color:#08160f;cursor:default;animation:none;transform:none}@keyframes addpop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ambient{pointer-events:none}.arena .side .who.peekable{cursor:pointer;border-radius:12px;transition:background .12s}.arena .side .who.peekable:hover{background:#ffffff0a}.peek-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;background:#08080ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadein .18s ease}.peek-card{background:linear-gradient(180deg,#ffffff0a,#fff0 40%),var(--card2, #17171c);border:1px solid var(--line2);border-radius:20px;padding:20px;width:100%;max-width:400px;max-height:76vh;overflow-y:auto;box-shadow:0 24px 80px #0009;animation:peekup .22s cubic-bezier(.2,.9,.3,1.15)}@keyframes peekup{0%{transform:scale(.22);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}.peek-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.peek-stats>div{background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:3px;min-width:0}.peek-stats .pk-n{font-weight:900;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peek-stats .pk-l{font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.oppmedia{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.noti-host{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:460;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 24px));pointer-events:none}.noti{pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:18px;background:#16161aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #0000008c,0 2px 8px #0006;animation:notidown .45s cubic-bezier(.2,.9,.3,1.18);transition:opacity .3s,transform .3s}.noti.leaving{opacity:0;transform:translateY(-16px)}.noti .n-ico{width:36px;height:36px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8bd4a38,#e8bd4a0f);border:1px solid rgba(232,189,74,.35);color:var(--yellow)}.noti .n-title{font-weight:800;font-size:13px}.noti .n-body{font-size:12px;color:var(--muted);margin-top:1px;line-height:1.4}@keyframes notidown{0%{transform:translateY(-90px);opacity:0}to{transform:none;opacity:1}}.livedot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 #4ade8080;animation:livepulse 2s infinite}.livedot.corner{position:absolute;right:-1px;bottom:-1px;border:2px solid var(--card);width:11px;height:11px}@keyframes livepulse{0%{box-shadow:0 0 #4ade8073}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}.bootscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#060607;display:flex;align-items:center;justify-content:center;transition:opacity .45s ease}.bootscreen.leaving{opacity:0;pointer-events:none}.boot-inner{display:flex;flex-direction:column;align-items:center;gap:18px}.boot-logo{color:var(--yellow);animation:bootin .7s ease both}.boot-word{font-weight:900;font-size:22px;letter-spacing:3px;color:var(--text);animation:bootin .7s ease .12s both}.boot-word b{color:var(--yellow)}.boot-bar{width:190px;height:4px;border-radius:99px;overflow:hidden;background:#ffffff17;animation:bootin .5s ease .25s both}.boot-bar i{display:block;height:100%;border-radius:99px;width:0;background:linear-gradient(90deg,var(--purple),#ffe9ad);animation:bootfill 1.15s cubic-bezier(.3,.1,.25,1) .3s forwards}@keyframes bootin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bootfill{0%{width:0}55%{width:62%}75%{width:71%}to{width:100%}}.arena .side.you{border-color:#e8bd4a8c;box-shadow:inset 0 0 60px #e8bd4a0a}.arena .side.them{border-color:#ffffff38;box-shadow:inset 0 0 60px #ffffff08}.arena .side .who{display:flex;align-items:center;gap:12px;width:100%}.arena .side.them .who{flex-direction:row-reverse;text-align:right}.btn.glowpulse{animation:glowpulse 1.8s ease-in-out infinite;border-color:#e8bd4a99}@keyframes glowpulse{0%,to{box-shadow:0 0 #e8bd4a00}50%{box-shadow:0 0 18px #e8bd4a80}}@media (prefers-reduced-motion: reduce){.btn.glowpulse{animation:none}}.vseek-wrap{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:10px;padding:22px 14px 10px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);pointer-events:none}.vseek-wrap .vseek-t{pointer-events:none;color:#f0ede2;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.8);min-width:34px;flex-shrink:0}.vseek-wrap .vseek-t:last-child{text-align:right;color:var(--muted)}input[type=range].vseek{flex:1;min-width:0;pointer-events:auto;padding:0;height:5px;cursor:pointer;background:#ffffff47;border-radius:3px;opacity:.9;transition:opacity .2s,height .12s}input[type=range].vseek:hover{opacity:1;height:7px}.introwho{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;animation:iwin .5s cubic-bezier(.2,.9,.3,1.3) both}.introwho .iw-ava{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) scale(2.2);transform-origin:center;filter:drop-shadow(0 8px 26px rgba(0,0,0,.6));transition:left .9s cubic-bezier(.3,.85,.25,1),top .9s cubic-bezier(.3,.85,.25,1),transform .9s cubic-bezier(.3,.85,.25,1)}.introwho .iw-name{position:absolute;left:0;right:0;top:calc(40% + 78px);text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.85);transition:opacity .4s ease}.introwho .iw-name .nm{font-weight:900;font-size:22px;letter-spacing:.3px}.introwho.you.fly .iw-ava{left:24px;top:28px;transform:translate(0) scale(1)}.introwho.them.fly .iw-ava{left:calc(100% - 24px);top:28px;transform:translate(-100%) scale(1)}.introwho.fly .iw-name{opacity:0}@keyframes iwin{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.arena .vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:40px;font-weight:900;color:var(--purple);padding:0 6px;font-style:italic;letter-spacing:-2px;animation:vspulse 2.2s ease-in-out infinite}@keyframes vspulse{0%,to{text-shadow:0 0 18px rgba(232,189,74,.25);transform:scale(1)}50%{text-shadow:0 0 34px rgba(232,189,74,.6),0 0 60px rgba(255,255,255,.15);transform:scale(1.06)}}.cover{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;position:relative;background:var(--bg2);border:1px solid var(--line)}.cover .bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-size:cover;background-position:center;filter:blur(36px) saturate(1.5) brightness(.55)}.cover img.fg{position:relative;height:100%;width:auto;margin:0 auto;display:block;object-fit:contain}.cover img.wide{position:relative;width:100%;height:100%;object-fit:cover;display:block}.songmeta{text-align:center}.songmeta .t{font-weight:800;font-size:16.5px}.songmeta .a{color:var(--muted);font-size:13px;margin-top:2px}.scorebox{text-align:center}.score{font-size:62px;font-weight:900;line-height:1;letter-spacing:-1px;background:linear-gradient(135deg,#ffffff,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(232,189,74,.3))}.score.win{background:linear-gradient(135deg,#ffffff 20%,var(--yellow) 55%,var(--purple));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 22px rgba(232,189,74,.55))}.score.lose{background:linear-gradient(135deg,var(--muted),var(--red));-webkit-background-clip:text;background-clip:text;filter:none}.outof{color:var(--muted);font-size:14px;font-weight:700;margin-top:4px}.loadwrap{text-align:center;padding:40px 20px}.eq{display:inline-flex;gap:6px;height:46px;align-items:flex-end;margin-bottom:18px}.eq i{width:8px;border-radius:4px;background:linear-gradient(180deg,#ffffff,var(--sil),var(--purple));box-shadow:0 0 10px #e8bd4a66;animation:eq 1s ease-in-out infinite}.eq i:nth-child(1){animation-delay:0s}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}.eq i:nth-child(4){animation-delay:.45s}.eq i:nth-child(5){animation-delay:.6s}@keyframes eq{0%,to{height:12px}50%{height:46px}}.loadwrap .msg{font-weight:800;font-size:16.5px;letter-spacing:1.2px}.fact{margin-top:18px;padding:16px 18px;border-radius:14px;background:#ffffff08;border:1px solid var(--line);color:var(--muted);font-size:13.5px;line-height:1.55;max-width:460px;margin-left:auto;margin-right:auto;animation:fadein .6s}.fact b{color:var(--purple);display:block;margin-bottom:6px;font-size:10.5px;letter-spacing:2px}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.playbar{width:100%;max-width:340px;height:6px;border-radius:99px;background:#ffffff12;overflow:hidden}.playbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sil),var(--purple));box-shadow:0 0 12px #e8bd4a73;transition:width 1s linear}.banner{text-align:center;padding:24px;border-radius:18px;margin-top:18px;font-size:23px;font-weight:900;letter-spacing:.6px;animation:fadein .5s}.banner.win{background:#e8bd4a0f;border:1px solid rgba(232,189,74,.5);color:var(--purple);box-shadow:inset 0 0 60px #e8bd4a0a}.banner.lose{background:#f43f5e12;border:1px solid rgba(244,63,94,.45);color:var(--red)}.banner.tie{background:#ffffff0d;border:1px solid rgba(255,255,255,.3);color:#eeeef1}.banner .sub{font-size:14px;font-weight:600;color:var(--text);margin-top:8px}.genres{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.genres .genrecard{flex:0 1 190px;min-width:165px}.sselect{position:relative;width:100%}.sselect .ss-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:11px 14px;color:var(--sil);font-weight:600;font-size:13.5px;font-family:inherit;cursor:pointer;transition:border-color .15s}.sselect .ss-btn:hover{border-color:#ffffff4d;color:var(--text)}.ss-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:#101013;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 18px 44px #0009;max-height:280px;overflow-y:auto}.ss-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:0;border-radius:9px;padding:10px 11px;color:var(--sil);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;text-align:left}.ss-menu button:hover{background:#ffffff0d;color:var(--text)}.ss-menu button.on{color:var(--yellow)}.pagehead{position:relative;text-align:center;padding:30px 0 10px;margin-bottom:14px}.pagehead h1{font-size:28px}.pagehead .hint{max-width:640px;margin:6px auto 0}.pagehead .ph-side{position:absolute;right:0;top:34px}.genrecard{padding:26px 16px;border-radius:16px;text-align:left;cursor:pointer;background:linear-gradient(180deg,#ffffff08,#fff0),var(--card);border:1px solid var(--line);font-weight:800;font-size:15.5px;transition:all .15s;position:relative;overflow:hidden}.genrecard:before{content:attr(data-letter);position:absolute;right:10px;bottom:8px;font-size:24px;font-weight:900;font-style:italic;line-height:1;letter-spacing:6px;text-transform:uppercase;white-space:nowrap;color:#ffffff0e;pointer-events:none;transition:color .2s}.genrecard:hover:before{color:#e8bd4a24}.genrecard:hover{border-color:#e8bd4a8c;transform:translateY(-2px);box-shadow:var(--glow-purple)}.genrecard .n{display:block;color:var(--muted);font-size:11.5px;font-weight:600;margin-top:6px}.genrecard .n.live{color:var(--green)}.livedot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:1px;box-shadow:0 0 8px #3ddc97cc;animation:livedot 1.4s ease-in-out infinite}@keyframes livedot{0%,to{opacity:1}50%{opacity:.35}}.songrow{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;border:1px solid transparent;transition:background .12s,border-color .12s}.songrow:hover{background:#ffffff08}.songrow.pick{cursor:pointer}.songrow.picked{border-color:#e8bd4a8c;background:#e8bd4a0f}.songrow.dead{opacity:.38;filter:grayscale(1) brightness(.75);cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.songrow img{width:42px;height:42px;border-radius:10px;object-fit:cover}.songrow .m{flex:1;min-width:0}.songrow .m .t{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.songrow .m .a{color:var(--muted);font-size:12px}table.lb{width:100%;border-collapse:collapse}table.lb th{text-align:left;color:var(--muted);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}table.lb td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13.5px;font-variant-numeric:tabular-nums}table.lb tr{transition:background .12s}table.lb tbody tr:hover{background:#ffffff05}table.lb tr.me td{background:#e8bd4a0f}.rank{font-weight:900;color:var(--muted)}.rank.r1{color:var(--purple)}.rank.r2{color:#d7d7dc}.rank.r3{color:#cd7f32}.hero{text-align:center;padding:80px 20px 56px;position:relative}.hero:before{content:"";position:absolute;top:-60px;right:0;bottom:0;left:0;background:radial-gradient(600px 320px at 50% 0%,rgba(232,189,74,.12),transparent 70%);pointer-events:none}.hero h1{font-size:clamp(38px,7vw,66px);font-weight:900;line-height:1.04;letter-spacing:-1.5px;background:linear-gradient(135deg,#ffffff 15%,var(--sil) 45%,var(--purple) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.hero-logo{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.hero-logo svg{filter:drop-shadow(0 10px 40px rgba(232,189,74,.25))}.hero-word{font-size:clamp(34px,6vw,54px);font-weight:900;letter-spacing:2px;line-height:1;color:var(--text);text-shadow:0 0 18px rgba(255,255,255,.38),0 0 44px rgba(255,255,255,.14)}.hero-word b{color:var(--purple);text-shadow:0 0 18px rgba(232,189,74,.6),0 0 48px rgba(232,189,74,.28)}.trophycase{border-color:#e8bd4a8c;background:linear-gradient(180deg,#e8bd4a17,#e8bd4a04 60%),var(--card);box-shadow:inset 0 0 50px #e8bd4a0f}.badge.champ{border-color:#e8bd4a99;box-shadow:0 0 22px #e8bd4a2e}.hero p{color:var(--muted);font-size:18px;margin:18px auto 30px;max-width:560px;line-height:1.55;position:relative}.daily{position:relative;overflow:hidden}.daily .big{font-size:16px;line-height:1.55;font-weight:600}.streakflame{filter:drop-shadow(0 0 12px rgba(232,189,74,.4))}.spinresult{font-size:17px;font-weight:800;margin-top:10px;animation:fadein .4s}.rar-common{color:var(--muted)}.rar-rare{color:#eeeef1}.rar-epic{color:var(--purple)}.rar-legendary{color:var(--red);text-shadow:0 0 12px rgba(244,63,94,.6)}.wheelwrap{position:relative;width:236px;height:236px;margin:10px auto 6px}.wheel-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#5a5a62,#f0f0f4 12%,#77777f,#d7d7dc,#55555c,#f0f0f4,#77777f 82%,#5a5a62);box-shadow:0 0 40px #e8bd4a38,0 0 18px #ffffff1f,inset 0 0 10px #000000b3}.bulb{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#ffe9ad;box-shadow:0 0 9px var(--purple),0 0 3px #fff;animation:blink 1.1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.18}}.wheel{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:50%;background:conic-gradient(#e8bd4a 0,#e8bd4a 45deg,#121214 45deg,#121214 90deg,#e6e6ea 90deg,#e6e6ea 135deg,#121214 135deg,#121214 180deg,#e8bd4a 180deg,#e8bd4a 225deg,#121214 225deg,#121214 270deg,#e6e6ea 270deg,#e6e6ea 315deg,#121214 315deg,#121214 360deg);box-shadow:inset 0 0 30px #0000008c;transition:transform 1.7s cubic-bezier(.12,.8,.2,1)}.wheel .seg{position:absolute;left:50%;top:50%;font-size:19px;margin:-12px 0 0 -11px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.wheel-pointer{position:absolute;top:-9px;left:50%;transform:translate(-50%);width:0;height:0;z-index:3;border-left:11px solid transparent;border-right:11px solid transparent;border-top:20px solid var(--purple);filter:drop-shadow(0 0 8px rgba(232,189,74,.8)) drop-shadow(0 2px 3px rgba(0,0,0,.6))}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9a9aa2 70%);border:2px solid #ffe9ad;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #e8bd4a66,inset 0 -3px 6px #00000059;color:#17120a;z-index:2}.wheelwrap.lg{width:340px;height:340px;margin:22px auto 8px}.wheelwrap.lg .wheel{top:17px;right:17px;bottom:17px;left:17px;transition:transform 2.6s cubic-bezier(.1,.74,.16,1)}.wheel.twelve{background:conic-gradient(#b8933a 0,#b8933a 30deg,#141416 30deg,#141416 60deg,#26262c 60deg,#26262c 90deg,#141416 90deg,#141416 120deg,#b8933a 120deg,#b8933a 150deg,#141416 150deg,#141416 180deg,#26262c 180deg,#26262c 210deg,#141416 210deg,#141416 240deg,#b8933a 240deg,#b8933a 270deg,#141416 270deg,#141416 300deg,#26262c 300deg,#26262c 330deg,#141416 330deg,#141416 360deg)}.wheelwrap.lg .wheel-hub{width:58px;height:58px}.wheelwrap.lg .wheel-pointer{border-left-width:13px;border-right-width:13px;border-top-width:24px;top:-10px}.wheelmodal{background:linear-gradient(180deg,#e8bd4a0d,#fff0 30%),var(--card);border:1px solid rgba(232,189,74,.4);border-radius:24px;padding:28px;max-width:460px;width:100%;text-align:center;box-shadow:0 0 80px #e8bd4a1f,0 24px 60px #0009;max-height:92vh;overflow-y:auto}.prize-plate{margin-top:18px;padding:14px;border-radius:14px;background:#ffffff0a;border:1px solid var(--line2);animation:fadein .4s}.wheelmini{width:88px;height:88px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;overflow:hidden;background:conic-gradient(#5a5a62,#f0f0f4 12%,#77777f,#d7d7dc,#55555c,#f0f0f4,#77777f 82%,#5a5a62);box-shadow:0 0 16px #e8bd4a2e,0 4px 14px #00000080,inset 0 0 6px #0009;transition:transform .18s ease,box-shadow .18s ease}.wheelmini:hover{transform:scale(1.06);box-shadow:0 0 26px #e8bd4a59,0 4px 14px #00000080}.wheelmini:hover .wheelmini-disc{animation-play-state:paused}.wheelmini-disc{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:conic-gradient(#16161a 0,#16161a 30deg,#b8933a 30deg,#b8933a 60deg,#16161a 60deg,#16161a 90deg,#2c2c33 90deg,#2c2c33 120deg,#16161a 120deg,#16161a 150deg,#b8933a 150deg,#b8933a 180deg,#16161a 180deg,#16161a 210deg,#2c2c33 210deg,#2c2c33 240deg,#16161a 240deg,#16161a 270deg,#b8933a 270deg,#b8933a 300deg,#16161a 300deg,#16161a 330deg,#2c2c33 330deg,#2c2c33 360deg);box-shadow:inset 0 0 14px #00000073;animation:minispin 40s linear infinite}@keyframes minispin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheelmini-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9a9aa2 70%);display:flex;align-items:center;justify-content:center;color:#17120a;border:1.5px solid #ffe9ad;box-shadow:0 2px 6px #00000080}.dims-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 700px){.dims-grid{grid-template-columns:1fr}}.badge{display:inline-flex;flex-direction:column;align-items:center;gap:9px;padding:14px 10px 12px;border-radius:16px;background:#ffffff08;border:1px solid var(--line);width:106px;text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.badge:hover{transform:translateY(-3px);border-color:#e8bd4a73;background:#e8bd4a0d}.badge .ico{width:52px;height:52px;border-radius:50%;line-height:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 32%,#ffffff17,#ffffff04 70%);border:1.5px solid rgba(212,212,216,.45);box-shadow:inset 0 0 12px #00000059,0 0 10px #d4d4d814}.badge .nm{color:#fff;font-weight:800;font-size:10px;letter-spacing:.7px;text-transform:uppercase;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-big{width:92px;height:92px;border-radius:50%;font-size:44px;line-height:1;display:flex;align-items:center;justify-content:center;margin:8px auto 0;background:radial-gradient(circle at 50% 32%,#ffffff1a,#ffffff05 70%);border:2px solid var(--line)}.badge-big.r-rare{border-color:#eeeef180;box-shadow:0 0 24px #eeeef11f}.badge-big.r-epic{border-color:#e8bd4a99;box-shadow:0 0 28px #e8bd4a38}.badge-big.r-legendary{border-color:#f43f5ea6;box-shadow:0 0 32px #f43f5e4d}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--card);border:1px solid var(--line2);border-radius:20px;padding:26px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto}.modal h2{margin-bottom:12px}.featic{width:40px;height:40px;border-radius:12px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;background:#e8bd4a1a;color:var(--purple);border:1px solid rgba(232,189,74,.3)}.featic.yellow{background:#ffffff12;color:#eeeef1;border-color:#ffffff40}.featic.red{background:#d4d4d814;color:var(--sil);border-color:#d4d4d84d}.avmenu-wrap{position:relative;display:flex;align-items:center;gap:8px}.avbtn{background:none;border:none;cursor:pointer;padding:0;border-radius:50%;transition:transform .12s}.avbtn:hover{transform:scale(1.06)}.mob-id{display:none;align-items:center;gap:7px;text-decoration:none}.mob-id .tag{font-size:11px;padding:3px 8px}.hambtn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;cursor:pointer;background:#ffffff0d;border:1px solid var(--line2);color:var(--text);transition:background .12s,border-color .12s}.hambtn:hover{background:#ffffff1a;border-color:var(--sil)}.avmenu{position:absolute;right:0;top:46px;width:200px;z-index:200;background:var(--card2);border:1px solid var(--line2);border-radius:14px;padding:6px;box-shadow:0 12px 34px #0009;animation:fadein .15s}.avmenu-head{display:flex;align-items:center;gap:10px;padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.avmenu button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text);cursor:pointer;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:600;text-align:left}.avmenu button:hover{background:#ffffff0f}.avmenu button.danger{color:#fb7185}.avmenu button.danger:hover{background:#f43f5e1a}.avmenu-div{height:1px;background:var(--line);margin:6px 4px}.avmenu-nav{display:none}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.mt{margin-top:16px}.mb{margin-bottom:16px}.rm-box{display:flex;flex-direction:column;align-items:center;gap:9px;font-style:normal;letter-spacing:0;animation:fadein .25s}.rm-count{font-size:44px;font-weight:900;line-height:1;color:var(--purple);font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(232,189,74,.5);animation:rmpulse 1s ease-in-out infinite}@keyframes rmpulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.fx-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:940;opacity:0;background:radial-gradient(ellipse at center,transparent 52%,rgba(244,63,94,.28) 100%);box-shadow:inset 0 0 160px 30px #f43f5e80;animation:vign 1.8s ease-out forwards}@keyframes vign{0%{opacity:0}16%{opacity:1}55%{opacity:.75}to{opacity:0}}.hero-eq{height:54px;margin:36px auto 0;display:flex;align-items:flex-end;justify-content:center;gap:6px}.hero-eq i{width:7px;border-radius:4px 4px 0 0;height:20%;background:linear-gradient(180deg,#e8bd4a99,#e8bd4a14);animation:heroeq 1.7s ease-in-out infinite}@keyframes heroeq{0%,to{height:14%}50%{height:var(--h, 60%)}}.livefeed .songrow{padding:7px 10px}.livefeed .score-mini{font-weight:900;color:var(--purple);font-variant-numeric:tabular-nums;white-space:nowrap}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:8px 0 22px}.podium .step{display:flex;flex-direction:column;align-items:center;gap:8px;width:130px}.podium .plinth{width:100%;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;border:1px solid var(--line2);border-bottom:none;background:linear-gradient(180deg,#ffffff12,#ffffff03)}.podium .p1 .plinth{height:86px;border-color:#e8bd4a99;color:var(--purple);box-shadow:0 -8px 30px #e8bd4a1f}.podium .p2 .plinth{height:62px;color:#d7d7dc}.podium .p3 .plinth{height:46px;color:#cd7f32}.podium .nm{font-weight:800;font-size:13px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium .pt{font-size:12px;color:var(--purple);font-weight:800}.season-timer{color:var(--muted);font-size:12.5px;font-weight:600}.season-timer b{color:var(--purple);font-variant-numeric:tabular-nums}.empty{text-align:center;padding:44px 20px}.empty svg{margin-bottom:14px}.empty h2{font-size:19px;margin-bottom:6px}@media (max-width: 760px){.container{padding:0 12px 90px}.nav{padding:10px 12px;gap:10px}.nav .links{display:none}.avmenu-nav{display:block}.hambtn{display:inline-flex}.nav .logo{font-size:16px}.mob-id{display:inline-flex}.nav>.row{margin-left:auto}.nav>.row>.tag{display:none}.avbtn{display:none}.ticker{padding:7px 12px;font-size:11.5px}.hero{padding:48px 12px 36px}.hero-banner{padding:20px 18px}.hero-banner h1{font-size:20px}.hero-banner .hb-cta{margin-left:0;width:100%}.hero-banner .hb-cta .btn{width:100%}.progress-wrap{flex-wrap:wrap}.arena{grid-template-columns:1fr;min-height:0;gap:12px}.ambient{display:none}.arena .vs{flex-direction:row;padding:2px 0;font-size:28px;gap:16px}.arena .side{padding:16px}.introwho .iw-ava{transform:translate(-50%,-50%) scale(1.7)}.introwho .iw-name{top:calc(40% + 66px)}.introwho.you.fly .iw-ava{left:16px;top:16px;transform:translate(0) scale(1)}.introwho.them.fly .iw-ava{left:calc(100% - 16px);top:16px;transform:translate(-100%) scale(1)}.score{font-size:46px}.genres{gap:9px}.genres .genrecard{flex:0 1 150px;min-width:136px}.pagehead{padding:16px 0 6px}.pagehead .ph-side{position:static;margin-top:10px}.genrecard{padding:18px 14px;font-size:14px}.genrecard:before{font-size:18px;letter-spacing:4px;bottom:6px}.badgewrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.badgewrap .badge{width:100%;min-width:0;margin:0}.badgewrap .badge .nm{max-width:100%;overflow:hidden;text-overflow:ellipsis}.wheelmodal{padding:20px 16px}.wheelwrap.lg{width:268px;height:268px;margin:14px auto 6px}.wheelwrap.lg .wheel{top:13px;right:13px;bottom:13px;left:13px}.wheelwrap.lg .wheel-hub{width:46px;height:46px}.wheelwrap.lg .wheel-pointer{border-left-width:10px;border-right-width:10px;border-top-width:19px;top:-8px}.banner{font-size:18px;padding:18px 14px}.banner .sub{font-size:12.5px}.btn.big{font-size:15px;padding:14px 26px}.podium .step{width:96px}.podium .nm{max-width:96px;font-size:11.5px}table.lb th:nth-child(5),table.lb td:nth-child(5),table.lb th:nth-child(6),table.lb td:nth-child(6){display:none}}@media (max-width: 400px){.container{padding-left:12px;padding-right:12px}table.lb th,table.lb td{padding-left:7px;padding-right:7px}}