:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0e;--surface:#1c1c1e;--surface-2:#2c2c2e;--glass:#ffffff0f;--glass-2:#ffffff1a;--glass-3:#ffffff29;--line:#ffffff14;--text:#fff;--muted:#ebebf599;--faint:#ebebf561;--grad:linear-gradient(95deg, #ff7a2f 0%, #f2386f 52%, #b03cff 100%);--orange:#ff7a2f;--pink:#ff375f;--violet:#a77bff;--gold:#ffc94d;--ok:#30d158;--bad:#ff453a;--warn-bg:#ffaa3c1f;--warn:#ffb35c;--main:#ff7a2f;--sec:#a77bff;--r-xl:24px;--r-lg:20px;--r-md:14px;--blur:saturate(180%) blur(30px);--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--pink);outline-offset:2px;border-radius:8px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;font-weight:600}.num{font-variant-numeric:tabular-nums}.ambient{z-index:-1;background:var(--bg);position:fixed;inset:0;overflow:hidden}.ambient:before{content:"";background:radial-gradient(40% 35% at 18% 20%,#b03cff47,#0000 70%),radial-gradient(45% 40% at 85% 15%,#ff7a2f2e,#0000 70%),radial-gradient(50% 45% at 60% 95%,#ef3f7d2e,#0000 70%),linear-gradient(#19141c,#0c0a0e 70%);position:absolute;inset:-20%}.ambient img{object-fit:cover;filter:blur(90px)saturate(140%);opacity:.35;width:120%;height:120%;position:absolute;inset:-10%}.shell{grid-template-columns:290px minmax(0,1fr) 330px;gap:20px;max-width:1680px;min-height:100%;margin:0 auto;padding:20px 20px 116px;display:grid}.shell>main{flex-direction:column;gap:20px;min-width:0;display:flex}.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur);padding:22px}.side{flex-direction:column;align-self:start;gap:20px;max-height:calc(100vh - 136px);display:flex;position:sticky;top:20px}.rail{flex-direction:column;align-self:start;gap:20px;display:flex;position:sticky;top:20px}.brand{white-space:nowrap;letter-spacing:.02em;align-items:center;gap:10px;padding:2px 6px 14px;font-size:17px;font-weight:700;display:flex}.brand-mark{background:var(--grad);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid;box-shadow:0 0 24px #f2386f80}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--muted);border-radius:14px;align-items:center;gap:16px;padding:11px 12px;font-size:17px;transition:background .15s,color .15s;display:flex}.nav a:hover{color:var(--text);background:var(--glass)}.nav a[aria-current=page]{color:var(--text);font-weight:600}.nav svg{flex:none;width:22px;height:22px}.lib{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.lib-head{justify-content:space-between;align-items:center;font-size:18px;display:flex}.lib-head span{align-items:center;gap:12px;display:flex}.lib-list{flex-direction:column;gap:6px;margin:0 -8px;padding:0 8px;display:flex;overflow-y:auto}.lib-item{border-radius:14px;align-items:center;gap:14px;padding:8px;transition:background .15s;display:flex}.lib-item:hover{background:var(--glass)}.lib-item .art{object-fit:cover;background:var(--glass-2);border-radius:12px;flex:none;place-items:center;width:58px;height:58px;display:grid}.lib-item strong{font-size:16px;font-weight:500;display:block}.lib-item small{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--glass-2);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}a.chip:hover,button.chip:hover{background:var(--glass-3)}.chip.small{padding:3px 10px;font-size:12px}.btn{background:var(--glass-2);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform .12s,background .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--glass-3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.grad:hover{filter:brightness(1.08)}.btn.white{color:#17121a;background:#fff}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover{color:var(--text);background:var(--glass)}.btn.block{width:100%}.btn.lg{padding:15px 26px;font-size:16px}.icon-btn{background:var(--glass-2);border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-btn:hover{background:var(--glass-3)}.icon-btn svg{width:20px;height:20px}.search{background:var(--glass-2);border:1px solid #0000;border-radius:18px;flex:1;align-items:center;gap:12px;min-width:0;max-width:560px;height:54px;padding:0 18px;display:flex}.search:focus-within{border-color:var(--line);background:var(--glass-3)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.search input::placeholder{color:var(--faint)}.search svg{width:20px;height:20px;color:var(--muted);flex:none}.topbar{align-items:center;gap:14px;display:flex}.topbar .spacer{flex:1}.avatar{background:var(--grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:grid;overflow:hidden}.avatar.sm{width:34px;height:34px;font-size:13px}.avatar.xs{width:26px;height:26px;font-size:11px}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:500}.input,.textarea,.select{background:var(--glass-2);border:1px solid var(--line);border-radius:14px;outline:none;width:100%;padding:13px 16px;font-size:15px}.input:focus,.textarea:focus,.select:focus{background:var(--glass-3);border-color:#ffffff40}.textarea{resize:vertical;min-height:90px}.select option{background:#1c1720}.notice{background:var(--warn-bg);color:var(--warn);border-radius:18px;gap:12px;padding:14px 16px;font-size:14px;line-height:1.55;display:flex}.notice svg{flex:none;width:20px;height:20px;margin-top:1px}.notice.err{color:#ff8c97;background:#ff5a6a1f}.notice.ok{color:var(--ok);background:#3ddc971a}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head h2{font-size:24px}.section-head a:hover{color:var(--text)}.eyebrow{color:var(--muted);font-size:13px}.muted{color:var(--muted)}.heroes{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:20px;display:grid}.hero-card{border-radius:var(--r-xl);isolation:isolate;border:1px solid var(--line);flex-direction:column;gap:6px;min-height:290px;padding:24px;display:flex;position:relative;overflow:hidden}.hero-card .bg{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-card .bg.soft{filter:blur(40px)saturate(150%);opacity:.7;transform:scale(1.3)}.hero-card:after{content:"";z-index:-1;background:linear-gradient(#0a080c40,#0a080cb3);position:absolute;inset:0}.hero-card h2{font-size:30px}.hero-card .cover{object-fit:cover;border-radius:16px;width:170px;height:170px;margin:auto;box-shadow:0 24px 50px -12px #0009}.hero-card .play{color:#111;background:#fff;border:0;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-card .play svg{width:24px;height:24px;margin-left:3px}.tabs{border-bottom:0;gap:32px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;padding:14px 0 6px;font-size:18px;position:relative}.tabs a[aria-current=page]{color:var(--text)}.tabs a[aria-current=page]:before{content:"";background:var(--text);border-radius:4px;width:64px;height:4px;position:absolute;top:0;left:0}.tracks{flex-direction:column;display:flex}.track{border-radius:16px;grid-template-columns:36px 56px minmax(0,1.4fr) minmax(0,1fr) 70px 44px;align-items:center;gap:16px;padding:8px 10px;transition:background .15s;display:grid}.track:hover,.track.playing{background:var(--glass)}.track .idx{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.track img{object-fit:cover;border-radius:10px;width:56px;height:56px}.track .t{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.track .a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track .d{color:var(--muted);font-variant-numeric:tabular-nums}.track .mini-play{border:1px solid var(--line);background:var(--glass-2);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.track .mini-play svg{width:14px;height:14px}.rows{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:14px;display:flex}.row img,.row .ph{object-fit:cover;background:var(--glass-2);border-radius:12px;flex:none;width:64px;height:64px}.row .ph{place-items:center;font-weight:700;display:grid}.row .txt{flex:1;min-width:0}.row .txt strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;display:block;overflow:hidden}.row .txt small{color:var(--muted);font-size:13px}.row .val{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.promo{border-radius:var(--r-lg);background:linear-gradient(160deg,#f0407e,#d7317a 60%,#b3286c);flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 20px 50px -20px #f0407eb3}.promo h3{align-items:center;gap:10px;font-size:19px;display:flex}.promo p{opacity:.92;font-size:14.5px}.player{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;border-radius:var(--r-xl);border:1px solid var(--line);width:min(1000px,100% - 660px);min-width:520px;-webkit-backdrop-filter:var(--blur);background:#221c26e6;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:14px 24px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 20px 60px -20px #000c}.player .now{align-items:center;gap:12px;min-width:0;display:flex}.player .now img{object-fit:cover;border-radius:10px;width:48px;height:48px}.player .now strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;display:block;overflow:hidden}.player .now small{color:var(--muted);font-size:13px}.player .ctrls{flex-direction:column;align-items:center;gap:6px;display:flex}.player .btns{align-items:center;gap:22px;display:flex}.player .btns button{background:0 0;border:0;place-items:center;padding:4px;display:grid}.player .btns svg{width:30px;height:30px}.player .btns .pp svg{width:38px;height:38px}.player .prog{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:13px;display:flex}.bar{background:#ffffff2e;border-radius:4px;width:320px;height:4px;position:relative;overflow:hidden}.bar i{background:#fff;border-radius:4px;position:absolute;inset:0 auto 0 0}.player .extra{justify-content:flex-end;align-items:center;gap:14px;display:flex}.player .extra a{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.player .extra a:hover{color:var(--text)}.player.idle{opacity:.85}.tabbar{display:none}.modal-back{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05040799;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);border-radius:var(--r-xl);background:#151217;flex-direction:column;gap:18px;width:min(560px,100%);padding:26px;display:flex;box-shadow:0 40px 80px -20px #000c}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:21px}.modal .box{background:var(--glass);border-radius:18px;padding:16px}.modal-foot{justify-content:flex-end;align-items:center;gap:12px;display:flex}.game{border-radius:var(--r-xl);isolation:isolate;flex-direction:column;align-items:center;gap:22px;min-height:560px;padding:28px;display:flex;position:relative;overflow:hidden}.game .glow{z-index:-1;background:radial-gradient(60% 50% at 50% 30%,#b03cff73,#0000 70%),radial-gradient(50% 40% at 50% 90%,#ef3f7d4d,#0000 70%);position:absolute;inset:0}.game-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.game-top .title{text-align:center;flex:1;font-weight:600}.disc{background:var(--glass-2);border-radius:28px;place-items:center;width:240px;height:240px;display:grid;overflow:hidden;box-shadow:0 30px 60px -20px #0009}.disc img{object-fit:cover;width:100%;height:100%}.eq{align-items:flex-end;gap:6px;height:70px;display:flex}.eq i{background:var(--grad);border-radius:6px;width:10px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}.eq i:nth-child(5){animation-delay:-.45s}.eq.paused i{animation-play-state:paused}@keyframes eq{0%,to{height:18%}50%{height:100%}}.prompt{text-align:center;max-width:30ch;font-size:24px;font-weight:600}.answers{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:720px;display:grid}.answer{background:var(--glass-2);border:1px solid var(--line);text-align:left;border-radius:18px;padding:18px 20px;font-size:16px;font-weight:500;transition:background .15s,transform .1s,border-color .15s}.answer:active:not(:disabled){transform:scale(.98)}.answer.good{border-color:var(--ok);background:#3ddc972e}.answer.bad{border-color:var(--bad);background:#ff5a6a29}.answer:disabled{cursor:default}.timer{background:#ffffff1f;border-radius:6px;width:100%;max-width:720px;height:6px;overflow:hidden}.timer i{background:var(--grad);border-radius:6px;height:100%;display:block}.pill-stat{background:var(--glass-2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.podium-wrap{border-radius:var(--r-xl);isolation:isolate;background:radial-gradient(80% 60% at 50% 0,#ffffff40,#0000 60%),linear-gradient(#b43cf0,#e0459d 70%,#f06aa8);padding:30px 20px 0;position:relative;overflow:hidden}.podium-wrap:before{content:"";z-index:-1;opacity:.35;background:repeating-conic-gradient(at 50% 18%,#ffffff38 0deg 6deg,#0000 6deg 18deg);position:absolute;inset:0}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:10px;max-width:620px;margin:0 auto;display:grid}.pod{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.pod .ph{background:#ffffff59;border-radius:50%;width:104px;height:104px;padding:5px;position:relative}.pod.first .ph{width:132px;height:132px}.pod .ph img,.pod .ph .initial{object-fit:cover;background:#2a1e33;border-radius:50%;place-items:center;width:100%;height:100%;font-size:34px;font-weight:700;display:grid}.pod .crown{width:46px;color:var(--gold);filter:drop-shadow(0 4px 8px #0000004d);position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(-8deg)}.pod .medal{color:#9b6a00;background:linear-gradient(160deg,#ffe07a,#f5b623);border:3px solid #fff3;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid;position:absolute;bottom:0;right:2px}.pod .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:18px;font-weight:600;overflow:hidden}.pod .block{background:linear-gradient(#ffffff8c,#ffffff2e);border-radius:14px 14px 0 0;flex-direction:column;align-items:center;gap:4px;width:100%;padding-top:14px;display:flex}.pod .block .tagv{color:#9a5b00;background:#ffd66b;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.pod .block .score{color:#ffe39a;font-variant-numeric:tabular-nums;font-weight:700}.pod .block .n{color:#fff;opacity:.95;font-size:110px;font-weight:800;line-height:1}.pod:not(.first) .block{height:190px}.pod:not(.first) .block .n{font-size:84px}.pod.first .block{height:250px}.ranklist{color:#1b1530;background:#fff;border-radius:26px 26px 0 0;flex-direction:column;margin:0 -20px;padding:10px 20px 14px;display:flex}.ranklist .it{border-top:1px solid #efeaf5;align-items:center;gap:14px;padding:12px 4px;display:flex}.ranklist .it:first-child{border-top:0}.ranklist .pos{color:#8a86a0;font-variant-numeric:tabular-nums;width:26px;font-weight:500}.ranklist img,.ranklist .initial{object-fit:cover;color:#6b4ca8;background:#ece6f7;border-radius:50%;place-items:center;width:50px;height:50px;font-weight:700;display:grid}.ranklist .who{flex:1;min-width:0}.ranklist .who strong{font-weight:600;display:block}.ranklist .who small{color:#8a86a0}.ranklist .pts{color:#fff;font-variant-numeric:tabular-nums;background:#5b7cfa;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.ranklist .it.me{background:#f6f1ff;border-radius:14px}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.badge{border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--line);flex-direction:column;gap:10px;padding:18px;display:flex}.badge .medal{color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:grid}.badge.locked .medal{filter:grayscale();opacity:.35}.badge strong{font-size:16px}.badge small{color:var(--muted);font-size:13px}.badge .rar{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.pbar{background:#ffffff1a;border-radius:5px;height:5px;overflow:hidden}.pbar i{background:var(--grad);height:100%;display:block}.r-commun .medal{background:linear-gradient(160deg,#8a7f95,#4d4555)}.r-commun .rar{color:#b9aec6}.r-rare .medal{background:linear-gradient(160deg,#54a8ff,#2d5bff)}.r-rare .rar{color:#7fb8ff}.r-epique .medal{background:linear-gradient(160deg,#c47bff,#7b2dff)}.r-epique .rar{color:#c9a0ff}.r-legendaire .medal{background:linear-gradient(160deg,#ffd66b,#ff8a1f)}.r-legendaire .rar{color:var(--gold)}.r-mythique .medal{background:var(--grad);box-shadow:0 0 30px #f2386f99}.r-mythique .rar{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.modes{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.mode{border-radius:var(--r-lg);isolation:isolate;text-align:left;color:#fff;border:0;flex-direction:column;justify-content:space-between;gap:12px;min-height:180px;padding:20px;display:flex;position:relative;overflow:hidden}.mode h3{font-size:21px}.mode .go{background:#121015;border-radius:16px;align-self:flex-end;place-items:center;width:52px;height:52px;display:grid}.mode .go svg{width:20px;height:20px;margin-left:2px}.mode.dark{border:1px solid var(--line);background:linear-gradient(135deg,#2a2230,#17131b)}.mode:after{content:"";z-index:-1;background:repeating-linear-gradient(115deg,#ffffff12 0 14px,#0000 14px 40px);position:absolute;inset:0}.scroller{scrollbar-width:none;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.tile{text-align:center;flex-direction:column;flex:none;align-items:center;gap:8px;width:128px;display:flex}.tile .pic{background:var(--glass-2);border-radius:20px;width:128px;height:128px;position:relative;overflow:hidden}.tile .pic img{object-fit:cover;width:100%;height:100%}.tile .pic .likes{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600;position:absolute;bottom:8px;left:8px}.tile span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.post{border-top:1px solid var(--line);gap:14px;padding:18px 0;display:flex}.post:first-child{border-top:0}.post-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.post-meta strong{color:var(--text);font-size:15px;font-weight:600}.post-text{white-space:pre-wrap;overflow-wrap:anywhere}.post-actions{align-items:center;gap:6px;display:flex}.post-actions button{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex}.post-actions button:hover{background:var(--glass);color:var(--text)}.post-actions button.liked{color:var(--pink)}.post-actions svg{width:18px;height:18px}.replies{border-left:2px solid var(--line);flex-direction:column;gap:10px;padding-left:14px;display:flex}.reply{font-size:14px}.reply strong{margin-right:6px;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.stat{background:var(--glass);border-radius:18px;flex-direction:column;gap:2px;padding:16px;display:flex}.stat b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stat span{color:var(--muted);font-size:13px}.team-slot{border-radius:var(--r-lg);isolation:isolate;border:1px solid var(--line);flex-direction:column;justify-content:flex-end;gap:8px;min-height:200px;padding:20px;display:flex;position:relative;overflow:hidden}.team-slot>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.team-slot:after{content:"";z-index:-1;background:linear-gradient(#0000 20%,#08060ae6);position:absolute;inset:0}.team-slot .role{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:600}.team-slot.main .role{background:var(--grad)}.team-slot.sec .role{background:var(--sec);color:#1a1022}.team-slot h3{font-size:30px}.loy{flex-direction:column;gap:4px;font-size:13px;display:flex}.loy .pbar i{background:#fff}.team-slot.sec .loy .pbar i{background:var(--sec)}.picker-results{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.pick{text-align:center;background:var(--glass);border:1px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.pick:hover{background:var(--glass-2)}.pick.sel{border-color:var(--pink);background:#ef3f7d1f}.pick img{object-fit:cover;border-radius:50%;width:100px;height:100px}.pick strong{font-size:15px;font-weight:600}.pick small{color:var(--muted);font-size:12px}.af-card{background:var(--glass);border:1px solid var(--line);width:min(560px,100%);-webkit-backdrop-filter:var(--blur);border-radius:44px;flex-direction:column;gap:26px;margin:12px auto 24px;padding:30px 28px 34px;display:flex;box-shadow:0 40px 90px -40px #000c}.af-back{background:var(--glass-2);border:1px solid var(--line);width:64px;height:64px;color:var(--text);border-radius:50%;place-items:center;transition:background .15s,transform .12s;display:grid;box-shadow:0 10px 24px -10px #0009,inset 0 1px #ffffff14}.af-back:hover{background:var(--glass-3)}.af-back:active{transform:scale(.95)}.af-head{flex-direction:column;gap:8px;margin-top:18px;display:flex}.af-head h1{letter-spacing:-.02em;font-size:34px;font-weight:700}.af-head p{color:var(--muted);font-size:16px}.af-form{flex-direction:column;gap:20px;display:flex}.af-field{flex-direction:column;gap:10px;display:flex}.af-field label{font-size:16px;font-weight:500}.af-input{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;align-items:center;gap:14px;height:66px;padding:0 22px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.af-input:focus-within{background:#ffffff17;border-color:#f2386f99;box-shadow:0 0 0 4px #f2386f26}.af-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.af-input input::placeholder{color:var(--faint)}.af-ico{color:var(--muted);place-items:center;display:grid}.af-eye{color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-6px;padding:6px;display:grid}.af-eye:hover{color:var(--text)}.af-row{justify-content:flex-end;margin-top:-4px;display:flex}.af-link{font-size:15px;font-weight:500}.af-link:hover{text-decoration:underline}.af-submit{background:var(--grad);color:#fff;border:0;border-radius:999px;height:70px;margin-top:10px;font-size:18px;font-weight:600;transition:filter .15s,transform .12s,opacity .15s;box-shadow:0 16px 36px -14px #f2386fcc,inset 0 1px #ffffff40}.af-submit:hover{filter:brightness(1.08)}.af-submit:active{transform:scale(.98)}.af-submit:disabled{opacity:.6;cursor:wait}.af-or{align-items:center;gap:16px;font-size:17px;font-weight:500;display:flex}.af-or:before,.af-or:after{content:"";flex:1;height:1px}.af-or:before{background:linear-gradient(90deg,#0000,#ffffff59)}.af-or:after{background:linear-gradient(90deg,#ffffff59,#0000)}.af-social{flex-direction:column;gap:14px;display:flex}.af-social-btn{background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:12px;height:68px;font-size:17px;font-weight:600;transition:background .15s,transform .12s;display:flex}.af-social-btn:hover{background:#ffffff17}.af-social-btn:active{transform:scale(.98)}.af-social-btn:disabled{opacity:.6}.af-foot{text-align:center;color:var(--muted);font-size:15px}.af-foot a{color:var(--text);font-weight:600}.af-foot a:hover{text-decoration:underline}@media (max-width:900px){.af-card{border-radius:34px;gap:22px;margin:0 auto;padding:22px 18px 28px}.af-head{margin-top:6px}.af-head h1{font-size:30px}.af-back{width:54px;height:54px}.af-input,.af-social-btn{height:60px}.af-submit{height:62px}.af-social-btn{font-size:15.5px}}.split{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stack{flex-direction:column;gap:16px;display:flex}.hstack{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:18px;padding:24px}@media (max-width:1280px){.shell{grid-template-columns:250px minmax(0,1fr)}.rail{display:none}.player{grid-template-columns:minmax(0,1fr) auto;width:calc(100% - 330px);min-width:0;left:calc(50% + 135px)}.player .extra{display:none}.bar{width:220px}.brand{font-size:15px}}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr);padding:16px 16px 170px}.side,.topbar-login{display:none}.search{max-width:none}.heroes,.split{grid-template-columns:1fr}.player{width:auto;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 10px 8px 8px;transform:none}.player .ctrls .prog,.player .extra,.player .btns .skip{display:none}.player .btns .pp svg{width:32px;height:32px}.tabbar{z-index:45;padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--line);background:#0e0b10db;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:11px;display:flex;overflow:hidden}.player.idle,.topbar .spacer{display:none}.shell{padding-bottom:110px}body:has(.player:not(.idle)) .shell{padding-bottom:170px}.tabbar a[aria-current=page]{color:var(--text)}.tabbar svg{width:24px;height:24px}.track{grid-template-columns:44px minmax(0,1fr) 40px;gap:12px}.track .idx,.track .a-col,.track .d{display:none}.track img{width:44px;height:44px}.answers{grid-template-columns:1fr}.disc{width:190px;height:190px}.prompt{font-size:20px}.pod .ph{width:78px;height:78px}.pod.first .ph{width:100px;height:100px}.pod .block .n{font-size:80px}.pod:not(.first) .block .n{font-size:60px}.pod:not(.first) .block{height:150px}.pod.first .block{height:200px}.pod .name{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.side{max-height:none;position:static}.lib-list{overflow:visible}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.stories{scrollbar-width:none;gap:16px;padding-bottom:4px;display:flex;overflow-x:auto}.story{width:84px;color:var(--muted);text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;font-size:12.5px;display:flex}.story span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.story .ring{background:var(--glass-3);border-radius:50%;place-items:center;width:72px;height:72px;padding:3px;display:grid}.story.on .ring{background:var(--grad)}.story.on{color:var(--text)}.story img,.story .all{object-fit:cover;border:3px solid var(--bg);background:var(--glass-2);border-radius:50%;place-items:center;width:100%;height:100%;font-size:26px;display:grid}.composer{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);padding:14px 16px}.composer.open{padding:18px}.composer-bar{align-items:center;gap:10px;display:flex}.composer-fake{text-align:left;background:var(--glass-2);border:1px solid var(--line);color:var(--faint);border-radius:999px;flex:1;padding:12px 18px}.composer-team{border-radius:999px;width:auto;padding:8px 14px}.composer-title{background:0 0;border:0;outline:none;font-size:20px;font-weight:600}.composer-body{resize:vertical;background:0 0;border:0;outline:none;min-height:90px;font-size:16px;line-height:1.5}.composer-title::placeholder,.composer-body::placeholder{color:var(--faint)}.composer-thumbs{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.composer-thumb{aspect-ratio:1;border-radius:14px;position:relative;overflow:hidden}.composer-thumb img{object-fit:cover;width:100%;height:100%}.composer-thumb button,.composer-audio button{background:#0009;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:6px;right:6px}.composer-audio{background:var(--glass-2);border-radius:14px;align-items:center;gap:10px;padding:12px 44px 12px 14px;font-size:14px;display:flex;position:relative}.composer-audio button{top:50%;transform:translateY(-50%)}.composer-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.feed{flex-direction:column;gap:16px;display:flex}.pc{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);flex-direction:column;gap:12px;padding:16px 18px;display:flex}.pc-head{align-items:center;gap:10px;display:flex}.pc-who{flex:1;min-width:0}.pc-line{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;display:flex}.pc-line strong{color:var(--text);font-size:15px}.pc-flair{color:#ff8fb5;background:#ef3f7d29;border-radius:999px;margin-top:2px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pc-flair.muted-flair{background:var(--glass-2);color:var(--muted)}.pc-icon{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.pc-icon:hover{background:var(--glass-2);color:var(--text)}.chip.danger{background:var(--bad);color:#fff}.pc-title{font-size:19px;font-weight:600;line-height:1.35}.pc-detail .pc-title{font-size:24px}.pc-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15.5px}.pc-text.clamp{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pc-media{background:#000;border-radius:18px;width:calc(100% + 12px);max-height:640px;margin:0 -6px;position:relative;overflow:hidden}.pc-track{scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;display:flex;overflow-x:auto}.pc-track::-webkit-scrollbar{display:none}.pc-track img{object-fit:cover;scroll-snap-align:start;-webkit-user-select:none;user-select:none;flex:none;width:100%;height:100%}.pc-count{background:#0000008c;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.pc-dots{justify-content:center;gap:5px;display:flex;position:absolute;bottom:12px;left:0;right:0}.pc-dots i{background:#ffffff73;border-radius:50%;width:6px;height:6px}.pc-dots i.on{background:#fff}.pc-burst{color:#fff;pointer-events:none;place-items:center;animation:.8s ease-out forwards burst;display:grid;position:absolute;inset:0}.pc-burst svg{filter:drop-shadow(0 6px 20px #0006);width:110px;height:110px;color:var(--pink)}@keyframes burst{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.pc-audio{border:1px solid var(--line);background:linear-gradient(120deg,#ff7a2f2e,#b03cff2e);border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.pc-audio-btn{background:var(--grad);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.pc-audio-btn svg{width:20px;height:20px}.pc-audio-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pc-audio-body strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pc-wave{align-items:center;gap:2px;height:30px;display:flex}.pc-wave i{background:#ffffff4d;border-radius:2px;flex:1}.pc-wave i.on{background:#fff}.pc-audio-time{color:var(--muted);font-size:13px}.pc-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pc-vote{background:var(--glass-2);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.pc-vote button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.pc-vote button:hover{background:var(--glass-3);color:var(--text)}.pc-vote span{text-align:center;min-width:26px;font-size:14px;font-weight:600}.pc-vote.up,.pc-vote.up button:first-child{color:var(--orange)}.pc-vote.down,.pc-vote.down button:last-child{color:var(--violet)}.pc-btn{background:var(--glass-2);color:var(--muted);border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.pc-btn:hover{color:var(--text);background:var(--glass-3)}.pc-btn.reposted{color:var(--ok)}.cm{flex-direction:column;gap:6px;display:flex}.cm-head{align-items:center;gap:8px;font-size:14px;display:flex}.cm-body{white-space:pre-wrap;overflow-wrap:anywhere;padding-left:34px}.cm-actions{gap:4px;padding-left:26px;display:flex}.cm-actions button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:600}.cm-actions button:hover{background:var(--glass);color:var(--text)}.cm-children{border-left:2px solid var(--line);flex-direction:column;gap:14px;margin-top:8px;margin-left:12px;padding-left:16px;display:flex}@media (max-width:900px){.composer-thumbs{grid-template-columns:repeat(2,1fr)}.pc{padding:14px}}.disc{position:relative}.disc .disc-bg{object-fit:cover;filter:blur(3px)brightness(.55);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.05)}.disc .eq{position:relative}.disc-reveal{animation:.35s ease-out reveal}@keyframes reveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.vs{border:1px solid var(--line);background:#00000040;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;max-width:720px;padding:10px 14px;display:grid}.vs-side{align-items:center;gap:10px;min-width:0;display:flex}.vs-side.right{text-align:right;justify-content:flex-end}.vs-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.vs-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.vs-side.right .pbar i{background:linear-gradient(90deg,#4a7dff,#7b3cff);margin-left:auto}.vs-side b{font-size:20px}.vs-mid{letter-spacing:.1em;color:var(--muted);font-size:14px;font-weight:800}.radar{place-items:center;width:180px;height:180px;display:grid;position:relative}.radar span{border:2px solid #ef3f7d99;border-radius:50%;animation:2.4s ease-out infinite radar;position:absolute;inset:0}.radar span:nth-child(2){animation-delay:.8s}.radar span:nth-child(3){animation-delay:1.6s}.radar .avatar{width:72px;height:72px;font-size:28px;font-style:normal}@keyframes radar{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1)}}@media (max-width:900px){.vs-side .avatar{display:none}.vs-side b{font-size:16px}}.avatar-link{border-radius:50%}.profile-head{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.profile-avatar-ring{background:var(--grad);border-radius:50%;flex:none;padding:4px}.profile-avatar-ring .avatar{border:4px solid var(--bg)}.profile-main{flex-direction:column;flex:1;gap:12px;min-width:240px;display:flex}.profile-main h1{font-size:26px}.profile-counts{color:var(--muted);flex-wrap:wrap;gap:22px;font-size:15px;display:flex}.profile-counts b{color:var(--text);margin-right:4px;font-size:17px}.profile-bio{white-space:pre-wrap;max-width:60ch}.chip.tier{color:#fff}.chip.tier.r-commun{background:#6c6377}.chip.tier.r-rare{background:#2d5bff}.chip.tier.r-epique{background:#7b2dff}.chip.tier.r-legendaire{background:linear-gradient(90deg,#ffb13b,#ff7a1f)}.chip.tier.r-mythique{background:var(--grad)}.post-grid{border-radius:18px;grid-template-columns:repeat(3,1fr);gap:4px;display:grid;overflow:hidden}.post-tile{aspect-ratio:1;background:var(--glass-2);display:block;position:relative;overflow:hidden}.post-tile img{object-fit:cover;width:100%;height:100%}.post-tile-text{text-align:center;background:linear-gradient(150deg,#ff7a2f59,#b03cff59);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.post-tile-text span{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-tile-multi{text-shadow:0 1px 4px #0009;font-size:16px;position:absolute;top:8px;right:10px}.post-tile-hover{opacity:0;background:#00000073;justify-content:center;align-items:center;gap:18px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.post-tile-hover span{align-items:center;gap:6px;display:inline-flex}.post-tile:hover .post-tile-hover,.post-tile:focus-visible .post-tile-hover{opacity:1}@media (max-width:900px){.profile-head{gap:16px}.profile-avatar-ring .avatar{width:88px!important;height:88px!important}}body{background:var(--bg);letter-spacing:-.01em;font-size:16px}h1,h2,h3{letter-spacing:-.02em}.app{max-width:640px;padding:18px 20px calc(190px + env(safe-area-inset-bottom,0px));margin:0 auto}.app-main{flex-direction:column;gap:28px;display:flex}.panel{background:var(--surface);border-radius:var(--r-lg);-webkit-backdrop-filter:none;border:0;padding:18px}.section-head h2{font-size:22px;font-weight:600}.section-head a{color:var(--muted);font-size:16px}.btn{border-radius:999px}.btn.grad{background:var(--text);color:#0c0c0e;box-shadow:none}.btn.grad:hover{filter:none;background:#e9e9ee}.chip{background:var(--surface-2)}.chip[aria-current=true],.chip.on{background:var(--text);color:#0c0c0e}.page-title{font-size:30px;font-weight:700}.home-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-top p{color:var(--muted);font-size:15px}.home-top h1{font-size:28px;font-weight:700}.home-top-actions{align-items:center;gap:10px;display:flex}.round-btn{background:var(--surface);width:44px;height:44px;color:var(--text);border:0;border-radius:50%;place-items:center;display:grid}.scroller{scroll-snap-type:x proximity;gap:14px;margin:0 -20px;padding:0 20px 4px}.tile{scroll-snap-align:start;gap:10px;width:118px}.tile .pic{border-radius:18px;width:118px;height:118px;box-shadow:0 10px 24px -14px #000c}.tile .pic .likes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28140a8c;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex;bottom:8px;left:8px}.tile .pic .likes b{color:#ff9f5a}.tile span{color:var(--muted);font-size:15px}.mix-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -20px;padding:0 20px 4px;display:flex;overflow-x:auto}.mix-row::-webkit-scrollbar{display:none}.mix-row>*{scroll-snap-align:start;flex:none;width:min(330px,82vw)}.modes{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.mode{border-radius:22px;min-height:186px;padding:20px;box-shadow:0 18px 40px -24px #000000e6}.mode h3{letter-spacing:-.02em;font-size:24px;font-weight:600}.mode p{opacity:.85;font-size:15px}.mode .go{background:#0c0c0e;border-radius:18px;width:62px;height:62px;box-shadow:0 8px 20px -8px #000000b3}.mode .go svg{width:24px;height:24px}.mode:after{mix-blend-mode:soft-light;background:radial-gradient(120% 70% at 110% 30%,#00000059,#0000 60%),repeating-linear-gradient(108deg,#00000038 0 6px,#ffffff12 14px,#0000002e 26px,#0000 38px)}.mode.red{background:linear-gradient(120deg,#ff3b5c 0%,#e0102f 45%,#8e0a22 100%)}.mode.blue{background:linear-gradient(120deg,#3e7bff 0%,#6a3cff 55%,#d14cff 100%)}.mode.orange{background:linear-gradient(120deg,#ff9a3c 0%,#ff4f4f 55%,#c21f5b 100%)}.mode.teal{background:linear-gradient(120deg,#1ed2b4 0%,#1a8ae6 60%,#3e45d6 100%)}.mode.dark{background:linear-gradient(120deg,#3a3a40 0%,#1c1c1e 100%);border:0}.tl{flex-direction:column;gap:4px;display:flex}.tl-row{text-align:left;color:inherit;background:0 0;border:0;border-radius:12px;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:14px;padding:8px 0;display:grid}.tl-row:hover .tl-txt strong,.tl-row.on .tl-txt strong{color:#fff}.tl-cover{background:var(--surface-2);border-radius:10px;width:58px;height:58px;position:relative;overflow:hidden}.tl-cover img{object-fit:cover;width:100%;height:100%}.tl-state{background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.tl-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.tl-txt strong{color:#fffffff2;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;overflow:hidden}.tl-txt small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.tl-row.on .tl-txt small{color:var(--pink)}.tl-more{color:var(--muted);place-items:center;display:grid}.player{display:none!important}.mini{z-index:50;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:min(600px,100% - 24px);-webkit-backdrop-filter:var(--blur);background:linear-gradient(90deg,#3a3432f5,#262628f5 45%);border-radius:18px;align-items:center;gap:8px;padding:8px 12px 8px 8px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 30px -10px #000c}.mini-open{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.mini-open img,.mini-ph{object-fit:cover;background:var(--surface-2);border-radius:10px;flex:none;width:52px;height:52px}.mini-txt{flex-direction:column;min-width:0;display:flex}.mini-txt strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.mini-txt small{color:var(--muted);font-size:14px}.mini-btn{color:#fff;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;display:grid}.mini-btn[aria-pressed=true]{color:var(--pink)}.mini-progress{background:#ffffffd9;height:2px;position:absolute;bottom:0;left:0}.tabbar{z-index:45;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:var(--blur);background:#0c0c0eeb;border-top:1px solid #ffffff0f;justify-content:center;gap:0;position:fixed;bottom:0;left:0;right:0;display:flex!important}.tabbar a{color:#ebebf573;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:128px;font-size:12px;font-weight:500;display:flex}.tabbar a[aria-current=page]{color:#fff}.tabbar svg{width:28px;height:28px}.np{z-index:90;color:#fff;background:linear-gradient(180deg, rgba(var(--np), .95) 0%, rgba(var(--np), .75) 45%, rgba(var(--np), .55) 70%, #0c0c0e 100%), #0c0c0e;isolation:isolate;animation:.28s ease-out np-in;position:fixed;inset:0;overflow-y:auto}@keyframes np-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.np-bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.np-bg img{object-fit:cover;filter:blur(80px)saturate(160%);opacity:.55;width:100%;height:100%;transform:scale(1.3)}.np-inner{max-width:440px;min-height:100%;padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(22px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:22px;margin:0 auto;display:flex;position:relative}.np-head{justify-content:space-between;align-items:center;width:100%;font-size:17px;font-weight:600;display:flex}.np-round{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.np-cover{aspect-ratio:1;border-radius:30px;width:min(270px,70vw);margin-top:18px;overflow:hidden;box-shadow:0 30px 60px -20px #0009}.np-cover img{object-fit:cover;width:100%;height:100%}.np-liked{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000038;border-radius:999px;align-items:center;gap:10px;padding:7px 18px 7px 8px;display:inline-flex}.np-faces{display:flex}.np-faces i{background:linear-gradient(160deg,#f6c67a,#d9754a);border:2px solid #00000059;border-radius:50%;width:34px;height:34px;margin-left:-12px}.np-faces i:first-child{background:linear-gradient(160deg,#caa38a,#6d4a3b);margin-left:0}.np-faces i:nth-child(2){background:linear-gradient(160deg,#9d7a67,#3e2c25)}.np-liked small{opacity:.7;font-size:13px;display:block}.np-liked b{font-size:15px;font-weight:500}.np-h{color:#c9a7ff}.np-card{-webkit-backdrop-filter:blur(24px);background:#ffffff1f;border-radius:30px;flex-direction:column;gap:12px;width:100%;margin-top:auto;padding:18px 18px 14px;display:flex}.np-track{align-items:center;gap:14px;display:flex}.np-track img{object-fit:cover;border-radius:50%;width:58px;height:58px}.np-track strong{font-size:22px;font-weight:600;display:block}.np-track small{color:#ffffffa6;font-size:16px}.np-bar{background:#ffffff40;border-radius:3px;height:3px;overflow:hidden}.np-bar i{background:#fff;height:100%;display:block}.np-times{color:#ffffffa6;justify-content:space-between;font-size:14px;display:flex}.np-ctrls{justify-content:space-between;align-items:center;display:flex}.np-ctrls button{color:#fff;background:0 0;border:0;place-items:center;padding:6px;display:grid}.np-ctrls button:first-child,.np-ctrls button:last-child{color:#ffffffbf}.np-ctrls button.on{color:#fff}.np-ctrls .np-pp{background:#ffffff24;border-radius:999px;width:118px;height:70px}.np-foot{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.np-foot button{color:#ffffffbf;background:0 0;border:0;padding:8px;font-size:18px}.np-pill{text-align:center;color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border-radius:999px;flex:1;padding:14px 18px;font-size:16px;font-weight:500;overflow:hidden}.game{background:linear-gradient(#5b2a86 0%,#3a1d57 45%,#17111e 100%);border-radius:30px;min-height:620px}.game .glow{background:radial-gradient(60% 45% at 50% 25%,#ffffff24,#0000 70%)}.disc{background:#ffffff1a;border-radius:30px;width:250px;height:250px}.answer{background:#ffffff1a;border:1px solid #ffffff14;border-radius:22px}.answer:hover:not(:disabled){background:#ffffff29}.timer{background:#ffffff2e;height:3px}.timer i{background:#fff}.pill-stat{background:#00000040}.game-top .icon-btn{background:#ffffff14;border:1px solid #ffffff2e;width:52px;height:52px}.answers{grid-template-columns:1fr;max-width:520px}.stat{background:var(--surface)}.pc,.composer{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:0}.hero-card{border:0;border-radius:24px}.podium-wrap{border-radius:26px}.af-card{background:var(--surface);border:0}@media (max-width:900px){.shell,.side,.rail{display:none}.app{padding-left:16px;padding-right:16px}.scroller,.mix-row{margin:0 -16px;padding:0 16px 4px}}.heroes{grid-template-columns:1fr}.hero-card .cover{border-radius:28px;width:220px;height:220px}.scroller,.mix-row{scroll-padding-inline:20px}@media (max-width:900px){.scroller,.mix-row{scroll-padding-inline:16px}}.search{background:var(--surface);border-radius:14px;max-width:none;height:50px}.tabs{scrollbar-width:none;gap:26px}.tabs::-webkit-scrollbar{display:none}.tabs a{font-size:17px}.desk-side,.desk-rail,.desk-top,.mini-desk,.mini-expand{display:none}@media (min-width:960px){body{background:radial-gradient(90% 70% at 30% 0,#2a2124 0%,#141214 55%,#0c0c0e 100%) fixed}.app{grid-template-columns:300px minmax(0,1fr) 340px;align-items:start;gap:22px;max-width:1680px;padding:22px 22px 130px;display:grid}.desk-side,.desk-rail{flex-direction:column;gap:20px;display:flex;position:sticky;top:22px}.desk-side .panel,.desk-rail .panel{-webkit-backdrop-filter:var(--blur);background:#ffffff0f;border-radius:26px;padding:22px}.desk-side .brand{padding:0 8px 14px;font-size:18px}.desk-side .nav a{color:var(--muted);gap:18px;padding:12px;font-size:18px}.desk-side .nav a[aria-current=page]{color:#fff;font-weight:600}.desk-side .nav svg{width:26px;height:26px}.desk-side .lib{min-height:460px}.desk-side .lib-item .art{width:60px;height:60px}.lib-cta{background:#ffffff1a;margin-top:auto;padding:14px}.desk-rail .rows .row img,.desk-rail .rows .row .ph{border-radius:12px;width:64px;height:64px}.desk-rail .promo{border-radius:24px}.app-main{gap:30px;min-width:0}.desk-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.desk-top .search{background:#ffffff14;border-radius:18px;max-width:560px;height:56px}.home-top-actions{display:none}.tabbar{display:none!important}.scroller,.mix-row{margin:0;padding:0 0 4px;scroll-padding-inline:0}.tile{width:150px}.tile .pic{width:150px;height:150px}.mix-row>*{width:340px}.tl{grid-template-columns:1fr 1fr;column-gap:28px;display:grid}.mini{background:#2c282ceb;border-radius:26px;grid-template-columns:minmax(0,1fr) auto auto auto;gap:18px;width:min(900px,100% - 740px);padding:14px 20px;display:grid;bottom:20px;left:calc(50% - 20px)}.mini-mobile{display:none}.mini-desk{flex-direction:column;align-items:center;gap:4px;display:flex}.mini-desk-btns{align-items:center;gap:26px;display:flex}.mini-desk-btns button{color:#fff;background:0 0;border:0;place-items:center;padding:2px;display:grid}.mini-desk-prog{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.mini-desk-bar{background:#fff3;border-radius:4px;width:300px;height:4px;overflow:hidden}.mini-desk-bar i{background:#fff;height:100%;display:block}.mini-expand{display:grid}.mini-progress{display:none}.game{min-height:680px}}@media (min-width:960px) and (max-width:1360px){.app{grid-template-columns:250px minmax(0,1fr);gap:18px;padding-left:18px;padding-right:18px}.desk-rail{display:none}.mini{width:calc(100% - 322px);left:calc(50% + 134px)}.mini-desk-bar{width:clamp(120px,22vw,300px)}.desk-side .nav a{font-size:16px}.tl{grid-template-columns:1fr}}@media (min-width:960px){.desk-side,.desk-rail{scrollbar-width:none;max-height:calc(100vh - 44px);overflow-y:auto}.desk-side::-webkit-scrollbar{display:none}.desk-rail::-webkit-scrollbar{display:none}.desk-side .lib{min-height:0}}.legal{flex-direction:column;gap:18px;max-width:72ch;display:flex}.legal section{flex-direction:column;gap:8px;display:flex}.legal h2{margin-top:8px;font-size:20px}.legal p,.legal li{color:#ebebf5cc;line-height:1.6}.legal ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.legal-links,.legal-foot{color:var(--faint);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.legal-links a,.legal-foot a{text-underline-offset:3px;text-decoration:underline}.legal-foot{justify-content:center;padding:8px 0}.btn.danger{background:var(--bad);color:#fff}.danger-text{color:#ff8a80}.welcome{min-height:100vh;padding:calc(28px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));isolation:isolate;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.welcome-bg{z-index:-1;background:radial-gradient(60% 45% at 15% 10%,#b03cff59,#0000 70%),radial-gradient(55% 45% at 90% 20%,#ff7a2f40,#0000 70%),radial-gradient(60% 50% at 50% 100%,#ff375f38,#0000 70%),#0c0c0e;position:fixed;inset:0}.welcome-brand{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.welcome-main{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:560px;display:flex}.welcome .af-card{-webkit-backdrop-filter:var(--blur);background:#1c1c1ed1;margin:0 auto}.welcome .legal{background:#1c1c1ed1;border-radius:26px;max-width:none;padding:26px}.welcome-main.wide{justify-content:flex-start;max-width:980px}.onboard-steps{gap:8px;display:flex}.onboard-steps i{background:#fff3;border-radius:5px;width:36px;height:5px}.onboard-steps i.on{background:#fff}.salons{scrollbar-width:none;gap:12px;margin:0 -20px;padding:0 20px 4px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.salons::-webkit-scrollbar{display:none}.salon{background:var(--surface);text-align:left;width:190px;color:inherit;border:0;border-radius:20px;flex-direction:column;flex:none;gap:4px;padding:16px;display:flex;position:relative}.salon:hover{background:var(--surface-2)}.salon strong{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:16px;font-weight:600;overflow:hidden}.salon small{color:var(--muted);font-size:13px}.salon-icon{color:#fff;background:linear-gradient(135deg,#ff3b5c,#b03cff);border-radius:14px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid}.salon-icon.big{border-radius:22px;flex:none;width:72px;height:72px;font-size:32px}.salon-new{background:0 0;border:1.5px dashed #fff3}.salon-new .salon-icon{background:#ffffff1a}.salon-joined{color:var(--ok);background:#30d1582e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:14px;right:14px}.salon-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.salon-head-txt{flex-direction:column;flex:1;gap:4px;min-width:200px;display:flex}.salon-head-txt h1{font-size:28px;font-weight:700}.salon-head-txt p{color:#ebebf5cc}.salon-head-txt small{color:var(--muted)}@media (max-width:959px){.salons{margin:0 -16px;padding:0 16px 4px;scroll-padding-inline:16px}}@media (min-width:960px){.salons{margin:0;padding:0 0 4px}}.brand img{width:auto;height:30px}.welcome-brand img{width:auto;height:40px}@media (min-width:960px){.welcome-brand img{height:46px}}.home-logo{align-self:flex-start;width:auto;height:28px;margin-bottom:-12px}@media (min-width:960px){.home-logo{display:none}}