:root{--bg:#0b0b0f;--bg2:#15151b;--bg3:#1f1f28;--fg:#f4f4f6;--mut:#9a9aa8;--line:#26262f;--acc:#ff2d75;--acc2:#7b5cff;--grad:linear-gradient(45deg,#ff7a18,#ff2d75 55%,#7b5cff);--blue:#3d8bff;--danger:#ff4d5e;--nav:62px;--top:54px}
[data-theme=light]{--bg:#ffffff;--bg2:#f4f4f7;--bg3:#e9e9ef;--fg:#111116;--mut:#6b6b78;--line:#e3e3ea}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif}
body{min-height:100vh;overscroll-behavior-y:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,textarea{font:inherit;color:var(--fg);background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;outline:none}
input:focus,textarea:focus{border-color:var(--acc2)}
textarea{resize:vertical;min-height:80px}
img,video{display:block;max-width:100%}
.wrap{max-width:520px;margin:0 auto;min-height:100vh;padding-top:var(--top);padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom))}
.top{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--top);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .in{max-width:520px;margin:0 auto;height:100%;display:flex;align-items:center;gap:10px;padding:0 14px}
.logo{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:800;letter-spacing:-.6px;font-family:"Poppins","Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
.logo .lm{width:30px;height:30px;flex:none;display:block}
.logo .lt{background:linear-gradient(90deg,#ff8a3d,#ff2d75 50%,#9b7bff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.top h1{font-size:18px;margin:0;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp{flex:1}
.ib{width:38px;height:38px;display:grid;place-items:center;border-radius:50%}
.ib:active{background:var(--bg3)}
.ib svg,.nav svg{width:26px;height:26px;fill:none;stroke:var(--fg);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.nav .in{max-width:520px;margin:0 auto;height:var(--nav);display:flex;justify-content:space-around;align-items:center}
.nav a{flex:1;height:100%;display:grid;place-items:center}
.nav a.on svg{stroke-width:2.6}
.nav a.on .av{outline:2px solid var(--fg);outline-offset:1px}
.nav .plus{width:44px;height:32px;border-radius:10px;background:var(--grad);display:grid;place-items:center}
.nav .plus svg{stroke:#fff;width:22px;height:22px;stroke-width:2.6}
.av{border-radius:50%;object-fit:cover;background:var(--bg3);flex:none;display:grid;place-items:center;font-weight:700;color:#fff;overflow:hidden}
.av.ring{padding:2px;background:var(--grad)}
.av.ring>:not(i){border:2px solid var(--bg);border-radius:50%;width:100%;height:100%;object-fit:cover}
.badge{display:inline-block;width:15px;height:15px;vertical-align:-2px;margin-left:3px}
.uname{font-weight:650}
.mut{color:var(--mut)}
.small{font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:11px;font-weight:650;background:var(--bg3)}
.btn.pri{background:var(--blue);color:#fff}
.btn.grad{background:var(--grad);color:#fff}
.btn.danger{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}
.btn.sm{height:32px;padding:0 12px;font-size:13px;border-radius:9px}
.btn.block{width:100%}
.btn:disabled{opacity:.5}
.btn:active{transform:scale(.98)}
/* auth */
.auth{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:28px 24px;max-width:420px;margin:0 auto;gap:14px}
.auth .alogo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:6px}
.auth .alogo>.lm{width:92px;height:92px;border-radius:22px;filter:drop-shadow(0 10px 30px rgba(255,190,60,.35))}
.auth .logo{font-size:46px;justify-content:center}
.auth .tag{text-align:center;color:var(--mut);margin:-8px 0 14px}
.auth .sw{text-align:center;color:var(--mut);margin-top:6px}
.auth .sw button{color:var(--blue);font-weight:650}
.err{color:var(--danger);font-size:14px;min-height:18px;text-align:center}
.free{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.free span{font-size:12px;padding:5px 10px;border-radius:99px;background:var(--bg2);border:1px solid var(--line);color:var(--mut)}
/* feed */
.tabs{display:flex;border-bottom:1px solid var(--line)}
.tabs button{flex:1;padding:12px 0;font-weight:650;color:var(--mut);border-bottom:2px solid transparent}
.tabs button.on{color:var(--fg);border-color:var(--fg)}
.sugg{display:flex;gap:10px;overflow-x:auto;padding:14px;scrollbar-width:none}
.sugg::-webkit-scrollbar{display:none}
.sugg .card{flex:none;width:132px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.sugg .card .uname{font-size:13px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sec{padding:12px 14px 4px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}
.post{border-bottom:1px solid var(--line);padding-bottom:10px}
.ph{display:flex;align-items:center;gap:10px;padding:10px 12px}
.ph .who{flex:1;min-width:0;line-height:1.2}
.ph .who .small{font-size:12px}
.feat{font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;background:var(--grad);color:#fff}
.media{position:relative;background:#000;width:100%;aspect-ratio:4/5;overflow:hidden}
.media img,.media video{width:100%;height:100%;object-fit:cover}
.media .heart{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0}
.media .heart svg{width:110px;height:110px;fill:#fff;filter:drop-shadow(0 4px 20px rgba(0,0,0,.4))}
.media .heart.pop{animation:pop .8s ease}
@keyframes pop{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1.15)}30%{transform:scale(1)}80%{opacity:1}100%{opacity:0;transform:scale(1)}}
.media .mute{position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.6);display:grid;place-items:center}
.media .mute svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2}
.acts{display:flex;align-items:center;gap:4px;padding:6px 6px 0}
.acts .ib svg{width:26px;height:26px}
.acts .liked svg{fill:var(--acc);stroke:var(--acc)}
.acts .saved svg{fill:var(--fg)}
.likes{padding:2px 14px;font-weight:650;font-size:14px}
.cap{padding:2px 14px;font-size:14px;white-space:pre-wrap;word-break:break-word}
.morec{padding:2px 14px;font-size:14px;color:var(--mut)}
.time{padding:4px 14px 0;font-size:11px;color:var(--mut)}
.empty{padding:50px 30px;text-align:center;color:var(--mut)}
.empty .big{font-size:44px;margin-bottom:8px}
.loadmore{display:block;margin:16px auto}
/* profile */
.prof{padding:16px 16px 6px}
.prof .row{display:flex;align-items:center;gap:22px}
.stats{flex:1;display:flex;justify-content:space-around;text-align:center}
.stats b{display:block;font-size:17px}
.stats span{font-size:13px;color:var(--mut)}
.prof .nm{font-weight:700;margin-top:12px}
.prof .bio{white-space:pre-wrap;font-size:14px;margin-top:2px;word-break:break-word}
.prof .btns{display:flex;gap:8px;margin-top:14px}
.prof .btns .btn{flex:1;height:34px;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:10px}
.grid a{position:relative;aspect-ratio:1;background:var(--bg3);overflow:hidden;display:block}
.grid img,.grid video{width:100%;height:100%;object-fit:cover}
.grid .vi{position:absolute;top:6px;right:6px;width:18px;height:18px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.grid .st{position:absolute;top:6px;left:6px;font-size:13px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.ptabs{display:flex;border-top:1px solid var(--line);margin-top:14px}
.ptabs button{flex:1;padding:10px 0;display:grid;place-items:center;border-top:1.5px solid transparent;margin-top:-1px}
.ptabs button.on{border-color:var(--fg)}
.ptabs svg{width:22px;height:22px;fill:none;stroke:var(--mut);stroke-width:1.9}
.ptabs button.on svg{stroke:var(--fg)}
/* lists */
.ulist a,.ulist .it{display:flex;align-items:center;gap:12px;padding:10px 14px}
.ulist .who{flex:1;min-width:0;line-height:1.25}
.ulist .who .mut{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search{padding:10px 14px}
.search input{border-radius:12px;padding:10px 14px;background:var(--bg3);border:0}
.act{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:14px}
.act .tx{flex:1;min-width:0}
.act .th{width:44px;height:44px;object-fit:cover;border-radius:6px;background:var(--bg3)}
/* comments */
.cmts{padding:6px 0 90px}
.cmt{display:flex;gap:10px;padding:10px 14px}
.cmt .tx{flex:1;font-size:14px;word-break:break-word}
.cmt .del{color:var(--mut);font-size:12px;margin-top:4px}
.cbar{position:fixed;left:0;right:0;bottom:calc(var(--nav) + env(safe-area-inset-bottom));z-index:15;background:var(--bg);border-top:1px solid var(--line)}
.cbar form{max-width:520px;margin:0 auto;display:flex;gap:8px;padding:8px 12px;align-items:center}
.cbar input{border-radius:22px;padding:10px 16px}
.cbar button{color:var(--blue);font-weight:700;padding:0 6px}
/* upload */
.up{padding:16px;display:flex;flex-direction:column;gap:14px}
.pick{border:2px dashed var(--line);border-radius:18px;aspect-ratio:4/5;display:grid;place-items:center;text-align:center;color:var(--mut);overflow:hidden;position:relative;background:var(--bg2)}
.pick img,.pick video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.pick .big{font-size:46px}
.bar{height:6px;background:var(--bg3);border-radius:9px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--grad);transition:width .2s}
/* edit */
.form{padding:16px;display:flex;flex-direction:column;gap:12px}
.form label{font-size:13px;color:var(--mut);margin-bottom:-6px}
.avedit{display:flex;flex-direction:column;align-items:center;gap:8px}
.avedit button{color:var(--blue);font-weight:650}
/* admin */
.adm{padding:12px 14px}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kp div{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
.kp b{display:block;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kp span{font-size:12px;color:var(--mut)}
.arow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.arow .who{flex:1;min-width:0;line-height:1.25}
.arow .acts2{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.chip{font-size:11px;padding:2px 7px;border-radius:99px;background:var(--bg3);color:var(--mut);margin-left:4px}
.chip.red{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger)}
.athumb{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--bg3);flex:none}
/* sheet */
.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}
.sheet{background:var(--bg2);width:100%;max-width:520px;border-radius:18px 18px 0 0;padding:8px 0 calc(10px + env(safe-area-inset-bottom));animation:up .2s ease}
.sheet button{display:block;width:100%;padding:15px;text-align:center;font-size:15px;border-bottom:1px solid var(--line)}
.sheet button:last-child{border:0}
.sheet .red{color:var(--danger);font-weight:650}
@keyframes fade{from{opacity:0}}@keyframes up{from{transform:translateY(40px);opacity:.5}}
#toast{position:fixed;left:50%;bottom:calc(var(--nav) + 18px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;opacity:0;transition:.25s;z-index:99;pointer-events:none;max-width:90vw;text-align:center}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.spin{width:28px;height:28px;border:3px solid var(--bg3);border-top-color:var(--acc);border-radius:50%;animation:sp 0.8s linear infinite;margin:40px auto}
@keyframes sp{to{transform:rotate(360deg)}}

/* dm icon badge */
.dmi{position:relative}
.dmb{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--acc);color:#fff;font:700 11px/17px system-ui;font-style:normal;text-align:center;border:2px solid var(--bg);box-sizing:content-box}
.dmb[hidden]{display:none}
/* stories row */
.stories{display:flex;gap:12px;overflow-x:auto;padding:12px 12px 10px;scrollbar-width:none;border-bottom:1px solid var(--line)}
.stories::-webkit-scrollbar{display:none}
.sitem{flex:none;width:70px;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;cursor:pointer}
.sav{width:70px;height:70px;border-radius:50%;padding:3px;background:var(--grad);display:grid;place-items:center}
.sav.seen{background:var(--line)}
.sav.none{background:transparent}
.sav .av{border:3px solid var(--bg);box-sizing:content-box}
.sav.none .av{border-color:transparent}
.splus{position:absolute;top:48px;right:2px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font:700 17px/19px system-ui;text-align:center;border:2px solid var(--bg)}
.sn{font-size:11.5px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* story viewer */
.sv{position:fixed;inset:0;z-index:60;background:#000;color:#fff;animation:fade .15s;touch-action:none}
.svin{position:relative;height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column}
.bars{display:flex;gap:3px;padding:calc(8px + env(safe-area-inset-top)) 8px 0;position:relative;z-index:3}
.bars i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.bars b{display:block;height:100%;background:#fff}
.svh{display:flex;align-items:center;gap:8px;padding:8px 10px;position:relative;z-index:3;font-size:14px}
.svh .mut{color:rgba(255,255,255,.7);font-size:13px}
.svh .ib svg{stroke:#fff}
.svm{position:absolute;inset:0;display:grid;place-items:center;z-index:1}
.svm img,.svm video{width:100%;height:100%;object-fit:contain}
.tapl,.tapr{position:absolute;top:90px;bottom:80px;z-index:2}
.tapl{left:0;width:33%}.tapr{right:0;width:67%}
.svf{margin-top:auto;position:relative;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.6))}
.svbtn{display:flex;align-items:center;gap:6px;font-weight:650;font-size:14px;padding:8px 10px;border-radius:99px;background:rgba(255,255,255,.12)}
.svbtn svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.9}
.svr{flex:1;display:flex;gap:8px}
.svr input{background:transparent;border:1.5px solid rgba(255,255,255,.6);color:#fff;border-radius:99px;padding:10px 16px}
.svr input::placeholder{color:rgba(255,255,255,.75)}
.svr button{font-weight:700;padding:0 6px}
.vsheet{max-height:70vh;overflow:auto}
.vsheet .ulist a{border-bottom:0}
.vsheet .sec svg{width:20px;height:20px;fill:none;stroke:var(--fg);stroke-width:1.9}
/* filters editor */
.ed{display:flex;flex-direction:column;gap:10px}
.edv{background:#000;border-radius:16px;overflow:hidden;display:grid;place-items:center}
.edv canvas{display:block;max-width:100%;max-height:58vh;width:auto;height:auto}
.edv.st canvas{max-height:62vh}
.fl{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}
.fl::-webkit-scrollbar{display:none}
.fl button{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:var(--mut)}
.fl canvas{width:66px;height:66px;border-radius:12px;border:2px solid transparent}
.fl button.on{color:var(--fg);font-weight:700}
.fl button.on canvas{border-color:var(--acc)}
.adjt button{color:var(--blue);font-weight:650;font-size:14px}
.adj{display:flex;flex-direction:column;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px}
.adj[hidden]{display:none}
.adj label{display:grid;grid-template-columns:1fr 40px;grid-template-rows:auto auto;font-size:13px;color:var(--mut);gap:2px 8px}
.adj input{grid-column:1;padding:0;border:0;background:none;accent-color:var(--acc)}
.adj output{grid-row:1/3;grid-column:2;align-self:center;text-align:right;color:var(--fg);font-weight:650}
.adj .btn{align-self:flex-start}
.chg{align-self:flex-start;margin-top:8px}
.pick.st{aspect-ratio:9/16;max-height:62vh;margin:0 auto;width:100%}
/* instagram embeds */
.igwrap{background:#fff;width:100%}
.igwrap iframe{display:block;width:100%;height:620px;border:0;background:#fff}
.igcard{display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);font-size:14px}
.igcard>span{display:flex;flex-direction:column;line-height:1.25}
.igg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.igcard .igg{color:#ff2d75}
.igtile{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--grad);color:#fff;font-size:12px}
.igtile .igg{width:30px;height:30px}
.igt{display:grid;place-items:center;background:var(--grad);color:#fff}
.igt .igg{width:22px;height:22px}
.igin{display:flex;flex-direction:column;gap:8px}
/* dms */
.inbox a{padding:9px 14px}
.inbox a.unr .uname,.inbox a.unr .mut{color:var(--fg);font-weight:700}
.dot{min-width:22px;height:22px;border-radius:99px;background:var(--acc);color:#fff;font:700 12px/22px system-ui;font-style:normal;text-align:center;padding:0 6px}
.th1{display:flex;align-items:center;gap:8px;font-size:16px}
.msgs{display:flex;flex-direction:column;gap:6px;padding:10px 12px 86px}
.mhead{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0 20px;text-align:center}
.mhead b{font-size:17px}
.m{max-width:78%;display:flex;flex-direction:column;gap:2px}
.m.me{align-self:flex-end;align-items:flex-end}
.m.them{align-self:flex-start;align-items:flex-start}
.mb{padding:9px 13px;border-radius:20px;font-size:15px;white-space:pre-wrap;word-break:break-word;background:var(--bg3)}
.m.me .mb{background:linear-gradient(135deg,#7b5cff,#ff2d75);color:#fff}
.m.pend{opacity:.6}
.mm img,.mm video{max-width:240px;max-height:320px;border-radius:16px;object-fit:cover;background:var(--bg3)}
.mt{font-size:10.5px;color:var(--mut);padding:0 6px}
.sref{font-size:11px;color:var(--mut);padding:0 6px}
.seen{align-self:flex-end;font-size:11px;color:var(--mut);margin:-2px 6px 0}
.dmbar form{gap:6px}
.camb{flex:none;cursor:pointer}
.camb svg{width:26px;height:26px;fill:none;stroke:var(--fg);stroke-width:1.9}

/* ---- send sheet ---- */
.ssheet{max-height:86vh;display:flex;flex-direction:column;padding-top:6px}
.ssheet .grab{width:38px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 8px}
.sstt{text-align:center;font-weight:700;font-size:16px;padding-bottom:8px}
.spv{display:flex;gap:10px;align-items:center;padding:4px 14px 10px}
.spv .spth{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none;background:var(--bg3)}
.spv .igt{display:grid;place-items:center}.spv .igt svg{width:22px;height:22px;stroke:#ff2d75;fill:none;stroke-width:1.9}
.spt{display:flex;flex-direction:column;min-width:0}.spt .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssearch,.snote{padding:4px 14px}
.ssearch input,.snote input{border-radius:12px;padding:10px 14px;width:100%}
.slist{overflow-y:auto;flex:1;min-height:120px;padding:4px 0}
.srow2{display:flex;align-items:center;gap:10px;padding:8px 14px}
.srow2 .who{flex:1;min-width:0}
.sheet .srow2 button,.sheet .srow button{display:inline-flex;width:auto;border:0;padding:0 14px}
.srow{display:flex;gap:8px;align-items:center;padding:8px 14px 4px;border-top:1px solid var(--line)}
/* ---- DM: quotes, post cards, reactions, swipe ---- */
.m{position:relative;transition:transform .2s}
.m .swr{position:absolute;left:-30px;top:50%;transform:translateY(-50%) scale(.6);opacity:0;font-size:18px;color:var(--mut);transition:.15s}
.m.swp .swr{opacity:1;transform:translateY(-50%) scale(1);color:var(--fg)}
.mq{display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:100%;text-align:left;padding:6px 11px;border-radius:14px;background:color-mix(in srgb,var(--bg3) 70%,transparent);border-left:3px solid var(--acc2);font-size:12.5px;margin-bottom:-2px;opacity:.92}
.mq b{font-size:11.5px;color:var(--acc2)}
.mq span{color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.m.me .mq{border-left:0;border-right:3px solid var(--acc);align-items:flex-end;text-align:right}
.m.me .mq b{color:var(--acc)}
.m.hl .mb,.m.hl .pcard,.m.hl .mm{animation:hl 1.4s ease}
@keyframes hl{0%,40%{box-shadow:0 0 0 3px #ffd54a}100%{box-shadow:0 0 0 0 transparent}}
.m.sel{z-index:61}
.pcard{display:block;width:230px;border-radius:16px;overflow:hidden;background:var(--bg2);border:1px solid var(--line);color:var(--fg)}
.pch{display:flex;align-items:center;gap:7px;padding:8px 10px;font-size:13px}
.pcm{position:relative;aspect-ratio:4/5;background:var(--bg3)}
.pcm img,.pcm video{width:100%;height:100%;object-fit:cover;display:block}
.pcm .pplay{position:absolute;right:8px;top:8px}.pcm .pplay svg,.pig i svg{width:20px;height:20px;fill:#fff}
.pig{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 30% 20%,#ff7a18,#ff2d75 45%,#7b5cff);color:#fff;font-weight:650;font-size:14px}
.pig .igg{width:44px;height:44px;stroke:#fff;fill:none;stroke-width:1.8}
.pig i{position:absolute;right:8px;top:8px}
.pcc{padding:8px 10px;font-size:12.5px;color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcc b{color:var(--fg)}
.pcard.gone{display:flex;gap:10px;align-items:center;padding:12px 14px;width:auto}
.pcard.gone>span:last-child{display:flex;flex-direction:column}
.mcall{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:18px;background:var(--bg3)}
.mcall .ci{font-size:20px}.mcall>span:last-child{display:flex;flex-direction:column;line-height:1.25}
.mcall.miss b{color:var(--danger)}
.rx{display:none}
.rx.on{display:block;margin-top:-8px;z-index:2;padding:0 8px}
.rxc{display:inline-flex;align-items:center;gap:2px;background:var(--bg2);border:2px solid var(--bg);border-radius:14px;padding:1px 6px;font-size:13px;line-height:1.4}
.rxc span{font-size:11px;color:var(--mut);margin-left:2px}
.rxc.mine{background:var(--bg3)}
.mact{position:absolute;top:6px;width:26px;height:26px;border-radius:50%;background:var(--bg2);color:var(--mut);font-size:15px;opacity:0;transition:opacity .12s}
.m.me .mact{left:-32px}.m.them .mact{right:-32px}
@media (hover:hover){.m:hover .mact{opacity:1}}
@media (hover:none){.mact{display:none}}
.m .rxpop{position:absolute;left:50%;top:40%;font-size:44px;transform:translate(-50%,-50%) scale(.4);animation:rxp .8s ease forwards;pointer-events:none;z-index:3}
@keyframes rxp{30%{transform:translate(-50%,-50%) scale(1.15);opacity:1}100%{transform:translate(-50%,-90%) scale(1);opacity:0}}
.rxbg{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);animation:fade .12s}
.rxbar{position:fixed;display:flex;gap:2px;padding:6px 8px;border-radius:30px;background:var(--bg2);box-shadow:0 8px 30px rgba(0,0,0,.5);animation:up .16s ease}
.rxbar button{width:42px;height:42px;font-size:26px;border-radius:50%;display:grid;place-items:center;transition:transform .1s}
.rxbar button:active{transform:scale(1.25)}
.rxbar button.on{background:var(--bg3)}
.rxmenu{position:fixed;display:flex;flex-direction:column;min-width:150px;border-radius:14px;overflow:hidden;background:var(--bg2);box-shadow:0 8px 30px rgba(0,0,0,.5)}
.rxmenu button{padding:12px 16px;text-align:left;font-size:15px;border-bottom:1px solid var(--line)}
.rxmenu button:last-child{border:0}
.rbar{display:flex;align-items:center;gap:8px;max-width:520px;margin:0 auto;padding:8px 8px 0 14px}
.rbt{flex:1;min-width:0;display:flex;flex-direction:column;border-left:3px solid var(--acc2);padding-left:9px;font-size:13px}
.rbt b{font-size:12.5px}
.rbt span{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rbar .ib{width:32px;height:32px}.rbar .ib svg{width:18px;height:18px}
.msgs{overflow-x:hidden}
/* ---- reels ---- */
body.reelmode .top{display:none}
body.reelmode .wrap{padding:0;max-width:none}
.reels{position:fixed;left:0;right:0;top:0;bottom:calc(var(--nav) + env(safe-area-inset-bottom));overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;background:#000;scrollbar-width:none}
.reels::-webkit-scrollbar{display:none}
.rlh{position:fixed;top:0;left:0;right:0;z-index:5;padding:14px 16px;font-size:20px;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.6);max-width:520px;margin:0 auto}
.reel{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;max-width:520px;margin:0 auto;overflow:hidden}
.reel.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.rshade{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}
.reel.vid .rinfo{position:absolute;left:12px;right:76px;bottom:16px;z-index:2}
.reel.vid .racts{position:absolute;right:6px;bottom:18px;z-index:2;flex-direction:column}
.racts{display:flex;gap:14px;align-items:center}
.racts>*{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:48px;color:#fff;font-size:12px;font-weight:600}
.racts svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.racts .liked svg{fill:var(--acc);stroke:var(--acc)}
.rinfo{color:#fff;min-width:0;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.ru{display:inline-flex;align-items:center;gap:8px;font-size:14.5px}
.rcap{font-size:13.5px;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.rmute{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center}
.rmute svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2}
.rheart{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;z-index:2}
.rheart svg{width:110px;height:110px;fill:#fff}
.rheart.pop{animation:pop .8s ease}
.reel.ig{justify-content:flex-start;background:#000}
.rig{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;margin-top:52px;border-radius:14px 14px 0 0;overflow:hidden}
.rig iframe{width:100%;height:100%;border:0;background:#fff;display:block}
.rph{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8e8e8e;font-size:13px}
.rph svg{width:40px;height:40px;stroke:#ff2d75;fill:none;stroke-width:1.8}
.rbot{display:flex;align-items:flex-end;gap:10px;padding:10px 10px 12px 12px;background:#000}
.rbot .rinfo{flex:1}
.rbot .racts{gap:6px}.rbot .racts svg{width:26px;height:26px}
@font-face{font-family:'RZ1';src:url('/fonts/f1.woff2') format('woff2');font-display:swap;font-weight:600}
.ff1{font-family:'RZ1',system-ui,sans-serif;font-weight:600}
@font-face{font-family:'RZ2';src:url('/fonts/f2.woff2') format('woff2');font-display:swap;font-weight:400}
.ff2{font-family:'RZ2',system-ui,sans-serif;font-weight:400}
@font-face{font-family:'RZ3';src:url('/fonts/f3.woff2') format('woff2');font-display:swap;font-weight:400}
.ff3{font-family:'RZ3',system-ui,sans-serif;font-weight:400}
@font-face{font-family:'RZ4';src:url('/fonts/f4.woff2') format('woff2');font-display:swap;font-weight:600}
.ff4{font-family:'RZ4',system-ui,sans-serif;font-weight:600}
@font-face{font-family:'RZ5';src:url('/fonts/f5.woff2') format('woff2');font-display:swap;font-weight:400}
.ff5{font-family:'RZ5',system-ui,sans-serif;font-weight:400}
@font-face{font-family:'RZ6';src:url('/fonts/f6.woff2') format('woff2');font-display:swap;font-weight:400}
.ff6{font-family:'RZ6',system-ui,sans-serif;font-weight:400}
@font-face{font-family:'RZ7';src:url('/fonts/f7.woff2') format('woff2');font-display:swap;font-weight:600}
.ff7{font-family:'RZ7',system-ui,sans-serif;font-weight:600}
@font-face{font-family:'RZ8';src:url('/fonts/f8.woff2') format('woff2');font-display:swap;font-weight:400}
.ff8{font-family:'RZ8',system-ui,sans-serif;font-weight:400}
@font-face{font-family:'RZ9';src:url('/fonts/f9.woff2') format('woff2');font-display:swap;font-weight:600}
.ff9{font-family:'RZ9',system-ui,sans-serif;font-weight:600}
@font-face{font-family:'RZ10';src:url('/fonts/f10.woff2') format('woff2');font-display:swap;font-weight:400}
.ff10{font-family:'RZ10',system-ui,sans-serif;font-weight:400}
.ff5{font-size:12px!important;line-height:1.7;letter-spacing:.2px}
.ff3{font-size:18px;letter-spacing:.6px}
.ff2,.ff4,.ff6,.ff7,.ff10{font-size:17px}
.fpbg{position:fixed;inset:0;z-index:70}
.fpop{position:fixed;width:230px;max-height:60vh;overflow-y:auto;background:var(--bg2);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.55);padding:6px}
.fph{font-size:12px;color:var(--mut);padding:6px 10px}
.fpop button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border-radius:10px;text-align:left;font-size:16px}
.fpop button small{color:var(--mut);font-size:11px;font-family:system-ui}
.fpop button.on{background:var(--bg3)}
.fchips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}
.fchips button{flex:none;padding:6px 12px;border-radius:16px;background:var(--bg3);font-size:14px;white-space:nowrap}
.fchips button.on{background:var(--grad);color:#fff}
.fprev{padding:10px 14px;border-radius:16px;background:linear-gradient(135deg,#7b5cff,#ff2d75);color:#fff;align-self:flex-start;margin-bottom:6px}
.dmbar .ib{width:34px;height:34px;flex:none}
.aab{font-weight:800;font-size:15px;color:var(--mut)}.aab.on{color:var(--acc)}
.fxb{font-size:17px;opacity:.55}.fxb.on{opacity:1}
.micb{font-size:20px;touch-action:none;user-select:none;-webkit-user-select:none}
#mf .sendb{display:none}
#mf.typing .sendb{display:block}
#mf.typing .micb,#mf.typing .fxb{display:none}
.cbar{position:fixed}
.recbar{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--bg);z-index:3;overflow:hidden}
.recdot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
.rect{font-variant-numeric:tabular-nums;font-weight:650}
.rech{color:var(--mut);font-size:13px;flex:1;white-space:nowrap}
.fxrow{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}
.fxrow button{flex:none;padding:5px 9px;border-radius:14px;background:var(--bg3);font-size:12.5px}
.fxrow button.on{background:var(--grad);color:#fff}
.vsend{background:var(--grad);color:#fff;border-radius:50%}
.vn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;background:var(--bg3);min-width:220px}
.m.me .vn{background:linear-gradient(135deg,#7b5cff,#ff2d75);color:#fff}
.vnp{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);flex:none;font-size:13px}
.vnw{display:flex;align-items:center;gap:2px;height:28px;flex:1;cursor:pointer}
.vnw i{display:block;width:3px;border-radius:2px;background:currentColor;opacity:.4}
.vnw i.on{opacity:1}
.vnd{font-size:11.5px;font-variant-numeric:tabular-nums;opacity:.85}
.vns{font-size:11px;padding:2px 6px;border-radius:8px;background:rgba(255,255,255,.15)}
.vnfx{font-size:12px}
.sysl{align-self:center;font-size:12px;color:var(--mut);padding:4px 10px;text-align:center}
.spth.fwi{display:grid;place-items:center;font-size:22px}
/* chat themes */
.thfx{position:fixed;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;overflow:hidden}
body[class*="th-"] .wrap{background:transparent}
body.th-love{background:linear-gradient(180deg,#3a0718,#1a0610)}
body.th-love .m.me .mb,body.th-love .m.me .vn{background:linear-gradient(135deg,#ff2d75,#ff7aa8)}
body.th-love .m.them .mb{background:#4a1626}
body.th-love .thfx i{position:absolute;bottom:-40px;color:#ff4d88;font-size:22px;opacity:.28;animation:floatup linear infinite}
@keyframes floatup{0%{transform:translateY(0) scale(.8)}100%{transform:translateY(-110vh) scale(1.2);opacity:0}}
body.th-love #mf .sendb{color:#ff2d75;font-size:24px}
body.th-dark{background:#000}body.th-dark .m.me .mb,body.th-dark .m.me .vn{background:#2a2a32}body.th-dark .m.them .mb{background:#141418}
body.th-ocean{background:linear-gradient(180deg,#06243d,#0a3d5c)}body.th-ocean .m.me .mb,body.th-ocean .m.me .vn{background:linear-gradient(135deg,#0f6fb5,#1fb6c9)}body.th-ocean .m.them .mb{background:#0e3552}
body.th-sunset{background:linear-gradient(180deg,#2b0f1e,#3d1a0e)}body.th-sunset .m.me .mb,body.th-sunset .m.me .vn{background:linear-gradient(135deg,#ff7a18,#ff3d6e)}body.th-sunset .m.them .mb{background:#4a2420}
body.th-neon{background:#05040c}body.th-neon .m.me .mb,body.th-neon .m.me .vn{background:linear-gradient(135deg,#00b3a0,#9b1fff);box-shadow:0 0 14px rgba(0,255,213,.35)}body.th-neon .m.them .mb{background:#161226;box-shadow:0 0 10px rgba(176,38,255,.3)}
body.th-galaxy{background:radial-gradient(ellipse at top,#2a1666,#0a0620 70%)}body.th-galaxy .m.me .mb,body.th-galaxy .m.me .vn{background:linear-gradient(135deg,#6a3fd1,#c03fd1)}body.th-galaxy .m.them .mb{background:#221a48}
body.th-nature{background:linear-gradient(180deg,#0d2614,#16361d)}body.th-nature .m.me .mb,body.th-nature .m.me .vn{background:linear-gradient(135deg,#1f7a3a,#6aa83a)}body.th-nature .m.them .mb{background:#1f3f26}
body.th-custom .thfx{filter:blur(6px) brightness(.45);transform:scale(1.06)}
body.th-custom .m.them .mb{background:rgba(20,20,26,.82)}
.thgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:6px 14px 12px}
.thgrid button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px}
.thsw{width:100%;aspect-ratio:1.4;border-radius:14px;display:grid;place-items:center;font-size:22px;color:#fff;border:1px solid var(--line)}

.sheet .thgrid button{border:0;padding:0;width:auto;display:flex}

.rcode{font:700 22px/1.4 ui-monospace,Menlo,monospace;text-align:center;letter-spacing:1px;padding:14px;border-radius:14px;background:var(--bg3);user-select:all;word-break:break-all}
.fgp{display:block;margin:8px auto 0;color:var(--blue);font-size:14px}
.tgl{display:flex;gap:12px;align-items:flex-start;padding:10px 0;cursor:pointer}
.tgl input{width:22px;height:22px;margin-top:2px;accent-color:#ff2d75;flex:none}
.tgl span{display:flex;flex-direction:column;gap:2px}
.setrow{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px}
.rep{padding:12px;border:1px solid var(--line);border-radius:14px;margin:8px 12px;display:flex;flex-direction:column;gap:6px;background:var(--bg2)}
.rep.closed{opacity:.6}
.repctx{background:var(--bg3);border-radius:10px;padding:8px 10px;font-size:13px;display:flex;flex-direction:column;gap:3px}
.repctx .hot{background:color-mix(in srgb,var(--danger) 22%,transparent);border-radius:6px;padding:2px 4px}

.form select{width:100%;padding:11px 14px;border-radius:12px;background:var(--bg2);color:var(--fg);border:1px solid var(--line);font-size:15px;-webkit-appearance:none;appearance:none}

.sav.cf{background:linear-gradient(45deg,#1fd16b,#27ae60)!important}
.svm{position:relative}
.msk{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);background:rgba(255,255,255,.92);color:#111;font-weight:700;font-size:14px;padding:8px 14px;border-radius:12px;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.cfb{position:absolute;top:70px;left:12px;background:#22c55e;color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:10px}
.sopts{display:flex;flex-direction:column;gap:6px}
.dbanner{font-size:12px;color:var(--mut);text-align:center;padding:8px 14px 0}

.icgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 8px}
.icgrid button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;padding:6px 0;border-radius:14px;border:2px solid transparent}
.icgrid button.on{border-color:var(--acc);background:var(--bg2)}
.icgrid img{width:54px;height:54px;border-radius:13px}
.logo img.lm{border-radius:8px}

.gav{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7b2ff7,#f107a3);border-radius:50%}
.gname{font-size:11px;color:var(--mut);margin:0 0 2px 4px;font-weight:600}
.gcnt{font-size:12px;margin-left:4px}
.ginfo{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 10px}
.pchips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px}
.pchip{background:var(--bg2);border-radius:14px;padding:4px 10px;font-size:13px}
.pck{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-left:auto}
.pck.on{background:var(--acc);border-color:var(--acc);color:#fff}
.srow2[data-pick]{cursor:pointer}

.ginfo .setrow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%}
.ginfo .setrow .btn{width:auto;flex:0 0 auto;margin:0}

.call{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 50% 30%,#2a1240,#07070c 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.call .rv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;display:none}
.call.vid.live .rv{display:block}.call.vid.live.rcamoff .rv{display:none}
.call .ra{display:none}
.call .lv{position:absolute;right:12px;top:calc(env(safe-area-inset-top) + 12px);width:28vw;max-width:150px;aspect-ratio:3/4;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.6);transform:scaleX(-1);display:none;z-index:2;background:#111}
.call.haslv .lv{display:block}.call.back .lv{transform:none}
.call .cinfo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.call.vid.live .cinfo{position:absolute;top:calc(env(safe-area-inset-top) + 18px);left:16px;align-items:flex-start}
.call.vid.live .cinfo .av{display:none}.call.vid.live.rcamoff .cinfo .av{display:inline-flex}
.call .cinfo b{font-size:22px}.call .cst{font-size:14px;opacity:.85}
.call .cbtns{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 22px);left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 12px;z-index:3}
.call .cb{width:58px;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.call .cb::before{content:"";position:absolute}
.call .cb{position:relative}
.call .cb span{font-size:11px;opacity:.9}
.call .cb > :first-child,.call .cb{line-height:1}
.call .cb{padding:10px 0;border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.call .cb.off{background:rgba(255,255,255,.85);color:#111}.call .cb.on{background:#7b2ff7}
.call .cb.red{background:#ff3b4f}.call .cb.green{background:#22c55e}
.call .cb svg{width:22px;height:22px}
.call .cpanel{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 150px);left:8px;right:8px;display:flex;gap:8px;overflow-x:auto;padding:6px;z-index:3;scrollbar-width:none}
.call .cpanel button{flex:0 0 auto;padding:9px 14px;border-radius:20px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:14px;backdrop-filter:blur(6px)}
.call .cpanel button.on{background:#fff;color:#111;font-weight:700}
.mcall[data-callback]{cursor:pointer}

.ncard{display:flex;flex-direction:column;gap:8px;background:var(--bg2);border-radius:14px;padding:10px 12px;margin:4px 0 10px}
.nrow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.nrow .btn{width:auto;flex:0 0 auto}

/* ===================== Liquid Glass look (v16) ===================== */
:root{--bg:#000;--bg2:#1c1c1e;--bg3:#2c2c2e;--fg:#fff;--mut:#8e8e93;--line:rgba(84,84,88,.48);--blue:#0a84ff;--danger:#ff453a;
  --glass:rgba(30,30,32,.52);--glass-strong:rgba(36,36,38,.72);--glass-brd:rgba(255,255,255,.16);--glass-hi:rgba(255,255,255,.22);--glass-sh:0 10px 34px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.35);--nav:64px;--top:52px;--navgap:12px}
[data-theme=light]{--bg:#fff;--bg2:#f2f2f7;--bg3:#e5e5ea;--fg:#000;--mut:#8a8a8e;--line:rgba(60,60,67,.2);--blue:#007aff;--danger:#ff3b30;
  --glass:rgba(255,255,255,.58);--glass-strong:rgba(250,250,252,.8);--glass-brd:rgba(255,255,255,.75);--glass-hi:rgba(255,255,255,.95);--glass-sh:0 10px 30px rgba(0,0,0,.14),0 1px 4px rgba(0,0,0,.08)}
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Roboto,"Noto Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
html{color-scheme:dark}[data-theme=light]{color-scheme:light}
.wrap{padding-bottom:calc(var(--nav) + var(--navgap) + 24px + env(safe-area-inset-bottom))}
main.wrap{animation:rzIn .32s cubic-bezier(.2,.9,.25,1)}
@keyframes rzIn{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}
/* glass surface */
.top,.nav .in,.sheet,.rxbar,.rxmenu,.cbar form,.gl{background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%)}
.top{border-bottom:.5px solid var(--line);box-shadow:none}
.top .in{padding:0 10px}
.top h1{font-size:17px;font-weight:650;letter-spacing:-.02em}
.top .ib{background:transparent}
.ib{transition:transform .18s cubic-bezier(.3,1.6,.5,1),background .2s}
.ib:active{transform:scale(.88);background:var(--glass-strong)}
.logo{font-family:'RZ2',"Snell Roundhand",cursive;font-weight:400;font-size:27px;letter-spacing:0;gap:7px}
.logo .lt{background:none;color:var(--fg);-webkit-text-fill-color:var(--fg);padding-top:2px}
.logo .lm{width:26px;height:26px}
/* floating pill tab bar */
.nav{left:0;right:0;bottom:calc(var(--navgap) + env(safe-area-inset-bottom));background:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0 14px;pointer-events:none}
.nav .in{pointer-events:auto;position:relative;max-width:440px;height:var(--nav);border-radius:34px;border:1px solid var(--glass-brd);box-shadow:var(--glass-sh),inset 0 1px 0 var(--glass-hi);padding:0 6px;overflow:hidden}
.nav .in::before,.sheet::before,.rxbar::before,.cbar form::before,.gl::before{content:"";position:absolute;left:0;right:0;top:0;height:50%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}
[data-theme=light] .nav .in::before,[data-theme=light] .sheet::before,[data-theme=light] .rxbar::before,[data-theme=light] .cbar form::before,[data-theme=light] .gl::before{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0))}
.nav a{position:relative;z-index:1;transition:transform .25s cubic-bezier(.3,1.7,.5,1)}
.nav a:active{transform:scale(.86)}
.nav a.on::after{content:"";position:absolute;inset:7px 2px;border-radius:26px;background:rgba(128,128,128,.2);z-index:-1;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.nav svg{width:26px;height:26px}
.nav a.on svg{stroke-width:1.9}
.nav a.on svg .fl{fill:var(--fg)}
.nav a.on svg .kn{stroke:var(--bg)}
.nav a.on .srch{stroke-width:2.9}
.nav .plus{width:40px;height:30px;border-radius:12px}
#toast{bottom:calc(var(--nav) + var(--navgap) + 18px + env(safe-area-inset-bottom));border-radius:20px}
.reels{bottom:0}
/* composer: floating glass capsule above the tab bar */
.cbar{bottom:calc(var(--nav) + var(--navgap) + 8px + env(safe-area-inset-bottom));background:none!important;border:0!important;padding:0 10px}
.cbar form{position:relative;border-radius:28px;border:1px solid var(--glass-brd);box-shadow:var(--glass-sh),inset 0 1px 0 var(--glass-hi);padding:6px 8px}
.cbar input{background:rgba(128,128,128,.14);border:0}
.rbar{margin:0 6px 4px;border-radius:16px;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
/* sheets */
.sheet-bg{background:rgba(0,0,0,.32)}
.sheet{position:relative;margin:0 8px calc(8px + env(safe-area-inset-bottom));width:calc(100% - 16px);border-radius:30px;border:1px solid var(--glass-brd);box-shadow:var(--glass-sh),inset 0 1px 0 var(--glass-hi);padding:22px 0 8px;animation:sheetUp .42s cubic-bezier(.2,1.25,.35,1);background:var(--glass-strong)}
.sheet:not(.ssheet)::after{content:"";position:absolute;top:8px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:rgba(128,128,128,.45)}
.ssheet{padding-top:6px}
.ssheet .grab{height:5px;background:rgba(128,128,128,.45)}
.sheet button{border-bottom:.5px solid var(--line);font-size:16px}
.sheet button:active{background:rgba(128,128,128,.16)}
@keyframes sheetUp{from{transform:translateY(105%)}to{transform:none}}
/* pop menus */
.rxbg{background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.rxbar,.rxmenu{border:1px solid var(--glass-brd);box-shadow:var(--glass-sh),inset 0 1px 0 var(--glass-hi);background:var(--glass-strong)}
.rxbar{animation:popIn .3s cubic-bezier(.2,1.5,.4,1)}
.rxmenu{border-radius:18px;animation:popIn .3s cubic-bezier(.2,1.3,.4,1)}
.rxmenu button{border-bottom:.5px solid var(--line)}
@keyframes popIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
/* buttons, inputs, separators */
.btn{border-radius:999px;transition:transform .18s cubic-bezier(.3,1.6,.5,1),filter .2s}
.btn:active{transform:scale(.95);filter:brightness(.92)}
.btn.sm{border-radius:999px}
input,textarea,select{border-radius:14px}
input:focus,textarea:focus{border-color:var(--blue)}
.stories{border-bottom:.5px solid var(--line)}
/* iOS switches */
.tgl input[type=checkbox]{-webkit-appearance:none;appearance:none;width:51px;height:31px;border-radius:16px;background:rgba(120,120,128,.32);position:relative;margin:0;cursor:pointer;transition:background .25s;flex:none;border:0;padding:0}
.tgl input[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.tgl input[type=checkbox]:checked{background:#34c759}
.tgl input[type=checkbox]:checked::after{transform:translateX(20px)}
.tgl{align-items:center}
/* no backdrop-filter (old WebViews): solid translucent fill */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .top,.nav .in,.cbar form,.gl{background:rgba(22,22,24,.94)}
  .sheet,.rxbar,.rxmenu{background:#1c1c1e}
  [data-theme=light] .top,[data-theme=light] .nav .in,[data-theme=light] .cbar form,[data-theme=light] .gl{background:rgba(250,250,252,.95)}
  [data-theme=light] .sheet,[data-theme=light] .rxbar,[data-theme=light] .rxmenu{background:#fff}
}
@media (prefers-reduced-motion:reduce){main.wrap,.sheet,.rxbar,.rxmenu{animation:none}}
.nav a.on svg .kt{fill:var(--bg);stroke:var(--bg)}
.stk{font-size:13px;font-weight:700;margin-left:4px;white-space:nowrap}
.top .th1 .stk{font-size:14px}
.edt{font-style:italic}
.sysl.uns{font-style:italic;opacity:.8}
.pfun{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}.pfun:empty{display:none}
.fchip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(128,128,128,.16);border:.5px solid var(--line)}
.ebar .rbt b{color:var(--blue)}
#micb{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.recbar .btn.sm{margin-left:auto}

/* ---- reels: right action rail (v17) ---- */
.reel{--rb:calc(var(--nav) + var(--navgap) + env(safe-area-inset-bottom) + 14px)}
.reel.vid .rinfo,.reel.ig .rinfo{position:absolute;left:12px;right:78px;bottom:var(--rb);z-index:3;color:#fff}
.reel.vid .rrail,.reel.ig .rrail{position:absolute;right:8px;bottom:var(--rb);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px}
.rrail>*{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.7);transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.rrail>*:active{transform:scale(.86)}
.rgl{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(18,18,20,.34);-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 14px rgba(0,0,0,.28)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.rgl{background:rgba(18,18,20,.6)}}
.rrail svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rrail .liked svg{fill:#ff3040;stroke:#ff3040}
.rrail .saved svg{fill:#fff}
.rrail [data-r=more] svg{fill:#fff}
.rdisc{width:34px;height:34px;border-radius:9px;overflow:hidden;border:2px solid #fff;background:#333;display:grid!important;place-items:center;margin-top:2px;animation:rspin 6s linear infinite}
.rdisc img{width:100%;height:100%;object-fit:cover}.rdisc span{font-size:14px;font-weight:800}
@keyframes rspin{to{transform:rotate(360deg)}}
.reel .ru{gap:9px;font-size:15px}
.reel .ru .av{border:1.5px solid rgba(255,255,255,.85)}
.raud{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;max-width:72%;padding:4px 10px 4px 8px;border-radius:999px;background:rgba(18,18,20,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.2);width:max-content}
.rmq{overflow:hidden;white-space:nowrap;min-width:0}
.rmq span{display:inline-block}
.reel.ig .rig{position:absolute;left:0;right:0;top:52px;bottom:calc(var(--rb) + 98px);margin:0;border-radius:16px}
.reel.ig .rcap{-webkit-line-clamp:1}
.reel.vid .rshade{height:55%}
.reel .rmute{top:56px}

.fxrow{min-width:0}
.recbar>*{flex:none}.recbar .fxrow{flex:1 1 auto}.recbar .rech{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recbar{border-radius:28px;background:var(--bg2);left:10px;right:10px;padding:0 8px;gap:6px}
.recbar .ib{width:38px;height:38px}
.recbar .vsend{width:42px;height:42px;font-size:18px}
body.chatmode .nav{display:none}
body.chatmode .cbar{bottom:calc(8px + env(safe-area-inset-bottom))}
body.chatmode .wrap{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
body.chatmode #toast{bottom:calc(90px + env(safe-area-inset-bottom))}

/* ---- fun (v18) ---- */
#fxb{display:none!important}
#mf.typing .funb{display:none}
.stkr{display:inline-block;font-size:34px;line-height:1}
.stkr.big{font-size:84px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}
.m.stkm,.m.gm{background:none!important;padding:0!important;box-shadow:none!important}
.m.stkm .mt,.m.gm .mt{padding:2px 4px}
.a-bounce{animation:aBounce 1.4s ease-in-out infinite}.a-wiggle{animation:aWiggle 1.2s ease-in-out infinite}.a-pulse{animation:aPulse 1.1s ease-in-out infinite}.a-spin{animation:aSpin 2.6s cubic-bezier(.5,0,.5,1) infinite}.a-float{animation:aFloat 2s ease-in-out infinite}.a-jelly{animation:aJelly 1.5s ease-in-out infinite}
@keyframes aBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-14%)}60%{transform:translateY(0) scale(1.06,.94)}}
@keyframes aWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}
@keyframes aPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@keyframes aSpin{0%{transform:rotate(0)}60%,100%{transform:rotate(360deg)}}
@keyframes aFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10%) rotate(4deg)}}
@keyframes aJelly{0%,100%{transform:scale(1,1)}30%{transform:scale(1.18,.84)}50%{transform:scale(.88,1.12)}70%{transform:scale(1.06,.95)}}
.gcard{width:236px;border-radius:22px;padding:14px;background:var(--bg2);border:.5px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.gh{font-weight:750;font-size:14px;letter-spacing:.02em}
.gst{font-size:13px;color:var(--mut)}
.tgrid{display:grid;grid-template-columns:repeat(3,64px);gap:6px}
.tgrid>button{height:64px;border-radius:14px;background:rgba(128,128,128,.14);font-size:30px;font-weight:800;display:grid;place-items:center;transition:transform .15s}
.tgrid>button:not(:disabled):active{transform:scale(.9)}
.tgrid .cx{color:#ff375f}.tgrid .co{color:#0a84ff}
.gcard.tod.truth{background:linear-gradient(160deg,#5e5ce6,#0a84ff);color:#fff;border:0}.gcard.tod.dare{background:linear-gradient(160deg,#ff375f,#ff9f0a);color:#fff;border:0}
.gcard.tod .gst{color:rgba(255,255,255,.85)}.gq{font-size:17px;font-weight:650;line-height:1.3}
.dbig{font-size:72px;line-height:1;animation:aJelly .8s ease 1}
.lnames{font-weight:650}.lbar{width:100%;height:12px;border-radius:6px;background:rgba(128,128,128,.2);overflow:hidden}.lbar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ff2d75,#ff9f0a);animation:lGrow 1.2s cubic-bezier(.2,.9,.3,1)}
@keyframes lGrow{from{width:0!important}}
.lpct{font-size:30px;font-weight:800}
.mb.secret{filter:blur(7px);cursor:pointer;user-select:none;transition:filter .3s}
.mb.secret.rev{filter:none}
.mb.secret::after{content:""}
.m .mb.secret:not(.rev){position:relative}
.sysl.nudge{font-weight:650}
body.nudged #app{animation:nudge .6s cubic-bezier(.36,.07,.19,.97)}
@keyframes nudge{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-8px) rotate(-1deg)}40%,60%{transform:translateX(8px) rotate(1deg)}}
.m.slam{animation:slam .55s cubic-bezier(.2,1.6,.4,1)}
@keyframes slam{0%{transform:scale(2.6);opacity:0}60%{transform:scale(.92);opacity:1}100%{transform:scale(1)}}
.fxrain{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}
.fxrain i{position:absolute;top:-40px;font-style:normal;animation:fall 2.6s linear forwards}
@keyframes fall{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(110vh) rotate(540deg)}}
.fxrain.fireworks i{top:auto;animation:boom 1.4s ease-out forwards;opacity:0}
@keyframes boom{0%{transform:scale(.2);opacity:0}30%{opacity:1}100%{transform:scale(2.4) translateY(-30px);opacity:0}}
.fdraw{padding-top:24px;max-height:70vh;display:flex;flex-direction:column}
.ftabs{display:flex;gap:6px;margin:0 16px 10px;padding:3px;border-radius:12px;background:rgba(128,128,128,.16)}
.sheet .ftabs button{flex:1;padding:8px;border:0;border-radius:10px;font-size:14px;font-weight:600}
.sheet .ftabs button.on{background:var(--bg);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.fpane{overflow-y:auto;padding:0 12px 6px}
.stkgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.sheet .stkgrid button{border:0;padding:8px 0;border-radius:14px}
.fnote{text-align:center;padding:10px}
.glist{display:flex;flex-direction:column}
.sheet .glist button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:13px 6px}
.glist button span{font-size:13px;color:var(--mut)}
.todspin{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.wheel{width:240px;height:240px;border-radius:50%;background:conic-gradient(#5e5ce6 0 180deg,#ff375f 180deg 360deg);position:relative;transition:transform 2s cubic-bezier(.15,.85,.25,1);border:6px solid #fff;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.wheel span{position:absolute;top:50%;color:#fff;font-weight:900;font-size:20px;transform:translateY(-50%)}
.wheel span:first-child{right:22px}.wheel span:last-child{left:26px}
.ptr{color:#fff;font-size:30px;order:-1;margin-bottom:-22px;z-index:1}
.tdlbl{color:#fff;font-size:26px;font-weight:800}

/* ---- profile fun, AMA, story stickers, settings (v18) ---- */
.songc{cursor:pointer}.songc i{font-style:normal;margin-left:2px}
.bdg{background:linear-gradient(135deg,rgba(255,159,10,.16),rgba(255,45,117,.14))}
.pama{display:flex;gap:8px;margin:8px 0 4px}
.amab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:14px;background:linear-gradient(135deg,rgba(94,92,230,.18),rgba(255,45,117,.16));font-weight:650;font-size:14px;border:.5px solid var(--line)}
.amab small{color:var(--mut);font-weight:500}.amab.sec2{flex:0 0 auto;padding:0 14px;background:rgba(128,128,128,.14)}
.amab .dot{position:static}
.qalist{overflow-y:auto;padding:4px 16px 12px;display:flex;flex-direction:column;gap:10px}
.qai{border-radius:18px;background:rgba(128,128,128,.12);padding:12px 14px}
.qq{font-weight:650}.qa{margin-top:6px;color:var(--mut)}
.qacts{display:flex;gap:6px;margin-top:8px}
.sheet .qacts button{width:auto;border:0;padding:6px 12px;border-radius:999px;background:rgba(128,128,128,.18);font-size:13px;font-weight:600}
.tgl.mini{padding:0;gap:6px}.tgl.mini input[type=checkbox]{transform:scale(.8)}
.stf{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px}.stf .row2{display:flex;gap:8px}
.qrow{display:flex;gap:8px;align-items:center}.qrow input[type=radio]{width:22px;height:22px;flex:none;accent-color:#34c759}
.sst{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);width:min(300px,80%);z-index:6;padding:14px;border-radius:22px;background:rgba(255,255,255,.88);color:#111;box-shadow:0 10px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}
.sq{font-weight:750;font-size:17px;margin-bottom:10px}
.spoll{display:flex;flex-direction:column;gap:8px}
.spoll button,.squiz button{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;justify-content:center;height:44px;border-radius:14px;background:rgba(0,0,0,.06);font-weight:700;font-size:15px;color:#111}
.spoll button.res{justify-content:space-between;padding:0 14px}.spoll button i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ff2d75,#ff9f0a);opacity:.35;transition:width .6s}
.spoll button span,.spoll button b,.squiz button span,.squiz button b{position:relative}
.spoll button.mine{outline:2px solid #ff2d75}
.squiz{display:flex;flex-direction:column;gap:8px}.squiz button{justify-content:flex-start;padding:0 12px}.squiz .qi{width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.1);display:grid;place-items:center;font-size:12px}.squiz button b{margin-left:auto}
.squiz button.ok{background:#34c759;color:#fff}.squiz button.bad{background:#ff3b30;color:#fff}
.stot{margin-top:8px;font-size:12.5px;color:#555;font-weight:600}
.sslide{position:relative;height:44px;display:flex;align-items:center}
.sslide input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:linear-gradient(90deg,#ff9f0a,#ff2d75);border:0;padding:0}
.sslide input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:36px;height:36px;border-radius:50%;background:transparent;border:0}
.semo{position:absolute;top:50%;transform:translateX(-50%);margin-top:-18px;font-size:30px;pointer-events:none;line-height:36px}
.vchip{margin-left:auto;font-size:12.5px;padding:3px 9px;border-radius:999px;background:rgba(128,128,128,.16);white-space:nowrap}
.setp{padding:8px 16px 30px}
.ssearch input{border-radius:12px;background:rgba(128,128,128,.14);border:0;padding:10px 14px}
.sgrp{margin-top:22px}.sgh{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);padding:0 14px 6px}
.sgl{border-radius:16px;overflow:hidden;background:var(--bg2)}
.srow3{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 14px;cursor:pointer;position:relative}
.srow3+.srow3::before{content:"";position:absolute;top:0;left:50px;right:0;border-top:.5px solid var(--line)}
.srow3:active{background:rgba(128,128,128,.12)}
.sic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:16px;background:rgba(128,128,128,.16);flex:none}
.slb{flex:1;font-size:15.5px}.srt{display:flex;align-items:center;gap:6px;font-size:14.5px;max-width:48%;text-align:right}
.chev{font-size:22px;color:var(--mut);line-height:1}
.srow3.red .slb{color:var(--danger);font-weight:600}
input.ios[type=checkbox]{-webkit-appearance:none;appearance:none;width:51px;height:31px;border-radius:16px;background:rgba(120,120,128,.32);position:relative;margin:0;cursor:pointer;transition:background .25s;flex:none;border:0;padding:0}
input.ios[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
input.ios[type=checkbox]:checked{background:#34c759}input.ios[type=checkbox]:checked::after{transform:translateX(20px)}
.hlx{outline:2px solid var(--blue);outline-offset:3px;border-radius:12px;transition:outline .3s}
.reel.ig .rig{right:62px;border-radius:16px}
.reel.ig .rrail{right:7px}
.svin .sst{z-index:12}
body.th-custom{background:transparent!important}
body.th-custom .thfx{filter:blur(2px) brightness(.62);transform:scale(1.03)}
.igph{height:100%;min-height:420px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--mut);font-size:14px;background:linear-gradient(110deg,var(--bg2) 30%,var(--bg3) 50%,var(--bg2) 70%);background-size:200% 100%;animation:shim 1.4s linear infinite}
.igph svg{width:34px;height:34px}
@keyframes shim{to{background-position:-200% 0}}
.igwrap .igph{min-height:620px}

/* ---- bundle B (v20) ---- */
.segc{display:flex;gap:4px;margin:6px 16px 10px;padding:3px;border-radius:14px;background:rgba(128,128,128,.16)}
.segc button{flex:1;padding:8px 4px;border-radius:11px;font-size:14px;font-weight:600;color:var(--mut);display:flex;align-items:center;justify-content:center;gap:5px;transition:background .2s,color .2s}
.segc button.on{background:var(--glass-strong);color:var(--fg);box-shadow:0 2px 10px rgba(0,0,0,.14),inset 0 1px 0 var(--glass-hi)}
.segn{font-style:normal;font-size:11px;min-width:18px;height:18px;border-radius:9px;background:var(--danger);color:#fff;display:inline-grid;place-items:center;padding:0 5px}
.reqh{padding:0 16px 8px}.archh{display:flex;align-items:center;gap:10px;padding:0 16px 8px}
.archrow{display:block;width:calc(100% - 32px);margin:12px 16px;padding:12px;border-radius:14px;background:rgba(128,128,128,.12);font-weight:600;color:var(--mut)}
.dot.mutd{background:var(--mut)!important}
.fcard{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(128,128,128,.16);max-width:250px;color:inherit}
.fic{font-size:28px}.fnm{display:flex;flex-direction:column;min-width:0}.fnm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.loccard{display:block;width:230px;border-radius:20px;overflow:hidden;background:var(--bg2);border:.5px solid var(--line);color:inherit}
.locmap{height:110px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,rgba(52,199,89,.18) 0 12px,rgba(10,132,255,.14) 12px 24px)}.locmap span{font-size:40px;animation:aBounce 1.4s ease-in-out infinite}
.loct{display:flex;flex-direction:column;gap:2px;padding:10px 12px}
.csi{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:14px;background:rgba(128,128,128,.1);margin-bottom:6px}
.sheet .csi{border:0}.csi mark{background:#ffd60a;color:#000;border-radius:3px}
.qrsheet{padding-top:28px}.qrbox{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 16px}.qrbox img{width:240px;height:240px;border-radius:18px;background:#fff}
.qrscan{position:fixed;inset:0;z-index:99;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.qrscan video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qrframe{width:240px;height:240px;border:3px solid #fff;border-radius:24px;z-index:1;box-shadow:0 0 0 2000px rgba(0,0,0,.45)}.qrscan .btn{z-index:1}
.insg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.insc{border-radius:18px;background:var(--bg2);padding:14px;display:flex;flex-direction:column;gap:2px}.insc b{font-size:24px}.insc span{color:var(--mut);font-size:13px}
.insch{width:100%;height:100px}
.colch{padding:8px 12px 0}.colch .danger{color:var(--danger)}

/* ===== v21: Connexta polish ===== */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,video{-webkit-user-drag:none;-webkit-touch-callout:none}
#offl{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 8px);transform:translate(-50%,-140%);z-index:200;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;background:rgba(30,30,36,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.2,1.2,.4,1);pointer-events:none;white-space:nowrap}
#offl.show{transform:translate(-50%,0)}
.uiask{display:flex;align-items:flex-end;justify-content:center}
.sheet.uiq{padding:20px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}
.uiqm{font-size:16px;line-height:1.4;text-align:center;font-weight:600;white-space:normal}
.uiq input,.uiq textarea{width:100%;font-size:16px;border-radius:14px;padding:12px 14px}
.uiqb{display:flex;gap:10px}.uiqb .btn{flex:1;padding:12px;border-radius:14px;font-size:15px}
.btn.danger{background:#ff3b5c;color:#fff;border:0}
/* image stickers: crisp on every phone */
.stkr img.stki{width:1em;height:1em;display:block;pointer-events:none}
.stkr.big{font-size:128px}
.stkgrid .stkr{font-size:56px}
.stkgrid button{display:grid;place-items:center;padding:6px}
/* chat bubbles */
.msgs{gap:7px;padding-top:14px}
.mb{border-radius:22px;padding:9px 14px;line-height:1.38;letter-spacing:.005em}
.m.them .mb{box-shadow:0 1px 1.5px rgba(0,0,0,.08)}
.m.me .mb,.m.me .vn{background:linear-gradient(135deg,#7b5cff 0%,#c13cff 52%,#ff2d75 100%);box-shadow:0 6px 16px -8px rgba(193,60,255,.65)}
.m.gc{margin-top:-4px}
.m.me.gn>.mb{border-bottom-right-radius:7px}.m.me.gc>.mb{border-top-right-radius:7px}
.m.them.gn>.mb{border-bottom-left-radius:7px}.m.them.gc>.mb{border-top-left-radius:7px}
.m.gn>.mt{display:none}
.mt{font-size:10px;opacity:.72;letter-spacing:.02em}
.dsep{align-self:center;margin:12px 0 4px;font-size:11.5px;font-weight:650;color:var(--mut);letter-spacing:.02em}
.dsep span{display:inline-block;padding:4px 12px;border-radius:12px;background:color-mix(in srgb,var(--bg3) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.th-custom .dsep span{background:rgba(0,0,0,.45);color:#fff}
.m .mact svg{display:block}
.cbar form{box-shadow:0 10px 30px -10px rgba(0,0,0,.45),inset 0 1px 0 var(--glass-hi)}
.cbar input{font-size:15.5px}
/* reels 2x pill */
.r2x{position:absolute;top:calc(env(safe-area-inset-top) + 60px);left:50%;transform:translateX(-50%);z-index:6;padding:6px 14px;border-radius:16px;background:rgba(0,0,0,.55);color:#fff;font-weight:700;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;animation:fade .15s}

/* ---- v22: skeletons, content-visibility, update sheet ---- */
.sk{display:block;background:linear-gradient(90deg,var(--bg2) 0%,var(--bg3) 40%,var(--bg2) 80%);background-size:300% 100%;animation:skw 1.3s ease-in-out infinite;border-radius:8px}
@keyframes skw{0%{background-position:100% 0}100%{background-position:0 0}}
.skp{padding:10px 0 18px}.skh{display:flex;align-items:center;gap:10px;padding:0 14px 10px}
.skc{width:34px;height:34px;border-radius:50%;flex:none}.skl{height:11px}.skm{aspect-ratio:4/5;border-radius:0;width:100%}
.skls{padding:8px 14px}.skr{display:flex;align-items:center;gap:12px;padding:9px 0}.skr .skc{width:48px;height:48px}
.skg{gap:2px}.skg .sk{aspect-ratio:1;border-radius:0}.skpr{display:flex;gap:18px;align-items:center;padding:18px 14px}
article.post{content-visibility:auto;contain-intrinsic-size:auto 640px}
.updbg{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;animation:fin .2s}
.upd{width:min(520px,100%);margin:0 10px calc(14px + env(safe-area-inset-bottom));padding:20px 18px;border-radius:22px;text-align:center;background:color-mix(in srgb,var(--bg2) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.updi{font-size:40px}.upd b{font-size:18px}.updb{display:flex;gap:10px;margin-top:8px}.updb .btn{flex:1}
@keyframes fin{from{opacity:0}to{opacity:1}}

/* ---- v23: voice rooms ---- */
.navrooms .rmico{font-size:23px;line-height:1;filter:grayscale(.15)}.nav a.on .rmico{filter:none;transform:scale(1.08)}
.reelchip{margin-left:auto;align-self:center;padding:6px 12px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);font-size:13px;font-weight:600}
.ptabs .ptreel{display:flex;align-items:center;justify-content:center;flex:1;padding:10px;opacity:.6}
.rmhead{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px}
.rmback{display:block;margin:0 14px 10px;width:calc(100% - 28px);padding:12px;border-radius:14px;background:linear-gradient(90deg,#1db954,#13a1ff);color:#fff;text-align:left}
#rml{padding:0 14px 20px;display:flex;flex-direction:column;gap:10px}
.rmcard{display:flex;flex-direction:column;gap:8px;text-align:left;padding:14px;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}
.rmt{display:flex;justify-content:space-between;align-items:center;gap:8px}.rmt b{font-size:16px}
.rmc{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:6px}.rmlive{width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 0 #2ecc7199;animation:lv 1.6s infinite}
@keyframes lv{70%{box-shadow:0 0 0 7px #2ecc7100}}
.rmav{display:flex;align-items:center;gap:4px}.rmav .av{margin-right:-8px;border:2px solid var(--bg2)}.rmav .mut{margin-left:14px}
.rmform{display:flex;flex-direction:column;gap:10px;padding:18px}
.room{padding:10px 14px 140px}.rmtop{text-align:center;margin-bottom:10px}
.rmgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px}
.rmp{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-width:0}.rmp b{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rmpa{position:relative;border-radius:50%;padding:3px;transition:box-shadow .15s}.rmp.talk .rmpa{box-shadow:0 0 0 3px #2ecc71,0 0 18px #2ecc7188}
.rmm,.rmh{position:absolute;font-style:normal;font-size:15px;background:var(--bg);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line)}.rmm{right:-2px;bottom:-2px}.rmh{left:-2px;top:-2px}
.rmbar{position:fixed;left:0;right:0;bottom:calc(var(--nav) + env(safe-area-inset-bottom));padding:12px 14px;display:flex;gap:8px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:15}
.rmbar .btn.on{background:var(--acc2);color:#fff}
.rmmic{display:flex;flex-direction:column;align-items:center;font-size:26px;width:104px;height:64px;border-radius:20px;background:var(--bg3);justify-content:center}.rmmic span{font-size:11px;font-weight:600}.rmmic.on{background:linear-gradient(135deg,#1db954,#0fa36b);color:#fff}
.rmnote{text-align:center;margin-top:18px}
.roompill{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--nav) + 10px + env(safe-area-inset-bottom));z-index:40;padding:9px 16px;border-radius:999px;background:linear-gradient(90deg,#1db954,#13a1ff);color:#fff;font-size:13px;box-shadow:0 6px 20px #0006;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roompill[hidden]{display:none}

/* ---- v24: games ---- */
.g2{min-width:250px;max-width:300px}.g2 .gres{font-weight:700;text-align:center;margin:8px 0}.g2 .gq{text-align:center;margin:6px 0;font-style:italic}
.gbtn{display:block;width:100%;margin-top:8px;padding:9px;border-radius:12px;background:var(--acc2);color:#fff;font-weight:600}.gbtn.ghost{background:var(--bg3);color:var(--fg)}
.gbig{font-size:34px;padding:10px 14px;border-radius:16px;background:var(--bg3)}.rpsb{display:flex;justify-content:center;gap:10px;margin:8px 0}
.rpsr{display:flex;align-items:center;justify-content:center;gap:14px;font-size:40px;text-align:center}.rpsr small{display:block;font-size:11px;color:var(--mut)}.rpsr b{font-size:14px;color:var(--mut)}
.whl{position:relative;width:200px;height:200px;margin:8px auto}.whp{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:2;font-style:normal;font-size:22px;color:#fff;text-shadow:0 2px 4px #000}
.whd{width:100%;height:100%;border-radius:50%;border:4px solid #fff3;position:relative;animation:wspin 3s cubic-bezier(.17,.67,.2,1) forwards;box-shadow:0 4px 18px #0006}
.whd span{position:absolute;left:50%;top:0;height:50%;width:0;transform-origin:bottom center;display:flex;justify-content:center}.whd span b{display:block;font-size:11px;color:#fff;text-shadow:0 1px 2px #000;margin-top:14px;white-space:nowrap;writing-mode:vertical-rl;max-height:76px;overflow:hidden}
@keyframes wspin{from{transform:rotate(0)}to{transform:rotate(var(--rot))}}
.wyr{display:flex;flex-direction:column;gap:6px;margin:6px 0}.wyo{display:block;width:100%;padding:12px;border-radius:14px;background:var(--bg3);text-align:center;color:var(--fg)}.wyo.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff}.wyo small{display:block;font-size:11px;opacity:.8}.wyor{text-align:center;font-style:normal;font-size:11px;color:var(--mut)}
.coin{font-size:54px;text-align:center;animation:flip .9s ease}@keyframes flip{0%{transform:rotateY(0)}100%{transform:rotateY(1080deg)}}
.ball8{width:140px;height:140px;border-radius:50%;margin:8px auto;background:radial-gradient(circle at 35% 30%,#555,#000 70%);display:grid;place-items:center}.ball8 span{width:84px;height:84px;border-radius:50%;background:radial-gradient(#1d3b8f,#0b1640);color:#cfe1ff;font-size:11px;display:grid;place-items:center;text-align:center;padding:8px}
.c4{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#1f4fd1;padding:6px;border-radius:12px;margin:6px 0}.c4c{aspect-ratio:1;border-radius:50%;background:var(--bg)}.c4c.r{background:#ff4d6d}.c4c.y{background:#ffd23f}.c4c.lst{box-shadow:0 0 0 2px #fff}
.memg{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:6px 0}.memc{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,var(--acc2),var(--acc));font-size:24px}.memc.up{background:var(--bg3)}.memc.ok{opacity:.55}
.qzm{max-height:85vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:16px}.qzq{background:var(--bg2);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px}.qzt{font-weight:700}
.qzo{display:flex;gap:6px;align-items:center}.qzr{width:30px;height:30px;border-radius:50%;background:var(--bg3);color:var(--bg3);flex:none}.qzr.on{background:#06d6a0;color:#fff}
.qzqa{margin:8px 0}.qzqa>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.qzop{padding:7px 10px;border-radius:10px;background:var(--bg3)}.qzop.on{background:var(--acc2);color:#fff}
.qzres div{margin:4px 0;font-size:13px}.emq{font-size:40px;text-align:center;margin:6px 0}
.grow{display:flex;gap:6px;margin-top:8px}.gin{padding:9px 10px;border-radius:12px}.grow .gbtn{width:auto;margin:0;padding:9px 14px}
.chn{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:13px;color:var(--mut)}.chn span{background:var(--bg3);color:var(--fg);padding:3px 8px;border-radius:999px}.chn span.me{background:var(--acc2);color:#fff}
.hgw{font:700 22px/1.4 ui-monospace,monospace;text-align:center;letter-spacing:2px;margin:6px 0}.hgl{text-align:center}.hgk{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;margin-top:8px}.hgk button{padding:6px 0;border-radius:7px;background:var(--bg3);font-weight:700;font-size:12px}.hgk button:disabled{opacity:.3}
.snb{display:grid;grid-template-columns:repeat(10,1fr);border-radius:10px;overflow:hidden;margin:6px 0}.snc{aspect-ratio:1;position:relative;font-size:7px;padding:1px}.snc.a{background:#fde68a33}.snc.b{background:#a7f3d033}.snc small{opacity:.6}
.snc em{position:absolute;bottom:0;left:0;font-style:normal;font-size:7px}.snc span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px}.snc span i,.leg i{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 2px #0008}
.leg{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;justify-content:center}.leg span{display:flex;align-items:center;gap:4px}
.ludo{display:grid;grid-template-columns:repeat(15,1fr);margin:6px 0;border-radius:8px;overflow:hidden;background:#fff1}.lc{aspect-ratio:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}.lc.p{background:#fff2;outline:1px solid #0002}
.lc.z0{background:#ff4d6d55}.lc.z1{background:#06d6a055}.lc.z2{background:#ffb70355}.lc.z3{background:#118ab255}.lc.zc{background:conic-gradient(#06d6a0 0 90deg,#ffb703 90deg 180deg,#118ab2 180deg 270deg,#ff4d6d 270deg)}.lc.safe::after{content:"★";font-size:8px;opacity:.6}
.ltk{width:72%;aspect-ratio:1;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 3px #000a;min-width:8px}.ltk.can{animation:lgl .8s infinite alternate}@keyframes lgl{to{transform:scale(1.25);box-shadow:0 0 8px #fff}}
.chb{display:grid;grid-template-columns:repeat(8,1fr);border-radius:8px;overflow:hidden;margin:6px 0}.chc{aspect-ratio:1;font-size:24px;line-height:1;display:grid;place-items:center;font-family:"Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans",serif}
.chc.l{background:#eed7b0}.chc.d{background:#b07a4f}.chc.wp{color:#fff;text-shadow:0 0 2px #000,0 0 1px #000}.chc.bp{color:#111}.chc.sel{box-shadow:inset 0 0 0 3px #ffd23f}.chc.tg{box-shadow:inset 0 0 0 3px #06d6a0}.chc.lst{filter:brightness(1.12)}.chc:disabled{opacity:1}
.lnk{color:var(--blue);font-weight:600}

.gcard.g2{width:272px;max-width:78vw}.g2>.c4,.g2>.memg,.g2>.snb,.g2>.ludo,.g2>.chb,.g2>.wyr,.g2>.grow,.g2>.gbtn,.g2>.hgk,.g2>.qzans,.g2>.qzres,.g2>.chn,.g2>.rpsb{align-self:stretch}

.coinpop .cdays{display:flex;gap:6px;justify-content:center;margin:8px 0}.cdays span{display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-radius:12px;background:var(--bg3);font-weight:700;font-size:12px;min-width:48px}.cdays i{font-style:normal;font-size:20px}.cdays small{font-weight:400;font-size:10px;color:var(--mut)}.cdays .got{opacity:.5}.cdays .now{background:linear-gradient(135deg,#ffb703,#fb8500);color:#fff}.cdays .now small{color:#fff}
.coinchip{margin:6px 14px 2px;padding:7px 12px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);display:inline-block;font-weight:700;font-size:13px}.gcoins{padding:4px 2px 8px}

/* ---- v25: rooms v2 ---- */
.rv2{padding-bottom:20px}.rvtop{display:flex;align-items:center;gap:6px;padding:10px 14px 4px}.rvtabs{display:flex;gap:16px;flex:1}.rvtabs button{font-size:17px;font-weight:700;color:var(--mut);padding:4px 0;border-bottom:3px solid transparent}.rvtabs button.on{color:var(--fg);border-color:var(--acc)}
.rvplus{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;font-size:24px;line-height:34px;font-weight:600}
.rvsearch{padding:6px 14px}.rvpromo{display:flex;flex-direction:column;align-items:flex-start;margin:8px 14px;width:calc(100% - 28px);padding:12px 16px;border-radius:16px;background:linear-gradient(110deg,#7b5cff,#ff2d75 60%,#ff7a18);color:#fff;text-align:left}.rvpromo span{font-size:12px;opacity:.9}
.rvcats{display:flex;gap:8px;overflow-x:auto;padding:8px 14px;scrollbar-width:none}.rvcats::-webkit-scrollbar{display:none}.rvcats button{flex:none;padding:6px 14px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);font-size:13px;font-weight:600}.rvcats button.on{background:var(--fg);color:var(--bg)}
.rvcard{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border-bottom:1px solid var(--line);text-align:left}
.rvcov{position:relative;flex:none;width:76px;height:76px;border-radius:16px;overflow:hidden;background:var(--grad);display:grid;place-items:center}.rvcov img{width:100%;height:100%;object-fit:cover}.rvcov i{font-style:normal;font-size:30px;color:#fff;font-weight:800}.rvcov em{position:absolute;top:6px;right:6px}.rvcov.big{width:96px;height:96px}
.rvinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.rvinfo b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rvmeta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--mut);flex-wrap:wrap}
.rvtag{font-style:normal;font-weight:700;font-size:11px;padding:2px 8px;border-radius:6px}.rvact{color:var(--fg);opacity:.75}.rvavs{display:flex}.rvavs .av{margin-left:-6px;border:2px solid var(--bg)}
.rmcvr{display:flex;gap:12px;align-items:center}
.room2{padding:8px 14px 150px}.room2 .rmtop{text-align:center;margin-bottom:12px}
.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 6px;padding:14px 6px;border-radius:22px;background:radial-gradient(circle at 50% 0,#7b5cff33,transparent 70%),var(--bg2)}
.seat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.seat b{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat small{font-size:10px;color:var(--mut);height:12px}
.seat .sav{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;transition:box-shadow .15s}.seat.empty .sav{background:var(--bg3);font-size:24px;border:2px dashed var(--line)}.seat.empty.lk .sav{opacity:.6}.seat.empty b{color:var(--mut);font-weight:500}
.seat.talk .sav{box-shadow:0 0 0 3px #2ecc71,0 0 16px #2ecc71aa}
.nowp .np{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;border-radius:16px;background:linear-gradient(100deg,#4d96ff33,#9b5de533);border:1px solid var(--line)}.npi{font-size:22px}.npt{flex:1;min-width:0;display:flex;flex-direction:column}.npt b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npt small{font-size:11px;color:var(--mut)}.npv{width:80px}
.lsh{margin:14px 2px 6px}.lst{display:flex;flex-wrap:wrap;gap:10px}.lsu{display:flex;flex-direction:column;align-items:center;gap:3px;width:56px}.lsu small{font-size:10px;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ytholder{position:fixed;width:1px;height:1px;left:-10px;bottom:0;overflow:hidden;opacity:.01;pointer-events:none}
.seat{width:100%}.seat b{display:block;text-align:center}

/* ---- v28: room screen v3, wallet, coin pill, song sheet ---- */
.cpill{display:inline-flex;align-items:center;gap:3px;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#ffd76a,#ffb800);color:#5a3a00;font-size:13px;font-weight:700;margin-right:2px;white-space:nowrap}.cpill b{font-weight:800}.cpill.sm{font-size:12px;padding:2px 8px;margin-left:6px;vertical-align:middle}
.top .in .ib{padding:6px}
.rmtype{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rmtype button{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg2)}.rmtype button small{font-size:11px;color:var(--mut);line-height:1.3}.rmtype button.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,var(--bg2))}
.rmthemes{display:flex;gap:10px;padding:4px 2px}.rmthemes button{width:40px;height:40px;border-radius:12px;border:2px solid transparent}.rmthemes button.on{border-color:var(--fg)}
.rvprem{font-style:normal}.rvoff{font-style:normal;padding:1px 6px;border-radius:6px;background:var(--bg3);color:var(--mut);font-size:11px}.rvcov .rvpb{position:absolute;left:5px;bottom:4px;font-style:normal;font-size:14px}
.vrth-night{background:linear-gradient(180deg,#0b1030,#1a1f5c 55%,#2b1d63)}.vrth-galaxy{background:radial-gradient(circle at 30% 10%,#6a3cff55,transparent 50%),radial-gradient(circle at 80% 70%,#ff2d7544,transparent 50%),linear-gradient(180deg,#0a0420,#1c0b45)}
.vrth-sunset{background:linear-gradient(180deg,#2a0f3d,#8a2d5c 55%,#f0743c)}.vrth-forest{background:linear-gradient(180deg,#04221a,#0d4d3a 55%,#1f7a50)}.vrth-rose{background:linear-gradient(180deg,#3a0b24,#8f2350 55%,#e35d8f)}.vrth-ocean{background:linear-gradient(180deg,#021a33,#06457a 55%,#0b8bb5)}
body.invr .roompill{display:none}
.vr{position:fixed;inset:0;z-index:40;color:#fff;display:flex;flex-direction:column;overflow:hidden;max-width:600px;margin:0 auto}
.vrstars{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 15%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 85% 55%,#fff,transparent),radial-gradient(1px 1px at 10% 85%,#fff,transparent),radial-gradient(1.5px 1.5px at 60% 45%,#fff,transparent);background-size:220px 220px}
.vrtop{position:relative;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 8px) 10px 6px}.vrb{flex:none;width:36px;height:36px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:18px;display:grid;place-items:center}.vrtop .vrb:first-child{font-size:26px;background:none;width:28px}
.vrcov{flex:none;width:40px;height:40px;border-radius:12px;overflow:hidden;background:#ffffff26;display:grid;place-items:center}.vrcov img{width:100%;height:100%;object-fit:cover}
.vrti{flex:1;min-width:0;display:flex;flex-direction:column}.vrti b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vrti small{font-size:11px;opacity:.75}
.vrpin{position:relative;margin:2px 12px;padding:7px 10px;border-radius:12px;background:#ffffff1a;font-size:12px;line-height:1.35}
.vr .nowp{position:relative;padding:0 12px}.vr .nowp .np{margin:6px 0;background:#ffffff1a;border-color:#ffffff22}.vr .npt small{color:#ffffffb0}.vr .ib{color:#fff}
.vrseats{position:relative;padding:6px 10px 0}.vhost{display:flex;justify-content:center;margin-bottom:6px}.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 4px}
.vseat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;width:100%;color:#fff}.vseat b{font-size:11.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.vseat small{font-size:10px;opacity:.65;height:12px}
.vseat .sav{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;transition:box-shadow .15s}.vseat.big .sav{width:74px;height:74px}
.vseat.empty .sav{background:#ffffff14;border:1.5px solid #ffd76a88;color:#ffd76a}.vseat.empty.lk .sav{border-color:#ffffff40;color:#fff;opacity:.7}.vseat.empty b{opacity:.7;font-weight:500}
.vseat .vmic{position:absolute;right:-2px;bottom:-2px;font-style:normal;font-size:11px;width:20px;height:20px;border-radius:50%;background:#1d2a6b;display:grid;place-items:center;border:1.5px solid #ffffff55}.vseat .vmic.off{background:#5a1a2a}
.vseat .vcrown{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-style:normal;font-size:15px}
.vseat .vwait{position:absolute;inset:-3px;border-radius:50%;border:2px dashed #ffffff55;animation:spin 3s linear infinite}
.vseat.talk .sav{box-shadow:0 0 0 3px #4dffb0,0 0 18px 4px #4dffb099;animation:vtalk .8s ease-in-out infinite alternate}@keyframes vtalk{to{box-shadow:0 0 0 4px #4dffb0,0 0 26px 8px #4dffb066}}
.vrls{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px 0;overflow-x:auto;scrollbar-width:none}.vrls .lsu{position:relative;width:auto}.vrls .lsu i{position:absolute;right:-4px;top:-6px;font-style:normal;font-size:12px}.vr .mut{color:#ffffffa8}
.vrchat{position:relative;flex:1;min-height:60px;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:5px;-webkit-mask-image:linear-gradient(transparent,#000 18px)}
.vcl{align-self:flex-start;max-width:88%;padding:5px 10px;border-radius:14px;background:#00000038;font-size:13px;line-height:1.35;word-break:break-word}.vcl b{color:#ffd76a;font-weight:700;margin-right:3px}.vcl.sys{background:#ffffff14;font-size:12px;opacity:.9}.vcl.welcome{background:#ffd76a22;color:#ffe9a8}.vcl.gift{background:linear-gradient(90deg,#ff2d7555,#ffb80055)}.vbig{font-size:20px}
.vremo{position:absolute;left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:3;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;border-radius:16px;background:#141a45f0;box-shadow:0 8px 30px #0008}.vremo button{font-size:24px;padding:6px}
.vrbar{position:relative;display:flex;align-items:center;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#00000040}.vrbar .vrb{width:34px;height:34px;font-size:17px}
.vrmic{flex:none;width:40px;height:40px;border-radius:50%;background:#ffffff26;font-size:18px}.vrmic.on{background:#2ecc71}.vrmic.sit{background:linear-gradient(135deg,#ffd76a,#ffb800)}
.vrin{flex:1;min-width:0;display:flex;align-items:center;background:#ffffff1f;border-radius:999px;padding:0 4px 0 12px}.vrin input{flex:1;min-width:0;background:none;border:0;color:#fff;padding:9px 0;font-size:14px}.vrin input::placeholder{color:#ffffff90}.vrin button{color:#ffd76a;font-size:16px;padding:6px}
.vrfx{position:absolute;inset:0;pointer-events:none;z-index:5}.vfloat{position:absolute;font-size:40px;animation:vfl 2.2s ease-out forwards}@keyframes vfl{0%{transform:scale(.4);opacity:0}15%{transform:scale(1.2);opacity:1}100%{transform:translateY(-90px) scale(1);opacity:0}}
.vgiftfx{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;animation:vgf 2.6s ease-out forwards}.vgiftfx span{font-size:96px;filter:drop-shadow(0 6px 24px #ffb800aa)}.vgiftfx b{font-size:14px;background:#0008;padding:4px 12px;border-radius:999px}@keyframes vgf{0%{transform:translate(-50%,-30%) scale(.3);opacity:0}20%{transform:translate(-50%,-50%) scale(1.15);opacity:1}80%{opacity:1}100%{transform:translate(-50%,-90%) scale(1);opacity:0}}
.vrtap{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 64px);z-index:60;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 18px;border-radius:18px;border:0;background:linear-gradient(135deg,#ffcc33,#ff7a18);color:#1a1000;font-size:17px;font-weight:800;box-shadow:0 10px 34px #000a;animation:vrtapP 1.2s ease-in-out infinite}.vrtap small{font-size:12px;font-weight:600;opacity:.8}@keyframes vrtapP{50%{transform:scale(1.03)}}
.vseat .vdot{position:absolute;right:1px;top:1px;width:11px;height:11px;border-radius:50%;border:2px solid #111;background:#f5b400;z-index:3}.vseat .vdot.ok{background:#22c55e}.vseat .vdot.bad{background:#ef4444}.vseat .vdot.wait{animation:vdotP 1s ease-in-out infinite}@keyframes vdotP{50%{opacity:.35}}
.songsh .ytf{display:flex;gap:8px;margin:8px 0}.songsh .ytf input{flex:1;min-width:0}.ytr{max-height:52vh;overflow-y:auto}
.ytit{position:relative;display:flex;gap:10px;align-items:center;width:100%;padding:7px 0;text-align:left;border-bottom:1px solid var(--line)}.ytit img{flex:none;width:96px;height:54px;object-fit:cover;border-radius:8px;background:var(--bg3)}.ytit em{position:absolute;left:66px;top:46px;font-style:normal;font-size:10px;background:#000c;color:#fff;padding:0 4px;border-radius:4px}.ytit span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ytit b{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ytit small{font-size:11px;color:var(--mut)}
.tabs.sm button{padding:8px 0;font-size:14px}
.wallet{padding:14px}.wbal{display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#ffd76a,#ffb800 60%,#ff8a00);color:#4a2f00}.wbal span{font-size:40px}.wbal b{font-size:38px;font-weight:900}.wbal small{font-size:12px;opacity:.8}
.wcards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.wcards>*{display:flex;flex-direction:column;padding:12px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}.wcards small{font-size:11px;color:var(--mut)}
.wh{font-size:15px;margin:14px 2px 6px}.wtx{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line)}.wic{font-size:20px}.wn{flex:1;min-width:0;display:flex;flex-direction:column;font-size:14px}.wn small{font-size:11px;color:var(--mut)}.wtx b.pos{color:#1fa855}.wtx b.neg{color:#e5484d}
@keyframes spin{to{transform:rotate(360deg)}}
.songsh{text-align:left}.songsh .sh-t{text-align:left}.songsh .ytf input{flex:1 1 auto;width:100%;min-width:0}.songsh .ytf .btn{flex:none;width:auto;padding:0 16px}.ytit{text-align:left;align-items:center}.ytit span{align-items:flex-start;text-align:left}
.vgrid{align-content:start;grid-auto-rows:auto}.vseat{height:auto;min-height:0;padding:0}.vrseats{flex:none}
.vremo[hidden],.rmthemes[hidden],.vrpin[hidden]{display:none!important}
.cadm{padding:14px}.causer{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--bg2);margin:10px 0}.causer>div{flex:1;display:flex;flex-direction:column}.causer small{color:var(--mut);font-size:12px}.cadm input{margin-bottom:8px;width:100%}.caq{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.caq .btn{padding:6px 10px;font-size:13px}.cam{width:100%;text-align:left}

/* ---- v30: games hub, tasks, ranking, shop, frames, skins ---- */
.gbanner{display:flex;align-items:center;gap:10px;margin:6px 12px 2px;padding:10px 12px;border-radius:16px;background:linear-gradient(110deg,#6c5ce7,#e84393 55%,#fdcb6e);color:#fff;box-shadow:0 4px 14px #6c5ce733}.gbanner .gbi{font-size:26px}.gbanner span{flex:1;min-width:0;display:flex;flex-direction:column}.gbanner small{font-size:11px;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbanner i{font-style:normal;font-weight:800;background:#fff3;padding:5px 10px;border-radius:999px;font-size:12px}
.gh{padding:12px 14px 20px}.ghtop{display:flex;align-items:center;gap:10px}.ghme{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.ghme span{display:flex;flex-direction:column;min-width:0}.ghme b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghme small{color:var(--mut);font-size:12px}
.cpill.big{font-size:15px;padding:6px 6px 6px 12px}.cpill i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#fff;color:#ff9f00;display:grid;place-items:center;font-weight:900;margin-left:4px}
.ghev{width:40px;height:40px;border-radius:50%;background:var(--bg2);font-size:20px;border:1px solid var(--line)}
.ghxp{margin:10px 0 4px}.ghxp small{font-size:11px;color:var(--mut)}.lvbar{height:8px;border-radius:99px;background:var(--bg3);overflow:hidden;margin:4px 0}.lvbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ffd166,#ff9f43,#ff4d6d);transition:width .6s}.lvbar.sm{height:5px}
.ghsc{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 6px}.ghsc>*{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600}.ghsc span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;box-shadow:0 6px 16px #0002}.ghsc i{position:absolute;top:-2px;right:12px;font-style:normal;background:#ff3b30;color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center}
.ghhd{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px}.ghhd h2{font-size:22px;margin:0}.btn.sm{padding:7px 12px;font-size:13px}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:12px;border-radius:22px;color:#fff;text-align:left;overflow:hidden;box-shadow:0 8px 20px #0002;transition:transform .15s}.hcard:active{transform:scale(.97)}
.hcard.wide{grid-column:1/-1;min-height:170px;flex-direction:row;align-items:flex-end}.hcard .gart{position:absolute;right:-6px;top:6px;width:96px;height:96px;filter:drop-shadow(0 6px 10px #0003);transform:rotate(-8deg)}.hcard.wide .gart{width:130px;height:130px;right:10px;top:16px}.gart svg{width:100%;height:100%}.gemo{display:grid;place-items:center;width:100%;height:100%;font-size:62px}
.gtx{position:relative;display:flex;flex-direction:column;max-width:70%}.gtx b{font-size:17px;line-height:1.15;text-shadow:0 2px 6px #0003}.hcard.wide .gtx b{font-size:24px}.gtx small{font-size:11px;opacity:.9;margin-top:2px}
.gplay{position:absolute;right:10px;bottom:10px;font-style:normal;font-size:12px;font-weight:800;background:#fff;color:#222;padding:5px 12px;border-radius:999px}.gnew{position:absolute;left:10px;top:10px;font-style:normal;font-size:10px;font-weight:800;background:#ff3b30;color:#fff;padding:2px 8px;border-radius:999px;letter-spacing:.5px}
.mmspin{animation:spin 1.2s linear infinite;display:inline-block}
.gtasks{padding:14px}.gtlv{padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff4d6,#ffe3ec);color:#3a2a00}.gtlv small{font-size:11px;opacity:.75}
.gtk{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line)}.gtk.done{opacity:.55}.gtki{width:40px;height:40px;border-radius:12px;background:var(--bg2);display:grid;place-items:center;font-size:20px;flex:none}.gtkt{flex:1;min-width:0;display:flex;flex-direction:column}.gtkt small{font-size:11px;color:var(--mut)}.gtkp{font-size:13px;color:var(--mut);font-weight:700}.gtkd{color:#1fa855;font-weight:700;font-size:13px}
.rkrow{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.rkrow.me{background:color-mix(in srgb,var(--acc) 8%,transparent)}.rkn{width:28px;text-align:center;font-weight:800;font-size:16px}.rkt{flex:1;min-width:0;display:flex;flex-direction:column}.rkt small{font-size:11px;color:var(--mut)}.rkv{font-size:13px}
.coinfly{position:fixed;bottom:40%;z-index:99;font-size:26px;pointer-events:none;animation:cfly 1.3s ease-out forwards}@keyframes cfly{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1;transform:translateY(-30px) scale(1.2)}100%{transform:translate(var(--x,30px),-260px) scale(.6);opacity:0}}
.lvup{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0008;animation:fadein .2s}.lvup>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 40px;border-radius:28px;background:radial-gradient(circle,#fff6d5,#ffd166);color:#5a3a00;animation:lvp .6s cubic-bezier(.2,1.6,.4,1)}.lvup span{font-size:70px;animation:spin 1.6s ease-out}.lvup b{font-size:26px}.lvup i{font-style:normal;font-weight:800}@keyframes lvp{from{transform:scale(.3)}to{transform:scale(1)}}@keyframes fadein{from{opacity:0}}
.shop{padding:10px 0}.shtop{display:flex;align-items:center;justify-content:space-between;padding:4px 14px;color:var(--mut);font-size:13px}
.shgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:8px 14px}.shit{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 10px;border-radius:18px;background:var(--bg2);border:1.5px solid var(--line);text-align:center}.shit.eq{border-color:#ffb800;box-shadow:0 0 0 2px #ffb80033}.shit b{font-size:12px}.shit .btn{width:100%;padding:6px 4px}.btn.gold{background:linear-gradient(135deg,#ffd76a,#ffb800);color:#4a2f00;font-weight:800;border:0}
.shic{font-size:40px;height:56px;display:grid;place-items:center}.shimg{width:56px;height:56px;object-fit:contain}.shbb{padding:8px 12px;border-radius:16px 16px 4px 16px;font-size:13px;color:#fff;height:auto;margin:10px 0}.shth{width:56px;height:56px;border-radius:14px}
/* frames (box-shadow only: no layout shift) */
.av.fr{overflow:visible}.av.fr>img,.av.fr>span{border-radius:50%}
.fr-gold{box-shadow:0 0 0 2.5px #ffd76a,0 0 10px 1px #ffb800}.fr-neon{box-shadow:0 0 0 2.5px #00f0ff,0 0 10px #00f0ff,0 0 18px #ff00e6}.fr-ice{box-shadow:0 0 0 2.5px #bdf3ff,0 0 12px #7fd8ff}
.fr-fire{box-shadow:0 0 0 2.5px #ff6a00,0 0 12px 2px #ff3d00;animation:frfire 1.2s ease-in-out infinite alternate}@keyframes frfire{to{box-shadow:0 0 0 3px #ffb300,0 0 18px 4px #ff3d00}}
.fr-rainbow{animation:frrb 3s linear infinite}@keyframes frrb{0%{box-shadow:0 0 0 3px #ff2d75,0 0 12px #ff2d75}25%{box-shadow:0 0 0 3px #ffd166,0 0 12px #ffd166}50%{box-shadow:0 0 0 3px #2ec4b6,0 0 12px #2ec4b6}75%{box-shadow:0 0 0 3px #4d96ff,0 0 12px #4d96ff}100%{box-shadow:0 0 0 3px #ff2d75,0 0 12px #ff2d75}}
.fr-galaxy{animation:frgx 4s ease-in-out infinite}@keyframes frgx{0%,100%{box-shadow:0 0 0 3px #7b5cff,0 0 14px 2px #ff2d75}50%{box-shadow:0 0 0 3px #ff2d75,0 0 18px 4px #7b5cff}}
/* bubble skins */
.bb-sunset,.msgs.mybb-bb-sunset .m.me .mb,.msgs.thbb-bb-sunset .m.them .mb{background:linear-gradient(135deg,#ff7a18,#ff2d75)!important;color:#fff!important}
.bb-ocean,.msgs.mybb-bb-ocean .m.me .mb,.msgs.thbb-bb-ocean .m.them .mb{background:linear-gradient(135deg,#00c6ff,#0072ff)!important;color:#fff!important}
.bb-candy,.msgs.mybb-bb-candy .m.me .mb,.msgs.thbb-bb-candy .m.them .mb{background:linear-gradient(135deg,#ff9a9e,#fad0c4 50%,#a18cd1)!important;color:#3a1030!important}
.bb-galaxy,.msgs.mybb-bb-galaxy .m.me .mb,.msgs.thbb-bb-galaxy .m.them .mb{background:radial-gradient(circle at 20% 20%,#ff2d7577,transparent 50%),linear-gradient(135deg,#1c0b45,#4b1d8f)!important;color:#fff!important}
.bb-mint,.msgs.mybb-bb-mint .m.me .mb,.msgs.thbb-bb-mint .m.them .mb{background:linear-gradient(135deg,#43e97b,#38f9d7)!important;color:#063b2a!important}
/* profile themes */
.prof.th-sunset,.shth.th-sunset{background:linear-gradient(160deg,#ff7a1833,#ff2d7522)}.prof.th-ocean,.shth.th-ocean{background:linear-gradient(160deg,#00c6ff33,#0072ff22)}.prof.th-neon,.shth.th-neon{background:linear-gradient(160deg,#00f0ff22,#ff00e633)}.prof.th-gold,.shth.th-gold{background:linear-gradient(160deg,#ffd76a44,#ffb80022)}.prof[class*="th-"]{border-radius:0 0 22px 22px}
.shth.th-sunset{background:linear-gradient(160deg,#ff7a18,#ff2d75)}.shth.th-ocean{background:linear-gradient(160deg,#00c6ff,#0072ff)}.shth.th-neon{background:linear-gradient(160deg,#00f0ff,#ff00e6)}.shth.th-gold{background:linear-gradient(160deg,#ffd76a,#ffb800)}
.fchip.lvl{background:linear-gradient(135deg,#ffd76a,#ffb800);color:#4a2f00;font-weight:700}.fchip.shopb{background:linear-gradient(135deg,#a29bfe,#e84393);color:#fff}
.vlv{font-style:normal;background:#ffd76a;color:#4a2f00;border-radius:6px;padding:0 4px;font-weight:800;font-size:9px}
.ventry{position:absolute;left:0;right:0;top:30%;display:flex;flex-direction:column;align-items:center;gap:4px;animation:vent 3s ease-out forwards}.ventry span{font-size:44px;letter-spacing:6px}.ventry b{background:#0009;padding:5px 14px;border-radius:999px;font-size:14px}@keyframes vent{0%{transform:translateX(-100%);opacity:0}15%{transform:translateX(0);opacity:1}80%{opacity:1}100%{transform:translateY(-40px);opacity:0}}
.ventry.en-rocket span{animation:vroc 3s ease-in}@keyframes vroc{to{transform:translateY(-200px)}}.ventry.en-fireworks span{animation:vfw .5s ease-in-out infinite alternate}@keyframes vfw{to{transform:scale(1.3)}}
.hgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hcard{min-width:0}.gh{overflow-x:hidden}.hcard.wide .gtx{max-width:55%}
.hcard.wide{justify-content:flex-start}.hcard .gtx{z-index:1}

/* ---- v31: premium home ---- */
:root{--bg:#000;--bg2:#121214;--bg3:#1c1c20;--line:#222226}
.top.home .in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px}.top.home .hl,.top.home .hr{display:flex;align-items:center;gap:2px}.top.home .hr{justify-content:flex-end}
.hlogo{display:flex;align-items:center;gap:4px;color:var(--fg)}.hlogo i{font-style:normal;font-size:11px;opacity:.6}.hlogo .logo{font-size:22px}
.top.home .ib{position:relative;font-size:21px;line-height:1}.hgame,.hroom{font-size:22px!important;filter:saturate(.9)}
.top .ndot,.nav .ndot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:#ff3040;border:1.5px solid var(--bg)}
.fmode{display:none}
.nav.pill{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:26px;padding-bottom:0;background:color-mix(in srgb,var(--bg2) 82%,transparent);box-shadow:0 10px 30px #0006;max-width:500px;margin:0 auto}
.nav.pill .in{height:56px}.nav.pill a{position:relative;display:grid;place-items:center;width:48px;height:42px;border-radius:16px;transition:background .2s}.nav.pill a.on{background:color-mix(in srgb,var(--fg) 10%,transparent)}
.nav.pill .navme .av{border:2px solid transparent}.nav.pill .navme.on .av{border-color:var(--fg)}.nav.pill .dmb{position:absolute;top:3px;right:4px}
.wrap{padding-bottom:calc(var(--nav) + 30px + env(safe-area-inset-bottom))}
.stories{gap:14px;padding:12px 16px 12px}.stories .sitem{width:76px}.stories .sn{font-size:11.5px;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:center}
article.post{border-bottom:.5px solid var(--line)}article.post .ph{padding:10px 12px}article.post .media{margin:0;border-radius:0}article.post .uname{font-weight:700}
.xchips{display:flex;gap:8px;overflow-x:auto;padding:4px 14px 10px;scrollbar-width:none}.xchips a{flex:none;padding:8px 14px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);font-size:13px;font-weight:600}
html[data-theme=light]{--bg:#fff;--bg2:#f4f4f6;--bg3:#e9e9ee;--line:#e4e4ea}
.stories .sav{width:78px;height:78px;box-sizing:border-box;flex:none}.stories .sitem{width:80px;display:flex;flex-direction:column;align-items:center;position:relative}
:root{--fx-hearts:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Cpath%20transform=%22translate(181.0,93.0)%20scale(.7)%22%20d=%22M10%2018%202%2010a5%205%200%200%201%208-6%205%205%200%200%201%208%206z%22%20fill=%22%23ff4d8d%22/%3E%3Cpath%20transform=%22translate(155.2,155.2)%20scale(.7)%22%20d=%22M10%2018%202%2010a5%205%200%200%201%208-6%205%205%200%200%201%208%206z%22%20fill=%22%23ff8fb3%22/%3E%3Cpath%20transform=%22translate(93.0,181.0)%20scale(.7)%22%20d=%22M10%2018%202%2010a5%205%200%200%201%208-6%205%205%200%200%201%208%206z%22%20fill=%22%23ff4d8d%22/%3E%3Cpath%20transform=%22translate(30.8,155.2)%20scale(.7)%22%20d=%22M10%2018%202%2010a5%205%200%200%201%208-6%205%205%200%200%201%208%206z%22%20fill=%22%23ff8fb3%22/%3E%3Cpath%20transform=%22translate(5.0,93.0)%20scale(.7)%22%20d=%22M10%2018%202%2010a5%205%200%200%201%208-6%205%205%200%200%201%208%206z%22%20fill=%22%23ff4d8d%22/%3E%3Cpath%20transform=%22translate(30.8,30.8)%20scale(.7)%22%20d=%22M10%2018%202%2010a5%205%200%200%201%208-6%205%205%200%200%201%208%206z%22%20fill=%22%23ff8fb3%22/%3E%3Cpath%20transform=%22translate(93.0,5.0)%20scale(.7)%22%20d=%22M10%2018%202%2010a5%205%200%200%201%208-6%205%205%200%200%201%208%206z%22%20fill=%22%23ff4d8d%22/%3E%3Cpath%20transform=%22translate(155.2,30.8)%20scale(.7)%22%20d=%22M10%2018%202%2010a5%205%200%200%201%208-6%205%205%200%200%201%208%206z%22%20fill=%22%23ff8fb3%22/%3E%3C/svg%3E");--fx-fire:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22fg%22%20x1=%220%22%20y1=%221%22%20x2=%220%22%20y2=%220%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23ff3d00%22/%3E%3Cstop%20offset=%22.6%22%20stop-color=%22%23ff9100%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23ffe082%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20transform=%22translate(184.0,100.0)%20rotate(90.0)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(175.7,136.4)%20rotate(115.7)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(152.4,165.7)%20rotate(141.4)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(118.7,181.9)%20rotate(167.1)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(81.3,181.9)%20rotate(192.9)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(47.6,165.7)%20rotate(218.6)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(24.3,136.4)%20rotate(244.3)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(16.0,100.0)%20rotate(270.0)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(24.3,63.6)%20rotate(295.7)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(47.6,34.3)%20rotate(321.4)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(81.3,18.1)%20rotate(347.1)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(118.7,18.1)%20rotate(372.9)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(152.4,34.3)%20rotate(398.6)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Cpath%20transform=%22translate(175.7,63.6)%20rotate(424.3)%22%20d=%22M0%2010%20C-8%202,-6%20-10,0%20-22%20C6%20-10,8%202,0%2010Z%22%20fill=%22url(%23fg)%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2278%22%20fill=%22none%22%20stroke=%22%23ff6d00%22%20stroke-width=%225%22/%3E%3C/svg%3E");--fx-ice:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2280%22%20fill=%22none%22%20stroke=%22%2381d4fa%22%20stroke-width=%226%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2286%22%20fill=%22none%22%20stroke=%22%23e1f5ff%22%20stroke-width=%221.5%22%20stroke-dasharray=%224%208%22/%3E%3Cpath%20transform=%22translate(186.0,100.0)%20rotate(90)%22%20d=%22M-4%20-16%206%20-2%20-1%20-1%205%2016%20-7%200%200%20-1z%22%20fill=%22%23e1f5ff%22%20stroke=%22%234fc3f7%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(143.0,174.5)%20rotate(150)%22%20d=%22M-4%20-16%206%20-2%20-1%20-1%205%2016%20-7%200%200%20-1z%22%20fill=%22%23e1f5ff%22%20stroke=%22%234fc3f7%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(57.0,174.5)%20rotate(210)%22%20d=%22M-4%20-16%206%20-2%20-1%20-1%205%2016%20-7%200%200%20-1z%22%20fill=%22%23e1f5ff%22%20stroke=%22%234fc3f7%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(14.0,100.0)%20rotate(270)%22%20d=%22M-4%20-16%206%20-2%20-1%20-1%205%2016%20-7%200%200%20-1z%22%20fill=%22%23e1f5ff%22%20stroke=%22%234fc3f7%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(57.0,25.5)%20rotate(330)%22%20d=%22M-4%20-16%206%20-2%20-1%20-1%205%2016%20-7%200%200%20-1z%22%20fill=%22%23e1f5ff%22%20stroke=%22%234fc3f7%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(143.0,25.5)%20rotate(390)%22%20d=%22M-4%20-16%206%20-2%20-1%20-1%205%2016%20-7%200%200%20-1z%22%20fill=%22%23e1f5ff%22%20stroke=%22%234fc3f7%22%20stroke-width=%221.5%22/%3E%3C/svg%3E");--fx-flower:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Cellipse%20cx=%22184.0%22%20cy=%22100.0%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(60%20184.0%20100.0)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%22178.9%22%20cy=%22128.7%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(80%20178.9%20128.7)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%22164.3%22%20cy=%22154.0%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(100%20164.3%20154.0)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%22142.0%22%20cy=%22172.7%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(120%20142.0%20172.7)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%22114.6%22%20cy=%22182.7%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(140%20114.6%20182.7)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2285.4%22%20cy=%22182.7%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(160%2085.4%20182.7)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2258.0%22%20cy=%22172.7%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(180%2058.0%20172.7)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2235.7%22%20cy=%22154.0%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(200%2035.7%20154.0)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2221.1%22%20cy=%22128.7%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(220%2021.1%20128.7)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2216.0%22%20cy=%22100.0%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(240%2016.0%20100.0)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2221.1%22%20cy=%2271.3%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(260%2021.1%2071.3)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2235.7%22%20cy=%2246.0%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(280%2035.7%2046.0)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2258.0%22%20cy=%2227.3%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(300%2058.0%2027.3)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%2285.4%22%20cy=%2217.3%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(320%2085.4%2017.3)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%22114.6%22%20cy=%2217.3%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(340%20114.6%2017.3)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%22142.0%22%20cy=%2227.3%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(360%20142.0%2027.3)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%22164.3%22%20cy=%2246.0%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(380%20164.3%2046.0)%22%20fill=%22%2366bb6a%22/%3E%3Cellipse%20cx=%22178.9%22%20cy=%2271.3%22%20rx=%229%22%20ry=%224%22%20transform=%22rotate(400%20178.9%2071.3)%22%20fill=%22%2366bb6a%22/%3E%3Ccircle%20cx=%22189.3%22%20cy=%22117.1%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%22185.8%22%20cy=%22121.8%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%22180.2%22%20cy=%22120.0%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%22180.2%22%20cy=%22114.1%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%22185.8%22%20cy=%22112.3%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%22184.3%22%20cy=%22117.1%22%20r=%223%22%20fill=%22%23ffd54f%22/%3E%3Ccircle%20cx=%22144.2%22%20cy=%22176.5%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%22140.7%22%20cy=%22181.3%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%22135.1%22%20cy=%22179.5%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%22135.1%22%20cy=%22173.6%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%22140.7%22%20cy=%22171.8%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%22139.2%22%20cy=%22176.5%22%20r=%223%22%20fill=%22%23ffd54f%22/%3E%3Ccircle%20cx=%2269.6%22%20cy=%22178.4%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%2266.1%22%20cy=%22183.1%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%2260.5%22%20cy=%22181.3%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%2260.5%22%20cy=%22175.4%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%2266.1%22%20cy=%22173.6%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%2264.6%22%20cy=%22178.4%22%20r=%223%22%20fill=%22%23ffd54f%22/%3E%3Ccircle%20cx=%2221.6%22%20cy=%22121.2%22%20r=%224.2%22%20fill=%22%23ffab91%22/%3E%3Ccircle%20cx=%2218.2%22%20cy=%22125.9%22%20r=%224.2%22%20fill=%22%23ffab91%22/%3E%3Ccircle%20cx=%2212.6%22%20cy=%22124.1%22%20r=%224.2%22%20fill=%22%23ffab91%22/%3E%3Ccircle%20cx=%2212.6%22%20cy=%22118.2%22%20r=%224.2%22%20fill=%22%23ffab91%22/%3E%3Ccircle%20cx=%2218.2%22%20cy=%22116.4%22%20r=%224.2%22%20fill=%22%23ffab91%22/%3E%3Ccircle%20cx=%2216.6%22%20cy=%22121.2%22%20r=%223%22%20fill=%22%23ffd54f%22/%3E%3Ccircle%20cx=%2236.5%22%20cy=%2248.0%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%2233.0%22%20cy=%2252.8%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%2227.4%22%20cy=%2251.0%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%2227.4%22%20cy=%2245.1%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%2233.0%22%20cy=%2243.3%22%20r=%224.2%22%20fill=%22%23ff80ab%22/%3E%3Ccircle%20cx=%2231.5%22%20cy=%2248.0%22%20r=%223%22%20fill=%22%23ffd54f%22/%3E%3Ccircle%20cx=%22102.9%22%20cy=%2214.0%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%2299.4%22%20cy=%2218.8%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%2293.9%22%20cy=%2217.0%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%2293.9%22%20cy=%2211.1%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%2299.4%22%20cy=%229.3%22%20r=%224.2%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%2297.9%22%20cy=%2214.0%22%20r=%223%22%20fill=%22%23ffd54f%22/%3E%3Ccircle%20cx=%22170.9%22%20cy=%2244.8%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%22167.5%22%20cy=%2249.5%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%22161.9%22%20cy=%2247.7%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%22161.9%22%20cy=%2241.8%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%22167.5%22%20cy=%2240.0%22%20r=%224.2%22%20fill=%22%23ce93d8%22/%3E%3Ccircle%20cx=%22165.9%22%20cy=%2244.8%22%20r=%223%22%20fill=%22%23ffd54f%22/%3E%3C/svg%3E");--fx-spark:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Cpath%20transform=%22translate(186.0,126.6)%20scale(1)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3Cpath%20transform=%22translate(148.8,175.6)%20scale(0.6)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3Cpath%20transform=%22translate(88.7,189.3)%20scale(0.9)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3Cpath%20transform=%22translate(34.0,161.2)%20scale(0.5)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3Cpath%20transform=%22translate(10.1,104.4)%20scale(1.1)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3Cpath%20transform=%22translate(28.3,45.6)%20scale(0.7)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3Cpath%20transform=%22translate(80.0,12.2)%20scale(0.6)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3Cpath%20transform=%22translate(141.1,19.9)%20scale(1)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3Cpath%20transform=%22translate(183.0,65.1)%20scale(0.5)%22%20d=%22M0%20-8%202%20-2%208%200%202%202%200%208%20-2%202%20-8%200%20-2%20-2z%22%20fill=%22%23fff%22/%3E%3C/svg%3E");--fx-wgold:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20120%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22wg%22%20x1=%220%22%20x2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23fff3c4%22/%3E%3Cstop%20offset=%22.5%22%20stop-color=%22%23ffd54f%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23ff8f00%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M2%2060%20C20%2020,60%200,98%206%20C80%2014,70%2022,64%2030%20C80%2028,90%2032,96%2038%20C78%2042,68%2048,62%2056%20C76%2058,84%2064,88%2072%20C70%2072,58%2076,50%2084%20C58%2090,62%2098,62%20108%20C40%20100,18%2084,2%2060Z%22%20fill=%22url(%23wg)%22%20stroke=%22%23b26a00%22%20stroke-width=%222%22/%3E%3C/svg%3E");--fx-wwhite:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20120%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22ww%22%20x1=%220%22%20x2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23ffffff%22/%3E%3Cstop%20offset=%22.5%22%20stop-color=%22%23eef6ff%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23b3d4ff%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M2%2060%20C20%2020,60%200,98%206%20C80%2014,70%2022,64%2030%20C80%2028,90%2032,96%2038%20C78%2042,68%2048,62%2056%20C76%2058,84%2064,88%2072%20C70%2072,58%2076,50%2084%20C58%2090,62%2098,62%20108%20C40%20100,18%2084,2%2060Z%22%20fill=%22url(%23ww)%22%20stroke=%22%237aa7d9%22%20stroke-width=%222%22/%3E%3C/svg%3E");--fx-wfire:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20120%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22wf%22%20x1=%220%22%20x2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23ffe082%22/%3E%3Cstop%20offset=%22.5%22%20stop-color=%22%23ff7043%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23d50000%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M2%2060%20C20%2020,60%200,98%206%20C80%2014,70%2022,64%2030%20C80%2028,90%2032,96%2038%20C78%2042,68%2048,62%2056%20C76%2058,84%2064,88%2072%20C70%2072,58%2076,50%2084%20C58%2090,62%2098,62%20108%20C40%20100,18%2084,2%2060Z%22%20fill=%22url(%23wf)%22%20stroke=%22%237f0000%22%20stroke-width=%222%22/%3E%3C/svg%3E");--fx-cgold:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%2070%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22cg%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23fff59d%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23ff8f00%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M8%2062%204%2018%2028%2040%2050%206%2072%2040%2096%2018%2092%2062Z%22%20fill=%22url(%23cg)%22%20stroke=%22%23a15c00%22%20stroke-width=%223%22%20stroke-linejoin=%22round%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2244%22%20r=%227%22%20fill=%22%23e91e63%22/%3E%3Ccircle%20cx=%2226%22%20cy=%2250%22%20r=%225%22%20fill=%22%2329b6f6%22/%3E%3Ccircle%20cx=%2274%22%20cy=%2250%22%20r=%225%22%20fill=%22%2329b6f6%22/%3E%3Ccircle%20cx=%224%22%20cy=%2216%22%20r=%224%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%2250%22%20cy=%225%22%20r=%224%22%20fill=%22%23fff59d%22/%3E%3Ccircle%20cx=%2296%22%20cy=%2216%22%20r=%224%22%20fill=%22%23fff59d%22/%3E%3C/svg%3E");--fx-croyal:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%2070%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22cr%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23ffffff%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23b0bec5%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M8%2062%204%2018%2028%2040%2050%206%2072%2040%2096%2018%2092%2062Z%22%20fill=%22url(%23cr)%22%20stroke=%22%23546e7a%22%20stroke-width=%223%22%20stroke-linejoin=%22round%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2244%22%20r=%227%22%20fill=%22%23d500f9%22/%3E%3Ccircle%20cx=%2226%22%20cy=%2250%22%20r=%225%22%20fill=%22%2300e676%22/%3E%3Ccircle%20cx=%2274%22%20cy=%2250%22%20r=%225%22%20fill=%22%2300e676%22/%3E%3Ccircle%20cx=%224%22%20cy=%2216%22%20r=%224%22%20fill=%22%23ffffff%22/%3E%3Ccircle%20cx=%2250%22%20cy=%225%22%20r=%224%22%20fill=%22%23ffffff%22/%3E%3Ccircle%20cx=%2296%22%20cy=%2216%22%20r=%224%22%20fill=%22%23ffffff%22/%3E%3C/svg%3E");--fx-halo:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%2030%22%3E%3Cellipse%20cx=%2250%22%20cy=%2215%22%20rx=%2240%22%20ry=%229%22%20fill=%22none%22%20stroke=%22%23fff59d%22%20stroke-width=%225%22/%3E%3Cellipse%20cx=%2250%22%20cy=%2215%22%20rx=%2240%22%20ry=%229%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3C/svg%3E");--fx-dragon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2279%22%20fill=%22none%22%20stroke=%22%231b5e20%22%20stroke-width=%227%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2279%22%20fill=%22none%22%20stroke=%22%23ffca28%22%20stroke-width=%222%22%20stroke-dasharray=%2210%206%22/%3E%3Cpath%20transform=%22translate(186.0,100.0)%20rotate(90)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%232e7d32%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(174.5,143.0)%20rotate(120)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%23c62828%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(143.0,174.5)%20rotate(150)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%232e7d32%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(100.0,186.0)%20rotate(180)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%23c62828%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(57.0,174.5)%20rotate(210)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%232e7d32%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(25.5,143.0)%20rotate(240)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%23c62828%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(14.0,100.0)%20rotate(270)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%232e7d32%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(25.5,57.0)%20rotate(300)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%23c62828%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(57.0,25.5)%20rotate(330)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%232e7d32%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(100.0,14.0)%20rotate(360)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%23c62828%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(143.0,25.5)%20rotate(390)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%232e7d32%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3Cpath%20transform=%22translate(174.5,57.0)%20rotate(420)%22%20d=%22M-6%206%200%20-16%206%206z%22%20fill=%22%23c62828%22%20stroke=%22%23111%22%20stroke-width=%221%22/%3E%3C/svg%3E");--fx-diamond:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2280%22%20fill=%22none%22%20stroke=%22%23e0f7fa%22%20stroke-width=%224%22/%3E%3Cpath%20transform=%22translate(184.0,100.0)%20rotate(90)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23b3e5fc%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(168.0,149.4)%20rotate(126)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23e1bee7%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(126.0,179.9)%20rotate(162)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23b3e5fc%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(74.0,179.9)%20rotate(198)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23e1bee7%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(32.0,149.4)%20rotate(234)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23b3e5fc%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(16.0,100.0)%20rotate(270)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23e1bee7%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(32.0,50.6)%20rotate(306)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23b3e5fc%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(74.0,20.1)%20rotate(342)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23e1bee7%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(126.0,20.1)%20rotate(378)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23b3e5fc%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3Cpath%20transform=%22translate(168.0,50.6)%20rotate(414)%22%20d=%22M0%20-11%208%20-3%200%2011%20-8%20-3z%22%20fill=%22%23e1bee7%22%20stroke=%22%23fff%22%20stroke-width=%221.5%22/%3E%3C/svg%3E");--fx-lgold:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Cellipse%20cx=%22186.0%22%20cy=%22100.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(70%20186.0%20100.0)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%22181.8%22%20cy=%22126.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(88%20181.8%20126.6)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%22169.6%22%20cy=%22150.5%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(106%20169.6%20150.5)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%22150.5%22%20cy=%22169.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(124%20150.5%20169.6)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%22126.6%22%20cy=%22181.8%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(142%20126.6%20181.8)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%22100.0%22%20cy=%22186.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(160%20100.0%20186.0)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%2273.4%22%20cy=%22181.8%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(178%2073.4%20181.8)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%2249.5%22%20cy=%22169.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(196%2049.5%20169.6)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%2230.4%22%20cy=%22150.5%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(214%2030.4%20150.5)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%2218.2%22%20cy=%22126.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(232%2018.2%20126.6)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%2214.0%22%20cy=%22100.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(250%2014.0%20100.0)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%2218.2%22%20cy=%2273.4%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(-92%2018.2%2073.4)%22%20fill=%22%23ffc107%22/%3E%3Cellipse%20cx=%22181.8%22%20cy=%2273.4%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(52%20181.8%2073.4)%22%20fill=%22%23ffc107%22/%3E%3C/svg%3E");--fx-lsilver:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Cellipse%20cx=%22186.0%22%20cy=%22100.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(70%20186.0%20100.0)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%22181.8%22%20cy=%22126.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(88%20181.8%20126.6)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%22169.6%22%20cy=%22150.5%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(106%20169.6%20150.5)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%22150.5%22%20cy=%22169.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(124%20150.5%20169.6)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%22126.6%22%20cy=%22181.8%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(142%20126.6%20181.8)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%22100.0%22%20cy=%22186.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(160%20100.0%20186.0)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%2273.4%22%20cy=%22181.8%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(178%2073.4%20181.8)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%2249.5%22%20cy=%22169.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(196%2049.5%20169.6)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%2230.4%22%20cy=%22150.5%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(214%2030.4%20150.5)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%2218.2%22%20cy=%22126.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(232%2018.2%20126.6)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%2214.0%22%20cy=%22100.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(250%2014.0%20100.0)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%2218.2%22%20cy=%2273.4%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(-92%2018.2%2073.4)%22%20fill=%22%23cfd8dc%22/%3E%3Cellipse%20cx=%22181.8%22%20cy=%2273.4%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(52%20181.8%2073.4)%22%20fill=%22%23cfd8dc%22/%3E%3C/svg%3E");--fx-lbronze:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Cellipse%20cx=%22186.0%22%20cy=%22100.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(70%20186.0%20100.0)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%22181.8%22%20cy=%22126.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(88%20181.8%20126.6)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%22169.6%22%20cy=%22150.5%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(106%20169.6%20150.5)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%22150.5%22%20cy=%22169.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(124%20150.5%20169.6)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%22126.6%22%20cy=%22181.8%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(142%20126.6%20181.8)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%22100.0%22%20cy=%22186.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(160%20100.0%20186.0)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%2273.4%22%20cy=%22181.8%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(178%2073.4%20181.8)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%2249.5%22%20cy=%22169.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(196%2049.5%20169.6)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%2230.4%22%20cy=%22150.5%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(214%2030.4%20150.5)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%2218.2%22%20cy=%22126.6%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(232%2018.2%20126.6)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%2214.0%22%20cy=%22100.0%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(250%2014.0%20100.0)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%2218.2%22%20cy=%2273.4%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(-92%2018.2%2073.4)%22%20fill=%22%23d7894a%22/%3E%3Cellipse%20cx=%22181.8%22%20cy=%2273.4%22%20rx=%2210%22%20ry=%224.5%22%20transform=%22rotate(52%20181.8%2073.4)%22%20fill=%22%23d7894a%22/%3E%3C/svg%3E")}
.av.fx{position:relative;overflow:visible!important;isolation:isolate}.av.fx>img,.av.fx>span:not([class]){border-radius:50%;position:relative;z-index:1}
.av.fx>i{position:absolute;pointer-events:none;display:block;font-style:normal}
.av.fx .frx{inset:-16%;z-index:2;background-position:center;background-size:contain;background-repeat:no-repeat}.av.fx .fry{inset:0;z-index:0}.av.fx .frz{left:50%;top:-46%;width:64%;height:44%;transform:translateX(-50%);z-index:3;background-position:center;background-size:contain;background-repeat:no-repeat}
.av.fx .fry::before,.av.fx .fry::after{content:"";position:absolute;top:-6%;width:64%;height:92%;background-position:center;background-size:contain;background-repeat:no-repeat}
.av.fx .fry::before{right:80%;transform:scaleX(-1);transform-origin:center}.av.fx .fry::after{left:80%;transform-origin:left center}
.av.fx.sm .fry,.av.fx.sm .frz{display:none}.av.fx.sm .frx{inset:-12%}
@keyframes fxspin{to{transform:rotate(360deg)}}@keyframes fxflick{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.04) rotate(2deg);opacity:1}100%{transform:scale(.98) rotate(-1deg);opacity:.85}}
@keyframes fxpulse{0%,100%{opacity:.75;filter:drop-shadow(0 0 2px #4fc3f7)}50%{opacity:1;filter:drop-shadow(0 0 7px #4fc3f7)}}@keyframes fxsway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes fxtw{0%,100%{opacity:.35;transform:rotate(0) scale(.95)}50%{opacity:1;transform:rotate(20deg) scale(1.05)}}@keyframes fxfloat{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-8%)}}
@keyframes fxflapL{0%,100%{transform:scaleX(-1) rotate(0)}50%{transform:scaleX(-1) rotate(-12deg)}}@keyframes fxflapR{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg)}}
.fxring{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))}
.fx-neon .frx,.fx-rainbow .frx,.fx-galaxy .frx{inset:-9%;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));animation:fxspin 3s linear infinite}
.fx-neon .frx{background:conic-gradient(#00f0ff,#ff00e6,#7b5cff,#00f0ff)}.fx-neon{filter:drop-shadow(0 0 5px #00f0ffaa)}
.fx-rainbow .frx{background:conic-gradient(#ff2d75,#ff9f43,#ffd166,#2ec4b6,#4d96ff,#9b5de5,#ff2d75);animation-duration:4s}
.fx-hearts .frx{inset:-24%;background-image:var(--fx-hearts);animation:fxspin 12s linear infinite}.fx-hearts .fry{inset:-6%;border-radius:50%;border:2.5px solid #ff6fa5;box-shadow:0 0 10px #ff4d8d88}
.fx-fire .frx{inset:-30%;background-image:var(--fx-fire);animation:fxflick .7s ease-in-out infinite alternate}.fx-fire .fry{inset:-14%;border-radius:50%;background:radial-gradient(circle,transparent 55%,#ff6d0088 70%,transparent 75%);animation:fxflick 1.1s ease-in-out infinite alternate}
.fx-ice .frx{inset:-22%;background-image:var(--fx-ice);animation:fxpulse 1.6s ease-in-out infinite}.fx-ice .fry{inset:-8%;border-radius:50%;box-shadow:0 0 14px #4fc3f7,inset 0 0 8px #e1f5ff}
.fx-flower .frx{inset:-24%;background-image:var(--fx-flower);animation:fxsway 4s ease-in-out infinite}
.fx-galaxy .frx{background:conic-gradient(#7b5cff,#00c6ff,#ff2d75,#7b5cff);animation-duration:5s}.fx-galaxy .fry{inset:-28%;background:var(--fx-spark) center/contain no-repeat;animation:fxtw 2.4s ease-in-out infinite}
.fx-goldwings .frx{inset:-8%;border-radius:50%;border:3px solid #ffd54f;box-shadow:0 0 12px #ffb300,inset 0 0 6px #ffecb3}.fx-goldwings .fry::before,.fx-goldwings .fry::after{background-image:var(--fx-wgold)}.fx-goldwings .frz{background-image:var(--fx-cgold)}
.fx-goldwings .fry::before{animation:fxflapL 2s ease-in-out infinite}.fx-goldwings .fry::after{animation:fxflapR 2s ease-in-out infinite}
.fx-angel .frx{inset:-8%;border-radius:50%;border:3px solid #fff;box-shadow:0 0 14px #b3d4ff}.fx-angel .fry::before,.fx-angel .fry::after{background-image:var(--fx-wwhite)}.fx-angel .fry::before{animation:fxflapL 2.6s ease-in-out infinite}.fx-angel .fry::after{animation:fxflapR 2.6s ease-in-out infinite}
.fx-angel .frz{top:-30%;height:24%;width:70%;background-image:var(--fx-halo);animation:fxfloat 2.4s ease-in-out infinite}
.fx-dragon .frx{inset:-24%;background-image:var(--fx-dragon);animation:fxspin 14s linear infinite}.fx-dragon .fry{inset:-10%;border-radius:50%;box-shadow:0 0 16px #43a047aa,0 0 4px #c62828}
.fx-royal .frx{inset:-10%;border-radius:50%;border:3px double #ffd54f;box-shadow:0 0 0 2px #b0bec5,0 0 16px #ffd54f}.fx-royal .fry{inset:-30%;background:var(--fx-spark) center/contain no-repeat;animation:fxtw 2s ease-in-out infinite}.fx-royal .frz{background-image:var(--fx-croyal);animation:fxfloat 3s ease-in-out infinite}
.fx-phoenix .frx{inset:-30%;background-image:var(--fx-fire);animation:fxflick .6s ease-in-out infinite alternate;filter:hue-rotate(-12deg) saturate(1.4)}.fx-phoenix .fry::before,.fx-phoenix .fry::after{background-image:var(--fx-wfire)}.fx-phoenix .fry::before{animation:fxflapL 1.6s ease-in-out infinite}.fx-phoenix .fry::after{animation:fxflapR 1.6s ease-in-out infinite}.fx-phoenix .frz{background-image:var(--fx-cgold);filter:hue-rotate(-25deg)}
.fx-diamond .frx{inset:-22%;background-image:var(--fx-diamond);animation:fxspin 18s linear infinite}.fx-diamond .fry{inset:-7%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#ffffffcc 80%,transparent 90%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));animation:fxspin 2.2s linear infinite;z-index:2}
.fx-p1 .frx,.fx-p2 .frx,.fx-p3 .frx{inset:-26%;background-image:var(--fx-lgold)}.fx-p2 .frx{background-image:var(--fx-lsilver)}.fx-p3 .frx{background-image:var(--fx-lbronze)}
.fx-p1 .fry,.fx-p2 .fry,.fx-p3 .fry{inset:-7%;border-radius:50%;border:3px solid #ffc107;box-shadow:0 0 14px #ffc107}.fx-p2 .fry{border-color:#cfd8dc;box-shadow:0 0 12px #cfd8dc}.fx-p3 .fry{border-color:#d7894a;box-shadow:0 0 12px #d7894a}
.fx-p1 .frz{background-image:var(--fx-cgold);animation:fxfloat 3s ease-in-out infinite}.fx-p2 .frz{background-image:var(--fx-croyal)}.fx-p3 .frz{background-image:var(--fx-cgold);filter:sepia(.6) hue-rotate(-20deg) saturate(.8)}
@media (prefers-reduced-motion:reduce){.av.fx i,.av.fx i::before,.av.fx i::after{animation:none!important}}
.shtier{font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:1px 7px;border-radius:999px}.t-common{background:#9e9e9e33;color:#9e9e9e}.t-rare{background:#4d96ff33;color:#4d96ff}.t-epic{background:#9b5de533;color:#b57bff}.t-legendary{background:linear-gradient(90deg,#ffd166,#ff9f43);color:#4a2f00}
.shit .shpv{height:86px;display:grid;place-items:center}
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;padding:64px 12px 12px}.pod{display:flex;flex-direction:column;align-items:center;gap:6px;padding:46px 6px 12px;border-radius:20px 20px 14px 14px;text-align:center;color:#fff;position:relative}
.pod.p1{background:linear-gradient(180deg,#1fa37a,#0d6e52);padding-top:58px}.pod.p2{background:linear-gradient(180deg,#3d7fd9,#2453a8)}.pod.p3{background:linear-gradient(180deg,#c98a5a,#8a5631)}
.pod .pav{position:absolute;top:-30px}.pod b{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod small{font-size:12px;opacity:.9;font-weight:700}.pod .pnum{position:absolute;top:6px;left:8px;font-weight:900;font-size:13px;opacity:.85}
.shit .shpv{padding:0 14px}

/* creator collection (Azam) */
.av.fx.cz .fry{inset:-50%;background-position:center;background-size:contain;background-repeat:no-repeat}.av.fx.cz .frx{inset:-50%}.av.fx.cz .frz{display:none}
.cz-gold1 .fry{background-image:url(/fx/az-gold1-b.svg)}.cz-gold1 .frx{background-image:url(/fx/az-gold1-f.svg)}
.cz-silver2 .fry{background-image:url(/fx/az-silver2-b.svg)}.cz-silver2 .frx{background-image:url(/fx/az-silver2-f.svg)}
.cz-ice3 .fry{background-image:url(/fx/az-ice3-b.svg)}.cz-ice3 .frx{background-image:url(/fx/az-ice3-f.svg)}
.cz-gold1 .fry,.cz-silver2 .fry,.cz-ice3 .fry{animation:czwing 2.4s ease-in-out infinite}@keyframes czwing{0%,100%{transform:scale(1)}50%{transform:scale(1.05,1.02) translateY(-1%)}}
.cz-gold1 .frx,.cz-silver2 .frx{filter:drop-shadow(0 0 4px #ffd34d88)}.cz-ice3 .frx{filter:drop-shadow(0 0 5px #4fc3f7aa)}
.av.fx.cz.sm .frx{inset:-30%}
/* Azam creator frames v2: his artwork cropped from his design sheet (transparent centre) + light CSS animation (opacity/transform only) */
.cz-blueflame .fry,.cz-blueflame .frx{background-image:url(/fx/azc-blueflame.webp)}.cz-firering .fry,.cz-firering .frx{background-image:url(/fx/azc-firering.webp)}.cz-moon .fry,.cz-moon .frx{background-image:url(/fx/azc-moon.webp)}.cz-sunfire .fry,.cz-sunfire .frx{background-image:url(/fx/azc-sunfire.webp)}.cz-dualflame .fry,.cz-dualflame .frx{background-image:url(/fx/azc-dualflame.webp)}.cz-redfire .fry,.cz-redfire .frx{background-image:url(/fx/azc-redfire.webp)}
.av.fx.cz.cz-blueflame .fry,.av.fx.cz.cz-firering .fry,.av.fx.cz.cz-moon .fry,.av.fx.cz.cz-sunfire .fry,.av.fx.cz.cz-dualflame .fry,.av.fx.cz.cz-redfire .fry{inset:-40%}.av.fx.cz.cz-blueflame .frx,.av.fx.cz.cz-firering .frx,.av.fx.cz.cz-moon .frx,.av.fx.cz.cz-sunfire .frx,.av.fx.cz.cz-dualflame .frx,.av.fx.cz.cz-redfire .frx{inset:-40%;mix-blend-mode:screen;opacity:0}.av.fx.cz.cz-blueflame .frz,.av.fx.cz.cz-firering .frz,.av.fx.cz.cz-moon .frz,.av.fx.cz.cz-sunfire .frz,.av.fx.cz.cz-dualflame .frz,.av.fx.cz.cz-redfire .frz{display:block;inset:-34%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23fff'%3E%3Cpath d='M18 22l1.6 4.4L24 28l-4.4 1.6L18 34l-1.6-4.4L12 28l4.4-1.6z'/%3E%3Cpath d='M84 30l1.2 3.3 3.3 1.2-3.3 1.2L84 39l-1.2-3.3-3.3-1.2 3.3-1.2z'/%3E%3Cpath d='M78 80l1.6 4.4L84 86l-4.4 1.6L78 92l-1.6-4.4L72 86l4.4-1.6z'/%3E%3Cpath d='M14 74l1 2.8 2.8 1-2.8 1L14 81.6l-1-2.8-2.8-1 2.8-1z'/%3E%3Cpath d='M50 3l1 2.8 2.8 1-2.8 1L50 10.6l-1-2.8-2.8-1 2.8-1z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;border:0;animation:czspark 2.8s ease-in-out infinite}
.cz-firering .frx,.cz-redfire .frx,.cz-sunfire .frx,.cz-dualflame .frx{animation:czflick 1.3s linear infinite;transform-origin:50% 55%}@keyframes czflick{0%{opacity:.1;transform:scale(1)}18%{opacity:.55;transform:scale(1.03,1.045)}33%{opacity:.2;transform:scale(1.01)}52%{opacity:.6;transform:scale(1.035,1.05)}70%{opacity:.25;transform:scale(1.01)}86%{opacity:.5;transform:scale(1.025,1.04)}100%{opacity:.1;transform:scale(1)}}
.cz-blueflame .frx,.cz-moon .frx{animation:czglow 2.4s ease-in-out infinite}@keyframes czglow{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}
.cz-dualflame .frz,.cz-moon .frz{animation-duration:3.6s}.cz-firering .frz,.cz-redfire .frz{opacity:.7}@keyframes czspark{0%,100%{opacity:.15;transform:rotate(0) scale(.94)}50%{opacity:1;transform:rotate(14deg) scale(1.04)}}
.av.fx.cz.sm.cz-blueflame .frx,.av.fx.cz.sm.cz-blueflame .frz,.av.fx.cz.sm.cz-firering .frx,.av.fx.cz.sm.cz-firering .frz,.av.fx.cz.sm.cz-moon .frx,.av.fx.cz.sm.cz-moon .frz,.av.fx.cz.sm.cz-sunfire .frx,.av.fx.cz.sm.cz-sunfire .frz,.av.fx.cz.sm.cz-dualflame .frx,.av.fx.cz.sm.cz-dualflame .frz,.av.fx.cz.sm.cz-redfire .frx,.av.fx.cz.sm.cz-redfire .frz{display:none}.av.fx.cz.sm.cz-blueflame .fry,.av.fx.cz.sm.cz-firering .fry,.av.fx.cz.sm.cz-moon .fry,.av.fx.cz.sm.cz-sunfire .fry,.av.fx.cz.sm.cz-dualflame .fry,.av.fx.cz.sm.cz-redfire .fry{inset:-34%}
.shsec{grid-column:1/-1;font-weight:800;font-size:14px;margin:8px 2px 0;display:flex;align-items:center;gap:6px}.shsec small{font-weight:600;color:var(--mut);font-size:11px}
.av.ring.fx{background:none;padding:0}

.updi img{display:block;margin:0 auto}
.shit .shlogo{width:66px;height:66px;border-radius:16px;display:block;margin:10px auto 4px;box-shadow:0 6px 18px #0006}.shit .shfn{display:grid;place-items:center;height:86px;font-size:22px;padding:0 6px;text-align:center;line-height:1.1;overflow:hidden}
.nm .nmf.ff2,.nm .nmf.ff4,.nm .nmf.ff6,.nm .nmf.ff10{font-size:1.25em}.nm .nmf.ff3{font-size:1.3em;letter-spacing:.5px}
/* speed: skip rendering/animating posts that are off screen; cheap glass on low-end phones */
.post{content-visibility:auto;contain-intrinsic-size:auto 620px}
.lowend *,.lowend *::before,.lowend *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.lowend{--glass:rgba(30,30,32,.94);--glass-strong:rgba(36,36,38,.97)}html.lowend[data-theme=light]{--glass:rgba(255,255,255,.95);--glass-strong:rgba(250,250,252,.97)}
/* games polish: press feedback, turn pulse, token moves, win/lose effects (transform/opacity only) */
.gcard .gbtn,.gcard button[data-ga]{transition:transform .12s ease,filter .12s ease;-webkit-tap-highlight-color:transparent}
.gcard .gbtn:active,.gcard button[data-ga]:active{transform:scale(.94);filter:brightness(1.15)}
.gturn{display:inline-block;font-weight:800;color:#ffd166;animation:gturnP 1.2s ease-in-out infinite}@keyframes gturnP{50%{transform:scale(1.07);text-shadow:0 0 12px #ffd16699}}
.ltk{transition:transform .2s ease}.ltk.can{animation:ltkCan .9s ease-in-out infinite}@keyframes ltkCan{50%{transform:translateY(-3px) scale(1.12);box-shadow:0 0 0 3px #fff8,0 4px 10px #0008}}
.ltk.mv,.snc i.mv{animation:tokMv .55s cubic-bezier(.3,1.6,.5,1)}@keyframes tokMv{0%{transform:translateY(-14px) scale(1.5);filter:brightness(1.5)}60%{transform:translateY(2px) scale(.95)}100%{transform:none}}
.gconf{position:fixed;inset:0;pointer-events:none;z-index:400;overflow:hidden}
.gconf i{position:absolute;top:-20px;border-radius:2px;animation:gconfF linear forwards;transform:rotate(var(--r))}
@keyframes gconfF{to{transform:translate(var(--dx),105vh) rotate(calc(var(--r) + 540deg))}}
.gconf .gwin{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:30px;font-weight:900;color:#ffd166;text-shadow:0 0 24px #ffb70399,0 3px 0 #7a4a00;animation:gwinP 2.6s ease forwards;white-space:nowrap}
@keyframes gwinP{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1)}}
.glose{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:400;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;animation:gloseA 2.1s ease forwards}
.glose b{font-size:64px;animation:gloseS .5s ease 2}.glose span{font-weight:800;color:#fff;background:#000a;padding:6px 14px;border-radius:999px}
@keyframes gloseA{0%{opacity:0;transform:translate(-50%,-30%)}15%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-70%)}}@keyframes gloseS{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}
@media (prefers-reduced-motion:reduce){.gconf,.ltk.can,.gturn{animation:none!important}}
.maintov{position:fixed;inset:0;z-index:500;background:#000e;display:grid;place-items:center;padding:24px;text-align:center}.maintov>div{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:320px}.maintov img{width:84px;height:84px;border-radius:20px}.maintov b{font-size:20px}.maintov p{color:#ccc;margin:0 0 6px}
.annb{display:flex;align-items:center;gap:10px;margin:8px 10px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#ffd16622,#ff9f4322);border:1px solid #ffd16655;font-size:14px}.annb div{flex:1;white-space:pre-wrap}.annb button{font-size:16px;opacity:.7;padding:4px}
/* admin v2 */
.adm2{padding:0 10px 100px}.adtabs{display:flex;gap:6px;overflow-x:auto;padding:8px 0 10px;scrollbar-width:none;position:sticky;top:0;z-index:5;background:var(--bg)}.adtabs::-webkit-scrollbar{display:none}
.adtabs button{flex:none;padding:8px 13px;border-radius:999px;background:var(--bg3);font-weight:600;font-size:13px;white-space:nowrap}.adtabs button.on{background:var(--fg);color:var(--bg)}
.adgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.adt{background:var(--bg2);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px}.adt span{font-size:20px}.adt b{font-size:22px}.adt small{color:var(--mut);font-size:12px}
.adt.g b{color:#30d158}.adt.y b{color:#ffd60a}.adt.r{background:#ff453a22}.adt.r b{color:#ff453a}
.adq{width:100%;margin:4px 0 8px;padding:10px 12px;border-radius:12px;background:var(--bg2);border:0;color:var(--fg);font-size:15px}
.adr{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line)}.adrt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.adrt b{font-size:14px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.adrt small{color:var(--mut);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.adth{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;display:grid;place-items:center;background:var(--bg3)}.adic{width:44px;height:44px;border-radius:12px;background:var(--bg3);display:grid;place-items:center;font-size:20px;flex:none}
.adm3{font-size:20px;width:36px;height:36px;flex:none}.chip{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--bg3);color:var(--mut)}.chip.red{background:#ff453a33;color:#ff6b61}
.adcard{background:var(--bg2);border-radius:16px;padding:12px;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}.adcard h4{margin:4px 0 0;font-size:15px}
.adcard input:not([type=checkbox]),.adcard textarea,.adform input,.adform select{width:100%;padding:10px 12px;border-radius:10px;background:var(--bg3);border:0;color:var(--fg);font-size:15px}
.adinl{display:flex;gap:6px}.adinl input,.adinl label{flex:1;min-width:0}.adinl label{display:flex;flex-direction:column;align-items:center;font-size:18px;gap:2px}
.adpr{width:78px!important;padding:8px!important;border-radius:10px;background:var(--bg3);border:0;color:var(--fg);text-align:right;font-weight:700}
.adtg{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.adtask label{display:flex;align-items:center;gap:3px;font-size:12px}.adtask input{width:60px!important;padding:7px!important}
.adform{display:flex;flex-direction:column;gap:8px;padding:6px 14px 16px}.repctx{background:var(--bg3);border-radius:10px;padding:8px;font-size:13px;margin-top:4px}.repctx .hot{color:#ff6b61}
.btn.danger{background:#ff453a;color:#fff}
.adtg span{flex:1}.adtg>i{display:none}
.shbtns{display:flex;gap:4px;width:100%}.shbtns .btn{flex:1;padding-left:4px;padding-right:4px}.shleft{font-size:11px;color:var(--mut)}.shleft.warn{color:#ff9f0a;font-weight:700}.shdur{font-size:11px;color:var(--mut)}
.adpl{display:flex;align-items:center;gap:2px;font-size:12px}.addy{width:52px!important}
/* admin redesign: dark premium, gold accent, roomy */
.adm2{--ag:#d9b45a;--ac:#16161a;--ac2:#202026;color:#f2f2f2;background:#0b0b0d;min-height:calc(100vh - 56px);margin:0 -0px;padding:14px 14px 110px}
.adm2 .mut,.adm2 small{color:#9a9aa2}
.adhero{display:flex;align-items:center;gap:12px;padding:6px 4px 18px}.adhero img{width:52px;height:52px;border-radius:14px;box-shadow:0 0 0 2px var(--ag),0 6px 20px #d9b45a33}.adhero b{display:block;font-size:20px;letter-spacing:.2px}.adhero small{font-size:13px}
.adtiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adtile{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 14px 14px;border-radius:20px;background:var(--ac);border:1px solid #ffffff10;color:#fff;text-decoration:none;min-height:118px;transition:transform .12s}.adtile:active{transform:scale(.97)}
.adti{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:21px;background:radial-gradient(circle at 30% 25%,#d9b45a40,#d9b45a14);border:1px solid #d9b45a55}
.adtile b{font-size:16px;margin-top:4px}.adtile small{font-size:12px;line-height:1.3}
.adbd{position:absolute;top:12px;right:12px;font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#ff453a;color:#fff}.adbd.soft{background:#d9b45a22;color:var(--ag)}
.adm2 .adcard{background:var(--ac);border:1px solid #ffffff10;border-radius:20px;padding:16px;margin:0 0 14px;gap:10px}.adm2 .adcard h4{font-size:15px;color:var(--ag);font-weight:700;letter-spacing:.3px}
.adm2 .adcard input:not([type=checkbox]),.adm2 .adcard textarea,.adm2 .adq,.adm2 .adpr,.adm2 .adform input{background:var(--ac2);color:#fff}
.adm2 .adq{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:var(--ac)!important;border:1px solid #ffffff12}
.adm2 .adr{padding:12px 4px;border-bottom:1px solid #ffffff0d}.adm2 .adic,.adm2 .adth{background:var(--ac2)}
.adm2 .adgrid{gap:12px}.adm2 .adt{background:var(--ac);border:1px solid #ffffff10;border-radius:18px;padding:14px}.adm2 .adt b{font-size:24px}
.adm2 .rvcats{margin-bottom:12px}.adm2 .rvcats button{background:var(--ac);color:#ddd}.adm2 .rvcats button.on{background:var(--ag);color:#111}
.adm2 .btn.pri{background:linear-gradient(135deg,#e8c56a,#c79a3a);color:#111;border:0}.adm2 .btn{background:var(--ac2);color:#fff}.adm2 .btn.danger{background:#ff453a;color:#fff}
.admore summary{cursor:pointer;color:#bdbdc4;font-weight:600;list-style:none}.admore summary::before{content:"⋯  "}.admore[open] summary{color:var(--ag);margin-bottom:6px}
.adm2 .chip{background:#ffffff14;color:#cfcfd4}.adm2 .adm3{color:#cfcfd4}
.adm2 .empty{color:#9a9aa2}
.reel .rprog{position:absolute;left:0;right:0;bottom:calc(var(--nav,56px) + env(safe-area-inset-bottom) + 0px);height:2px;background:#ffffff26;z-index:3;pointer-events:none}.reel .rprog i{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0);transition:transform .25s linear}
.reel .rsndchip{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:#000a;color:#fff;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s}.reel.needsnd .rsndchip{opacity:1;animation:sndchip 2.4s ease forwards}@keyframes sndchip{0%,70%{opacity:1}100%{opacity:0}}
.reel .rplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:#0008;color:#fff;font-size:30px;display:grid;place-items:center;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s}.reel.tapplay .rplay{opacity:1}
.mpsheet{max-height:86vh;display:flex;flex-direction:column;gap:8px;padding:6px 14px 16px}.mphd{display:flex;justify-content:space-between;align-items:center}.mphd b{font-size:18px}
.mpq{width:100%;padding:11px 14px;border-radius:12px;background:var(--bg3);border:0;color:var(--fg);font-size:15px}.mptabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.mptabs button{flex:none;padding:7px 12px;border-radius:999px;background:var(--bg3);font-weight:600;font-size:13px}.mptabs button.on{background:var(--fg);color:var(--bg)}
.mpl{flex:1;overflow-y:auto;min-height:240px}.mprow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line)}.mprow.on{background:#ffffff0d;border-radius:10px}.mprow img,.mpart{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none;background:var(--bg3);display:grid;place-items:center;font-size:20px}
.mpt{flex:1;min-width:0;display:flex;flex-direction:column}.mpt b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpt small{color:var(--mut);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpp{width:36px;height:36px;border-radius:50%;background:var(--bg3);flex:none;font-size:14px}.mpuse{flex:none}.mpsearch{background:linear-gradient(135deg,#ff2d75,#ff9f43)!important;color:#fff!important}.msk img{width:22px;height:22px;border-radius:5px;vertical-align:middle;margin-right:4px}
.sgrow{display:flex;gap:8px;align-items:center}.sgrow select{flex:1}
.sheet.mpsheet{width:100%;max-width:520px;background:var(--bg2);border-radius:20px 20px 0 0}.sheet.mpsheet button{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:0;border:0;font-size:14px}
.sheet.mpsheet .mptabs button{padding:7px 12px}.sheet.mpsheet .mpp{width:36px;height:36px}.sheet.mpsheet .mpuse{padding:7px 14px;border-radius:999px}.sheet.mpsheet .mpnone{display:flex;width:100%;padding:12px;border-radius:12px;background:var(--bg3)}.sheet.mpsheet .mphd .ib{width:34px;height:34px;font-size:16px}
.mprow.on .mpuse{background:#30d158}
.mptabs,.mpq,.mphd,.mpnone{flex:none}
/* ===== shop v3: name colours, VIP, entry effects, mic wave, room themes, animated profile backgrounds ===== */
@keyframes ncsh{to{background-position:200% center}}
.nc-gold,.nc-rainbow,.nc-fire,.nc-ice,.nc-galaxy{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-size:200% auto;animation:ncsh 3s linear infinite;font-weight:800}
.nc-gold{background-image:linear-gradient(90deg,#b8860b,#ffe680,#d4a017,#fff6c2,#b8860b)}
.nc-rainbow{background-image:linear-gradient(90deg,#ff3b30,#ff9500,#ffcc00,#34c759,#0a84ff,#bf5af2,#ff3b30)}
.nc-fire{background-image:linear-gradient(90deg,#ff1744,#ff9100,#ffea00,#ff9100,#ff1744)}
.nc-ice{background-image:linear-gradient(90deg,#48cae4,#e0fbff,#90e0ef,#ffffff,#48cae4)}
.nc-galaxy{background-image:linear-gradient(90deg,#7b2ff7,#f107a3,#00d4ff,#7b2ff7)}
.nc-neon{color:#39ff14!important;font-weight:800;text-shadow:0 0 6px #39ff1499;animation:ncneon 1.6s ease-in-out infinite}@keyframes ncneon{50%{text-shadow:0 0 12px #39ff14,0 0 2px #fff}}
.vipb{vertical-align:-3px;margin-left:3px;flex:none}.vipb .vsh{animation:vsh 2.6s ease-in-out infinite}@keyframes vsh{0%,55%{transform:translateX(0) skewX(-20deg)}100%{transform:translateX(64px) skewX(-20deg)}}
.vipb.v5{filter:drop-shadow(0 0 3px #ff4fd8aa)}
/* entry effects */
.ventry2{position:absolute;left:0;right:0;top:34%;height:140px;pointer-events:none;z-index:30;overflow:hidden}
.ventry2 .veh{position:absolute;left:50%;top:0;width:230px;height:110px;margin-left:-115px;animation:vdrive 3.4s cubic-bezier(.25,.8,.35,1) forwards}
.ventry2 .veh svg{width:100%;height:100%;overflow:visible}
@keyframes vdrive{0%{transform:translateX(-110vw)}30%{transform:translateX(0)}70%{transform:translateX(0)}100%{transform:translateX(115vw)}}
.ventry2.en-lion .veh,.ventry2.en-sparkle .veh,.ventry2.en-fireworks .veh,.ventry2.en-hearts .veh{animation:vpop 3.4s ease forwards}@keyframes vpop{0%{transform:scale(.2);opacity:0}15%{transform:scale(1.1);opacity:1}25%{transform:scale(1)}80%{opacity:1}100%{transform:scale(1.15);opacity:0}}
.ventry2.en-dragon .veh{animation:vfly 3.4s ease-in-out forwards}@keyframes vfly{0%{transform:translate(-110vw,30px)}30%{transform:translate(0,-6px)}50%{transform:translate(0,6px)}70%{transform:translate(0,-4px)}100%{transform:translate(115vw,-60px)}}
.ventry2 .vban{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;padding:6px 18px;border-radius:999px;background:linear-gradient(90deg,#7a4a00,#e8c56a,#7a4a00);color:#1a1000;overflow:hidden;white-space:nowrap;animation:vban 3.4s ease forwards;box-shadow:0 4px 18px #d9b45a66}
.ventry2 .vban b{font-size:15px}.ventry2 .vban small{font-size:11px;font-weight:700;opacity:.8}
.ventry2 .vban::after{content:"";position:absolute;top:0;bottom:0;width:30px;left:-40px;background:#fff9;transform:skewX(-20deg);animation:vbsh 1.4s ease .6s 2}
@keyframes vban{0%,20%{opacity:0;transform:translate(-50%,20px)}30%{opacity:1;transform:translate(-50%,0)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,0)}}@keyframes vbsh{to{left:110%}}
g.whl{animation:whl .35s linear infinite;transform-box:fill-box}/* [WHEEL-STOP] only the little SVG car wheels spin; the chat Spin the Wheel card also uses .whl */@keyframes whl{to{transform:rotate(360deg)}}
.spd rect{animation:spd .4s linear infinite}@keyframes spd{0%{opacity:0;transform:translateX(20px)}50%{opacity:1}100%{opacity:0;transform:translateX(-30px)}}
.lbob{animation:lbob .5s ease-in-out infinite alternate}@keyframes lbob{to{transform:translateY(-4px)}}.mane{transform-origin:110px 58px;animation:mane 1s ease-in-out infinite}@keyframes mane{50%{transform:scale(1.06) rotate(4deg)}}
.roar{animation:roar .6s ease-in-out infinite alternate;transform-origin:190px 34px}@keyframes roar{to{transform:scale(1.18)}}
.wing{animation:wing .35s ease-in-out infinite alternate}@keyframes wing{to{transform:scaleY(-.6)}}
.fire{animation:fire .18s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:left center}@keyframes fire{to{transform:scaleX(1.25) scaleY(.85);opacity:.8}}
.tw{animation:tw 1s ease-in-out infinite;transform-box:fill-box}@keyframes tw{50%{transform:scale(.4) rotate(45deg);opacity:.5}}
.fw{animation:fw 1.1s ease-out infinite;transform-box:fill-box}@keyframes fw{0%{transform:scale(.1);opacity:1}80%{opacity:1}100%{transform:scale(1.2);opacity:0}}
.hb{animation:hb .8s ease-in-out infinite;transform-box:fill-box}@keyframes hb{50%{transform:translateY(-10px) scale(1.15)}}
.ventry2.lite .spd,.ventry2.lite .vban::after{display:none}
/* mic wave around a speaking seat (driven by --lv from the mic level) */
.vseat.hasmw .sav{position:relative}.mwave{position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--mwc,#ffd166);opacity:0;pointer-events:none;transform:scale(calc(1 + var(--lv,0) * .35));transition:transform .12s,opacity .15s}
.vseat.hasmw.talk .mwave{opacity:calc(.35 + var(--lv,0) * .65);animation:mwp 1.1s ease-out infinite}.vseat.hasmw.talk .mwave.w2{animation-delay:.55s}
@keyframes mwp{0%{transform:scale(1);opacity:.9}100%{transform:scale(calc(1.3 + var(--lv,0) * .4));opacity:0}}
.mw-gold{--mwc:#ffd166}.mw-neon{--mwc:#39ff14}.mw-fire{--mwc:#ff5722}.mw-ice{--mwc:#7fe7ff}.mw-rainbow .mwave{border-color:#ff3b30;animation-name:mwp,mwhue!important}@keyframes mwhue{to{filter:hue-rotate(360deg)}}
/* room themes (host's) */
.vr.rt-galaxy{background:radial-gradient(ellipse at 30% 20%,#5b2a86,transparent 60%),radial-gradient(ellipse at 80% 70%,#0f4c81,transparent 55%),#070414!important}
.vr.rt-sunset{background:linear-gradient(180deg,#ff7e5f,#feb47b 45%,#6a3093)!important}
.vr.rt-ocean{background:linear-gradient(180deg,#0f2027,#2c5364 50%,#00b4db)!important}
.vr.rt-neon{background:linear-gradient(160deg,#0d0221,#261447 50%,#ff3864 120%)!important}
.vr.rt-royal{background:radial-gradient(ellipse at 50% 0%,#5a3d00,#1a1200 70%)!important}
.vr.rt-forest{background:linear-gradient(180deg,#134e5e,#71b280)!important}
.vr[class*=" rt-"]{background-size:200% 200%!important;animation:rtmove 14s ease-in-out infinite alternate}@keyframes rtmove{to{background-position:100% 100%}}
/* animated profile backgrounds */
.th-aurora{background:linear-gradient(120deg,#00c9a7,#845ec2,#2c73d2,#00c9a7);background-size:300% 300%;animation:pbg 10s ease infinite}
.th-stars{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 60%,#fff,transparent),radial-gradient(2px 2px at 40% 80%,#fffa,transparent),radial-gradient(1px 1px at 85% 20%,#fff,transparent),linear-gradient(180deg,#0b1026,#2b1055);background-size:200px 200px,240px 240px,180px 180px,160px 160px,100% 100%;animation:pstars 18s linear infinite}
.th-bubbles{background:radial-gradient(circle at 20% 80%,#ff9ec7 0 14px,transparent 15px),radial-gradient(circle at 70% 90%,#ffc2e2 0 9px,transparent 10px),radial-gradient(circle at 45% 60%,#ff7eb3 0 6px,transparent 7px),linear-gradient(160deg,#ff5f9e,#ff99c8);background-size:160px 220px,120px 200px,90px 150px,100% 100%;animation:pbub 9s linear infinite}
.th-fireglow{background:linear-gradient(0deg,#ff1744,#ff9100,#ffd54f,#ff9100,#ff1744);background-size:100% 300%;animation:pfire 6s ease-in-out infinite alternate}
@keyframes pbg{50%{background-position:100% 50%}}@keyframes pstars{to{background-position:200px 400px,-240px 480px,180px 360px,-160px 320px,0 0}}@keyframes pbub{to{background-position:0 -220px,0 -200px,0 -150px,0 0}}@keyframes pfire{to{background-position:0 100%}}
html.lowend .th-aurora,html.lowend .th-stars,html.lowend .th-bubbles,html.lowend .th-fireglow,html.lowend .vr[class*=" rt-"],html.lowend .nc-gold,html.lowend .nc-rainbow,html.lowend .nc-fire,html.lowend .nc-ice,html.lowend .nc-galaxy{animation-duration:0s!important;animation:none!important}
/* shop previews */
.shent{display:block;width:100%;height:64px}.shent svg{width:100%;height:100%}.shnc{display:block;font-size:20px;padding:14px 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shvip{display:block;padding:14px 0}.shmw{display:grid;place-items:center;padding:8px 0;background:none;border:0}
.shrt{display:block;width:100%;height:64px;border-radius:12px}.shstk{display:flex;gap:2px;justify-content:center}.shstk img{width:40px;height:40px}
.stkph{font-size:12px;font-weight:700;color:var(--mut);margin:10px 4px 4px}
.exh circle{animation:exh .6s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes exh{0%{transform:translateX(0) scale(.4);opacity:.8}100%{transform:translateX(-34px) scale(1.4);opacity:0}}
.shbtns .btn{white-space:nowrap;font-size:12px}
/* owned item: "Using" + renew no longer spill out of the 3-column card at 360-390px (they wrap to two rows when they do not fit) */ .shbtns{flex-wrap:wrap}.shbtns .btn{flex:1 1 auto;min-width:0}
/* Draw & Guess pad: the in-game chat/voice dock no longer floats over the drawing canvas */ body:has(.dwpad) .gsd{visibility:hidden}
/* create (camera) */
body.crmode .tabbar,body.crmode .bnav,body.crmode nav{display:none!important}
.cr{position:fixed;inset:0;background:#000;color:#fff;z-index:60;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top) 0 calc(env(safe-area-inset-bottom) + 6px)}
.crtop{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;z-index:3}.crtop .crx,.crtop .crback{font-size:22px;color:#fff}.crtop .crfx{margin-left:auto;font-size:18px}.crfl{font-size:18px;opacity:.7}.crfl.on{opacity:1;color:#ffd166}
.crrec{background:#ff3b30;color:#fff;font-weight:800;font-size:13px;padding:3px 10px;border-radius:999px;margin:0 auto}
.crstage{position:relative;width:100%;max-width:520px;flex:1 1 auto;min-height:0;max-height:calc(100vh - 230px);border-radius:18px;overflow:hidden;background:#111;display:grid;place-items:center}
.crstage canvas,.crstage video{width:100%;height:100%;object-fit:cover;display:block}
.crmsg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:#000c;line-height:1.5}.crbar{position:absolute;left:0;right:0;top:0;height:3px;background:#ffffff22}.crbar i{display:block;height:100%;background:#ff3b30;transform-origin:left;transform:scaleX(0)}
.crfilters{display:flex;gap:6px;overflow-x:auto;width:100%;padding:8px 10px 2px;scrollbar-width:none;flex:none}.crfilters::-webkit-scrollbar{display:none}
.crfilters button{flex:none;padding:7px 12px;border-radius:999px;background:#ffffff1a;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.crfilters button.on{background:#fff;color:#000}
.crsmooth,.cemstart{display:flex;align-items:center;gap:10px;width:100%;max-width:520px;padding:6px 16px;font-size:12px;font-weight:600;flex:none}.crsmooth input,.cemstart input{flex:1}
.crbot{display:flex;align-items:center;justify-content:space-around;width:100%;max-width:420px;padding:10px 0 2px;flex:none}
.crgal{width:46px;height:46px;border-radius:12px;border:2px solid #fff;display:grid;place-items:center;cursor:pointer}
.crshot{width:78px;height:78px;border-radius:50%;border:5px solid #fff;background:transparent;display:grid;place-items:center;touch-action:none;transition:transform .15s}.crshot i{width:62px;height:62px;border-radius:50%;background:#fff;transition:all .2s}
.crshot:active{transform:scale(.92)}.crshot.rec{transform:scale(1.15);border-color:#ff3b30}.crshot.rec i{background:#ff3b30;border-radius:14px;width:30px;height:30px}.crshot.flash i{background:#ffd166}
.crflip{width:46px;height:46px}.crmodes{display:flex;gap:22px;padding:6px 0 0;flex:none}.crmodes button{color:#ffffff99;font-weight:800;font-size:13px;letter-spacing:1px}.crmodes button.on{color:#fff}
.crig{font-size:11px;color:#ffffff77;padding:4px;flex:none}.cemu{position:absolute;left:12px;bottom:12px;background:#000a;padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px}
.ced .crtop .crmusic{margin-left:auto}.crsh{padding:12px;display:flex;flex-direction:column;gap:12px}.crshp{border-radius:14px;overflow:hidden;max-height:50vh;display:grid;place-items:center;background:#111}.crshp img,.crshp video{max-width:100%;max-height:50vh}
.crsh textarea{width:100%;padding:12px;border-radius:12px;background:var(--bg2);border:0;color:var(--fg);font-size:15px}.crshm{font-weight:700;font-size:13px}.crprog{height:4px;border-radius:2px;background:var(--bg3);overflow:hidden}.crprog i{display:block;height:100%;background:linear-gradient(90deg,#ff2d75,#ff9f43);transform-origin:left;transform:scaleX(0)}
.pmus{display:block;font-size:12px;color:var(--mut);max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:0}.pmus.on{color:var(--fg)}.pmus.on::after{content:" ▮▮";font-size:9px;animation:ncneon 1s infinite}
.crfilters[hidden],.crsmooth[hidden],.cemstart[hidden],.cemu[hidden]{display:none!important}

/* ===================== v43 · Azam Special Pack (fire set) + full-app themes + cinematic entries ===================== */
:root{--az-fl1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='a' cx='100' cy='100' r='98' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.56' stop-color='%23fff6c2'/%3E%3Cstop offset='.66' stop-color='%23ffc400'/%3E%3Cstop offset='.78' stop-color='%23ff6d00'/%3E%3Cstop offset='.92' stop-color='%23e8112d'/%3E%3Cstop offset='1' stop-color='%238a0010' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url%28%23a%29' d='M158.0 100.0Q178.4 101.6 190.3 129.9Q167.6 131.8 153.4 122.5ZM151.1 127.3Q164.3 135.7 162.0 160.0Q147.3 152.6 140.1 141.9ZM134.9 146.4Q144.4 161.2 131.2 184.5Q119.1 169.9 117.2 155.4ZM112.6 156.6Q114.8 172.9 91.6 187.5Q85.1 169.9 90.1 157.2ZM83.8 155.7Q77.0 175.3 50.4 181.9Q58.0 162.1 68.9 148.9ZM62.5 144.3Q51.9 154.9 28.5 146.6Q38.1 133.3 49.9 129.2ZM46.3 122.0Q31.5 126.9 14.4 111.1Q29.5 105.7 42.3 106.3ZM42.0 99.4Q24.0 97.8 13.8 71.4Q33.8 69.8 46.4 77.9ZM47.6 75.2Q30.5 65.3 32.6 34.8Q53.7 42.1 61.9 56.2ZM66.5 52.6Q59.0 40.2 70.8 20.8Q79.2 33.3 81.1 45.1ZM88.3 43.2Q85.5 22.1 109.2 3.8Q114.2 26.0 108.9 42.7ZM114.8 43.9Q119.6 30.5 143.4 28.3Q140.7 43.5 132.3 51.8ZM137.5 55.8Q151.3 41.6 178.7 48.7Q165.3 64.8 150.1 70.8ZM153.3 77.2Q173.3 70.0 195.8 87.6Q175.2 95.3 157.7 94.6Z'/%3E%3C/svg%3E");--az-fl2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='b' cx='100' cy='100' r='98' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.56' stop-color='%23fff6c2'/%3E%3Cstop offset='.66' stop-color='%23ffc400'/%3E%3Cstop offset='.78' stop-color='%23ff6d00'/%3E%3Cstop offset='.92' stop-color='%23e8112d'/%3E%3Cstop offset='1' stop-color='%238a0010' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url%28%23b%29' d='M156.9 111.2Q166.7 114.5 166.5 138.1Q152.9 140.0 147.7 133.1ZM139.3 142.6Q150.2 156.0 141.2 179.1Q129.7 165.7 125.4 152.1ZM112.7 156.6Q113.8 167.8 92.8 178.0Q86.6 165.8 90.6 157.2ZM78.4 153.8Q72.7 165.0 50.4 163.6Q54.2 150.5 62.4 144.2ZM53.5 134.6Q42.3 141.3 23.1 126.9Q33.3 116.2 44.2 115.7ZM42.0 102.1Q28.9 101.5 20.4 81.0Q34.2 80.0 44.0 84.8ZM49.6 71.3Q37.8 63.2 41.8 39.4Q56.0 46.0 61.9 56.3ZM71.0 49.8Q66.3 38.6 84.6 21.6Q95.8 32.3 94.0 42.3ZM104.6 42.2Q106.6 32.0 128.3 28.7Q130.1 40.8 124.5 47.4ZM136.0 54.5Q145.7 44.1 168.1 51.2Q159.3 63.5 148.4 68.0ZM155.2 82.1Q172.0 77.8 189.4 95.4Q172.2 99.9 158.0 98.3Z'/%3E%3C/svg%3E");--az-crest:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23b3001b'/%3E%3Cstop offset='.5' stop-color='%23ff6d00'/%3E%3Cstop offset='1' stop-color='%23ffe082'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3c2'/%3E%3Cstop offset='.5' stop-color='%23ffb300'/%3E%3Cstop offset='1' stop-color='%23a85a00'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 2c6 10 14 13 12 24 7-4 9-10 8-15 7 9 8 20 1 30H29c-7-10-6-21 1-30-1 5 1 11 8 15-2-11 6-14 12-24z' fill='url%28%23c%29'/%3E%3Cpath d='M22 46l8-16 10 10 10-16 10 16 10-10 8 16-4 14H26z' fill='url%28%23k%29' stroke='%235a2a00' stroke-width='1.6'/%3E%3Ccircle cx='50' cy='50' r='4.5' fill='%23ff1744' stroke='%23fff3c2' stroke-width='1.2'/%3E%3C/svg%3E")}
/* frame: flames licking the ring */
.fx-azam .fry{inset:-13%!important;border-radius:50%;background:conic-gradient(from 0deg,#ff1744,#ff6d00,#ffd54f,#ff6d00,#e8112d,#ff9100,#ffea70,#ff1744);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:fxspin 2.6s linear infinite;filter:drop-shadow(0 0 6px #ff5a00)}
.fx-azam .fry::before,.fx-azam .fry::after{display:none}
.fx-azam .frx{inset:-33%!important;background-image:var(--az-fl1);animation:azlick .5s ease-in-out infinite alternate;transform-origin:50% 50%;mix-blend-mode:screen}
.fx-azam .frx::after{content:"";position:absolute;inset:4%;background:var(--az-fl2) center/contain no-repeat;animation:azlick2 .37s ease-in-out infinite alternate}
.fx-azam .frz{background-image:var(--az-crest);top:-58%!important;width:70%!important;height:52%!important;animation:azcrest 1.6s ease-in-out infinite;filter:drop-shadow(0 0 6px #ff6d00)}
.av.fx.fx-azam{filter:drop-shadow(0 0 8px #ff3d00aa)}
.av.fx.fx-azam.sm .frx{inset:-30%!important}.av.fx.fx-azam.sm .fry{display:block;inset:-10%!important}
@keyframes azlick{0%{transform:scale(.94) rotate(0);opacity:.85}50%{transform:scale(1.03) rotate(3deg);opacity:1}100%{transform:scale(1.07) rotate(-2deg);opacity:.92}}
@keyframes azlick2{0%{transform:scale(1.04) rotate(8deg);opacity:.7}100%{transform:scale(.95) rotate(14deg);opacity:1}}
@keyframes azcrest{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(-6%) scale(1.05)}}
/* name colour: living flame */
.nc-azam{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:900;background-image:linear-gradient(0deg,#ff3d00 0%,#ff7a00 16%,#ffc400 32%,#fff3c2 48%,#ffc400 64%,#ff7a00 82%,#ff3d00 100%);background-size:100% 200%;animation:ncflame 1.4s linear infinite,ncflick .23s steps(2) infinite alternate;filter:drop-shadow(0 0 4px #ff5a00aa)}
@keyframes ncflame{from{background-position:0 0}to{background-position:0 -150%}}
@keyframes ncflick{from{filter:drop-shadow(0 0 3px #ff5a0099)}to{filter:drop-shadow(0 -1px 7px #ff7a00cc)}}
/* chat bubble: burning edge + embers */
.bb-azam,.msgs.mybb-bb-azam .m.me .mb,.msgs.thbb-bb-azam .m.them .mb{color:#fff4e6!important;border:1px solid #ff7a1a!important;background:radial-gradient(1.6px 1.6px at 18% 92%,#ffd54f,transparent),radial-gradient(1.4px 1.4px at 64% 96%,#ff9100,transparent),radial-gradient(1.8px 1.8px at 84% 88%,#ffe082,transparent),radial-gradient(1.2px 1.2px at 40% 99%,#ff6d00,transparent),linear-gradient(165deg,#2b0a03 0%,#571203 55%,#9a2600 100%)!important;background-size:100% 160%,100% 160%,100% 160%,100% 160%,100% 100%!important;box-shadow:0 0 10px #ff4d0080,inset 0 -10px 14px -10px #ffb300,inset 0 0 0 1px #ff3d0033!important;animation:bbburn 1.8s ease-in-out infinite alternate,bbemb 2.4s linear infinite!important}
@keyframes bbburn{0%{box-shadow:0 0 7px #ff4d0070,inset 0 -9px 12px -10px #ff9100,inset 0 0 0 1px #ff3d0033;border-color:#ff5a00}100%{box-shadow:0 0 15px #ff6d00a8,inset 0 -12px 16px -9px #ffc400,inset 0 0 0 1px #ff6d0055;border-color:#ffb300}}
@keyframes bbemb{from{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:0 -100%,0 -100%,0 -100%,0 -100%,0 0}}
/* badge: flaming crest */
.bdsvg{display:inline-block;vertical-align:-4px;overflow:visible}.bdaz .bdfl{transform-origin:50% 100%;animation:bdflick .45s ease-in-out infinite alternate}
.fchip.bdaz{background:linear-gradient(90deg,#3a0a02,#8a1c00,#3a0a02)!important;color:#ffd9a8!important;border:1px solid #ff6d00!important;box-shadow:0 0 10px #ff450066;position:relative;overflow:hidden}
.fchip.bdaz::after{content:"";position:absolute;top:0;bottom:0;width:26px;left:-40px;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:skewX(-20deg);animation:bdshine 2.6s ease-in-out infinite}
@keyframes bdflick{from{transform:scaleY(.94) skewX(-2deg)}to{transform:scaleY(1.06) skewX(2deg)}}@keyframes bdshine{0%,55%{left:-40px}100%{left:110%}}
/* mic wave: fire ring */
.mw-azam{--mwc:#ff6d00}.hasmw.mw-azam .mwave{border-color:#ff6d00;box-shadow:0 0 12px #ff3d00,inset 0 0 8px #ffc400}
.hasmw.mw-azam .sav::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(#ff1744,#ff9100,#ffe082,#ff6d00,#ff1744);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:fxspin 1.4s linear infinite;opacity:.55;filter:drop-shadow(0 0 5px #ff5a00)}
.hasmw.mw-azam.talk .sav::before{opacity:1;animation-duration:.7s}
/* profile background: rising embers */
.th-embers{background-color:#140503!important;background-image:radial-gradient(2px 2px at 10% 80%,#ffb300,transparent),radial-gradient(1.5px 1.5px at 30% 60%,#ff6d00,transparent),radial-gradient(2.5px 2.5px at 55% 90%,#ffd54f,transparent),radial-gradient(1.5px 1.5px at 75% 70%,#ff3d00,transparent),radial-gradient(2px 2px at 90% 95%,#ffe082,transparent),radial-gradient(120% 70% at 50% 110%,#ff3d0066,#5a0e0033 50%,transparent 75%),linear-gradient(180deg,#120403,#2a0802 70%,#4a1002)!important;background-size:100% 200%,100% 200%,100% 200%,100% 200%,100% 200%,100% 100%,100% 100%!important;animation:themb 6s linear infinite}
@keyframes themb{from{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 -200%,0 -200%,0 -200%,0 -200%,0 -200%,0 0,0 0}}
.prof.th-embers{color:#fff4e6}
/* room theme: inferno */
.vr.rt-inferno{background:radial-gradient(2.4px 2.4px at 12% 85%,#ffb300,transparent),radial-gradient(2px 2px at 48% 60%,#ffd54f,transparent),radial-gradient(90% 50% at 50% 100%,#ff6d00aa,transparent 70%),radial-gradient(1.8px 1.8px at 12% 85%,#ffb300,transparent),radial-gradient(1.4px 1.4px at 36% 70%,#ff6d00,transparent),radial-gradient(2px 2px at 63% 92%,#ffe082,transparent),radial-gradient(1.4px 1.4px at 86% 76%,#ff3d00,transparent),radial-gradient(130% 60% at 50% 105%,#ff3d0077,#7a1a0033 55%,transparent 80%),linear-gradient(180deg,#0e0302,#2a0702 55%,#5a1200)!important;background-size:100% 220%,100% 220%,100% 100%,100% 220%,100% 220%,100% 220%,100% 220%,100% 100%,100% 100%!important;animation:rtinf 7s linear infinite}
@keyframes rtinf{to{background-position:0 -220%,0 -220%,0 0,0 -220%,0 -220%,0 -220%,0 -220%,0 0,0 0}}
.shrt.vr.rt-inferno{display:block}
/* theme variants of the fire effects (owner's choice) */
.azv-blue{filter:hue-rotate(195deg) saturate(1.2) brightness(1.08)}.azv-gold{filter:hue-rotate(18deg) saturate(1.15) brightness(1.15)}
.ix-low .frx,.ix-low.nc-azam{animation-duration:1.2s!important}.ix-max.av.fx.fx-azam{filter:drop-shadow(0 0 14px #ff3d00) drop-shadow(0 0 4px #ffc400)}.ix-max .frx{inset:-48%!important}
/* ---------- full-app themes (CSS variable sets; add more with another html.at-* class) ---------- */
html.at-fire{--f1:#ffb300;--f2:#ff5a1f;--f3:#d50032;--fglow:#ff3d00;--bg:#110604;--bg2:#1c0b06;--bg3:#2a120a;--fg:#fff2e8;--mut:#c99c86;--line:#3d1a0e;--acc:var(--f2);--acc2:var(--f3);--grad:linear-gradient(45deg,var(--f1),var(--f2) 50%,var(--f3));color-scheme:dark}
html.at-fire.atv-blue{--f1:#9be7ff;--f2:#2e9bff;--f3:#3d3dff;--fglow:#2979ff;--bg:#040812;--bg2:#08101e;--bg3:#0f1a2e;--fg:#eaf4ff;--mut:#8ea6c4;--line:#14243d}
html.at-fire.atv-gold{--f1:#fff1a8;--f2:#ffc107;--f3:#c77700;--fglow:#ffb300;--bg:#0f0b03;--bg2:#1a1406;--bg3:#271e0a;--fg:#fff8e6;--mut:#c9b27e;--line:#3a2e12}
html.at-fire body,html.at-fire .wrap{background:radial-gradient(120% 50% at 50% 115%,color-mix(in srgb,var(--fglow) 22%,transparent),transparent 70%) fixed,var(--bg)}
html.at-fire .top{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 80%,var(--f3)),color-mix(in srgb,var(--bg) 62%,var(--f2)) 50%,color-mix(in srgb,var(--bg) 80%,var(--f3)));border-bottom:1px solid color-mix(in srgb,var(--f2) 55%,transparent);box-shadow:0 2px 16px color-mix(in srgb,var(--fglow) 30%,transparent)}
html.at-fire .nav{background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 70%,var(--f3)),color-mix(in srgb,var(--bg) 90%,var(--f2)));border-top:1px solid color-mix(in srgb,var(--f2) 55%,transparent);box-shadow:0 -2px 16px color-mix(in srgb,var(--fglow) 28%,transparent)}
html.at-fire .nav a.on svg{stroke:var(--f1);filter:drop-shadow(0 0 5px var(--fglow))}html.at-fire .ib svg,html.at-fire .nav svg{stroke:var(--fg)}
html.at-fire .logo .lt{background:linear-gradient(0deg,var(--f3),var(--f2) 45%,var(--f1));-webkit-background-clip:text;background-clip:text;background-size:100% 200%;animation:ncflame 2s linear infinite}
html.at-fire .btn.pri,html.at-fire .nav .plus{background:var(--grad)!important;color:#fff!important;box-shadow:0 2px 12px color-mix(in srgb,var(--fglow) 45%,transparent);border:0}
html.at-fire .btn:not(.pri):not(.gold){border-color:color-mix(in srgb,var(--f2) 45%,transparent)}
html.at-fire .shit,html.at-fire .gcard,html.at-fire .card,html.at-fire .set-sec,html.at-fire .wcards>*{border-color:color-mix(in srgb,var(--f2) 35%,transparent)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--f1) 18%,transparent)}
html.at-fire .sk,html.at-fire [class*="skel"]{background:linear-gradient(90deg,var(--bg2),color-mix(in srgb,var(--bg2) 70%,var(--f2)),var(--bg2))!important;background-size:200% 100%!important}
html.at-fire .rvcats button.on{background:var(--grad);color:#fff;border-color:transparent}
#atfx{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden;contain:strict}
#atfx i{position:absolute;bottom:-12px;width:var(--s,4px);height:var(--s,4px);border-radius:50%;background:radial-gradient(circle,var(--f1,#ffd54f),var(--f2,#ff6d00) 55%,transparent 72%);box-shadow:0 0 6px var(--fglow,#ff3d00);animation:atrise linear infinite;opacity:0;will-change:transform}
@keyframes atrise{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}100%{transform:translate(var(--dx,20px),-105vh);opacity:0}}
html.at-noemb #atfx,html:not(.at-fire) #atfx{display:none}html.lowend #atfx i:nth-child(n+7){display:none}
html.at-fire .fspin,.fspin{width:34px;height:42px;margin:18px auto;background:var(--az-crest) center/contain no-repeat;display:none}
html.at-fire .loading-dots,html.at-fire .spinner{display:none}
/* ---------- cinematic full-screen entry ---------- */
.entfx{position:fixed;inset:0;z-index:9990;overflow:hidden;cursor:pointer;transition:opacity .35s;contain:strict;-webkit-user-select:none;user-select:none}
.entfx.out{opacity:0}
.entfx .edim{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#0006,#000e 75%);animation:efade .45s ease both}
.entfx .eflash{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#fff,#fff0 70%);opacity:0;animation:eflash .7s ease .4s both}
.entfx .estreaks b{position:absolute;left:-70vw;height:2px;width:70vw;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.9;animation:estreak .55s cubic-bezier(.5,0,.9,.6) both}
.entfx .estreaks b:nth-child(1){top:24%;animation-delay:.35s}.entfx .estreaks b:nth-child(2){top:38%;animation-delay:.5s;height:3px}.entfx .estreaks b:nth-child(3){top:52%;animation-delay:.42s}.entfx .estreaks b:nth-child(4){top:61%;animation-delay:.6s;height:1px}.entfx .estreaks b:nth-child(5){top:31%;animation-delay:.7s}
.entfx .eportal{position:absolute;left:50%;top:40%;width:110vmin;height:110vmin;margin:-55vmin 0 0 -55vmin;border-radius:50%;background:conic-gradient(from 0deg,#7b5cff,#00e5ff,#ff2d75,#ffd166,#7b5cff);-webkit-mask:radial-gradient(farthest-side,transparent 52%,#000 56%,#000 60%,transparent 66%,transparent 74%,#000 76%,transparent 79%);mask:radial-gradient(farthest-side,transparent 52%,#000 56%,#000 60%,transparent 66%,transparent 74%,#000 76%,transparent 79%);animation:eportal 3.6s cubic-bezier(.2,.8,.3,1) .3s both;filter:blur(.6px) drop-shadow(0 0 18px #7b5cff)}
.entfx .estage{position:absolute;left:0;right:0;top:16%;height:40%;display:grid;place-items:center}
.entfx .eveh{width:min(88vw,430px);animation:earrive 1.3s cubic-bezier(.16,.9,.3,1) .55s both}.entfx .eveh svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 10px 24px #000a)}
.entfx.en-sparkle .eveh,.entfx.en-hearts .eveh,.entfx.en-fireworks .eveh,.entfx.en-lion .eveh,.entfx.en-rocket .eveh{animation-name:epop}
.entfx.en-dragon .eveh{animation-name:efly;animation-duration:1.6s}.entfx.en-phoenix .eveh{animation:erise 1.9s cubic-bezier(.2,.85,.25,1) 1.1s both}
.entfx .eparts{position:absolute;inset:0}
.entfx .ep{position:absolute;bottom:-14px;width:calc(var(--s) * 7px);height:calc(var(--s) * 7px);border-radius:50%;opacity:0;animation:epart ease-out both}
.entfx .ep.sp{background:radial-gradient(circle,#fff,#ffe9a6 40%,transparent 70%)}.entfx .ep.pt{background:radial-gradient(circle,#c9b8ff,#7b5cff 50%,transparent 72%)}.entfx .ep.em{background:radial-gradient(circle,#fff3b0,#ff9100 45%,#ff1744 65%,transparent 75%);box-shadow:0 0 10px #ff5a00}
.entfx .eban{position:absolute;left:50%;top:63%;display:flex;align-items:center;gap:12px;max-width:92vw;padding:9px 24px 9px 9px;border-radius:999px;background:linear-gradient(180deg,#f7f8fa,#c9ced6 45%,#8a919c 55%,#e9edf2);color:#1b1e24;box-shadow:0 8px 30px #000a,0 0 0 2px #ffffff55,0 0 24px #ffffff44;overflow:hidden;animation:ebanin .7s cubic-bezier(.2,1.4,.4,1) 1.5s both}
.entfx.t3 .eban,.entfx.t4 .eban{background:linear-gradient(180deg,#fff6cf,#f2c75c 42%,#a8740f 56%,#f8dd86);color:#2a1800;box-shadow:0 8px 30px #000a,0 0 0 2px #ffe08288,0 0 30px #ffc40066}
.entfx.t4 .eban{background:linear-gradient(180deg,#f3e8ff,#b48cff 42%,#5b2fc9 56%,#d9c2ff);color:#1a0738;box-shadow:0 8px 30px #000a,0 0 0 2px #e2ccff99,0 0 34px #9b6bff88}
.entfx.t5 .eban{background:linear-gradient(180deg,#4a1206,#1c0503 48%,#0e0302 52%,#3a0c04);color:#ffe0b0;box-shadow:0 8px 34px #000c,0 0 0 2px #ffb300,inset 0 1px 0 #ffd54f88,0 0 40px #ff5a00}.entfx.t5 .eban small{color:#ffcf8a;opacity:.9}
.entfx .eban::after{content:"";position:absolute;top:-10%;bottom:-10%;width:40px;left:-60px;background:linear-gradient(90deg,transparent,#fffffff0,transparent);transform:skewX(-22deg);animation:eshine 1.1s ease 2.1s 2}
.entfx .eban b{display:block;font-size:20px;font-weight:900;letter-spacing:.2px;line-height:1.1;max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entfx .eban small{display:block;font-size:12px;font-weight:800;opacity:.75;text-transform:uppercase;letter-spacing:1.2px}
.entfx .eban .eav{flex:none;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 18px 4px #fff9;animation:eavglow 1s ease-in-out infinite alternate}.entfx.t5 .eban .eav{box-shadow:0 0 0 3px #ffd54f,0 0 22px 6px #ff5a00}
.entfx .eban .nc-azam{filter:none}
.entfx .eskip{position:absolute;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));text-align:center;color:#fff9;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;animation:efade .4s 1s both}
body.eshake #app,body.eshake .wrap,.entfx.t3 .estage,.entfx.t4 .estage,.entfx.t5 .estage{animation:eshake .42s linear 1.2s 2}
.entfx.t5 .estage{animation:eshake .42s linear 1.9s 3}
/* phoenix firestorm extras */
.entfx .estorm{position:absolute;inset:0;pointer-events:none}
.entfx .estorm .fw{position:absolute;bottom:-30%;width:28vw;height:95vh;border-radius:50% 50% 30% 30%/70% 70% 30% 30%;background:radial-gradient(ellipse at 50% 85%,#fff3b0,#ffb300 22%,#ff5a00 45%,#d5003266 65%,transparent 75%);filter:blur(6px);mix-blend-mode:screen;transform-origin:50% 100%;animation:efwall 2.4s ease-in-out both}
.entfx .estorm .fw:nth-child(1){left:-8vw;animation-delay:.2s}.entfx .estorm .fw:nth-child(2){left:16vw;animation-delay:.35s;height:110vh}.entfx .estorm .fw:nth-child(3){left:38vw;animation-delay:.1s;height:120vh}.entfx .estorm .fw:nth-child(4){left:60vw;animation-delay:.4s;height:105vh}.entfx .estorm .fw:nth-child(5){left:82vw;animation-delay:.25s}
.entfx .estorm .tor{position:absolute;left:50%;top:6%;width:150vmin;height:150vmin;margin-left:-75vmin;border-radius:50%;background:conic-gradient(from 0deg,transparent,#ff5a0099,transparent 25%,#ffb30088,transparent 50%,#ff174499,transparent 75%,#ffd54f88,transparent);-webkit-mask:radial-gradient(farthest-side,transparent 30%,#000 46%,transparent 70%);mask:radial-gradient(farthest-side,transparent 30%,#000 46%,transparent 70%);animation:etor 4.6s linear .5s both;filter:blur(2px)}
.entfx .estorm .shock{position:absolute;left:50%;top:40%;width:20vmin;height:20vmin;margin:-10vmin;border-radius:50%;border:6px solid #ffe082;box-shadow:0 0 30px #ff6d00,inset 0 0 30px #ff6d00;opacity:0;animation:eshock .9s ease-out 2.6s both}
.entfx .estorm .heat{position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,#ff3d0066,transparent 60%);animation:eheat .3s steps(2) infinite alternate}
.entfx.en-phoenix .edim{background:radial-gradient(circle at 50% 50%,#2a0500cc,#000 80%)}.entfx.en-phoenix .eflash{background:radial-gradient(circle at 50% 45%,#fff6c2,#ff9100aa 40%,#ff000000 75%);animation:eflash 1s ease 2.5s both}
.entfx.en-phoenix .eban{animation-delay:2.9s}.entfx.en-phoenix .eban::after{animation-delay:3.5s}
.entfx .phw.l{animation:phflapL .5s ease-in-out infinite alternate}.entfx .phw.r{animation:phflapR .5s ease-in-out infinite alternate}.entfx .phglow{animation:eheat .4s ease-in-out infinite alternate}
@keyframes phflapL{from{transform:rotate(14deg)}to{transform:rotate(-16deg)}}@keyframes phflapR{from{transform:rotate(-14deg)}to{transform:rotate(16deg)}}
@keyframes efade{from{opacity:0}to{opacity:1}}@keyframes eflash{0%{opacity:0}25%{opacity:.95}100%{opacity:0}}
@keyframes estreak{from{transform:translateX(0)}to{transform:translateX(240vw)}}
@keyframes eportal{0%{transform:scale(0) rotate(0);opacity:0}25%{opacity:1}100%{transform:scale(1.15) rotate(300deg);opacity:0}}
@keyframes earrive{0%{transform:translateX(-120vw) skewX(-12deg);filter:blur(10px)}60%{transform:translateX(4vw) skewX(4deg);filter:blur(1px)}80%{transform:translateX(-1vw)}100%{transform:none;filter:none}}
@keyframes epop{0%{transform:scale(.1);opacity:0;filter:blur(8px)}55%{transform:scale(1.15);opacity:1;filter:blur(0)}75%{transform:scale(.96)}100%{transform:scale(1)}}
@keyframes efly{0%{transform:translate(-110vw,25vh) rotate(-12deg);filter:blur(10px)}70%{transform:translate(3vw,-2vh) rotate(3deg);filter:blur(0)}100%{transform:none}}
@keyframes erise{0%{transform:translateY(80vh) scale(.4);filter:blur(12px) brightness(2)}55%{transform:translateY(-6vh) scale(1.12);filter:blur(0) brightness(1.4)}75%{transform:translateY(1vh) scale(.97)}100%{transform:none;filter:none}}
@keyframes epart{0%{opacity:0;transform:translate(0,0) scale(var(--s))}12%{opacity:1}100%{opacity:0;transform:translate(var(--dx),-100vh) scale(calc(var(--s) * .4))}}
@keyframes ebanin{0%{transform:translate(-50%,40px) scale(.6);opacity:0}100%{transform:translate(-50%,0) scale(1);opacity:1}}
@keyframes eshine{from{left:-60px}to{left:110%}}@keyframes eavglow{to{filter:brightness(1.15)}}
@keyframes eshake{0%,100%{transform:translate(0,0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,4px)}}
@keyframes efwall{0%{transform:scaleY(0);opacity:0}30%{transform:scaleY(1.05);opacity:1}70%{transform:scaleY(.9);opacity:.9}100%{transform:scaleY(.2);opacity:0}}
@keyframes etor{0%{transform:scale(.2) rotate(0);opacity:0}20%{opacity:1}100%{transform:scale(1.1) rotate(720deg);opacity:0}}
@keyframes eshock{0%{transform:scale(.2);opacity:1}100%{transform:scale(9);opacity:0}}@keyframes eheat{from{opacity:.6}to{opacity:1}}
.entfx.lite .eveh{animation-name:epop!important}.entfx.lite .eveh,.entfx.lite .estorm .fw,.entfx.lite .estorm .tor{filter:none!important}.entfx.lite .estorm .tor,.entfx.lite .eportal{display:none}
.entfx.i-low .estorm .fw:nth-child(even){display:none}.entfx.i-max .eveh svg{filter:drop-shadow(0 0 30px #ff6d00) drop-shadow(0 10px 24px #000a)}
@media (prefers-reduced-motion:reduce){.entfx *{animation-duration:.01s!important}}
/* ---------- shop: featured pack banner + pack page + pack settings ---------- */
.azban{position:relative;display:block;margin:10px 12px 14px;border-radius:20px;overflow:hidden;padding:16px 16px 14px;min-height:150px;color:#fff4e6;background:radial-gradient(120% 90% at 85% 110%,#ff5a0088,transparent 60%),linear-gradient(140deg,#1a0503,#4a0d02 55%,#8a1e00);border:1px solid #ff7a1a;box-shadow:0 8px 30px #ff3d0040,inset 0 1px 0 #ffd54f44;isolation:isolate}
.azban::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(1.6px 1.6px at 10% 90%,#ffd54f,transparent),radial-gradient(1.4px 1.4px at 30% 70%,#ff9100,transparent),radial-gradient(2px 2px at 52% 95%,#ffe082,transparent),radial-gradient(1.4px 1.4px at 70% 80%,#ff6d00,transparent),radial-gradient(1.8px 1.8px at 90% 92%,#ffd54f,transparent);background-size:100% 200%;animation:themb 5s linear infinite}
.azban::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-20deg);animation:bdshine 3.2s ease-in-out infinite}
.azban .azt{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:linear-gradient(90deg,#ffd54f,#ff6d00);color:#2a0600}
.azban h2{margin:8px 0 2px;font-size:24px;font-weight:900;line-height:1.05;max-width:62%}.azban p{margin:0 0 10px;font-size:12.5px;opacity:.85;max-width:60%}
.azban .azpv{position:absolute;right:20px;top:34px}.azban .azrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn.fire{background:linear-gradient(90deg,#ffc400,#ff5a1f 50%,#d50032);color:#fff;border:0;font-weight:900;box-shadow:0 3px 14px #ff3d0070}
.azold{text-decoration:line-through;opacity:.6;font-size:12px}.azsave{font-size:11px;font-weight:900;color:#2a0600;background:#ffd54f;border-radius:6px;padding:2px 6px}
.azpg{padding-bottom:30px}.azhero{position:relative;padding:22px 16px 18px;text-align:center;color:#fff4e6;overflow:hidden;background:radial-gradient(120% 80% at 50% 120%,#ff5a00aa,transparent 60%),linear-gradient(180deg,#120403,#3a0a02 60%,#6a1600);border-bottom:1px solid #ff6d0066}
.azhero .azavw{display:block;width:max-content;margin:34px auto 14px}.azhero h2{margin:4px 0;font-size:26px}.azhero .azn{font-size:22px;display:block;margin:2px 0 4px}
.azhero .azmeta{font-size:12px;opacity:.85;margin-bottom:12px}.azhero .azrow{justify-content:center}
.azgear{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0006;border:1px solid #ff7a1a88}
.azgear svg,.icg svg{width:22px;height:22px;stroke:#ffd9a8;fill:none;stroke-width:1.8}.azgear svg{animation:fxspin 8s linear infinite}
.azparts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 12px}
.azpt{position:relative;border-radius:16px;padding:12px 10px 10px;background:linear-gradient(170deg,#1d0805,#120403);border:1px solid #ff6d0044;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#fff4e6;min-height:170px}
.azpt.own{border-color:#ffb300}.azpt .azpvw{height:74px;display:grid;place-items:center;width:100%}.azpt b{font-size:13px;line-height:1.2}.azpt small{font-size:11px;opacity:.75}
.azpt .shbtns{display:flex;gap:6px;margin-top:auto}.azpt .lk{position:absolute;top:8px;right:8px;font-size:10px;font-weight:900;color:#ffd54f}
.azcar{width:110px;height:56px}.azdice{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#ff9100,#b3001b);box-shadow:0 0 14px #ff5a00,inset 0 2px 0 #ffe08299;animation:azdice 2.2s ease-in-out infinite}
.azdice i{width:7px;height:7px;border-radius:50%;background:#fff6d6;box-shadow:0 0 5px #fff}
@keyframes azdice{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg) translateY(-4px)}}
.azgoti{width:26px;height:34px;display:inline-block;margin:0 3px}
.azset{padding:12px 14px 40px}.azset h3{margin:18px 4px 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--mut)}
.azrowx{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;margin-bottom:8px}.azrowx>span{flex:1}.azrowx small{display:block;color:var(--mut);font-size:11.5px}
.azseg{display:flex;background:var(--bg3);border-radius:12px;padding:3px;gap:3px}.azseg button{flex:1;padding:8px 6px;border-radius:9px;font-weight:700;font-size:13px;color:var(--mut)}.azseg button.on{background:linear-gradient(90deg,#ffb300,#ff5a1f);color:#fff}
.azsw{position:relative;width:46px;height:28px;border-radius:99px;background:var(--bg3);flex:none;transition:.2s}.azsw::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.azsw.on{background:linear-gradient(90deg,#ffb300,#ff5a1f)}.azsw.on::after{left:21px}
.azlock{text-align:center;padding:40px 20px}.azlock .lkic{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2a0a03,#5a1200);border:1px solid #ff6d00;box-shadow:0 0 24px #ff3d0055}
.azlock .lkic svg{width:34px;height:34px;stroke:#ffb300;fill:none;stroke-width:2}
.azrowx input[type=range]{flex:1;accent-color:#ff5a1f;padding:0;border:0;background:none}
.azrowx.dis{opacity:.45;pointer-events:none}
.pkcard{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(140deg,#1a0503,#4a0d02);border:1px solid #ff7a1a88;color:#fff4e6;margin:10px 12px}
.pkcard>span{flex:1}.pkcard small{display:block;opacity:.8;font-size:12px}
/* fire Ludo goti + dice (Azam Special) */
.gs-fire .lt,.lt.gs-fire{background:radial-gradient(circle at 35% 30%,#fff3b0,#ff9100 45%,#d50032 80%)!important;box-shadow:0 0 8px #ff5a00,0 0 0 1.5px #ffd54f!important;animation:gsfire .4s ease-in-out infinite alternate}
@keyframes gsfire{from{box-shadow:0 0 6px #ff5a00,0 0 0 1.5px #ffd54f}to{box-shadow:0 -2px 12px #ff9100,0 0 0 1.5px #fff3b0}}
.gdie.gs-fire{background:linear-gradient(145deg,#ff9100,#b3001b)!important;color:#fff6d6!important;box-shadow:0 0 14px #ff5a00!important}

.msgs.myazv-blue .m.me .mb{filter:hue-rotate(195deg) saturate(1.2)}.msgs.myazv-gold .m.me .mb{filter:hue-rotate(18deg) saturate(1.15) brightness(1.1)}
html.at-fire .spin{border-color:transparent!important;border-radius:0!important;width:30px!important;height:40px!important;background:var(--az-crest) center/contain no-repeat;animation:azspin .5s ease-in-out infinite alternate!important;filter:drop-shadow(0 0 8px var(--fglow))}
@keyframes azspin{from{transform:scale(.92,.9);opacity:.8}to{transform:scale(1.04,1.08);opacity:1}}
.entfx .eban small{max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* share picker + live room card */
.shsheet{max-height:82vh;display:flex;flex-direction:column;gap:10px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.shcttl{font-size:16px;text-align:center}
.scl{flex:1;overflow:auto;min-height:200px;max-height:52vh}.scrow{display:flex;align-items:center;gap:12px;padding:8px 4px;border-radius:12px;cursor:pointer}.scrow .who{flex:1;min-width:0}
.sccb{width:24px;height:24px;border-radius:50%;border:2px solid var(--mut);flex:none;transition:.15s;position:relative}.scrow.on .sccb{background:var(--grad);border-color:transparent}.scrow.on .sccb::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.btn.block{width:100%;padding:13px}
.rcard{position:relative;width:240px;border-radius:18px;overflow:hidden;color:#fff;isolation:isolate;box-shadow:0 6px 20px #0006}
.rcard .rcbg{position:absolute;inset:0;z-index:-1;background:radial-gradient(100% 80% at 90% 0%,#7b5cff99,transparent 60%),radial-gradient(90% 70% at 0% 100%,#ff2d7588,transparent 60%),linear-gradient(140deg,#1b1240,#0d0a1f)}
.rcard.rt-inferno .rcbg{background:radial-gradient(100% 70% at 50% 110%,#ff5a00aa,transparent 60%),linear-gradient(160deg,#2a0702,#120403)}.rcard.rt-galaxy .rcbg{background:radial-gradient(90% 70% at 80% 0%,#9b5de5aa,transparent 60%),linear-gradient(150deg,#0b1030,#1c0b45)}.rcard.rt-ocean .rcbg{background:linear-gradient(160deg,#0f2027,#2c5364)}.rcard.rt-royal .rcbg{background:radial-gradient(90% 70% at 80% 0%,#ffd76a88,transparent 60%),linear-gradient(150deg,#2a1a00,#4a2c00)}.rcard.rt-neon .rcbg{background:radial-gradient(90% 70% at 0% 0%,#00f0ff77,transparent 55%),radial-gradient(90% 70% at 100% 100%,#ff00e677,transparent 55%),#0a0a14}
.rcard .rcin{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.rcard b{font-size:16px;line-height:1.2}.rchd{display:flex;align-items:center;gap:8px}.rchd small{opacity:.8;font-size:11.5px}
.rclive{font-size:10px;font-weight:900;letter-spacing:1px;padding:2px 7px;border-radius:6px;background:#ff2d55;animation:rclv 1.4s ease-in-out infinite}.rcard.end .rclive{background:#666;animation:none}@keyframes rclv{50%{box-shadow:0 0 0 4px #ff2d5533}}
.rchost{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.9}.rcjoin{align-self:flex-start;padding:7px 22px}.rcend{font-size:12px;font-weight:800;opacity:.75}.rcard.end{filter:saturate(.4)}.rcard.ld{opacity:.7}

.updbg.hard{z-index:99999;background:radial-gradient(120% 80% at 50% 0%,#2a1450,#0b0b0f 70%);backdrop-filter:none}.updhard{max-width:340px;text-align:center;padding:28px 22px}.updhard b{font-size:22px;display:block;margin:10px 0 8px}.updhard .btn{margin-top:18px;padding:14px;font-size:16px}body.updlock{overflow:hidden}

/* ---------- animated badges (v46) ---------- */
.bdsvg{display:inline-block;vertical-align:-4px;overflow:visible}.bdsvg .bsh{animation:bshine 3.2s ease-in-out infinite}
@keyframes bshine{0%,60%{transform:skewX(-20deg) translateX(0)}100%{transform:skewX(-20deg) translateX(70px)}}
.bdsvg.bt-rare{animation:bglow 2.2s ease-in-out infinite alternate}@keyframes bglow{from{filter:drop-shadow(0 0 1px #ffd54f66)}to{filter:drop-shadow(0 0 5px #ffd54fcc)}}
.bdsvg.bt-epic{animation:bglowe 2s ease-in-out infinite alternate}@keyframes bglowe{from{filter:drop-shadow(0 0 2px #b48cff88)}to{filter:drop-shadow(0 0 7px #b48cff)}}
.bdsvg.bt-legendary{animation:bglowl 1.6s ease-in-out infinite alternate}@keyframes bglowl{from{filter:drop-shadow(0 0 3px #ffb30099)}to{filter:drop-shadow(0 0 9px #ff8f00)}}
.bdsvg .bspk path{transform-box:fill-box;transform-origin:center;animation:btw 1.8s ease-in-out infinite}.bdsvg .bspk path:nth-child(2){animation-delay:.9s}@keyframes btw{0%,100%{transform:scale(.3);opacity:.2}50%{transform:scale(1.2);opacity:1}}
.bdsvg .borb{transform-origin:20px 20px;animation:fxspin 5s linear infinite}
.bdsvg .bfl{transform-origin:20px 38px;animation:bflk .35s ease-in-out infinite alternate}@keyframes bflk{from{transform:scale(1,.94)}to{transform:scale(1.04,1.08)}}
.bdsvg .bel{animation:bel .6s linear infinite,belf .18s steps(2) infinite}@keyframes bel{to{stroke-dashoffset:-22}}@keyframes belf{50%{opacity:.35}}
.bdsvg .bneon{animation:bneon 1.2s ease-in-out infinite alternate}@keyframes bneon{from{stroke:#00f0ff;opacity:.6}to{stroke:#ff00e6;opacity:1}}
.bdsvg.bfx-shadow{animation:bshd 2s ease-in-out infinite alternate}@keyframes bshd{from{filter:drop-shadow(0 0 2px #6a3df0)}to{filter:drop-shadow(0 0 8px #8a6bff) brightness(1.15)}}
.bdsvg.bfx-prince{animation:bprn 2.4s ease-in-out infinite alternate}@keyframes bprn{from{filter:drop-shadow(0 0 2px #ffe08288)}to{filter:drop-shadow(0 0 9px #ffd54f) brightness(1.08)}}
.bdsvg .bsym{transform-origin:20px 20px;animation:bsym 2.6s ease-in-out infinite}@keyframes bsym{0%,100%{transform:translate(8px,8px) scale(1)}50%{transform:translate(7.6px,7.6px) scale(1.035)}}
.bdmini{display:inline-flex;margin-left:3px;vertical-align:middle}
.fchip.shopb{display:inline-flex;align-items:center;gap:6px;position:relative;overflow:hidden}
.fchip.shopb.bdt-legendary{border:1px solid #ffb300;background:linear-gradient(90deg,#2a1a00,#5a3a00,#2a1a00);color:#ffe9a6}.fchip.shopb.bdt-epic{border:1px solid #9b6bff;background:linear-gradient(90deg,#1a0b3a,#3a1d7a,#1a0b3a);color:#e8dcff}.fchip.shopb.bdt-rare{border:1px solid #ffd54f88}
.fchip.shopb.bdt-legendary::after,.fchip.shopb.bdt-epic::after{content:"";position:absolute;top:0;bottom:0;width:26px;left:-40px;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-20deg);animation:bdshine 3s ease-in-out infinite}
.shbdg{display:grid;place-items:center;height:62px;cursor:pointer}
.offscr,.offscr *,.offscr::before,.offscr::after,.offscr *::before,.offscr *::after{animation-play-state:paused!important}
html.lowend .bdsvg,html.lowend .bdsvg *{animation-duration:6s!important}html.lowend .bdsvg .bspk,html.lowend .bdsvg .borb,html.lowend .bdsvg .bel{animation:none!important}
@media (prefers-reduced-motion:reduce){.bdsvg,.bdsvg *{animation:none!important}}

.prof .row>.av.fx{margin-left:12px}

/* ---------- animated gifts (v47) ---------- */
.gsvg{overflow:visible;display:inline-block;vertical-align:middle}
.gsvg .gsw{transform-origin:50px 40px;animation:gsw 2.4s ease-in-out infinite}@keyframes gsw{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.gsvg .gpl{transform-origin:50px 50px;animation:gpl 1.6s ease-in-out infinite}@keyframes gpl{0%,100%{transform:scale(.85);opacity:.7}50%{transform:scale(1.05);opacity:1}}
.gsvg .gsp{transform-origin:50px 50px;animation:gsp 2.4s linear infinite}@keyframes gsp{to{transform:rotate(360deg)}}
.gsvg .gsp2{transform-box:fill-box;transform-origin:center;animation:btw 1.4s ease-in-out infinite}
.gsvg .gbob{animation:gbob 2s ease-in-out infinite}@keyframes gbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.gsvg .ghb{transform-origin:50px 55px;animation:ghb 1s ease-in-out infinite}@keyframes ghb{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(.96)}45%{transform:scale(1.06)}}
.gsvg .gshine{animation:gshine 2.6s ease-in-out infinite}@keyframes gshine{0%,50%{transform:skewX(-20deg) translateX(0)}100%{transform:skewX(-20deg) translateX(160px)}}
.gsvg .grk{animation:grk .5s ease-in-out infinite alternate}@keyframes grk{from{transform:translate(0,1px)}to{transform:translate(0,-3px)}}.gsvg .gfl{transform-origin:50px 72px;animation:bflk .12s linear infinite alternate}
.gsvg .gdrv{animation:gdrv .4s ease-in-out infinite alternate}@keyframes gdrv{from{transform:translateY(0)}to{transform:translateY(-1px)}}.gsvg .gwh{animation:fxspin .5s linear infinite}
.gsvg .gtw{animation:btw 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.gsvg .gtw:nth-of-type(2){animation-delay:.5s}
.gsvg .gfly{animation:gbob 1.4s ease-in-out infinite}.gsvg .gwl{transform-origin:47px 44px;animation:gwl .45s ease-in-out infinite alternate}.gsvg .gwr{transform-origin:53px 44px;animation:gwr .45s ease-in-out infinite alternate}
@keyframes gwl{from{transform:rotate(10deg)}to{transform:rotate(-14deg)}}@keyframes gwr{from{transform:rotate(-10deg)}to{transform:rotate(14deg)}}
.gsvg .gbolt{animation:belf .2s steps(2) infinite}.gsvg .gorb{transform-origin:50px 48px;animation:fxspin 14s linear infinite}
.gfsheet{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.gfto{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px}.gftu{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;border-radius:14px;border:1.5px solid transparent;min-width:64px}.gftu.on{border-color:var(--acc);background:var(--bg3)}.gftu small{font-size:11px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gfgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.gftu{flex:none}.gfit{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);transition:transform .12s}.gfit:active{transform:scale(.94)}.gfit b{font-size:10.5px;line-height:1.15;text-align:center}.gfit small{font-size:11px;font-weight:800;color:#ffc107;display:flex;align-items:center;gap:3px}
.gfit.t4{border-color:#b48cff88;background:linear-gradient(170deg,#1f1438,var(--bg2))}.gfit.t5{border-color:#ffb300aa;background:linear-gradient(170deg,#2a1a00,var(--bg2));box-shadow:0 0 12px #ffb30033}
.gfpv{height:58px;display:grid;place-items:center}.cn{display:inline-block;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc107 50%,#b86e00)}
.gfbot{display:flex;justify-content:space-between;padding:12px 4px 2px}
.gfxo{position:fixed;inset:0;z-index:9980;pointer-events:auto;display:grid;place-items:center;overflow:hidden}.gfxo .gdim{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#0005,#000c);animation:efade .3s both}
.gfxo .gray{position:absolute;left:50%;top:44%;width:160vmax;height:160vmax;margin:-80vmax;background:repeating-conic-gradient(from 0deg,#ffd54f22 0 6deg,transparent 6deg 18deg);animation:fxspin 9s linear infinite,efade .5s both}
.gfxo .gstage{position:absolute;top:24%;left:0;right:0;display:grid;place-items:center;animation:gin .6s cubic-bezier(.2,1.5,.4,1) both}.gfxo.gt4 .gstage,.gfxo.gt5 .gstage{top:18%}
.gfxo.gt1 .gstage,.gfxo.gt2 .gstage{top:30%}
@keyframes gin{0%{transform:scale(.2) translateY(60px);opacity:0}100%{transform:none;opacity:1}}
.gfxo .gban{position:absolute;top:60%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:linear-gradient(90deg,#2a1450ee,#5b2fc9ee);color:#fff;font-size:13px;white-space:nowrap;box-shadow:0 6px 20px #0008;animation:ebanin .5s cubic-bezier(.2,1.4,.4,1) .25s both}
.gfxo.gt5 .gban{background:linear-gradient(90deg,#3a0a02ee,#8a3a00ee);border:1px solid #ffb300}.gfxo .gban b{font-weight:900}
.gcombo{font-style:normal;font-weight:900;font-size:22px;color:#ffd54f;text-shadow:0 2px 8px #ff6d00}.gcombo.pop{animation:gcp .35s cubic-bezier(.2,1.6,.4,1)}@keyframes gcp{from{transform:scale(2.2)}to{transform:scale(1)}}
.gfxo .gparts i{position:absolute;bottom:-12px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd54f 45%,transparent 70%);animation:epart ease-out both;--s:1}
.gfxo.gt1 .gparts,.gfxo.gt2 .gparts{opacity:.7}.gfxo.lite .gray{display:none}
html.lowend .gsvg *{animation-duration:4s!important}
.adgifts label{display:flex;flex-direction:column;align-items:center;gap:2px}.adgifts small{font-size:10px}

/* ---------- icon set (replaces emoji, v48) ---------- */
.ic{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.2em;flex:none;overflow:visible}.icc{width:1.2em;height:1.2em;vertical-align:-.24em;overflow:hidden}
.icc .ish{animation:icsh 3s ease-in-out infinite}@keyframes icsh{0%,60%{transform:skewX(-20deg) translateX(0)}100%{transform:skewX(-20deg) translateX(34px)}}
.icc .isk,.icc .isk2{transform-box:fill-box;transform-origin:center;animation:btw 1.8s ease-in-out infinite}.icc .isk2{animation-delay:.6s}
.icc[data-ic=heart]{animation:ichb 1.4s ease-in-out infinite;transform-origin:center}@keyframes ichb{0%,100%{transform:scale(1)}20%{transform:scale(1.12)}40%{transform:scale(.97)}}
.icc[data-ic=fire]{animation:icfl 1.2s ease-in-out infinite alternate;transform-origin:50% 90%}@keyframes icfl{from{transform:scale(1,.95)}to{transform:scale(1.03,1.06)}}
.pmi .ic{width:2.2em;height:2.2em}.pmw{display:inline-block;padding:4px 10px;margin:2px;border-radius:10px;background:linear-gradient(135deg,#7b5cff,#36c5f0);color:#fff;font-weight:800;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.emq{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;font-size:16px}
.rxbar button .ic{width:30px;height:30px}.rxc .ic{width:16px;height:16px;margin-right:-2px}.vremo button .ic{width:28px;height:28px}
.vfloat .ic,.vbig .ic{width:1.6em;height:1.6em}.memc .ic{width:30px;height:30px}
html.lowend .icc *{animation:none!important}html.lowend .icc{animation:none!important}

/* ---------- wallet earn + packs (v49) ---------- */
.wearn{display:flex;flex-direction:column;gap:8px}.we{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);color:inherit;text-decoration:none;animation:wein .45s cubic-bezier(.2,1.2,.4,1) both}.we:nth-child(2){animation-delay:.06s}.we:nth-child(3){animation-delay:.12s}.we:nth-child(4){animation-delay:.18s}
@keyframes wein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.we>div{flex:1;min-width:0}.we b{display:block;font-size:14.5px}.we small{display:block;color:var(--mut);font-size:12px;line-height:1.35;margin-top:2px}.wei{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7b5cff33,#36c5f033);font-size:20px;flex:none}
.we em{font-style:normal;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--acc);color:#fff}.we em.done{background:#2ecc71}.wpb{height:5px;border-radius:9px;background:var(--bg3);margin-top:7px;overflow:hidden}.wpb i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#ffc107,#ff6d00);transition:width .6s}
.wh .soon{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:linear-gradient(90deg,#7b5cff,#36c5f0);color:#fff;vertical-align:middle;margin-left:6px}
.wpacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wpk{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 4px 10px;border-radius:16px;background:linear-gradient(170deg,#2a1d55,#14102a);border:1px solid #ffffff1a;color:#fff;overflow:hidden;opacity:.92}
.wpk::after{content:"";position:absolute;top:0;bottom:0;width:30px;left:-50px;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-20deg);animation:bdshine 3.6s ease-in-out infinite}.wpk.t3,.wpk.t4,.wpk.t5{background:linear-gradient(170deg,#4a2a00,#1a0d00);border-color:#ffb30066}
.wpki{font-size:30px}.wpk b{font-size:17px}.wpk small{font-size:10.5px;opacity:.75;text-align:center}.wpkb{position:absolute;top:6px;right:6px;font-style:normal;font-size:9px;font-weight:900;background:#ff2d55;padding:2px 5px;border-radius:6px}.wpk em{font-style:normal;margin-top:6px;font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:999px;background:#ffffff1f;color:#ffffffcc}
.refb{margin:4px auto 10px;padding:9px 14px;border-radius:12px;background:linear-gradient(90deg,#7b5cff22,#36c5f022);border:1px solid #7b5cff55;font-size:13px;text-align:center}

/* ---------- game modes, bot, per-game settings, board themes (v50) ---------- */
.pmenu{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.pmhd{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;color:#fff;margin-bottom:10px;animation:wein .4s both}.pmhd .gart{width:64px;height:48px;display:grid;place-items:center;font-size:30px}.pmhd .gart svg{max-width:64px;max-height:48px}.pmhd b{font-size:18px;display:block}.pmhd small{opacity:.85}
.pmlist{display:flex;flex-direction:column;gap:7px}.pmlist button{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);text-align:left;animation:wein .4s both}.pmlist button:nth-child(2){animation-delay:.05s}.pmlist button:nth-child(3){animation-delay:.1s}.pmlist button:nth-child(4){animation-delay:.15s}.pmlist button:nth-child(5){animation-delay:.2s}
.pmlist b{display:block;font-size:14.5px}.pmlist small{color:var(--mut);font-size:12px}.pmi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#7b5cff,#36c5f0);color:#fff;flex:none}
.botov{position:fixed;inset:0;z-index:9000;background:radial-gradient(circle at 50% 0,#2a1d55,#0b0816 70%);color:#fff;display:flex;flex-direction:column;animation:efade .25s both;overflow:auto}
.bothd{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.bothd b{flex:1;font-size:17px}.botx,.botset{width:38px;height:38px;border-radius:12px;background:#ffffff14;display:grid;place-items:center;font-size:18px;color:#fff}
.botpill{font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:999px;background:#ffffff1a;display:inline-flex;gap:5px;align-items:center}
.botbody{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:10px}.botbody .gcard.g2{width:min(360px,94vw);max-width:none;transform-origin:top center;animation:gin .45s cubic-bezier(.2,1.3,.4,1) both}
.botft{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 12px calc(16px + env(safe-area-inset-bottom))}
.tttb{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.tttc{aspect-ratio:1;border-radius:14px;background:var(--bg3);font-size:42px;display:grid;place-items:center;color:#ff4d6d}.tttc.x .ic{animation:gin .3s both}.ttto{width:55%;height:55%;border-radius:50%;border:6px solid #36c5f0;animation:gin .3s both}
.gset .gsrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line)}.gset .gsrow:last-of-type{border:0}.gseg{display:flex;gap:4px;background:var(--bg3);padding:3px;border-radius:12px}.gseg button{padding:6px 11px;border-radius:9px;font-size:13px;font-weight:700}.gseg button.on{background:var(--acc);color:#fff}
.gthm{display:flex;gap:6px;overflow-x:auto;max-width:62vw}.gthm button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px;border-radius:12px;border:2px solid transparent;flex:none}.gthm button.on{border-color:var(--acc)}.gthm i{width:42px;height:30px;border-radius:8px;display:block}.gthm small{font-size:10px}
.gthm .gth-classic i{background:linear-gradient(135deg,#eed7b0,#b07a4f)}.gthm .gth-neon i{background:linear-gradient(135deg,#00f0ff,#ff00e6)}.gthm .gth-royal i{background:linear-gradient(135deg,#fff3c2,#c77700)}.gthm .gth-midnight i{background:linear-gradient(135deg,#1e3a8a,#0b1020)}.gthm .gth-emerald i{background:linear-gradient(135deg,#6ee7b7,#065f46)}
.gtog{width:48px;height:28px;border-radius:999px;background:var(--bg3);position:relative;transition:background .2s}.gtog i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}.gtog.on{background:#2ecc71}.gtog.on i{transform:translateX(20px)}
.gcard.g2.gth-neon{background:linear-gradient(160deg,#160a2e,#06121f);border:1px solid #00f0ff66;box-shadow:0 0 18px #ff00e633;color:#fff}.gth-neon .c4{background:linear-gradient(135deg,#7b2ff7,#00c6ff)}.gth-neon .chc.l{background:#2b2b5a}.gth-neon .chc.d{background:#5b2fc9}.gth-neon .memc{background:linear-gradient(135deg,#ff00e6,#00f0ff)}
.gcard.g2.gth-royal{background:linear-gradient(160deg,#2a1a00,#120a00);border:1px solid #ffb30088;color:#ffe9a6}.gth-royal .c4{background:linear-gradient(135deg,#c77700,#7a4a00)}.gth-royal .chc.l{background:#f6e7c1}.gth-royal .chc.d{background:#a87b2c}.gth-royal .memc{background:linear-gradient(135deg,#ffd54f,#c77700)}
.gcard.g2.gth-midnight{background:linear-gradient(160deg,#0b1020,#111c3a);border:1px solid #3b82f666;color:#dbeafe}.gth-midnight .c4{background:#1e3a8a}.gth-midnight .chc.l{background:#94a3b8}.gth-midnight .chc.d{background:#334155}.gth-midnight .memc{background:linear-gradient(135deg,#1e40af,#0ea5e9)}
.gcard.g2.gth-emerald{background:linear-gradient(160deg,#022c22,#064e3b);border:1px solid #34d39966;color:#d1fae5}.gth-emerald .c4{background:#047857}.gth-emerald .chc.l{background:#d1fae5}.gth-emerald .chc.d{background:#059669}.gth-emerald .memc{background:linear-gradient(135deg,#10b981,#065f46)}
.nohint .can{animation:none!important;box-shadow:none!important}.nohint .chc.tg{box-shadow:none!important}
.gfast *{transition-duration:.12s!important;animation-duration:.25s!important}
body.noscroll{overflow:hidden}

.botov~.sheet-bg{z-index:9500}
.sheet.gset button{display:inline-flex;width:auto;padding:0;border:0;font-size:inherit;text-align:center;align-items:center;justify-content:center}
.sheet.gset .gseg button{padding:6px 11px;font-size:13px}.sheet.gset .gthm button{flex-direction:column;padding:4px;border:2px solid transparent}.sheet.gset .gthm button.on{border-color:var(--acc)}
.sheet.gset .gtog{width:48px;height:28px;flex:none;display:block;padding:0}.sheet.gset .btn.block{display:block;width:100%;padding:13px;margin-top:10px;border-radius:14px;background:var(--bg3);font-weight:800}
.sheet.gset .gsrow b{font-size:14.5px}.gthm{max-width:58vw}
.g2>.tttb{align-self:stretch}.tttb{width:100%}

/* ---------- voice changer (v51) ---------- */
.vcst{padding:12px;display:flex;flex-direction:column;gap:12px}.vchero{padding:18px;border-radius:20px;background:linear-gradient(135deg,#5b2fc9,#0ea5e9);color:#fff;text-align:center;animation:wein .4s both}.vchero b{display:block;font-size:19px;margin-top:6px}.vchero small{opacity:.9;font-size:12.5px}
.vcwave{display:flex;gap:3px;justify-content:center;align-items:center;height:42px}.vcwave i{width:4px;border-radius:3px;background:#fff;height:30%;animation:vcw 1.1s ease-in-out infinite}@keyframes vcw{0%,100%{height:20%}50%{height:95%}}
.vcgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.vcgrid button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;border-radius:14px;background:var(--bg2);border:1.5px solid var(--line);font-size:20px;transition:transform .15s}.vcgrid button b{font-size:11.5px}.vcgrid button.on{border-color:var(--acc);background:linear-gradient(160deg,#7b5cff33,var(--bg2));transform:scale(1.04)}
.vccard{padding:14px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}.vccard>b{display:block;margin-bottom:6px}.vccard small{color:var(--mut)}
.vcsl{display:flex;flex-direction:column;gap:8px;width:100%}.vcsl label{display:grid;grid-template-columns:64px 1fr 34px;align-items:center;gap:8px;font-size:13px}.vcsl output{font-weight:800;text-align:right}.vcsl input{width:100%;accent-color:var(--acc)}
.vcbtns{display:flex;gap:8px;margin:10px 0 6px}.vcbtns .btn{flex:1}
.fpl{display:block;padding:9px 12px;font-size:12.5px;font-weight:700;color:var(--acc);border-bottom:1px solid var(--line)}
.recbar .vcsl,.cbar .vcsl{flex-basis:100%;order:9;padding:4px 6px}

/* ---------- Street Racer 3D (v52) ---------- */
.rcov{position:fixed;inset:0;z-index:9000;background:#07060f;color:#fff;overflow:auto;animation:efade .25s both;touch-action:none}
.rchd{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 6px}.rchd b{flex:1;font-size:18px}.rcx{width:38px;height:38px;border-radius:12px;background:#ffffff1a;display:grid;place-items:center;font-size:18px;color:#fff}
.rcmenu{padding:6px 14px 30px}.rcmenu h4{margin:14px 0 8px;font-size:13px;letter-spacing:.6px;text-transform:uppercase;opacity:.7}
.rctr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rctr button{position:relative;height:96px;border-radius:16px;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff;text-shadow:0 1px 4px #000a;border:2px solid transparent;overflow:hidden;animation:wein .4s both}.rctr button.on{border-color:#fff;box-shadow:0 0 0 3px #ff2d5588}.rctr b{font-size:13.5px}.rctr small{font-size:11px;opacity:.9}.rctr em{position:absolute;top:8px;right:8px;font-style:normal;font-size:10px;font-weight:800;background:#0007;padding:2px 6px;border-radius:6px}
.rcbd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rcbd button{border-radius:16px;background:#ffffff0f;border:2px solid #ffffff1a;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:wein .4s both}.rcbd button.on{border-color:#ff2d55;background:#ff2d5522}.rcbd b{font-size:12px}
.rcpt{display:flex;flex-wrap:wrap;gap:9px}.rcpt button{width:38px;height:38px;border-radius:50%;border:3px solid #ffffff33;display:grid;place-items:center;color:#fff;font-size:14px;transition:transform .15s}.rcpt button.on{border-color:#fff;transform:scale(1.15)}.rcpt button.lock{opacity:.7}
.rcgo{margin-top:18px;padding:15px;font-size:17px;border-radius:16px;background:linear-gradient(90deg,#ff2d55,#7b2ff7);color:#fff;border:0;animation:rcpulse 1.6s ease-in-out infinite}@keyframes rcpulse{50%{box-shadow:0 0 22px #ff2d5599}}
.rcload{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px}
.rcstage{position:absolute;inset:0}.rcstage canvas{display:block;width:100%!important;height:100%!important}
.rchud{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 10px;pointer-events:none}.rchud .rcx{pointer-events:auto}
.rcst{display:flex;flex-direction:column;gap:4px;flex:1}.rcst b{align-self:flex-start;background:#0008;padding:4px 10px;border-radius:10px;font-size:14px;font-variant-numeric:tabular-nums}.rchud #rcpos{font-size:22px;background:linear-gradient(90deg,#ff2d55cc,#7b2ff7cc)}
#rcmap{background:#0007;border-radius:14px}#rcspd{position:absolute;right:12px;top:calc(130px + env(safe-area-inset-top));font-size:30px;font-weight:900;text-shadow:0 2px 8px #000;font-variant-numeric:tabular-nums}#rcspd small{font-size:11px;margin-left:3px;opacity:.8}
.rcctl{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:0 14px calc(18px + env(safe-area-inset-bottom));pointer-events:none}.rcctl>div{display:flex;gap:12px;pointer-events:auto}
.rcctl button{width:74px;height:74px;border-radius:22px;background:#ffffff26;border:2px solid #ffffff44;color:#fff;font-size:30px;font-weight:900;display:grid;place-items:center;backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;touch-action:none}.rcctl button.dn{background:#ffffff55;transform:scale(.94)}
.rcl button:first-child .ic{transform:rotate(180deg)}.rcctl .gas{background:#30d15855;font-size:15px;height:92px}.rcctl .brk{background:#ff375f55;font-size:13px}
.rccd{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.rccd b{font-size:110px;font-weight:900;text-shadow:0 6px 30px #000c;color:#fff}.rccd b.go{color:#30d158}.rccd .pop{animation:gcp .5s cubic-bezier(.2,1.6,.4,1)}
.rcres{position:absolute;inset:0;background:#000a;display:grid;place-items:center;animation:efade .3s both}.rcresc{background:linear-gradient(160deg,#2a1d55,#120b25);border:1px solid #ffffff22;border-radius:22px;padding:22px;text-align:center;min-width:260px;animation:gin .5s cubic-bezier(.2,1.4,.4,1) both}
.rcp{display:block;font-size:56px;font-weight:900;background:linear-gradient(90deg,#fff,#ffd60a);-webkit-background-clip:text;color:transparent}.rcp.p1{background:linear-gradient(90deg,#fff3b0,#ffb300);-webkit-background-clip:text}.nb{color:#30d158;font-weight:800}.rcbtn{display:flex;gap:8px;margin-top:14px}.rcbtn .btn{flex:1}
.gart .rcspd{animation:rcsp .5s linear infinite}@keyframes rcsp{from{transform:translateX(10px)}to{transform:translateX(-10px)}}

/* ---------- game boards in the Shop (v53) ---------- */
.gtprev{display:grid;grid-template-columns:repeat(3,14px);gap:3px;padding:7px;border-radius:12px;background:#1a1d28}.gtprev i{width:14px;height:14px;border-radius:4px;background:#eed7b0}.gtprev i:nth-child(even){background:#b07a4f}
.gtprev.gth-neon{background:#160a2e;box-shadow:0 0 12px #ff00e655}.gtprev.gth-neon i{background:#2b2b5a}.gtprev.gth-neon i:nth-child(even){background:#ff00e6;animation:gtn 1.4s ease-in-out infinite alternate}@keyframes gtn{to{background:#00f0ff}}
.gtprev.gth-royal{background:#2a1a00}.gtprev.gth-royal i{background:#f6e7c1}.gtprev.gth-royal i:nth-child(even){background:#c79a2c}
.gtprev.gth-emerald{background:#022c22}.gtprev.gth-emerald i{background:#d1fae5}.gtprev.gth-emerald i:nth-child(even){background:#059669}
.gtprev.gth-sakura{background:#3a0f24}.gtprev.gth-sakura i{background:#ffe4ef}.gtprev.gth-sakura i:nth-child(even){background:#ff7aa8}
.gtprev.gth-galaxy{background:radial-gradient(circle,#3b1d8f,#0b0620)}.gtprev.gth-galaxy i{background:#c3b5ff}.gtprev.gth-galaxy i:nth-child(even){background:#5b2fc9}
.gtprev.gth-inferno{background:#2a0500;box-shadow:0 0 12px #ff6d0066}.gtprev.gth-inferno i{background:#ffd8a8}.gtprev.gth-inferno i:nth-child(even){background:#ff3d00;animation:gti 1s ease-in-out infinite alternate}@keyframes gti{to{background:#ffb300}}
.gcard.g2.gth-sakura{background:linear-gradient(160deg,#3a0f24,#1f0714);border:1px solid #ff7aa866;color:#ffe4ef}.gth-sakura .c4{background:#c2185b}.gth-sakura .chc.l{background:#ffe4ef}.gth-sakura .chc.d{background:#e86a9a}.gth-sakura .memc{background:linear-gradient(135deg,#ff7aa8,#c2185b)}
.gcard.g2.gth-galaxy{background:radial-gradient(circle at 30% 0,#3b1d8f,#0b0620 70%);border:1px solid #9b5de566;color:#ede7ff}.gth-galaxy .c4{background:linear-gradient(135deg,#3b1d8f,#120a35)}.gth-galaxy .chc.l{background:#c3b5ff}.gth-galaxy .chc.d{background:#5b2fc9}.gth-galaxy .memc{background:linear-gradient(135deg,#7b2ff7,#1e0b4d)}
.gcard.g2.gth-inferno{background:linear-gradient(160deg,#2a0500,#120200);border:1px solid #ff6d0088;box-shadow:0 0 18px #ff3d0033;color:#ffe0c2}.gth-inferno .c4{background:linear-gradient(135deg,#b31200,#5a0800)}.gth-inferno .chc.l{background:#ffd8a8}.gth-inferno .chc.d{background:#d84315}.gth-inferno .memc{background:linear-gradient(135deg,#ff3d00,#ffb300)}
.gthm .gth-sakura i{background:linear-gradient(135deg,#ffe4ef,#ff7aa8)}.gthm .gth-galaxy i{background:radial-gradient(circle,#7b2ff7,#0b0620)}.gthm .gth-inferno i{background:linear-gradient(135deg,#ffb300,#b31200)}
.gthm button.lock i{display:grid;place-items:center;color:#fff;filter:grayscale(.5) brightness(.7)}

.vrb.on{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 0 0 2px #ffffff33}

.cskart{display:block;max-width:100%}.csk-neon .csglow{animation:csglow 1.6s ease-in-out infinite}@keyframes csglow{50%{opacity:.25}}
.shcsk{display:grid;place-items:center;height:64px;width:100%;position:relative;overflow:hidden}.shcsk .cskart{width:118px;animation:cskdrive 3s ease-in-out infinite}@keyframes cskdrive{50%{transform:translateX(4px)}}
.shcsk::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff40 50%,transparent 65%);transform:translateX(-120%);animation:cskshine 3.2s ease-in-out infinite}@keyframes cskshine{60%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.shcsk .cskart,.shcsk::after,.csk-neon .csglow{animation:none}}

.rcbd{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;scrollbar-width:none}.rcbd::-webkit-scrollbar{display:none}.rcbd button{flex:0 0 112px;scroll-snap-align:center}.rcbd small{font-size:10px;opacity:.65}
.rcmenu h4 small{font-weight:600;opacity:.7;text-transform:none;letter-spacing:0;margin-left:6px}
.rcdf{display:flex;gap:6px}.rcdf button{flex:1;padding:9px 0;border-radius:12px;background:#ffffff12;border:2px solid #ffffff1c;color:#fff;font-weight:700}.rcdf button.on{border-color:#ff2d55;background:#ff2d5530}
.rcstat{margin-top:10px;padding:12px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff1a;display:flex;flex-direction:column;gap:7px;animation:wein .35s both}.rcsn{display:flex;align-items:baseline;gap:8px}.rcsn b{font-size:16px}.rcsn small{opacity:.7;font-size:12px}
.rcsb{display:flex;align-items:center;gap:10px;font-size:12px}.rcsb span{width:86px;opacity:.8}.rcsb i{flex:1;height:7px;border-radius:5px;background:#ffffff1a;overflow:hidden}.rcsb i b{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#ff2d55,#ffb300);transform-origin:left;animation:rcbar .6s cubic-bezier(.2,.8,.2,1) both}@keyframes rcbar{from{transform:scaleX(0)}}
.rcstat .btn{align-self:flex-start}.rcsk button.sk{position:relative;overflow:hidden}.rcsk button.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff70 50%,transparent 70%);transform:translateX(-120%);animation:cskshine 2.8s ease-in-out infinite}
#rcspd em{display:block;font-style:normal;font-size:11px;font-weight:700;opacity:.85;text-align:right}
.rcstat .btn{background:#ffffff1f;color:#fff;border:1px solid #ffffff33}

.rcmode{display:flex;gap:6px;margin:6px 0 4px}.rcmode button{flex:1;padding:11px 6px;border-radius:14px;background:#ffffff10;border:2px solid #ffffff1a;color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.rcmode button.on{border-color:#ff2d55;background:linear-gradient(135deg,#ff2d5540,#7b2ff740)}
.rcfr{margin-top:10px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#1b1240,#0e1a33);border:1px solid #ffffff22;display:flex;flex-direction:column;gap:8px;animation:wein .35s both}.rcfr small{opacity:.75;font-size:12px}
.rcjoin{display:flex;gap:8px}.rcjoin input{flex:1;min-width:0;padding:11px 12px;border-radius:12px;background:#0006;border:1px solid #ffffff2a;color:#fff;font-size:16px;letter-spacing:3px;text-transform:uppercase;font-weight:800}
.rccd2{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#ff2d5533,#7b2ff733);border:1px solid #ffffff22;margin-top:6px}.rccd2 small{opacity:.75}.rccd2 b{font-size:38px;letter-spacing:8px;font-weight:900;text-shadow:0 0 18px #ff2d5588}
.rclt{margin-top:10px;padding:12px;border-radius:14px;display:flex;flex-direction:column;color:#fff;text-shadow:0 1px 4px #000a}.rctrs{margin-top:8px}.rctrs button{height:54px}
.rcpl{display:flex;flex-direction:column;gap:8px;margin-top:12px}.rcpi{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1a;animation:wein .3s both}.rcpi div{display:flex;flex-direction:column}.rcpi small{opacity:.7;font-size:12px}.rcpi.empty{opacity:.55;min-height:50px;justify-content:center}.hostb{font-size:10px;background:#ffb300;color:#000;border-radius:6px;padding:1px 6px;font-weight:800}
.spin.sm{width:16px;height:16px;border-width:2px}
.rcstd{display:flex;flex-direction:column;gap:6px;margin:10px 0;min-width:240px}.rcstd div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff10}.rcstd div.me{background:linear-gradient(90deg,#ff2d5544,#7b2ff744)}.rcstd div.dnf{opacity:.5}.rcstd span{width:18px;font-weight:900}.rcstd b{flex:1;text-align:left}.rcstd em{font-style:normal;font-variant-numeric:tabular-nums;opacity:.85}
#rccd .pop.sm{font-size:34px}
.rcov .btn:not(.pri):not(.gold){background:#ffffff1f;color:#fff;border:1px solid #ffffff33}

.tier .tshine{animation:tshine 3.2s ease-in-out infinite}@keyframes tshine{0%,55%{transform:skewX(-20deg) translateX(0)}100%{transform:skewX(-20deg) translateX(120px)}}
.tier.t4,.tier.t5{filter:drop-shadow(0 0 4px #7cc4ff88)}.tier.t5{filter:drop-shadow(0 0 6px #d07bffaa)}.tier.t6{filter:drop-shadow(0 0 8px #ff6d00cc);animation:tglow 2s ease-in-out infinite}@keyframes tglow{50%{filter:drop-shadow(0 0 14px #ffb300)}}.tier .tflm{transform-origin:32px 16px;animation:tflm .6s ease-in-out infinite alternate}@keyframes tflm{to{transform:scaleY(1.15) translateY(-1px)}}
@media (prefers-reduced-motion:reduce){.tier .tshine,.tier.t6,.tier .tflm{animation:none}}
.lowend .tier .tshine,.lowend .tier.t6{animation:none}
.ghsc{grid-template-columns:repeat(5,1fr)!important}.ghsc .ghrk span svg{width:26px;height:26px}
.rkp{padding:12px 14px 40px}.rkhero{border-radius:22px;padding:18px 16px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:radial-gradient(circle at 50% 0,#ffffff22,transparent 60%),linear-gradient(160deg,#1d1640,#0d1028);color:#fff;border:1px solid #ffffff1f;animation:wein .4s both}
.rkem{animation:rkfloat 3s ease-in-out infinite}@keyframes rkfloat{50%{transform:translateY(-5px)}}.rktn{font-size:26px;font-weight:900;letter-spacing:.5px}.rkpts b{font-size:22px}.rkbar{width:100%;height:9px;border-radius:6px;background:#ffffff1f;overflow:hidden}.rkbar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#7cc4ff,#d07bff,#ffb300);animation:rcbar .8s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
.rkwl{display:flex;gap:18px;margin-top:4px}.rkwl span{display:flex;flex-direction:column;font-size:12px;opacity:.85}.rkwl b{font-size:18px}
.rkh{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;opacity:.75}.rkh small{text-transform:none;letter-spacing:0;font-weight:600;margin-left:6px}
.rktiers{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.rkti{flex:0 0 76px;border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card,#ffffff10);border:2px solid transparent;opacity:.6}.rkti.got{opacity:1}.rkti.cur{border-color:#7cc4ff;opacity:1}.rkti b{font-size:12px}.rkti small{font-size:10px;opacity:.7}.rkti em{font-style:normal;font-size:11px;font-weight:800;display:flex;align-items:center;gap:2px}
.rkrules{margin-top:14px;padding:12px;border-radius:16px;background:var(--card,#ffffff10);display:flex;flex-direction:column;gap:6px}.rkrules small{opacity:.8;line-height:1.45}.rkgo{display:flex;flex-wrap:wrap;gap:6px}
.rklb{display:flex;flex-direction:column;gap:6px}.rklb .rkrow{display:flex;align-items:center;gap:8px}
.rkpill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:2px 8px 2px 4px;border-radius:999px;background:linear-gradient(90deg,#ffd54f,#ff9f43);color:#3a2300;margin:0 0 4px}
.gbar{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:6px}.gbar .btn{font-size:12px;padding:6px 10px}.gbar .gleave{opacity:.8}
.pmrk{background:linear-gradient(90deg,#3b5bdb22,#d07bff22)!important}
.gicard{position:relative;width:230px;border-radius:18px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#7b2ff7,#ff2d55)}.gicbg{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#ffffff40,transparent 50%);animation:gicpulse 3s ease-in-out infinite}@keyframes gicpulse{50%{opacity:.5}}
.gicin{position:relative;padding:14px;display:flex;flex-direction:column;gap:4px}.gicin b{font-size:18px}.gicin small{opacity:.85}.gicl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;opacity:.9;display:flex;align-items:center;gap:4px}.gicin .btn{align-self:flex-start;margin-top:6px}
.gic-chess{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.gic-ludo{background:linear-gradient(135deg,#ff6b6b,#ff9f43)}.gic-c4{background:linear-gradient(135deg,#3a5bd9,#6c8cff)}.gic-mem{background:linear-gradient(135deg,#00a8a5,#4fd1d1)}.gic-snl{background:linear-gradient(135deg,#00b894,#55efc4)}.gic-race{background:linear-gradient(135deg,#ff2d55,#7b2ff7)}

.shit.lk{position:relative}.shit.lk>.shbdg,.shit.lk>.shpv,.shit.lk>.shcsk{filter:grayscale(.7) brightness(.75)}.shlock{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;opacity:.85}.shlvb{width:80%;height:5px;margin:2px auto}
.shlvl{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:var(--card,#ffffff10)}.shlvl b{display:inline}.shlvl small{opacity:.75}

.dwcard .dwhd{display:flex;justify-content:space-between;font-size:12px;font-weight:700;opacity:.8;margin-bottom:6px}.dwbox{display:flex;flex-direction:column;align-items:center;gap:8px}
.dwsvg{width:100%;max-width:260px;aspect-ratio:1;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0002}.dwan{stroke-dasharray:1;stroke-dashoffset:1;animation:dwdraw .7s ease-out forwards}@keyframes dwdraw{to{stroke-dashoffset:0}}
.dwword{font-size:15px}.dwword b{font-size:20px;text-transform:uppercase;letter-spacing:1px}.dwbtns{display:flex;gap:6px;align-items:center}.dwwait{text-align:center;padding:10px 4px}.dwpen{display:block;font-size:28px;animation:dwpen 1.2s ease-in-out infinite}@keyframes dwpen{50%{transform:rotate(-14deg) translateY(-3px)}}
.dwhint{font-family:ui-monospace,monospace;font-size:18px;letter-spacing:2px;margin-top:4px}.dwwg{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.dwwg s{font-size:12px;padding:2px 8px;border-radius:999px;background:#e5393522;opacity:.85}
.dwin{display:flex;gap:6px;width:100%}.dwin input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid #8884;background:var(--bg,#fff);color:inherit}.dwans{font-size:14px}.dwans b{text-transform:uppercase}
.dwpad{position:fixed;inset:0;z-index:9000;background:#1b1530;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;color:#fff;touch-action:none}.dwtop{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:8px}.dwtop b span{text-transform:uppercase;color:#ffd166}
.dwcv{border-radius:14px;background:#fff;touch-action:none}.dwtools{width:100%;max-width:520px;display:flex;flex-direction:column;gap:8px}.dwpal{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.dwpal button{width:30px;height:30px;border-radius:50%;border:2px solid #fff4}.dwpal button.on{border-color:#fff;transform:scale(1.15)}
.dwsz{display:flex;gap:8px;justify-content:center;align-items:center}.dwsz [data-s]{width:38px;height:34px;border-radius:10px;background:#ffffff1a;display:grid;place-items:center;border:2px solid transparent}.dwsz [data-s].on{border-color:#ffd166}.dwsz i{display:block;border-radius:50%;background:#fff}

.dwsz .btn{background:#ffffff26;color:#fff;border:0}.dwbtns .btn{white-space:nowrap}.dwhd span{display:inline-flex;align-items:center;gap:4px}

/* v61 camera: the live <video> is the preview; the canvas is hidden and used for capture/recording */
.crstage #crc{position:absolute;inset:0;opacity:0;pointer-events:none}.crstage #crv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}
.crvov{position:absolute;inset:0;pointer-events:none}.crvov.ov-vig{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.5) 100%)}.crvov.ov-tealorange{background:linear-gradient(#008b8b,#ff8c00);mix-blend-mode:soft-light;opacity:.35}.crvov.ov-fade{background:#e8dcc8;opacity:.12}
.crgal{width:auto;height:auto;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#fff;letter-spacing:.3px}.crgal svg{box-sizing:border-box;width:48px;height:48px;padding:9px;border:2px solid #fff;border-radius:13px}
.crflip{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#fff}.crflip svg{width:30px;height:30px;margin:9px}
.crshw{display:flex;flex-direction:column;align-items:center;gap:5px}.crhint{font-size:10.5px;color:#ffffffaa;font-weight:600}
.crmsg{z-index:3}.crmbtn{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.crmbtn .btn{margin:0}
.stcam{display:flex;gap:10px;margin:0 0 12px}.stcam .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:14px 10px;font-weight:800}
.msk.mtap{cursor:pointer;pointer-events:auto;z-index:6}.mskp{margin-left:6px;font-weight:800;display:inline-flex;align-items:center;gap:3px}.mskp .ic{width:13px;height:13px}.mprow.pl .mpp{background:var(--accent,#ff2d75);color:#fff}
.cr .ib svg:not(.icc),.cr .crflip svg{stroke:#fff}
/* [AG-SHOP] begin */
/* ===== Shop: animated rarity cards with particles (all items) ===== */
.shit{position:relative;isolation:isolate;overflow:hidden;border:2px solid transparent!important;background-clip:padding-box!important;transition:transform .25s,box-shadow .25s}
.shit:before{content:"";position:absolute;inset:-60%;z-index:-2;background:conic-gradient(from 0deg,var(--r1),var(--r2),var(--r1) 40%,var(--r3),var(--r1));animation:shspin 6s linear infinite;opacity:.95}
.shit:after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--r2) 22%,var(--bg2)),var(--bg2) 70%)}
.shit>*{position:relative;z-index:1}
.shit .shpt{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;overflow:hidden;border-radius:inherit}
.shit .shpt i{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,var(--pc) 0,#0000 70%);animation:shrise var(--d) linear var(--dl) infinite;opacity:0}
.shit .shpt b{position:absolute;left:50%;top:38%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px var(--r2);animation:shorbit var(--d) linear var(--dl) infinite}
@keyframes shrise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}100%{transform:translateY(-190px) scale(1.1);opacity:0}}
@keyframes shorbit{from{transform:rotate(0) translateX(46px) rotate(0)}to{transform:rotate(360deg) translateX(46px) rotate(-360deg)}}
@keyframes shspin{to{transform:rotate(360deg)}}
.shit>span:first-child{animation:shtilt 7s ease-in-out infinite;transform-style:preserve-3d}
@keyframes shtilt{0%,100%{transform:perspective(500px) rotateY(-7deg) rotateX(3deg)}50%{transform:perspective(500px) rotateY(7deg) rotateX(-2deg)}}
.shit .shsw{position:absolute!important;top:-40%;left:-60%;width:40%;height:180%;z-index:2!important;background:linear-gradient(90deg,#0000,#fff3,#0000);transform:rotate(18deg);animation:shsweep 5.5s ease-in-out infinite;pointer-events:none}
@keyframes shsweep{0%,65%{left:-60%}100%{left:150%}}
.shit.rr-common{--r1:#5a6070;--r2:#a8b0c0;--r3:#3a3f4a;--pc:#dfe6f2}
.shit.rr-rare{--r1:#1a4fa0;--r2:#4da3ff;--r3:#0a2a60;--pc:#8cc8ff}
.shit.rr-epic{--r1:#5a1aa0;--r2:#c06bff;--r3:#ff4fd8;--pc:#e0a8ff}
.shit.rr-legendary{--r1:#a0600a;--r2:#ffd23a;--r3:#ff6a00;--pc:#ffe9a0;box-shadow:0 0 18px -4px #ffb30088}
.shit.rr-legendary:before{animation-duration:3.5s}
.shit.eq{box-shadow:0 0 0 2px #fff6,0 0 22px -2px var(--r2)!important;animation:sheq .6s ease-out}
@keyframes sheq{0%{transform:scale(.94)}60%{transform:scale(1.04)}100%{transform:none}}
.shit.shbought{animation:shbuy 1.1s cubic-bezier(.2,1.4,.4,1)}
.shit.shbought:after{animation:shflash 1.1s ease-out}
@keyframes shbuy{0%{transform:scale(.7) rotate(-4deg)}50%{transform:scale(1.08) rotate(2deg)}100%{transform:none}}
@keyframes shflash{0%{background:#fff}100%{}}
.shit:active{transform:scale(.97)}
.shoff,.shoff *,.shoff:before,.shoff:after{animation-play-state:paused!important}
.lowend .shit .shpt,.cxfx0 .shit .shpt,.lowend .shit .shsw,.cxfx0 .shit .shsw{display:none}
.lowend .shit:before,.cxfx0 .shit:before,.lowend .shit>span:first-child,.cxfx0 .shit>span:first-child{animation:none}
.azban{position:relative;overflow:hidden}.azban:after{content:"";position:absolute;top:-50%;left:-40%;width:30%;height:200%;background:linear-gradient(90deg,#0000,#fff4,#0000);transform:rotate(20deg);animation:shsweep 4.5s ease-in-out infinite;pointer-events:none}
/* [AG-SHOP] end */


/* ===================== HOOKS css (begin) ===================== */
.hkstrip{margin:6px 12px 2px}.hksh{display:flex;align-items:center;gap:10px;margin:8px 4px}.hksh h3{flex:1;margin:0;font-size:16px;font-weight:800;letter-spacing:.2px}
.hkbell{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--card,#ffffff12);color:inherit}.hkbell i{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ff3b5c;color:#fff;font:700 10px/17px system-ui;font-style:normal;text-align:center}
.hkadm{font-size:12px;font-weight:700;padding:6px 10px;border-radius:14px;background:#ffffff14;color:inherit;text-decoration:none}
.hkrow{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hkrow::-webkit-scrollbar{display:none}
.hkc{position:relative;flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:2px;padding:12px 12px 11px;border-radius:18px;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;box-shadow:0 6px 18px #0004}
.hkc::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 70%,#ffffff40 80%,transparent 90%);animation:hkspin 6s linear infinite}
.hkc::after{content:"";position:absolute;inset:0;z-index:-2;background:var(--hkg)}
.c-daily{--hkg:linear-gradient(140deg,#0f9b8e,#0b4f6c 70%,#082b44)}.c-pass{--hkg:linear-gradient(140deg,#7b4dff,#3a1c9c 70%,#1d0f52)}.c-tour{--hkg:linear-gradient(140deg,#ffb23f,#d1541a 65%,#6e1d0c)}.c-clan{--hkg:linear-gradient(140deg,#ff4f7b,#a3175a 65%,#4a0a33)}.c-inv{--hkg:linear-gradient(140deg,#38b6ff,#2251d6 65%,#10215e)}
.hkca{width:40px;height:40px;margin-bottom:4px}.hkca svg{width:40px;height:40px;display:block}.hkc b{font-size:14px;font-weight:800}.hkc small{font-size:11.5px;opacity:.86;line-height:1.25}
.hkpop{transform-box:fill-box;transform-origin:center;animation:hkpop 2.4s ease-in-out infinite}
.hkdot{position:absolute;top:10px;right:10px;width:9px;height:9px;border-radius:50%;background:#ffe066;box-shadow:0 0 0 0 #ffe066aa;animation:hkping 1.6s ease-out infinite}
@keyframes hkspin{to{transform:rotate(360deg)}}@keyframes hkpop{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes hkping{0%{box-shadow:0 0 0 0 #ffe066aa}100%{box-shadow:0 0 0 10px #ffe06600}}
.lowend .hkc::before{animation:none;display:none}.lowend .hkpop{animation:none}
.hkban{position:fixed;left:10px;right:10px;top:calc(8px + env(safe-area-inset-top));z-index:9999;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#1b1f3a,#2b1650);box-shadow:0 12px 30px #0007,inset 0 0 0 1px #ffffff1f;transform:translateY(-140%);transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}
.hkban.in{transform:none}.hkban b{display:block;font-size:14px}.hkban small{display:block;font-size:12.5px;opacity:.85;margin-top:2px}
.hkbi{flex:0 0 34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),linear-gradient(135deg,#ffcf3f,#ff7a18);box-shadow:0 0 14px #ffb34788;animation:hkpop 1.6s ease-in-out infinite}
.hk-turn .hkbi{background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),linear-gradient(135deg,#5ee7c5,#0b8f7e)}.hk-online .hkbi{background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),linear-gradient(135deg,#7cff6b,#16a34a)}.hk-war .hkbi,.hk-clan .hkbi{background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),linear-gradient(135deg,#ff6b8b,#b0103e)}.hk-beat .hkbi{background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),linear-gradient(135deg,#9d8cff,#4c1d95)}
.hkcode{display:block;margin:10px auto 0;background:none;border:0;color:#7aa7ff;font-weight:700;font-size:14px}
.hkinvchip{background:linear-gradient(120deg,#38b6ff,#7b4dff)!important;color:#fff!important}
/* earned frames */
.fx-hkorbit .frx,.fx-hkember .frx,.fx-hkprism .frx,.fx-hkapex .frx,.fx-hktidal .frx{inset:-9%;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));animation:fxspin 3.2s linear infinite}
.fx-hkorbit .frx{background:conic-gradient(#dfe9ff,#6d8cff,#1b2a6b,#dfe9ff)}.fx-hkorbit{filter:drop-shadow(0 0 5px #8fa8ffaa)}
.fx-hkorbit .frz{position:absolute;inset:-12%;border-radius:50%;animation:fxspin 2.2s linear infinite reverse}.fx-hkorbit .frz::after{content:"";position:absolute;top:-2px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #9db4ff}
.fx-hktidal .frx{background:conic-gradient(#b8fff4,#21c8c4,#0a5c8a,#21c8c4,#b8fff4);animation-duration:4.5s}.fx-hktidal .fry{position:absolute;inset:-16%;border-radius:50%;border:2px solid #4fe3d955;animation:hktide 2.4s ease-out infinite}.fx-hktidal{filter:drop-shadow(0 0 6px #2ee6d6aa)}
.fx-hkember .frx{background:conic-gradient(#fff1a8,#ff9f1a,#e0301e,#7a0f0f,#ff9f1a,#fff1a8);animation-duration:2.2s}.fx-hkember{animation:hkflick 1.2s ease-in-out infinite alternate}
.fx-hkprism .frx{background:conic-gradient(#ff4d6d,#ffbe0b,#3ae374,#3a86ff,#b14dff,#ff4d6d);animation:fxspin 4s linear infinite reverse}.fx-hkprism{animation:hkhue 6s linear infinite}
.fx-hkapex .frx{background:conic-gradient(#fff6c9,#ffcf3f,#b8860b,#7b2cbf,#ffcf3f,#fff6c9);animation-duration:2.6s;inset:-11%}.fx-hkapex .fry{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,transparent 58%,#b14dff55 66%,transparent 74%);animation:hkpulse 2s ease-in-out infinite}
.fx-hkapex .frz{position:absolute;left:50%;top:-30%;width:46%;height:26%;transform:translateX(-50%);background:linear-gradient(180deg,#fff6c9,#ffb300);clip-path:polygon(0 100%,8% 20%,30% 62%,50% 0,70% 62%,92% 20%,100% 100%);filter:drop-shadow(0 0 4px #ffcf3f);animation:hkcrown 2.4s ease-in-out infinite}
.av.fx.sm.fx-hkapex .frz{display:block;top:-26%}.fx-hkapex{filter:drop-shadow(0 0 7px #ffcf3faa)}
@keyframes hktide{0%{transform:scale(.88);opacity:.9}100%{transform:scale(1.16);opacity:0}}@keyframes hkflick{from{filter:drop-shadow(0 0 4px #ff7a18aa)}to{filter:drop-shadow(0 0 9px #ff3d00)}}@keyframes hkhue{to{filter:hue-rotate(360deg) drop-shadow(0 0 5px #fff6)}}
@keyframes hkpulse{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes hkcrown{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8%)}}
/* earned name colours */
.nc-hkaurora,.nc-hkmolten{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-size:200% auto;animation:ncsh 3s linear infinite;font-weight:800}
.nc-hkaurora{background-image:linear-gradient(90deg,#3cf0c5,#6d8cff,#d06bff,#ff6fa8,#3cf0c5)}.nc-hkmolten{background-image:linear-gradient(90deg,#ff7a18,#ffd54f,#fff3c2,#ffb300,#ff7a18)}
/* ===================== HOOKS css (end) ===================== */
/* [AI-CHARS] AI badge, shown next to every AI character name */
.aibdg{display:inline-flex;align-items:center;justify-content:center;height:16px;padding:0 5px;margin-left:4px;border-radius:5px;font:800 10px/1 system-ui,sans-serif;letter-spacing:.6px;color:#fff;background:linear-gradient(110deg,#5b4dff,#00b8e6 45%,#a64dff 55%,#5b4dff);background-size:250% 100%;animation:aibdg 3.2s linear infinite;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);flex:none}
@keyframes aibdg{to{background-position:-250% 0}}
.lowend .aibdg{animation:none}@media (prefers-reduced-motion:reduce){.aibdg,.aibanner{animation:none}}
/* [AI-CHARS] end */
/* [SNL-ART] begin */.snb{position:relative}.snov{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.snc span{z-index:2}.snc small{position:relative;z-index:0}
.snsn .snsc{animation:snsl var(--d) linear infinite}@keyframes snsl{to{stroke-dashoffset:-6}}.snsn .snhd{animation:snbob var(--d) ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes snbob{50%{transform:translateY(.35px) rotate(4deg)}}.sntg{animation:sntg 1.6s steps(2) infinite}@keyframes sntg{50%{opacity:0}}
.lowend .snsn *,html.cxfx0 .snsn *{animation:none!important}/* [SNL-ART] end */

/* [SPEED] begin (worker 5d890fce) — generated by speed_patch.py from the rules above */
.cxoff,.cxoff *,.cxoff::before,.cxoff::after,.cxoff *::before,.cxoff *::after,html.cxhid *,html.cxhid *::before,html.cxhid *::after{animation-play-state:paused!important}
html.lowend .aibdg,html.lowend .azban::after,html.lowend .azban::before,html.lowend .azban:after,html.lowend .bb-azam,html.lowend .bdsvg .bel,html.lowend .bdsvg .bneon,html.lowend .bdsvg.bfx-prince,html.lowend .bdsvg.bfx-shadow,html.lowend .bdsvg.bt-epic,html.lowend .bdsvg.bt-legendary,html.lowend .bdsvg.bt-rare,html.lowend .entfx .eban .eav,html.lowend .fchip.bdaz::after,html.lowend .fchip.shopb.bdt-epic::after,html.lowend .fchip.shopb.bdt-legendary::after,html.lowend .fr-fire,html.lowend .fr-galaxy,html.lowend .fr-rainbow,html.lowend .fx-hkember,html.lowend .fx-hkprism,html.lowend .fx-ice .frx,html.lowend .gs-fire .lt,html.lowend .lt.gs-fire,html.lowend .msgs.mybb-bb-azam .m.me .mb,html.lowend .msgs.thbb-bb-azam .m.them .mb,html.lowend .nc-azam,html.lowend .nc-fire,html.lowend .nc-galaxy,html.lowend .nc-gold,html.lowend .nc-hkaurora,html.lowend .nc-hkmolten,html.lowend .nc-ice,html.lowend .nc-neon,html.lowend .nc-rainbow,html.lowend .pmus.on::after,html.lowend .shit .shsw,html.lowend .snsn .snsc,html.lowend .th-aurora,html.lowend .th-bubbles,html.lowend .th-embers,html.lowend .th-fireglow,html.lowend .th-stars,html.lowend .tier.t6,html.lowend .vr.rt-inferno,html.lowend .vr[class*=" rt-"],html.lowend .wpk::after,html.lowend.at-fire .logo .lt{animation:none!important}
html.lowend .shit .shpt,html.lowend .shit .shsw{display:none}html.lowend .av.fx i{animation-duration:6s!important}
@media (prefers-reduced-motion:reduce){html #atfx i,html .a-bounce,html .a-float,html .a-jelly,html .a-pulse,html .a-wiggle,html .aibdg,html .av.fx.cz.cz-blueflame .frz,html .av.fx.cz.cz-dualflame .frz,html .av.fx.cz.cz-firering .frz,html .av.fx.cz.cz-moon .frz,html .av.fx.cz.cz-redfire .frz,html .av.fx.cz.cz-sunfire .frz,html .azban::after,html .azban::before,html .azban:after,html .azdice,html .azgear svg,html .bb-azam,html .bdaz .bdfl,html .bdsvg .bel,html .bdsvg .bfl,html .bdsvg .bneon,html .bdsvg .borb,html .bdsvg .bsh,html .bdsvg .bspk path,html .bdsvg .bsym,html .bdsvg.bfx-prince,html .bdsvg.bfx-shadow,html .bdsvg.bt-epic,html .bdsvg.bt-legendary,html .bdsvg.bt-rare,html .csk-neon .csglow,html .cz-blueflame .frx,html .cz-dualflame .frx,html .cz-firering .frx,html .cz-gold1 .fry,html .cz-ice3 .fry,html .cz-moon .frx,html .cz-redfire .frx,html .cz-silver2 .fry,html .cz-sunfire .frx,html .dwpen,html .entfx .eban .eav,html .entfx .estorm .heat,html .entfx .phglow,html .entfx .phw.l,html .entfx .phw.r,html .exh circle,html .fchip.bdaz::after,html .fchip.shopb.bdt-epic::after,html .fchip.shopb.bdt-legendary::after,html .fire,html .fr-fire,html .fr-galaxy,html .fr-rainbow,html .fw,html .fx-angel .fry::after,html .fx-angel .fry::before,html .fx-angel .frz,html .fx-azam .frx,html .fx-azam .frx::after,html .fx-azam .fry,html .fx-azam .frz,html .fx-diamond .frx,html .fx-diamond .fry,html .fx-dragon .frx,html .fx-fire .frx,html .fx-fire .fry,html .fx-flower .frx,html .fx-galaxy .frx,html .fx-galaxy .fry,html .fx-goldwings .fry::after,html .fx-goldwings .fry::before,html .fx-hearts .frx,html .fx-hkapex .frx,html .fx-hkapex .fry,html .fx-hkapex .frz,html .fx-hkember,html .fx-hkember .frx,html .fx-hkorbit .frx,html .fx-hkorbit .frz,html .fx-hkprism,html .fx-hkprism .frx,html .fx-hktidal .frx,html .fx-hktidal .fry,html .fx-ice .frx,html .fx-neon .frx,html .fx-p1 .frz,html .fx-phoenix .frx,html .fx-phoenix .fry::after,html .fx-phoenix .fry::before,html .fx-rainbow .frx,html .fx-royal .fry,html .fx-royal .frz,html .gart .rcspd,html .gfxo .gray,html .gicbg,html .gs-fire .lt,html .gsvg .gbob,html .gsvg .gbolt,html .gsvg .gdrv,html .gsvg .gfl,html .gsvg .gfly,html .gsvg .ghb,html .gsvg .gorb,html .gsvg .gpl,html .gsvg .grk,html .gsvg .gshine,html .gsvg .gsp,html .gsvg .gsp2,html .gsvg .gsw,html .gsvg .gtw,html .gsvg .gwh,html .gsvg .gwl,html .gsvg .gwr,html .gtprev.gth-inferno i:nth-child(even),html .gtprev.gth-neon i:nth-child(even),html .hasmw.mw-azam .sav::before,html .hb,html .hkbi,html .hkc::before,html .hkpop,html .icc .ish,html .icc .isk,html .icc .isk2,html .icc[data-ic=fire],html .icc[data-ic=heart],html .lbob,html .locmap span,html .lt.gs-fire,html .mane,html .msgs.mybb-bb-azam .m.me .mb,html .msgs.thbb-bb-azam .m.them .mb,html .nc-azam,html .nc-fire,html .nc-galaxy,html .nc-gold,html .nc-hkaurora,html .nc-hkmolten,html .nc-ice,html .nc-neon,html .nc-rainbow,html .pmus.on::after,html .rdisc,html .rkem,html .roar,html .shcsk .cskart,html .shcsk::after,html .shit .shpt b,html .shit .shpt i,html .shit .shsw,html .shit:before,html .shit>span:first-child,html .snsn .snhd,html .snsn .snsc,html .sntg,html .spd rect,html .th-aurora,html .th-bubbles,html .th-embers,html .th-fireglow,html .th-stars,html .tier .tflm,html .tier .tshine,html .tier.t6,html .tw,html .ventry.en-fireworks span,html .vipb .vsh,html .vr.rt-inferno,html .vr[class*=" rt-"],html .vrtap,html .whl,html .wing,html .wpk::after,html body.th-love .thfx i,html.at-fire .logo .lt{animation:none!important}}
/* [SPEED] end */

/* QA-FIX 13cc611d */
.ludo{grid-template-columns:repeat(15,minmax(0,1fr))}.lc{min-width:0;min-height:0;overflow:hidden}.lc:has(.ltk+.ltk) .ltk{width:44%;min-width:0;border-width:1px}
.lc.zc{background:conic-gradient(from -45deg,#06d6a0 0 90deg,#ffb703 90deg 180deg,#118ab2 180deg 270deg,#ff4d6d 270deg 360deg);background-size:300% 300%}
.lc.zc0{background-position:0 0}.lc.zc1{background-position:50% 0}.lc.zc2{background-position:100% 0}.lc.zc3{background-position:0 50%}.lc.zc4{background-position:50% 50%}.lc.zc5{background-position:100% 50%}.lc.zc6{background-position:0 100%}.lc.zc7{background-position:50% 100%}.lc.zc8{background-position:100% 100%}
.c4{grid-template-columns:repeat(7,minmax(0,1fr))}.memg{grid-template-columns:repeat(4,minmax(0,1fr))}.memc{min-width:0;overflow:hidden}.hgk{grid-template-columns:repeat(9,minmax(0,1fr))}.chb{grid-template-columns:repeat(8,minmax(0,1fr))}.tttb{grid-template-columns:repeat(3,minmax(0,1fr))}
.botov .gcard.g2.gth-classic,.botov .gcard.g2.gth-{background:linear-gradient(160deg,#261c4a,#150f2c);border:1px solid #ffffff22;color:#fff;--bg2:#261c4a;--bg3:#352a63;--fg:#fff;--mut:#bdb6d8;--line:#ffffff22}
html[data-theme=light] .msgs .gcard .gturn,html[data-theme=light] .gcard.gth-classic .gturn{color:#b45309}html[data-theme=light] .botov .gcard .gturn{color:#ffd166}
.rctr button::before{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000a);pointer-events:none}.rctr b,.rctr small{position:relative}
.dwpad .ib{color:#fff}
/* [MUSIC-FIX] begin: music picker must sit above the full-screen create/editor screen (.cr z-index 60) */
.sheet-bg.mpk{z-index:9600}
body.crmode .sheet-bg{z-index:9600}
/* [MUSIC-FIX] end */

/* [MOVIES] DM card, story sticker and Explore entry for the Movies section (m/movies.js) */
.mvdm{display:block;width:240px;border-radius:18px;overflow:hidden;background:var(--bg2);border:1px solid var(--line);color:var(--fg)}
.mvdm .mvdmt{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#3a1d6e,#7a1d4a)}.mvdm .mvdmt img{width:100%;height:100%;object-fit:cover}
.mvdm .mvdmt i{position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.4)}.mvdm .mvdmt i svg{width:20px;height:20px;stroke:#fff;fill:#fff}
.mvdm .mvdmi{display:grid;gap:2px;padding:9px 12px 11px}.mvdm .mvdmi b{font-size:14px;line-height:1.25}.mvdm .mvdmi small{font-size:12px;color:var(--mut)}
.mvstk{display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;background:rgba(255,255,255,.94);color:#111;text-align:left;max-width:300px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.mvstk img{width:108px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex:none;background:#222}.mvstk span{display:grid;gap:2px;min-width:0}.mvstk b{font-size:14px;line-height:1.2}.mvstk small{font-size:11.5px;color:#555}.mvstk em{font-style:normal;font-size:12px;font-weight:800;color:#ff2d75}
.mvpromo{display:flex;align-items:center;gap:12px;margin:2px 14px 12px;padding:12px 14px;border-radius:18px;color:#fff;background:linear-gradient(110deg,#ff7a18,#ff2d75 50%,#7b5cff);box-shadow:0 10px 26px rgba(255,45,117,.25)}
.mvpromo .mvpi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.2);flex:none}.mvpromo .mvpi svg{width:22px;height:22px;stroke:#fff;fill:#fff}
.mvpromo span{display:grid;gap:1px;flex:1;min-width:0}.mvpromo b{font-size:15px}.mvpromo small{font-size:12px;opacity:.9}.mvpromo .mvar svg{width:20px;height:20px;stroke:#fff}
/* [CAM-FIX] begin: full-screen reels/story camera, timer, length, progress ring, dark-picture notice */
.cr.crfull .crstage{position:absolute;inset:0;max-width:none;max-height:none;width:100%;height:100%;border-radius:0;aspect-ratio:auto!important;z-index:0;background:#000}
.cr.crfull>*:not(.crstage){position:relative;z-index:2}
.cr.crfull .crtop{margin-bottom:auto;padding-top:calc(env(safe-area-inset-top) + 8px)}
.cr.crfull::before,.cr.crfull::after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:1}
.cr.crfull::before{top:0;height:120px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0))}
.cr.crfull::after{bottom:0;height:230px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6))}
.cr.crfull .crbar{display:none}
.cr.crfull .crmodes button{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.crtop .crtim,.crtop .crlen{display:inline-flex;align-items:center;gap:3px;width:auto;min-width:34px;padding:0 6px;color:#fff;font-size:12px;font-weight:800}
.crtop .crtim b,.crtop .crlen b{font-size:12px;font-weight:800;letter-spacing:.2px}
.crtop .crtim svg{width:18px;height:18px}
.crtop .crtim.on{color:#ffd166}.crtop .crtim.on svg{stroke:#ffd166!important}
.crshot{position:relative}
.crshot .crring{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);transform:rotate(-90deg);pointer-events:none;overflow:visible}
.crshot .crring circle{fill:none;stroke:#ff2d75;stroke-width:6;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;opacity:0;transition:stroke-dashoffset .2s linear,opacity .2s}
.crshot.rec .crring circle{opacity:1}
.crcd{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:900;color:#fff;text-shadow:0 4px 30px rgba(255,45,117,.8);z-index:4;pointer-events:none;animation:crcdp 1s ease-out infinite}
@keyframes crcdp{0%{transform:scale(1.25);opacity:.4}30%{transform:scale(1);opacity:1}100%{transform:scale(.95);opacity:.9}}
.crdark{position:absolute;left:12px;right:12px;bottom:200px;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;font-weight:600;line-height:1.35}
.crdark[hidden]{display:none}
.crdark span{flex:1}
.crdark .btn{flex:none;background:linear-gradient(135deg,#ff2d75,#7b5cff);color:#fff;border:0}
.cr:not(.crfull) .crdark{bottom:12px}
.crmsg .crmbtn .btn:not(.pri){background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.28)}
/* [CAM-FIX] end */

/* [CRFIX] */ .crmsg[hidden],.crcd[hidden]{display:none!important}

/* [BATCH2] */
.likes .lc{aspect-ratio:auto!important;display:inline!important;background:none!important;outline:0!important;overflow:visible!important}
.sheet .rvcats button{width:auto!important;display:inline-block!important;padding:6px 14px!important;font-size:13px!important;border-bottom:1px solid var(--line)!important}
#mf.hasfx #fxb{display:inline-flex!important;align-items:center;gap:3px;width:auto;max-width:96px;padding:0 9px;height:30px;border-radius:15px;background:var(--grad);color:#fff;opacity:1;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;flex:none}
#mf.hasfx #fxb span{overflow:hidden;text-overflow:ellipsis}
#mf.hasfx #fxb .ic{width:15px;height:15px;flex:none}
#mf.typing #fxb{display:none!important}
.vfxtag{display:inline-flex;align-items:center;gap:4px;flex:none;padding:4px 9px;border-radius:12px;background:var(--grad);color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.vfxtag.n{background:var(--bg3);color:var(--fg)}
.vfxtag .ic{width:14px;height:14px;flex:none}
.recbar .vfxtag{flex:none}
.fxrow button{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.fxrow button .ic{width:14px;height:14px;flex:none}
.vnfx{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:9px;background:rgba(0,0,0,.22);white-space:nowrap;flex:none}
.vnfx .ic{width:12px;height:12px}
.fpop button small{margin-left:8px}
#funb .ic,#micb .ic{width:22px;height:22px}
.vcsl[hidden]{display:none!important}
.recbar:has(.vcsl:not([hidden])){overflow:visible}
.recbar .vcsl:not([hidden]){position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:var(--bg2);border-radius:16px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:5}
.recbar .fxrow button{color:var(--fg);font-weight:600}
.recbar .fxrow button.on{color:#fff}

/* [VNSKIN] voice notes take the chat theme / bubble skin */
body.th-love .m.them .vn{background:#4a1626}
body.th-dark .m.them .vn{background:#141418}
body.th-ocean .m.them .vn{background:#0e3552}
body.th-sunset .m.them .vn{background:#4a2420}
body.th-neon .m.them .vn{background:#161226;box-shadow:0 0 10px rgba(176,38,255,.3)}
body.th-galaxy .m.them .vn{background:#221a48}
body.th-nature .m.them .vn{background:#1f3f26}
body.th-custom .m.them .vn{background:rgba(20,20,26,.82)}
.msgs.mybb-bb-sunset .m.me .vn,.msgs.thbb-bb-sunset .m.them .vn{background:linear-gradient(135deg,#ff7a18,#ff2d75)!important;color:#fff!important}
.msgs.mybb-bb-ocean .m.me .vn,.msgs.thbb-bb-ocean .m.them .vn{background:linear-gradient(135deg,#00c6ff,#0072ff)!important;color:#fff!important}
.msgs.mybb-bb-candy .m.me .vn,.msgs.thbb-bb-candy .m.them .vn{background:linear-gradient(135deg,#ff9a9e,#fad0c4 50%,#a18cd1)!important;color:#3a1030!important}
.msgs.mybb-bb-galaxy .m.me .vn,.msgs.thbb-bb-galaxy .m.them .vn{background:radial-gradient(circle at 20% 20%,#ff2d7577,transparent 50%),linear-gradient(135deg,#1c0b45,#4b1d8f)!important;color:#fff!important}
.msgs.mybb-bb-mint .m.me .vn,.msgs.thbb-bb-mint .m.them .vn{background:linear-gradient(135deg,#43e97b,#38f9d7)!important;color:#063b2a!important}
.msgs.mybb-bb-azam .m.me .vn,.msgs.thbb-bb-azam .m.them .vn{color:#fff4e6!important;border:1px solid #ff7a1a!important;background:radial-gradient(1.6px 1.6px at 18% 92%,#ffd54f,transparent),radial-gradient(1.4px 1.4px at 64% 96%,#ff9100,transparent),radial-gradient(1.8px 1.8px at 84% 88%,#ffe082,transparent),radial-gradient(1.2px 1.2px at 40% 99%,#ff6d00,transparent),linear-gradient(165deg,#2b0a03 0%,#571203 55%,#9a2600 100%)!important;background-size:100% 160%,100% 160%,100% 160%,100% 160%,100% 100%!important;box-shadow:0 0 10px #ff4d0080,inset 0 -10px 14px -10px #ffb300,inset 0 0 0 1px #ff3d0033!important;animation:bbburn 1.8s ease-in-out infinite alternate,bbemb 2.4s linear infinite!important}
.msgs.myazv-blue .m.me .vn{filter:hue-rotate(195deg) saturate(1.2)}
.msgs.myazv-gold .m.me .vn{filter:hue-rotate(18deg) saturate(1.15) brightness(1.1)}

/* [ICONS-v2] animated icons: transform/opacity only; off for reduced motion and low-end phones */
.agp{display:block;overflow:visible}
.agp .agp-b{transform-box:view-box;transform-origin:12px 13px;animation:agpTilt 3.2s ease-in-out infinite}
.agp .agp-k1{animation:agpBlink 1.6s ease-in-out infinite}
.agp .agp-k2{animation:agpBlink 1.6s .8s ease-in-out infinite}
.agp .agp-s{transform-box:fill-box;transform-origin:center;animation:agpSpark 3.2s ease-in-out infinite}
.agp .agp-s2{transform-box:fill-box;transform-origin:center;animation:agpSpark 3.2s 1.5s ease-in-out infinite}
@keyframes agpTilt{0%,62%,100%{transform:rotate(0) translateY(0)}70%{transform:rotate(-9deg) translateY(-.6px)}78%{transform:rotate(7deg) translateY(-.6px)}86%{transform:rotate(-3deg)}93%{transform:rotate(0)}}
@keyframes agpBlink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes agpSpark{0%,55%,100%{opacity:0;transform:scale(.3) rotate(0)}70%{opacity:1;transform:scale(1.1) rotate(45deg)}85%{opacity:0;transform:scale(.5) rotate(90deg)}}
.hgame{font-size:0!important;filter:none!important}
.funb{display:grid;place-items:center}
.ib>svg,.ib>.aic,.funb>svg,.xchips a>.ic,.glist b>.ic{transition:transform .22s cubic-bezier(.34,1.8,.5,1)}
.ib:active>svg,.ib:active>.aic,.funb:active>svg,.xchips a:active>.ic,.glist button:active b>.ic{transform:scale(.8)}
.aic{display:inline-grid;place-items:center}
.aic-mic .ic{width:22px;height:22px;color:var(--acc)}
.aic-mic{animation:aicBreath 3s ease-in-out infinite}
@keyframes aicBreath{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}
.xchips a .ic{animation:aicFloat 3.4s ease-in-out infinite}
.xchips a:nth-child(2) .ic{animation-delay:.4s}.xchips a:nth-child(3) .ic{animation-delay:.8s}.xchips a:nth-child(4) .ic{animation-delay:1.2s}.xchips a:nth-child(5) .ic{animation-delay:1.6s}.xchips a:nth-child(6) .ic{animation-delay:2s}
@keyframes aicFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
.dbig .adie{display:block;margin:0 auto;animation:adieIn .6s cubic-bezier(.3,1.6,.5,1) both}
@keyframes adieIn{0%{transform:rotate(-200deg) scale(.4);opacity:0}100%{transform:rotate(0) scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.agp *,.aic,.aic *,.xchips a .ic,.dbig .adie{animation:none!important}}
html.lowend .agp *,html.lowend .aic,html.lowend .aic *,html.lowend .xchips a .ic,html.lowend .dbig .adie{animation:none!important}

/* [ICONS-v2] rich friend picker */
.frsheet{max-height:82vh;display:flex;flex-direction:column;padding-top:14px}
.frhd{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 16px 12px;font-size:16px}
.frlist{overflow-y:auto;padding:0 10px 6px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}
.sheet .frow{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(255,122,24,.07),rgba(255,45,117,.06) 50%,rgba(123,92,255,.09));font-size:14px;animation:frIn .38s cubic-bezier(.2,1.3,.4,1) both;animation-delay:var(--d);transition:transform .18s cubic-bezier(.34,1.8,.5,1)}
.sheet .frow:last-child{border:1px solid var(--line)}
.sheet .frow:active,.sheet .frow.tap{transform:scale(.96);background:linear-gradient(135deg,rgba(255,122,24,.16),rgba(255,45,117,.14) 50%,rgba(123,92,255,.18))}
@keyframes frIn{0%{opacity:0;transform:translateY(10px) scale(.97)}100%{opacity:1;transform:none}}
.frav{position:relative;flex:none;display:grid;place-items:center;width:52px;height:52px}
.fron{position:absolute;right:1px;bottom:3px;width:13px;height:13px;border-radius:50%;background:#2fd36b;border:2.5px solid var(--bg2);z-index:3;animation:frPing 2s ease-out infinite}
@keyframes frPing{0%{box-shadow:0 0 0 0 rgba(47,211,107,.55)}80%,100%{box-shadow:0 0 0 7px rgba(47,211,107,0)}}
.frtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.frtx b{display:flex;align-items:center;gap:4px;font-size:15px;min-width:0}
.frnm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frtx small{color:var(--mut);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fronl{color:#2fd36b;font-style:normal;font-weight:700}
.frlv{display:flex;align-items:center;gap:6px;margin-top:3px}
.frlv em{font-style:normal;font-size:10.5px;font-weight:800;color:#fff;padding:1px 7px;border-radius:999px;background:var(--grad);flex:none}
.frxp{flex:1;max-width:110px;height:5px;border-radius:9px;background:rgba(128,128,128,.22);overflow:hidden}
.frxp i{display:block;height:100%;width:100%;background:var(--grad);transform-origin:left center;border-radius:9px}
.frtier{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:44px}
.frtier small{font-size:10px;font-weight:700;color:var(--mut)}
.frgo{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(128,128,128,.14)}
.frgo .ic{width:16px;height:16px}
.sheet .frx{margin-top:4px}
@media (prefers-reduced-motion:reduce){.sheet .frow,.fron{animation:none!important}}
html.lowend .sheet .frow,html.lowend .fron{animation:none!important}
/* sheet menus: icons where the old emoji were */
.sheet>button>.ic{width:19px;height:19px;vertical-align:-4px;margin-right:6px;color:var(--acc);transition:transform .2s cubic-bezier(.34,1.8,.5,1)}
.sheet>button.red>.ic{color:var(--danger)}
.sheet>button:active>.ic{transform:scale(.8) rotate(-6deg)}
.sheet>button>.ic{animation:shIc .45s cubic-bezier(.2,1.5,.4,1) both}
.sheet>button:nth-child(2)>.ic{animation-delay:.04s}.sheet>button:nth-child(3)>.ic{animation-delay:.08s}.sheet>button:nth-child(4)>.ic{animation-delay:.12s}.sheet>button:nth-child(n+5)>.ic{animation-delay:.16s}
@keyframes shIc{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:none}}
.spth.fwi .ic{width:22px;height:22px}
@media (prefers-reduced-motion:reduce){.sheet>button>.ic{animation:none!important}}
html.lowend .sheet>button>.ic{animation:none!important}

.gcn{font-weight:800}.gcn.sk{display:inline-block;width:3.4em;height:1em;vertical-align:-2px;border-radius:6px;background:linear-gradient(90deg,#8882 0%,#8885 50%,#8882 100%);background-size:200% 100%;animation:gcnsk 1.1s linear infinite}.gcn.sk:not(:empty){width:auto;height:auto;background:none;animation:none}@keyframes gcnsk{to{background-position:-200% 0}}

/* [STORYX] */
.svf{flex-wrap:nowrap}
.sxf{min-width:0}.sxf input{min-width:0;flex:1;padding:10px 14px}
.sxsend,.sxlike,.sxdm{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.sxsend{width:36px;height:36px;margin-left:-44px;align-self:center;background:linear-gradient(135deg,#ff3d77,#7a5cff);opacity:.95}
.sxsend svg,.sxdm svg,.sxmy svg,.svbtn.sxc svg:not(.sxh){width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sxf input{padding-right:46px}
.sxlike svg{width:30px;height:30px;overflow:visible}
.sxh .sxp{fill:transparent;stroke:#fff;stroke-width:2.2;stroke-linejoin:round;transition:fill .18s}
.sxh .sxb circle{fill:#ff4f86;opacity:0;transform-origin:16px 16px;transform:scale(.4)}
.sxlike.on .sxp{fill:#ff2f6d;stroke:#ff2f6d}
.sxlike:active svg{transform:scale(.86)}
.sxlike.pop svg{animation:sxPop .48s cubic-bezier(.2,1.6,.4,1)}
.sxlike.pop .sxb circle{animation:sxBurst .55s ease-out}
@keyframes sxPop{0%{transform:scale(.6)}45%{transform:scale(1.32)}70%{transform:scale(.92)}100%{transform:scale(1)}}
@keyframes sxBurst{0%{opacity:0;transform:scale(.4)}25%{opacity:1}100%{opacity:0;transform:scale(1.25)}}
.svbtn.sxc{padding:8px 9px}.svbtn.sxc .sxh{width:22px;height:22px}.svbtn.sxc .sxp{fill:#ff2f6d;stroke:#ff2f6d}.svbtn.sxc .sxb{display:none}
.sxmy{position:absolute;left:12px;bottom:calc(100% - 2px);display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:#fff;padding:6px 11px;border-radius:99px;background:rgba(0,0,0,.45)}
.sxmy svg{width:16px;height:16px}
.sxsheet{max-height:72vh;display:flex;flex-direction:column}
.sxsheet button{border-bottom:0;font-size:inherit;text-align:inherit}
.sxsheet .sxtabs button{display:flex;width:auto;padding:9px 6px;font-size:13.5px}
.sxsheet .sxdel{display:grid;width:34px;padding:0}.sxsheet .sxdel.arm{width:auto;padding:0 12px;height:34px}
.sxtabs{display:flex;gap:6px;padding:0 14px 8px}
.sxtabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:12px;font-weight:650;font-size:13.5px;color:var(--mut,#999);background:rgba(128,128,128,.1)}
.sxtabs button.on{color:var(--fg);background:rgba(128,128,128,.24)}.sxsheet .sxtabs button:not(.on){color:var(--fg);opacity:.62}
.sxtabs svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sxtabs .sxh .sxp{fill:#ff2f6d;stroke:#ff2f6d}.sxtabs .sxb{display:none}
.sxlist{overflow:auto;-webkit-overflow-scrolling:touch;padding:0 6px;min-height:120px}
.sxrow{display:flex;align-items:flex-start;gap:10px;padding:9px 8px}
.sxrow .who{flex:1;min-width:0}
.sxrow .nm{display:flex;align-items:center;gap:4px;font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}
.sxrow .un{font-size:12.5px;color:var(--fg);opacity:.6}
.sxrow .bd{font-size:14px;line-height:1.35;margin-top:3px;word-break:break-word;color:var(--fg)}
.sxrow a.av0{flex:none}
.sxdel{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--mut,#999)}
.sxdel svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sxdel.arm{width:auto;padding:0 12px;border-radius:99px;background:#ff2f6d;color:#fff;font-weight:700;font-size:12.5px}
.sxlh{flex:none;align-self:center}.sxlh .sxh{width:20px;height:20px}.sxlh .sxp{fill:#ff2f6d;stroke:#ff2f6d}.sxlh .sxb{display:none}
/* story delete confirm was hidden under the viewer */
.sv~.sheet-bg.uiask{z-index:80}
@media (prefers-reduced-motion:reduce){.sxlike.pop svg,.sxlike.pop .sxb circle{animation:none}}
html.lowend .sxlike.pop .sxb circle{animation:none}

/* ---- perf: games (pause the app behind a game, low-end trims) ---- */
body.agopen #app,body.gmopen #app{animation:cxHideApp 0s .34s forwards}
@keyframes cxHideApp{to{visibility:hidden}}
body.agopen #app *,body.agopen #app *::before,body.agopen #app *::after,body.gmopen #app *,body.gmopen #app *::before,body.gmopen #app *::after{animation-play-state:paused!important}
.lowend .agcard *{animation-iteration-count:1!important}
.lowend .agcard::after,.lowend .agcard:after{display:none!important}
.lowend .hkc,.lowend .hkpop,.lowend .hkdot,.lowend .tshine,.lowend .agnf,.lowend .rcspd{animation:none!important}
.lowend .agov,.lowend .agov *,.lowend .botov,.lowend .botov *,.lowend .sheet{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.lowend .lxbg::before{animation:none}


/* ===================== [BTICK] Connexta Verified (worker 657d2998) ===================== */
.badge.btb{width:16px;height:16px;vertical-align:-3px;filter:drop-shadow(0 0 3px rgba(29,123,255,.45))}
.badge.btb .btsh{animation:btShine 4.5s ease-in-out infinite;transform-origin:center}
@keyframes btShine{0%,78%{opacity:0;transform:translateX(-6px)}86%{opacity:.55}100%{opacity:0;transform:translateX(18px)}}
.chip.btpri{background:linear-gradient(90deg,#1d7bff,#5fb4ff);color:#fff;border:0}
.srow3.btrow .sic svg{width:22px;height:22px}
/* animated DP frames (Blue Tick only) */
.fx-btaura .frx,.fx-btprism .frx{inset:-10%;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));animation:fxspin 3.2s linear infinite}
.fx-btaura .frx{background:conic-gradient(#0a4fd6,#5fb4ff,#ffffff,#1d7bff,#0a4fd6)}
.fx-btaura{filter:drop-shadow(0 0 6px rgba(61,139,255,.75))}
.fx-btaura .fry{inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(95,180,255,.0) 55%,rgba(95,180,255,.35) 62%,rgba(95,180,255,0) 72%);animation:btPulse 2.4s ease-in-out infinite}
.fx-btprism .frx{background:conic-gradient(#7b5cff,#1d7bff,#00e0ff,#7bffb5,#ffd36b,#ff5ca8,#7b5cff);animation-duration:4s}
.fx-btprism{filter:drop-shadow(0 0 6px rgba(123,92,255,.6))}
.fx-btprism .fry{inset:-18%;border-radius:50%;background:radial-gradient(circle,transparent 58%,rgba(255,255,255,.28) 63%,transparent 70%);animation:btPulse 3s ease-in-out infinite}
@keyframes btPulse{0%,100%{transform:scale(.94);opacity:.5}50%{transform:scale(1.05);opacity:1}}
.lowend .fx-btaura,.lowend .fx-btprism{filter:none}
@media (prefers-reduced-motion:reduce){.fx-btaura .frx,.fx-btprism .frx,.fx-btaura .fry,.fx-btprism .fry,.badge.btb .btsh{animation:none!important}}
/* 5 premium app themes (dark + light palettes) */
html.atb-sapphire:not([data-theme=light]){--bg:#040a1a;--bg2:#0a1430;--bg3:#122046;--fg:#eef4ff;--mut:#8ea3cc;--line:#1a2b55;--acc:#2f7bff;--acc2:#7fb6ff;--grad:linear-gradient(45deg,#0a4fd6,#2f7bff 55%,#7fd4ff);--blue:#5fa8ff;color-scheme:dark}
html.atb-amethyst:not([data-theme=light]){--bg:#0d0618;--bg2:#170c2a;--bg3:#22133d;--fg:#f6efff;--mut:#a995c9;--line:#2e1d4f;--acc:#9b5cff;--acc2:#e08cff;--grad:linear-gradient(45deg,#5b2bd6,#9b5cff 55%,#e08cff);--blue:#b18cff;color-scheme:dark}
html.atb-ocean:not([data-theme=light]){--bg:#021417;--bg2:#062126;--bg3:#0b3036;--fg:#e8fdff;--mut:#86b9bf;--line:#0f3c43;--acc:#00c2c7;--acc2:#4de3ff;--grad:linear-gradient(45deg,#007a8a,#00c2c7 55%,#7cf3ff);--blue:#4de3ff;color-scheme:dark}
html.atb-rosegold:not([data-theme=light]){--bg:#150a0a;--bg2:#221212;--bg3:#311b1a;--fg:#fff2ee;--mut:#c9a19a;--line:#3d2421;--acc:#e8927c;--acc2:#ffc9a8;--grad:linear-gradient(45deg,#b76e79,#e8927c 55%,#ffd3b5);--blue:#ffb59a;color-scheme:dark}
html.atb-emerald:not([data-theme=light]){--bg:#03110a;--bg2:#081d12;--bg3:#0f2a1b;--fg:#ecfff4;--mut:#8dbfa3;--line:#143522;--acc:#1fbf6b;--acc2:#7cf0b0;--grad:linear-gradient(45deg,#0b7a43,#1fbf6b 55%,#c8f7a0);--blue:#5fe3a1;color-scheme:dark}
html.atb-sapphire[data-theme=light]{--bg:#f4f8ff;--bg2:#e8f0ff;--bg3:#dbe7ff;--line:#cfdcf7;--acc:#1d6bff;--acc2:#4a8dff;--grad:linear-gradient(45deg,#0a4fd6,#2f7bff 55%,#5fc0ff);--blue:#1d6bff}
html.atb-amethyst[data-theme=light]{--bg:#faf6ff;--bg2:#f1e9ff;--bg3:#e6daff;--line:#dccff5;--acc:#7b3cff;--acc2:#b06bff;--grad:linear-gradient(45deg,#5b2bd6,#9b5cff 55%,#d06cff);--blue:#7b3cff}
html.atb-ocean[data-theme=light]{--bg:#f2fdfd;--bg2:#e2f7f8;--bg3:#d0eff1;--line:#c4e6e8;--acc:#009aa3;--acc2:#00b8d4;--grad:linear-gradient(45deg,#007a8a,#00aab4 55%,#33d1ff);--blue:#008fa8}
html.atb-rosegold[data-theme=light]{--bg:#fff8f5;--bg2:#fdeee8;--bg3:#f8e0d8;--line:#f0d4ca;--acc:#c46a5a;--acc2:#e8927c;--grad:linear-gradient(45deg,#b76e79,#d9826c 55%,#f2b48f);--blue:#c46a5a}
html.atb-emerald[data-theme=light]{--bg:#f3fdf7;--bg2:#e3f7eb;--bg3:#d1efdd;--line:#c7e8d4;--acc:#11995a;--acc2:#21c47a;--grad:linear-gradient(45deg,#0b7a43,#17a862 55%,#7fd99a);--blue:#11995a}
html[class*="atb-"]:not([data-theme=light]) body{background:radial-gradient(120% 45% at 50% 0%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%) fixed,var(--bg)}
/* 4 premium chat themes */
body.th-btsapphire{background:linear-gradient(180deg,#030b24,#0a2a6b 60%,#1d5fd6)}
body.th-btsapphire .m.me .mb,body.th-btsapphire .m.me .vn{background:linear-gradient(135deg,#1d6bff,#5fb4ff)}
body.th-btsapphire .m.them .mb{background:#0e2350}
body.th-btaurora{background:linear-gradient(180deg,#02121a,#063a3f 45%,#2b1a5a)}
body.th-btaurora .m.me .mb,body.th-btaurora .m.me .vn{background:linear-gradient(135deg,#00c2a8,#7b5cff)}
body.th-btaurora .m.them .mb{background:#0b2f36}
body.th-btgold{background:linear-gradient(180deg,#0f0b03,#2a1d05 60%,#4a3207)}
body.th-btgold .m.me .mb,body.th-btgold .m.me .vn{background:linear-gradient(135deg,#c98500,#ffd36b);color:#1a1000}
body.th-btgold .m.them .mb{background:#2d2309}
body.th-btmidnight{background:linear-gradient(180deg,#0a0510,#2a0b25 55%,#5a1240)}
body.th-btmidnight .m.me .mb,body.th-btmidnight .m.me .vn{background:linear-gradient(135deg,#ff3d8b,#b026ff)}
body.th-btmidnight .m.them .mb{background:#2a0f28}
/* cover video on profile */
.btcov{position:relative;margin:-4px -14px 10px;height:150px;overflow:hidden;border-radius:0 0 18px 18px;background:#000}
.btcov video{width:100%;height:100%;object-fit:cover;display:block}
.btcov:after{content:"";position:absolute;inset:auto 0 0 0;height:60px;background:linear-gradient(transparent,var(--bg))}
.btpv{display:flex;align-items:center;gap:10px;margin:8px 0 2px;padding:10px 12px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);color:var(--fg);text-decoration:none;font-size:14px}
.btpv svg{width:22px;height:22px;flex:none}.btpv b{font-weight:700}.btpv small{color:var(--mut);display:block;font-size:12px}.btpv em{margin-left:auto;font-style:normal;color:var(--blue);font-weight:700;font-size:13px}
/* story link stickers */
.btsl{position:absolute;left:12px;right:12px;bottom:86px;z-index:6;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;pointer-events:none}
.btsl a{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;max-width:90%;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.94);color:#0a4fd6;font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btsl a svg{width:16px;height:16px;flex:none}
/* ===================== /[BTICK] ===================== */

/* ---- Ludo (glossy) ---- */
.gcard.lxcard,.botbody .gcard.lxcard{padding:0!important;overflow:hidden;background:#0f3c9c!important;border:0!important;animation:none!important;width:min(560px,100%)!important;max-width:none!important;color:#fff}
.lx{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"a c" "b b" "d e" "m m" "j j";gap:8px 8px;padding:10px 8px 10px;color:#fff;isolation:isolate}
.lxbg{position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 50% 45%,#2f7bff 0%,#1450c8 45%,#0b2f86 100%);overflow:hidden}
.lxbg::before{content:"";position:absolute;inset:-60px;background-image:radial-gradient(circle at 10px 10px,rgba(255,255,255,.13) 2.5px,transparent 3px),linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%);background-size:40px 40px,40px 40px;animation:lxpan 14s linear infinite}
@keyframes lxpan{to{transform:translate(40px,40px)}}
.lxp{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 6px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(0,0,0,.25);transition:box-shadow .25s,transform .25s}
.lxp.off{visibility:hidden}
.lxp.s0{grid-area:a}.lxp.s1{grid-area:c;flex-direction:row-reverse;text-align:right}.lxp.s3{grid-area:d}.lxp.s2{grid-area:e;flex-direction:row-reverse;text-align:right}
.lxp.on{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 2px #ffe066,0 0 16px rgba(255,224,102,.75);transform:translateY(-1px)}
.lxav{position:relative;flex:none;width:40px;height:40px;border-radius:12px;padding:3px;background:linear-gradient(135deg,#ffe58a,#d08a00);box-shadow:0 2px 6px rgba(0,0,0,.35)}
.lxav>img,.lxav>svg:first-child,.lxav>.lxin{width:100%;height:100%;border-radius:9px;object-fit:cover;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;overflow:hidden}
.lxring{position:absolute;inset:-5px;width:50px;height:50px;transform:rotate(-90deg);pointer-events:none;opacity:0}
.lxring circle{fill:none;stroke:#ffe066;stroke-width:3;stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:0}
.lxp.on .lxring{opacity:1}.lxp.on .lxring circle{animation:lxtime 20s linear forwards}
@keyframes lxtime{to{stroke-dashoffset:126}}
.lxpi{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.15}
.lxpi b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.lxpi small{font-size:10.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxpi small svg{width:11px;height:11px;vertical-align:-1px}
.lxhm{display:flex;gap:3px;margin-top:3px}.lxp.s1 .lxhm,.lxp.s2 .lxhm{justify-content:flex-end}
.lxhm i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25)}
.lxp.s0 .lxhm i.on{background:#ff5a6e}.lxp.s1 .lxhm i.on{background:#3ee08f}.lxp.s2 .lxhm i.on{background:#ffd24a}.lxp.s3 .lxhm i.on{background:#4cb6ff}
.lxd{position:relative;flex:none;width:42px;height:42px;border:0;border-radius:11px;background:linear-gradient(180deg,#fff,#dfe6f3);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 3px 6px rgba(0,0,0,.3);display:grid;place-items:center;perspective:220px;opacity:.55;padding:0}
.lxd.on{opacity:1}.lxd.go{animation:lxgo 1s ease-in-out infinite;cursor:pointer}
.lxd em{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;font-weight:800;color:#ffe066;text-shadow:0 1px 2px rgba(0,0,0,.5)}
@keyframes lxgo{0%,100%{box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 0 0 0 rgba(255,224,102,.9)}50%{box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 0 0 6px rgba(255,224,102,0)}}
.lxcube{position:relative;width:24px;height:24px;transform-style:preserve-3d;transition:transform .35s}
.lxcube .fc{position:absolute;inset:0;background:linear-gradient(145deg,#fff,#e9edf5);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.lxcube .f1{transform:translateZ(12px)}.lxcube .f6{transform:rotateY(180deg) translateZ(12px)}.lxcube .f3{transform:rotateY(90deg) translateZ(12px)}.lxcube .f4{transform:rotateY(-90deg) translateZ(12px)}.lxcube .f5{transform:rotateX(90deg) translateZ(12px)}.lxcube .f2{transform:rotateX(-90deg) translateZ(12px)}
.lxcube.v1{transform:rotateX(-14deg) rotateY(16deg)}.lxcube.v6{transform:rotateX(-14deg) rotateY(196deg)}.lxcube.v3{transform:rotateX(-14deg) rotateY(-74deg)}.lxcube.v4{transform:rotateX(-14deg) rotateY(106deg)}.lxcube.v5{transform:rotateX(-104deg) rotateY(16deg)}.lxcube.v2{transform:rotateX(76deg) rotateY(16deg)}
.lxcube.roll{animation:lxroll .75s cubic-bezier(.2,.7,.3,1)}
@keyframes lxroll{from{transform:translateY(-14px) rotateX(620deg) rotateY(500deg) rotateZ(140deg) scale(.7)}}
.lxf{position:absolute;inset:3px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}
.lxf b{display:block;margin:auto;width:4.4px;height:4.4px;border-radius:50%}.lxf b.on{background:radial-gradient(circle at 35% 35%,#555,#111)}
.f1 .lxf b.on{width:7px;height:7px;background:radial-gradient(circle at 35% 35%,#ff6b7d,#c8102e)}
.lxbd{grid-area:b;position:relative;display:flex;justify-content:center}
.lxfr{position:relative;width:100%;max-width:520px;aspect-ratio:1;border-radius:14px;padding:0;background:#fff;box-shadow:0 0 0 4px #fff,0 0 0 7px #0a2a73,0 10px 24px rgba(0,0,0,.45)}
.lxsvg{display:block;width:100%;height:100%;border-radius:12px}
.lxt{position:absolute;width:7.6%;height:10.6%;padding:0;border:0;background:none;transform:translate(-50%,-84%);z-index:3;transition:left .2s,top .2s}
.lxt svg{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.lxt.stk{width:6.2%;height:8.6%}
.lxt.hm{width:5.4%;height:7.6%}
.lxt.can{z-index:6;cursor:pointer;animation:lxbob .8s ease-in-out infinite}
.lxt.can::before{content:"";position:absolute;left:50%;bottom:-3%;width:110%;height:36%;transform:translateX(-50%);border-radius:50%;border:2px solid #fff;box-shadow:0 0 8px 2px rgba(255,255,255,.9);animation:lxpulse .8s ease-in-out infinite}
@keyframes lxbob{50%{transform:translate(-50%,-96%)}}
@keyframes lxpulse{50%{opacity:.35;transform:translateX(-50%) scale(1.25)}}
.lxt:disabled{cursor:default;opacity:1}
.lxpoof{position:absolute;width:12%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.2);border:3px solid #fff;box-shadow:0 0 12px #fff;pointer-events:none;animation:lxpoof .6s ease-out forwards;z-index:7}
@keyframes lxpoof{to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}
.lxwin{position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:rgba(6,20,60,.55);border-radius:12px;animation:lxfade .35s ease-out}
.lxwc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 22px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#e8eeff);color:#14286b;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:lxpop .55s cubic-bezier(.2,1.6,.4,1)}
.lxwc b{font-size:20px}.lxwc small{font-size:12px;opacity:.75;text-align:center}
.lxtro{width:64px;height:64px;animation:lxtro 1.6s ease-in-out infinite}
@keyframes lxtro{50%{transform:translateY(-4px) rotate(-4deg)}}
@keyframes lxpop{from{transform:scale(.4);opacity:0}}@keyframes lxfade{from{opacity:0}}
.lxmsg{grid-area:m;text-align:center;min-height:30px;display:flex;flex-direction:column;justify-content:center;gap:1px}
.lxmsg b{font-size:13.5px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.lxmsg small{font-size:11px;opacity:.8}
.lx>.gres,.lx>.gbtn,.lx>.mut{grid-column:1/-1;justify-self:center;color:#fff}
.lxqc{position:absolute;right:-2px;bottom:-12px;width:34px;height:34px;border-radius:50%;border:2px solid #fff;background:linear-gradient(180deg,#5aa0ff,#2a5bd7);box-shadow:0 3px 8px rgba(0,0,0,.35);display:grid;place-items:center;z-index:8;padding:0}
.lxqc svg{width:20px;height:20px}
.lxqp{position:fixed;z-index:10001;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;border-radius:16px;background:#0b2f86;box-shadow:0 10px 30px rgba(0,0,0,.45);width:min(340px,92vw);animation:lxpop .25s ease-out}
.lxqp button{border:0;border-radius:12px;padding:9px 6px;font-weight:700;font-size:13px;color:#14286b;background:linear-gradient(180deg,#fff,#dbe5ff)}
.lxsk{position:fixed;z-index:10002;padding:7px 12px 7px 10px;border-radius:14px;font-weight:800;font-size:13px;color:#14286b;background:linear-gradient(180deg,#fff,#ffe9a8);box-shadow:0 6px 16px rgba(0,0,0,.35);display:flex;align-items:center;gap:6px;pointer-events:none;animation:lxsk 2.4s ease-out forwards}
.lxsk svg{width:16px;height:16px}
@keyframes lxsk{0%{transform:translate(-50%,8px) scale(.5);opacity:0}12%{transform:translate(-50%,0) scale(1.08);opacity:1}20%{transform:translate(-50%,0) scale(1)}85%{opacity:1}100%{transform:translate(-50%,-10px);opacity:0}}
.botov.lxov{background:#0b2f86}
.botov.lxov .botbody{padding:6px 4px}
.botov.lxov .lxcard{max-width:560px;margin:0 auto;border-radius:18px}
.lxset{max-width:360px;margin:18px auto;padding:18px;border-radius:20px;background:linear-gradient(180deg,#2f7bff,#0b2f86);color:#fff;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.lxset h3{margin:4px 0 12px;font-size:22px}.lxset p{margin:12px 0 6px;font-weight:700;font-size:13px;opacity:.9}
.lxseg{display:flex;gap:6px;justify-content:center}
.lxseg button{flex:1;border:0;border-radius:12px;padding:10px 6px;font-weight:800;color:#14286b;background:rgba(255,255,255,.75)}
.lxseg button.on{background:#ffe066;box-shadow:0 0 0 2px #fff}
.lxset .lxstart{margin-top:16px;width:100%;border:0;border-radius:14px;padding:13px;font-size:16px;font-weight:900;color:#14286b;background:linear-gradient(180deg,#ffe58a,#ffc21a);box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.lxset svg.lxlogo{width:120px;height:120px;border-radius:18px;box-shadow:0 6px 16px rgba(0,0,0,.35)}
@media (orientation:landscape) and (max-height:620px){
 .botov.lxov .lxcard{max-width:none}
 .botov.lxov .lx{grid-template-columns:1fr auto 1fr;grid-template-areas:"a b c" "d b e" "m b j";align-items:center;gap:10px 14px;padding:8px 14px}
 .botov.lxov .lxfr{width:min(78vh,60vw)}
 .botov.lxov .lxp.s1,.botov.lxov .lxp.s2{flex-direction:row-reverse}
 .botov.lxov .lxmsg{align-self:start}
}
@media (prefers-reduced-motion:reduce){.lxbg::before,.lxt.can,.lxtro{animation:none}}

/* [LXPERF] no endless decorative motion; low-end phones get static highlights */
.lxbg::before{animation:none!important}
.lxtro{animation-iteration-count:3!important}
html.lowend .lxd.go,html.lowend .lxt.can,html.lowend .lxt.can::before{animation:none!important}
.lxlv button{padding:9px 2px;font-size:13px}
.lxstat{margin-top:10px!important;font-weight:600!important;opacity:.8}
.lxst{display:block;margin-top:6px;font-style:normal;font-size:12px;font-weight:700;color:#3a4a7a}
.m.gm:has(.lxcard){max-width:min(96%,420px)!important;width:96%}
.lxov .botbody{display:flex;flex-direction:column;justify-content:center;min-height:calc(100% - 56px)}

/* [STORYX2] */
/* story editor (m/storystudio.js) + story layers in the viewer */
.sxs{position:fixed;inset:0;z-index:9700;background:#000;color:#fff;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;font-family:inherit}
.sxs [hidden]{display:none!important}
.sxs-on .sheet-bg,.sxs-on .uiask{z-index:9800!important}.sxs-on #toast{z-index:9900}
.sxs-stage{position:absolute;left:50%;transform:translateX(-50%);border-radius:18px;overflow:hidden;background:#111;--bw:390px}
.sxs-blur,.sxs-base,.sxs-eff,.sxs-layers,.sxs-draw{position:absolute;inset:0}
.sxs-blur{overflow:hidden;filter:blur(22px) brightness(.6);opacity:.9}
.sxs-base{overflow:hidden}.sxs-base img,.sxs-base video{will-change:transform}
.sxs-eff{pointer-events:none}.sxs-eff.grain{background-image:repeating-radial-gradient(circle at 17% 32%,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),repeating-radial-gradient(circle at 71% 64%,rgba(0,0,0,.09) 0 1px,transparent 1px 3px)}
.sxs-draw{pointer-events:none;z-index:4}.sxs.drawing .sxs-draw{pointer-events:auto;touch-action:none}
.sxs-layers{z-index:3}
.sxl{position:absolute;transform-origin:50% 50%;will-change:transform}
.sxe{cursor:grab;padding:6px}.sxe.act{outline:1.5px dashed rgba(255,255,255,.55);outline-offset:2px;border-radius:10px}
.sxst{display:block;width:calc(var(--bw) * .26);height:calc(var(--bw) * .26);overflow:visible}
.sxtx{display:inline-block;white-space:pre;font-size:calc(var(--bw) * .075);line-height:1.25;padding:.3em .55em;border-radius:.4em;font-weight:600}
.sxpill{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;font-weight:800;font-size:calc(var(--bw) * .05);padding:.45em .8em;border-radius:.6em;box-shadow:0 .2em .8em rgba(0,0,0,.25)}
.sxpill svg{width:1.15em;height:1.15em;flex:none}
.sxmen{background:linear-gradient(135deg,#ff3d77,#7a5cff);color:#fff}
.sxloc{background:#fff;color:#7a2cff}.sxloc svg{color:#ff3d77}
.sxmus{background:rgba(255,255,255,.94);color:#111;max-width:calc(var(--bw) * .8)}.sxmt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sxmus svg{color:#7a5cff}
.sxix{width:calc(var(--bw) * .66);background:#fff;color:#111;border-radius:calc(var(--bw) * .05);padding:calc(var(--bw) * .035);box-shadow:0 .5em 1.5em rgba(0,0,0,.3);font-size:calc(var(--bw) * .042)}
.sxix .q{font-weight:800;text-align:center;margin-bottom:.6em}.sxix .o{display:flex;gap:.5em}.sxix .o span{flex:1;text-align:center;font-weight:700;padding:.6em .3em;border-radius:.7em;background:#f1f1f4}
.sxix.ask{background:linear-gradient(135deg,#ff3d77,#7a5cff);color:#fff}.sxix.ask .in{background:rgba(255,255,255,.92);color:#888;border-radius:.7em;padding:.7em;text-align:center}
.sxs-trash{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.7);z-index:6;transition:transform .15s}
.sxs-trash svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.sxs-trash.hot{transform:translateX(-50%) scale(1.25);background:#ff3b5c;border-color:#ff3b5c}
.sxs-capw{position:absolute;left:12px;right:12px;bottom:12px;z-index:5}
.sxs-cap{width:100%;background:rgba(0,0,0,.42);border:0;border-radius:99px;color:#fff;padding:11px 16px;font-size:15px}.sxs-cap::placeholder{color:rgba(255,255,255,.8)}
.sxs.drawing .sxs-capw,.sxs.drawing .sxs-side{display:none}
.sxs-top{position:absolute;left:0;top:0;padding:calc(10px + env(safe-area-inset-top)) 10px 0;z-index:8}
.sxs-t{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.35);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.sxs-t svg,.sxs-sb svg,.sxs-chip svg,.sxs-ixr svg,.sxs-send svg,.sxs-pill .cfs svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sxs-side{position:absolute;right:8px;top:calc(10px + env(safe-area-inset-top));z-index:8;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-height:calc(100% - 150px);overflow:hidden}
.sxs-sb{display:flex;align-items:center;gap:8px;color:#fff;font-weight:650;font-size:13.5px;text-shadow:0 1px 3px rgba(0,0,0,.6);touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0}
.sxs-sb i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.38);font-style:normal;transition:transform .15s}.sxs-sb i b{font-size:16px;font-weight:800;letter-spacing:-.5px}
.sxs-sb:active i{transform:scale(.88)}.sxs-sb.on i{background:#fff}.sxs-sb.on i svg{stroke:#111}.sxs-sb.on i b{color:#111}
.sxs-sb.fold i{width:32px;height:32px}.sxs.folded .sxs-sb:not(.fold):nth-child(n+4){display:none}.sxs.folded .sxs-sb span{display:none}.sxs.folded .sxs-sb.fold i{transform:rotate(180deg)}
.sxs-panel{position:absolute;left:0;right:0;bottom:70px;z-index:9;background:rgba(10,10,12,.92);border-radius:20px 20px 0 0;padding:12px 12px 14px;animation:sxUp .2s ease}
@keyframes sxUp{from{transform:translateY(30px);opacity:0}}
.sxs-row{display:flex;align-items:center;gap:8px}.sxs-row.end{justify-content:flex-end;margin-top:10px}.sxs-row input[type=range]{flex:1;min-width:60px;accent-color:#fff}
.sxs-chip{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-weight:650;font-size:13.5px;padding:0 10px}.sxs-chip.on{background:#fff}.sxs-chip.on svg{stroke:#111}.sxs-chip.wide{padding:0 12px}
.sxs-done{height:38px;padding:0 16px;border-radius:99px;background:#fff;color:#111;font-weight:750;font-size:14px}
.sxs-sw{display:flex;gap:9px;margin-top:12px;overflow-x:auto;padding:2px}.sxs-sw button{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.85)}.sxs-sw button.on{transform:scale(1.2);box-shadow:0 0 0 2px #000,0 0 0 4px #fff}
.sxs-fx{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.sxs-fx button{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff;font-size:12px;font-weight:600;opacity:.75}.sxs-fx button.on{opacity:1}
.sxs-fx img,.sxs-fx i{width:62px;height:82px;border-radius:12px;object-fit:cover;display:block;background:linear-gradient(135deg,#ff8a5c,#7a5cff 60%,#22c3ff)}.sxs-fx button.on img,.sxs-fx button.on i{outline:2.5px solid #fff;outline-offset:2px}
.effp.e1{background:radial-gradient(ellipse at center,#8a8aa0 35%,#111 100%)}.effp.e2{background:repeating-radial-gradient(circle,#777 0 1px,#555 1px 3px)}.effp.e3{background:radial-gradient(circle at 50% 20%,#fff3e0,#7a5cff 80%)}.effp.e4{background:linear-gradient(135deg,#ff7828,#ff3c78 40%,#333 80%)}.effp.e5{background:#555;box-shadow:inset 0 0 0 6px #fff}
.sxs-hint{font-size:12.5px;color:rgba(255,255,255,.7);margin-top:8px;text-align:center}
.sxs-ixr{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.sxs-ixr button{flex:none;display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:13px}
.sxs-stks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:38vh;overflow-y:auto;--bw:260px}.sxs-stks button{aspect-ratio:1;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.06)}.sxs-stks .sxst{width:64px;height:64px}
.sxs-bot{position:absolute;left:0;right:0;bottom:0;height:70px;z-index:8;display:flex;align-items:center;gap:8px;padding:0 12px env(safe-area-inset-bottom);background:#000}
.sxs-pill{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 6px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:13.5px;border:1.5px solid transparent}.sxs-pill.on{border-color:#fff;background:rgba(255,255,255,.2)}
.sxs-pill .av{flex:none}.sxs-pill .cfs{width:28px;height:28px;border-radius:50%;background:#1fbf5a;display:grid;place-items:center}.sxs-pill .cfs svg{width:16px;height:16px;fill:#fff;stroke:#fff}
.sxs-send{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2f80ff,#7a5cff);box-shadow:0 4px 14px rgba(47,128,255,.45)}.sxs-send:active{transform:scale(.92)}
.sxs-ov{position:absolute;inset:0;z-index:20;background:rgba(0,0,0,.78);display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) 12px 12px;animation:fade .15s}
.sxs-ovtop{display:flex;align-items:center;gap:8px;font-size:16px}
.sxs-tedit{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 0}
.sxs-tedit textarea{width:85%;max-width:340px;overflow-wrap:anywhere;min-height:90px;background:transparent;border:0;outline:0;color:#fff;font-size:30px;line-height:1.25;text-align:center;resize:none;border-radius:14px;padding:10px 14px}
.sxs-fonts{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.sxs-fonts button{flex:none;height:36px;padding:0 14px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;font-size:15px}.sxs-fonts button.on{background:#fff;color:#111}
.sxs-srch{margin-top:14px}.sxs-srch input{width:100%;background:rgba(255,255,255,.12);border:0;border-radius:14px;color:#fff;padding:13px 14px;font-size:16px}.sxs-srch.col{display:flex;flex-direction:column;gap:10px}.sxs-srch .two{display:flex;gap:10px}
.sxs-ul{margin-top:10px;overflow-y:auto}.sxs-ul button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 4px;color:#fff;text-align:left}.sxs-ul span{display:flex;flex-direction:column}.sxs-ul small{opacity:.7}
.sxs-busy{position:absolute;inset:0;z-index:30;background:rgba(0,0,0,.6);display:grid;place-items:center}.sxs-busyc{display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:700}.sxs-busyc i{width:180px;height:5px;border-radius:9px;background:rgba(255,255,255,.2);overflow:hidden}.sxs-busyc em{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(0);transition:transform .2s}
/* sticker animations: transform/opacity only, off for low-end phones and reduced motion */
.sxst.a-beat{animation:sxBeat 1.3s ease-in-out infinite}.sxst.a-twinkle{animation:sxTw 1.8s ease-in-out infinite}.sxst.a-wobble{animation:sxWob 1.6s ease-in-out infinite}.sxst.a-bounce{animation:sxBn 1.2s ease-in-out infinite}.sxst.a-shake{animation:sxSh 1.4s ease-in-out infinite}.sxst.a-spin{animation:sxSp 9s linear infinite}.sxst.a-float{animation:sxFl 2.4s ease-in-out infinite}.sxst.a-flicker{animation:sxFk 1.6s steps(1) infinite}.sxst.a-flare{animation:sxFr 1s ease-in-out infinite;transform-origin:50% 100%}.sxst.a-sway{animation:sxSw 3s ease-in-out infinite;transform-origin:50% 90%}.sxst.a-wave{animation:sxWv 2s ease-in-out infinite}.sxst.a-slide{animation:sxSl 2.6s ease-in-out infinite}
@keyframes sxBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.14)}30%{transform:scale(.97)}45%{transform:scale(1.08)}}
@keyframes sxTw{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.82) rotate(18deg);opacity:.8}}
@keyframes sxWob{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(6deg) scale(1.06)}}
@keyframes sxBn{0%,100%{transform:translateY(0)}50%{transform:translateY(-10%)}}
@keyframes sxSh{0%,100%{transform:rotate(0)}10%,30%{transform:rotate(-7deg)}20%,40%{transform:rotate(7deg)}50%{transform:rotate(0)}}
@keyframes sxSp{to{transform:rotate(360deg)}}
@keyframes sxFl{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7%) rotate(3deg)}}
@keyframes sxFk{0%,100%{opacity:1}47%{opacity:.35}50%{opacity:1}53%{opacity:.5}}
@keyframes sxFr{0%,100%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.08) scaleX(.95)}}
@keyframes sxSw{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes sxWv{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
@keyframes sxSl{0%,100%{transform:translateX(0)}50%{transform:translateX(6%)}}
@media (prefers-reduced-motion:reduce){.sxst{animation:none!important}}html.lowend .sxst{animation:none!important}
/* viewer */
.sxly{position:absolute;z-index:5;pointer-events:none}.sxly .sxl{pointer-events:none}.sxly .sxtap{pointer-events:auto;text-decoration:none}
.sst.sxplaced,.msk.sxplaced{transform-origin:50% 50%}
.sxcap{position:absolute;left:50%;bottom:calc(var(--bw) * .2);transform:translateX(-50%);max-width:86%;text-align:center;background:rgba(0,0,0,.45);color:#fff;font-size:14.5px;font-weight:600;line-height:1.35;padding:7px 13px;border-radius:14px;word-break:break-word;white-space:normal}
.sqbtn{display:block;width:100%;margin-top:10px;padding:10px;border-radius:12px;background:linear-gradient(135deg,#ff3d77,#7a5cff);color:#fff;font-weight:750}
.sqf{display:flex;gap:6px;margin-top:10px}.sqf input{flex:1;min-width:0;background:#f1f1f4;border:0;border-radius:12px;padding:10px 12px;color:#111}.sqf button{padding:0 12px;border-radius:12px;background:#111;color:#fff;font-weight:700}
.sxq{font-weight:750;padding:4px 12px 10px;color:var(--fg)}

/* [MODQ] */
.mqlock{padding:14px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:13px;color:var(--mut,#888);border-top:1px solid var(--line,rgba(127,127,127,.2));background:var(--bg)}
.badge.offb{margin-right:1px}

/* ---- [SNL2] Snakes & Ladders (themed boards) ---- */
.gcard.sncard,.botbody .gcard.sncard{padding:0!important;overflow:hidden;background:var(--snbg)!important;border:0!important;animation:none!important;width:min(560px,100%)!important;max-width:none!important;color:#fff}
.snwrap{position:relative;padding:8px 6px 10px;display:flex;flex-direction:column;gap:8px}
.snttl{display:flex;align-items:center;justify-content:center;gap:6px;transform:rotate(-2deg);margin:2px auto 0;padding:4px 16px 6px;border-radius:14px;background:var(--snbn,#e8303f);box-shadow:0 4px 0 rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.35)}
.snttl b,.snttl i{font:900 24px/1.05 system-ui,sans-serif;color:#ffe14a;-webkit-text-stroke:1.4px #5a1206;paint-order:stroke fill;text-shadow:0 3px 0 #5a1206;letter-spacing:.3px}
.snttl i{font-style:normal;font-size:20px;color:#fff}
.snttl.sm{background:#e8303f;margin-bottom:6px}.snttl.sm b{font-size:22px}
.snfr{padding:6px;border-radius:16px;background:linear-gradient(160deg,var(--snf1),var(--snf2));box-shadow:inset 0 0 0 3px var(--sntr),0 8px 18px rgba(0,0,0,.35)}
.snbd{position:relative;aspect-ratio:1;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 0 0 2px var(--sntr)}
.snsvg{position:absolute;inset:0;width:100%;height:100%;display:block}
.snpin{position:absolute;width:8.6%;transform:translate(-50%,-88%);z-index:3;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.snpin svg{display:block;width:100%}
.snbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;border-radius:16px;background:rgba(0,0,0,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.snpl{display:flex;align-items:center;gap:4px;min-width:0;flex:1;max-width:120px;padding:4px 6px;border-radius:12px;background:rgba(255,255,255,.14);transition:box-shadow .25s,transform .25s}
.snpl.on{box-shadow:0 0 0 2px #ffe14a;transform:translateY(-2px)}
.snpi{width:16px;flex:none}.snpi svg{display:block;width:100%}
.snpl b{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.snpl small{font-size:11px;font-weight:800;background:rgba(0,0,0,.3);border-radius:8px;padding:1px 5px}
.lxd.snd{width:46px;height:46px;opacity:1}
.snmsg{text-align:center;min-height:34px;display:flex;flex-direction:column;align-items:center;gap:2px;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.snmsg b{font-size:14px;font-weight:800}.snmsg small{font-size:12px;opacity:.95}
.snthn{font-size:10px;font-weight:700;opacity:.7;letter-spacing:.4px;text-transform:uppercase}
.snwin{border-radius:8px}
.snset .snths{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}
.snths button{border:0;border-radius:12px;padding:6px 4px;background:rgba(255,255,255,.75);color:#14286b;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:3px}
.snths button.on{background:#ffe066;box-shadow:0 0 0 2px #fff}
.snths small{font-size:11px}
.snsw{display:block;width:34px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.2)}
.snsw.rnd{background:conic-gradient(#e8303f,#ffcc33,#2f8a3a,#1f78d1,#6a3cff,#ff5fb4,#e8303f)}
.botov.snov2{background:radial-gradient(120% 70% at 50% 30%,#3a2a8a,#140c38)}
.snov2 .botbody{display:flex;flex-direction:column;justify-content:center;min-height:calc(100% - 56px);padding:6px 4px}
.snov2 .sncard{margin:0 auto;border-radius:18px;max-width:none!important;width:100%!important}
.m.gm:has(.sncard){max-width:min(96%,420px)!important;width:96%}
.m.gm .snttl b{font-size:18px}.m.gm .snttl i{font-size:15px}
html.lowend .lxd.snd.go{animation:none!important}

.sncard,.snwrap,.snbar,.snfr{min-width:0}
.snov2 .sncard{min-width:0!important}
.snpl{flex:1 1 0}
.snbar.n4 .snpl small{display:none}

/* [ADMFIX] admin panel on phones: no sideways scroll, bigger tap targets */
.adm2{overflow-x:hidden;max-width:100vw;box-sizing:border-box}
.adm2 .adr{min-width:0}.adm2 .adrt b,.adm2 .adrt small{overflow-wrap:anywhere}
.adshop{flex-wrap:wrap;row-gap:8px}.adshop .adpls{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-left:52px}.adshop .adpr{width:72px!important}
.adm2 .adm3{width:44px;height:44px;border-radius:12px}
.adm2 .adtg{padding:10px 0;min-height:44px}.adm2 .adtg input[type=checkbox]{width:22px;height:22px;flex:none}
.adm2 .rvcats{padding:2px 0 10px}.adm2 .rvcats button{padding:9px 14px;font-size:14px}
.adm2 .adq{font-size:16px}
.adm2 .adtask{flex-wrap:wrap;row-gap:6px}.adm2 .adtask .adrt{flex-basis:100%}

/* [NEON] Neon Tic Tac Toe */
.botov.ntov{background:linear-gradient(180deg,#0d0024 0%,#250652 42%,#47106e 68%,#14002c 100%)}
.botov.ntov::before{content:"";position:fixed;left:-60%;right:-60%;bottom:0;height:40%;background:repeating-linear-gradient(90deg,rgba(255,64,210,.42) 0 2px,transparent 2px 46px),repeating-linear-gradient(0deg,rgba(255,64,210,.42) 0 2px,transparent 2px 34px);transform:perspective(260px) rotateX(62deg);transform-origin:50% 100%;pointer-events:none;opacity:.5}
.botov.ntov::after{content:"";position:fixed;left:50%;top:21%;width:230px;height:230px;margin-left:-115px;border-radius:50%;background:linear-gradient(180deg,#ffd36b 0%,#ff7a59 45%,#ff2f9a 100%);-webkit-mask:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 18px);mask:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 18px);opacity:.22;pointer-events:none}
.botov.ntov>*{position:relative;z-index:1}
.botov.ntov .bothd{color:#fff}
.ntcard{background:transparent!important;border:0!important;box-shadow:none!important;max-width:min(440px,100%)!important;width:100%!important;align-self:stretch;margin:0 auto;color:#fff;box-sizing:border-box;text-align:center;padding:4px 2px!important}
.m.gm:has(.ntcard){max-width:min(96%,420px)}
.ntlogo{display:flex;flex-direction:column;align-items:center;line-height:1;margin:8px 0 12px}
.ntlogo b{font:900 42px/1 system-ui,sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 0 5px #ff4fd8,0 0 16px #ff2fb0,0 0 32px #b026ff}
.ntlogo span{font:800 13px/1.5 system-ui,sans-serif;letter-spacing:.42em;color:#86f4ff;text-shadow:0 0 8px #19d3ff;margin-left:.42em}
.ntlogo.sm{margin:2px 0 8px}.ntlogo.sm b{font-size:26px}.ntlogo.sm span{font-size:10px}
.ntscore{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 6px 2px}
.ntp{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 7px;border-radius:999px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.14);min-width:0;font-weight:800;font-size:14px;transition:box-shadow .2s,border-color .2s}
.ntp svg{width:22px;height:22px;flex:none}
.ntp b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntp.x.on{border-color:#3ad8ff;box-shadow:0 0 12px rgba(58,216,255,.65)}
.ntp.o.on{border-color:#ff3b5c;box-shadow:0 0 12px rgba(255,59,92,.65)}
.ntvs{font:800 12px system-ui,sans-serif;color:#dcb8ff;letter-spacing:.1em;flex:none}
.ntstage{perspective:900px;padding:10px 0 16px;width:100%;align-self:stretch}
.ntboard{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:calc(15px - var(--n) * 1.6px);aspect-ratio:1;width:min(calc(100vw - 36px),380px);margin:0 auto;padding:10px;box-sizing:border-box;border-radius:20px;background:linear-gradient(160deg,rgba(46,12,98,.92),rgba(18,3,44,.94));border:2px solid #c04dff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 16px rgba(192,77,255,.8),0 0 44px rgba(255,47,176,.35),0 24px 36px rgba(0,0,0,.55);transform:rotateX(15deg);transform-origin:50% 60%}
.ntc{position:relative;border:0;margin:0;border-radius:calc(16px - var(--n) * 1.5px);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1.5px rgba(170,100,255,.55),inset 0 0 12px rgba(170,100,255,.22);padding:13%;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;color:inherit;min-width:0}
.ntc:not(:disabled):active{background:rgba(170,100,255,.22)}
.ntc:disabled{opacity:1}
.ntc svg{width:100%;height:100%;overflow:visible}
.ntx path{fill:none;stroke:#3ad8ff;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 2.5px #3ad8ff) drop-shadow(0 0 7px #0a8cff)}
.nto circle{fill:none;stroke:#ff3b5c;stroke-width:5;filter:drop-shadow(0 0 2.5px #ff3b5c) drop-shadow(0 0 7px #ff0a5a)}
.ntboard.n6 .ntx path,.ntboard.n6 .nto circle{stroke-width:6}
.ntc.new svg{animation:ntpop .26s cubic-bezier(.2,1.5,.4,1)}
@keyframes ntpop{from{transform:scale(.3);opacity:0}}
.ntc.w{background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 2px rgba(255,255,255,.85),0 0 14px rgba(255,255,255,.45)}
.ntline{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;overflow:visible}
.ntline{z-index:3}.ntline line{stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:ntdraw .45s .08s ease-out forwards;filter:drop-shadow(0 0 3px var(--lc)) drop-shadow(0 0 9px var(--lc))}
.ntline.x{--lc:#3ad8ff}.ntline.o{--lc:#ff3b5c}
@keyframes ntdraw{to{stroke-dashoffset:0}}
.ntst{font:800 17px system-ui,sans-serif;margin:0 0 6px;text-shadow:0 0 10px rgba(255,79,216,.85)}
.ntwin{margin:4px auto 2px;max-width:320px;padding:14px 12px;border-radius:18px;background:rgba(18,0,42,.78);border:2px solid #ff4fd8;box-shadow:0 0 20px rgba(255,79,216,.55);animation:ntwin .5s .5s cubic-bezier(.2,1.4,.4,1) both}
.ntwin.x{border-color:#3ad8ff;box-shadow:0 0 20px rgba(58,216,255,.55)}.ntwin.o{border-color:#ff3b5c;box-shadow:0 0 20px rgba(255,59,92,.55)}
@keyframes ntwin{from{transform:scale(.6) translateY(14px);opacity:0}}
.ntwt{font:900 34px/1 system-ui,sans-serif;letter-spacing:.16em;color:#fff;text-shadow:0 0 6px #ff4fd8,0 0 22px #b026ff}
.ntwin.x .ntwt{text-shadow:0 0 6px #3ad8ff,0 0 22px #0a8cff}.ntwin.o .ntwt{text-shadow:0 0 6px #ff3b5c,0 0 22px #ff0a5a}
.ntws{margin-top:6px;font-weight:700}
.ntstat{margin-top:8px;font-size:12.5px;color:#dcc6ff}
.ntset{padding:6px 10px 14px!important}
.ntrow{margin:14px 0}
.ntrow label{display:block;font:800 12px system-ui,sans-serif;letter-spacing:.22em;color:#86f4ff;margin-bottom:8px;text-transform:uppercase}
.ntsegs{display:flex;gap:8px;justify-content:center}
.ntseg{flex:1;max-width:112px;padding:11px 6px;border-radius:12px;border:1.5px solid rgba(192,77,255,.6);background:rgba(255,255,255,.05);color:#fff;font-weight:800;font-size:14px}
.ntseg.on{background:linear-gradient(160deg,#ff3fb4,#8a2bff);border-color:#ffa6e8;box-shadow:0 0 14px rgba(255,63,180,.7)}
.ntrow small,.ntfr{display:block;margin-top:8px;color:#dcc6ff;font-size:12.5px}
.ntgo{margin:16px auto 0;display:block;width:100%;max-width:280px;font-size:17px;padding:13px;border-radius:14px;border:0;color:#fff;background:linear-gradient(90deg,#ff3fb4,#8a2bff)!important;box-shadow:0 0 18px rgba(255,63,180,.6)}
.ntov .botft .btn.pri{background:linear-gradient(90deg,#ff3fb4,#8a2bff);color:#fff;border:0}
.ntov .botft .mut{color:#dcc6ff}
.ntov .botft .btn:not(.pri){background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(192,77,255,.6)}
/* friend games in chat */
.gcard.ttt.ntdm{background:linear-gradient(170deg,#1c0440,#3a0b63)!important;color:#fff;border:1.5px solid #c04dff;box-shadow:0 0 14px rgba(192,77,255,.45)}
.gcard.ttt.ntdm .gh{color:#fff;text-shadow:0 0 8px #ff4fd8}
.gcard.ttt.ntdm{min-width:min(236px,70vw);box-sizing:border-box}
.gcard.ttt.ntdm .tgrid{position:relative;grid-template-columns:repeat(var(--n),1fr);gap:calc(7px - var(--n) * .5px);padding:7px;border-radius:14px;background:rgba(10,0,30,.55);box-shadow:inset 0 0 0 1.5px rgba(192,77,255,.6);margin:6px auto;width:min(212px,62vw);box-sizing:border-box}
.gcard.ttt.ntdm .tgrid>button{height:auto;aspect-ratio:1;min-width:0;border-radius:9px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1.2px rgba(170,100,255,.5);padding:16%;color:inherit}
.gcard.ttt.ntdm .tgrid>button svg{width:100%;height:100%;overflow:visible}
.gcard.ttt.ntdm .tgrid>button.w{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1.5px #fff}
.gcard.ttt.ntdm .ntline{left:7px;top:7px;width:calc(100% - 14px);height:calc(100% - 14px)}
.gcard.ttt.ntdm .ntline line{stroke-width:2.8}
.gcard.ttt.ntdm .gst{color:#f3e6ff}
html.lowend .ntx path,html.lowend .nto circle,html.lowend .ntline line{filter:none}
html.lowend .ntboard{box-shadow:0 0 0 2px #c04dff}
html.lowend .botov.ntov::before,html.lowend .botov.ntov::after{display:none}
html.lowend .ntc.new svg,html.lowend .ntwin{animation:none}
html.lowend .ntline line{animation:none;stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.ntc.new svg,.ntwin{animation:none}.ntline line{animation:none;stroke-dashoffset:0}}

/* [GOFF-CSS] admin: working switches, games list, and the same dark look on Payments, Verified and Mod Queue */
.adm2 .adtg input[type=checkbox]{width:51px;height:31px}
.adm2 .adgm[hidden]{display:none!important}
.adm2 .adgm{justify-content:space-between;border-bottom:1px solid #ffffff0d}
.adm2 .adgm span{flex:1;min-width:0}
.adm2 .adgh{margin:16px 0 2px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--ag);font-weight:700}
.adm2 .gmall{display:flex;gap:8px;margin:0 0 4px}
.adm2 .gmall .btn{min-height:40px;padding:0 16px}
.pyadm,.btadm,.mqw{--bg:#0b0b0d;--bg2:#16161a;--bg3:#202026;--fg:#f2f2f2;--mut:#9a9aa2;--line:#ffffff14;--glass:#16161a;--glass-strong:#16161a;--glass-brd:#ffffff14;color:#f2f2f2;background:#0b0b0d;color-scheme:dark;min-height:calc(100vh - 56px);box-sizing:border-box}
.pyadm .pysend,.btadm .btn.pri,.mqw .btn.pri{background:linear-gradient(135deg,#e8c56a,#c79a3a);color:#111;border:0}
.pyadm .pyfil button.on,.btadm button.on:not(.pysw):not([role=switch]),.mqw button.on{background:#d9b45a!important;color:#111!important}

/* [REELFIX] v110 reels player: poster under the video, buffering ring, Tap to retry, Instagram swipe shield */
.reel.vid .rpost{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;background:#000}
.reel.vid .rvbox{position:absolute;inset:0;pointer-events:none}
.reel.vid .rvbox video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}
.reel .rbuf{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:3;pointer-events:none;opacity:0;transition:opacity .25s}
.reel .rbuf i{display:block;width:100%;height:100%;box-sizing:border-box;border-radius:50%;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;animation:sp .8s linear infinite;animation-play-state:paused}
.reel.buf .rbuf{opacity:1;transition-delay:.35s}.reel.buf .rbuf i{animation-play-state:running}
.reel .rretry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;display:none;align-items:center;gap:8px;background:rgba(0,0,0,.72);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:11px 18px;font-family:inherit;font-weight:700;font-size:14px;line-height:1}
.reel .rretry svg{width:18px;height:18px}
.reel.stuck .rretry{display:flex}.reel.stuck .rbuf,.reel.stuck .rplay{opacity:0}
.reel.ig .rigsh{position:absolute;left:0;right:62px;top:52px;bottom:calc(var(--rb) + 98px);z-index:2;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.reel.ig .rigsh span{background:rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;pointer-events:none}
.reel.ig.igon .rigsh{display:none}
.reel.ig .rph{flex-direction:column;gap:10px}
.reel.ig .rigopen{margin-top:4px;color:#fff;background:var(--acc,#6a5cff);padding:8px 14px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none}
@media (prefers-reduced-motion:reduce){.reel .rbuf i{animation-duration:1.6s}}

/* [CALLFIX] call failed sheet */
.call.cfail .cinfo .cfmsg{display:block;max-width:280px;margin:10px auto 0;font-size:14px;line-height:1.35;opacity:.8;text-align:center}

/* [GLOGO] HD game logo images on hub tiles */
.gart img.glogo{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}
.hcard .gart img.glogo{width:110%;height:110%;margin:-5%;transform:rotate(8deg)}
.pmhd .gart img.glogo{width:56px;height:56px;margin:-4px 0;transform:none}
.agcard img.glogo{position:absolute;right:0;top:0;width:122px;height:122px;object-fit:contain;z-index:0;pointer-events:none;filter:drop-shadow(0 8px 10px #0007)}
html.lowend .agcard img.glogo{filter:none}

/* [GAMEQUIET] v154: nothing behind an open game or sheet animates; behind an opaque full-screen game the app is not painted */
html.gpause #atfx,html.gpause #entfx{display:none!important}
html.gpause #app,html.gpause #app *,html.gpause #app *::before,html.gpause #app *::after{animation-play-state:paused!important}
html.gquiet #app{visibility:hidden!important}
html.gquiet #app *{transition:none!important}

/* [IGFULL] v155 Instagram reels full screen: the embed is drawn larger than the slide and clipped (sizes from igGeo in app.js) */
.reels .reel.ig.igfull{background:#000;justify-content:center}
.reels .reel.ig.igfull .rig{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;border-radius:0;background:#000;overflow:hidden;display:block;z-index:0}
.reels .reel.ig.igfull .rig iframe{position:absolute;left:var(--igl,0);top:var(--igt,-56px);width:var(--igw,100%);height:var(--igh,100%);max-width:none;border:0;background:#000;display:block}
.reels .reel.ig.igfull .rph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#bbb;z-index:1}
.reels .reel.ig.igfull .rigtop{position:absolute;left:0;right:0;top:0;height:96px;background:linear-gradient(rgba(0,0,0,.55),transparent);pointer-events:none;z-index:1}
.reels .reel.ig.igfull .rshade{z-index:1;height:42%}
.reels .reel.ig.igfull .rigsh{left:0;right:0;top:0;bottom:0;z-index:2;align-items:center;padding-top:175px;box-sizing:border-box}
.reels .reel.ig.igfull .rigsh span{background:rgba(0,0,0,.45);font-size:12px;padding:6px 12px}
.reels .reel.ig.igfull.igon .rigsh{display:none}
.reels .reel.ig.igfull[data-played] .rigsh span{display:none}
.reels .reel.ig.igfull .rigsrc{position:absolute;top:52px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(0,0,0,.42);color:#fff;font-size:12px;font-weight:700;text-decoration:none;-webkit-tap-highlight-color:transparent}
.reels .reel.ig.igfull .rigsrc svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2}
.reels .reel.ig.igfull .rinfo{right:78px}
.reels .reel.ig.igfull .rrail{right:8px}
.reels .reel.ig.igfull .rcap{-webkit-line-clamp:2}

/* [REELMUSIC] Music sheet sections, tiny shared YouTube player, YouTube chip on the reel's song line */
.mbsheet .mbsec{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.6;padding:12px 4px 4px}.mbsheet .ytrow img{width:64px;height:36px;object-fit:cover;border-radius:6px}.mbsheet .mbfoot{font-size:11px;opacity:.55;text-align:center;padding:6px 0 2px}.mbsheet .mbhint{padding:8px 4px}
#mbyt{position:fixed;width:1px;height:1px;left:-10px;bottom:0;overflow:hidden;opacity:.01;pointer-events:none}
.raud .ytchip{flex:none;margin-left:6px;padding:1px 7px;border-radius:999px;background:#ff0033;color:#fff;font-size:10px;font-weight:700;text-decoration:none;line-height:16px;pointer-events:auto}

/* [REELMIX] pull-to-refresh hint on the Reels feed */
.reels .rxptr{position:absolute;left:50%;top:58px;z-index:30;margin-left:-105px;width:210px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .15s}
.reels .rxptr i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff}
.reels .rxptr.go i{border-color:#fff}
.reels .rxptr.spin i{animation:rxspin .7s linear infinite}
@keyframes rxspin{to{transform:rotate(360deg)}}

/* [FASTREEL] v172 feed Instagram posts: only the video shows. The official embed is drawn larger inside a clipped 4:5 box so Instagram's white
   header, side bars and footer (likes, comments, View more on Instagram) fall outside; its play button stays in the middle and tappable. */
.igwrap.igcrop{position:relative;width:100%;height:0;padding-top:125%;overflow:hidden;background:#000}
.igwrap.igcrop iframe{position:absolute;left:-21.1%;top:calc(-21.12% - 56px);width:142.2%;height:calc(142.2% + 316px);max-width:none;border:0;background:#000}
.igwrap.igcrop .igph{position:absolute;left:0;top:0;right:0;bottom:0;min-height:0;height:auto;background:#0b0b0d;color:#bbb}

/* [IGSAFE]/[FEEDPLAY] v176: tap layer over feed Instagram posts, wide-video fit, no Instagram links in Reels */
.igbox{position:relative}
.igbox .igtap{position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;margin:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;cursor:pointer}
.igbox .igtap i{width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 14px rgba(0,0,0,.35);transition:opacity .2s}
.igbox .igtap i svg{width:30px;height:30px;fill:#fff;margin-left:4px}
.igbox.igplay .igtap i{opacity:0}
.igbox.igon .igtap{pointer-events:none}
.igwrap.igcrop iframe.igwide,.reels .reel.ig.igfull .rig iframe.igwide{position:absolute;max-width:none;border:0;background:#000}
.reels .rlh.rlhb{display:flex;align-items:center}
.reels .rlh .rlback{background:none;border:0;color:#fff;padding:0 8px 0 0;margin:0;display:inline-flex;align-items:center;line-height:1;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.reels .rlh .rlback svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.2}
.reels .reel.ig .rph.rphr{z-index:3}
.reels .reel.ig .rigsrc{display:none!important}

/* [REELFAST] v180: a picture of the Instagram reel shows while its embed loads (removed when the embed has loaded) */
.reels .reel.ig .rig .rigp{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:2;pointer-events:none;background:#000}
.reels .reel.ig .rig .rigp~.rph{z-index:3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
/* [CMTX] Instagram-style comments sheet (m/cmts.js) */
.cmx{--cbg:var(--bg);--cfg:var(--fg);--cmut:var(--mut);--cline:var(--line);--cin:var(--bg2);position:fixed;inset:0;z-index:48;display:flex;flex-direction:column;pointer-events:none}
.cmx>*{pointer-events:auto} /* the overlay itself takes no events, so the app's full-screen-game quiet mode does not pause the reel behind it */
.cmxr,[data-theme=dark] .cmx{--cbg:#1e1e21;--cfg:#f5f5f7;--cmut:#a3a3ad;--cline:#34343a;--cin:#2a2a2f}
.cmx .cmtop{flex:1 1 auto;min-height:96px;background:rgba(0,0,0,.45);opacity:0;transition:opacity .22s}
.cmxr .cmtop{background:transparent}
.cmx.in .cmtop{opacity:1}.cmx.out .cmtop{opacity:0}
.cmsh{flex:0 0 auto;height:66vh;max-height:calc(100% - 96px);display:flex;flex-direction:column;background:var(--cbg);color:var(--cfg);border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .26s cubic-bezier(.2,.9,.3,1);will-change:transform;box-shadow:0 -6px 24px rgba(0,0,0,.35);max-width:620px;width:100%;margin:0 auto;contain:layout paint}
.cmx.in .cmsh{transform:none}
.cmgr{flex:0 0 auto;padding:8px 0 10px;text-align:center;border-bottom:1px solid var(--cline);touch-action:none}
.cmgr i{display:block;width:40px;height:4px;border-radius:3px;background:var(--cmut);opacity:.6;margin:0 auto 10px}
.cmgr b{font-size:15px;font-weight:700}.cmgr .cmcnt{color:var(--cmut);font-weight:600;margin-left:3px}
.cml{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 0 10px}
.cmr{position:relative;display:flex;align-items:flex-start;gap:11px;padding:9px 12px 9px 14px;content-visibility:auto;contain-intrinsic-size:auto 64px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.cmrr{padding:7px 0 7px 0;gap:10px;contain-intrinsic-size:auto 52px}
.cmav{flex:0 0 auto;line-height:0}
.cmb{flex:1 1 auto;min-width:0}
.cmhd{display:flex;align-items:center;gap:4px;font-size:13px;line-height:1.25;min-width:0}
.cmu{font-weight:700;color:var(--cfg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.cmhd .badge{width:13px;height:13px;flex:0 0 auto}
.cmtm{color:var(--cmut);font-size:12.5px;margin-left:3px;white-space:nowrap}
.cmau{color:var(--cmut);font-size:12px;margin-left:4px}
.cmtx{font-size:14px;line-height:1.35;margin-top:2px;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}
.cmstki{width:96px;height:96px;margin-top:4px}
.cmimg{max-width:180px;max-height:220px;border-radius:12px;margin-top:6px;object-fit:cover;background:var(--cin)}
.cmft{display:flex;align-items:center;gap:14px;margin-top:5px;font-size:12.5px;color:var(--cmut);font-weight:600}
.cmft button{color:var(--cmut);font-weight:600;padding:2px 0}
.cmmo{width:22px;height:18px;opacity:.75}.cmmo svg{width:18px;height:18px;display:block}
.cmrxl{font-size:11px;padding:1px 6px;border-radius:6px;background:var(--cin)}
.cmrx .cmtx{opacity:.7}
.cmvr{display:flex;align-items:center;gap:10px;margin-top:9px;color:var(--cmut);font-size:12.5px;font-weight:600}
.cmvr i{display:block;width:24px;height:1px;background:var(--cmut);opacity:.7}
.cmvr.busy{opacity:.5}
.cmrs:empty{display:none}.cmrs{margin-top:4px}
.cmlk{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;width:30px;padding-top:6px;color:var(--cmut);font-size:11.5px;font-weight:600}
.cmlk svg{width:15px;height:15px;display:block}
.cmrr .cmlk svg{width:13px;height:13px}
.cmlk.pp svg{animation:cmpp .32s ease}
@keyframes cmpp{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.cmpop{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;opacity:0;pointer-events:none;transform:scale(.4)}
.cmpop svg{width:100%;height:100%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.cmpop.go{animation:cmpop .7s ease-out}
@keyframes cmpop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1) translateY(-14px)}}
.cmsent{display:flex;justify-content:center;padding:14px 0;min-height:40px}
.cmsent.end{min-height:0;padding:4px 0}.cmsent.end .cmspin{display:none}
.cmspin{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--cline);border-top-color:var(--cmut);animation:cmspin .8s linear infinite}
@keyframes cmspin{to{transform:rotate(360deg)}}
.cmretry{color:var(--blue);font-size:13.5px;font-weight:600;padding:8px}
.cmem{display:flex;flex-direction:column;align-items:center;gap:4px;padding:56px 20px;color:var(--cmut);font-size:14px}
.cmem b{color:var(--cfg);font-size:20px;font-weight:700}
.cmbot{flex:0 0 auto;border-top:1px solid var(--cline);background:var(--cbg);padding-bottom:env(safe-area-inset-bottom);position:relative}
.cmq{display:flex;justify-content:space-between;padding:9px 16px 4px;gap:4px}
.cmq button{font-size:25px;line-height:1;padding:2px 2px;transition:transform .12s;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.cmq button:active{transform:scale(1.25)}
.cmin{display:flex;align-items:center;gap:10px;padding:7px 12px 9px}
.cmin>.av{flex:0 0 auto}
.cmbox{flex:1 1 auto;display:flex;align-items:center;min-width:0;background:transparent;border:1px solid var(--cline);border-radius:22px;padding:0 6px 0 14px;height:42px}
.cmbox input{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:0;height:40px;color:var(--cfg);font-size:14.5px;border-radius:0}
.cmbox input::placeholder{color:var(--cmut)}
.cmbox input:focus{border:0}
.cmib{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;color:var(--cfg);opacity:.9}
.cmib svg{width:23px;height:23px}
.cmpost{flex:0 0 auto;width:0;height:36px;border-radius:50%;background:#0095f6;display:grid;place-items:center;overflow:hidden;opacity:0;transition:width .16s,opacity .16s;margin-left:-10px}
.cmpost.on{width:36px;opacity:1;margin-left:0}.cmpost.busy{opacity:.5}
.cmpost svg{width:20px;height:20px}
.cmrep{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--cin);color:var(--cmut);font-size:13px}
.cmrep button,.cmatt button{width:26px;height:26px;display:grid;place-items:center;color:var(--cmut)}
.cmrep svg,.cmatt button svg{width:16px;height:16px}
.cmatt{display:flex;align-items:center;gap:8px;padding:8px 16px 0}
.cmatt img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.cmstk{position:absolute;left:8px;right:8px;bottom:100%;margin-bottom:6px;max-height:240px;overflow-y:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px;background:var(--cin);border:1px solid var(--cline);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.cmstk button{aspect-ratio:1;display:grid;place-items:center;border-radius:10px}
.cmstk button:active{background:var(--cline)}
.cmstk img{width:100%;height:100%}
[hidden].cmstk,[hidden].cmrep,[hidden].cmatt{display:none}
body.cmopen .nav{visibility:hidden}
/* the reel shrinks into the area above the sheet and keeps playing */
.reel.cmshr{transform-origin:50% 0;transition:transform .26s cubic-bezier(.2,.9,.3,1);will-change:transform;z-index:1}
.reel.cmshr .rrail,.reel.cmshr .rinfo,.reel.cmshr .rmute,.reel.cmshr .rsndchip,.reel.cmshr .rshade,.reel.cmshr .rprog,.reel.cmshr .rigtop{opacity:0;pointer-events:none;transition:opacity .15s}
.reel.cmshr2{border-radius:14px}
body.cmopen .rlh{opacity:0}
/* inline on the post page */
.cmxin{--cbg:var(--bg);--cfg:var(--fg);--cmut:var(--mut);--cline:var(--line);--cin:var(--bg2);padding-bottom:150px}
.cmxin .cml{overflow:visible;padding-bottom:4px}
.cmxin .cmgri{text-align:left;padding:12px 14px 8px;border:0}
.cmxin .cmbot{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;z-index:21;padding-bottom:calc(env(safe-area-inset-bottom))}

/* [AVROUND] v192: every avatar is a true circle. The photo is pinned to its box (not sized by the image file), so a tall or wide upload can never turn into an oval, and the story ring stays concentric with an even gap. */
.av{position:relative;aspect-ratio:1/1;flex-shrink:0}
.av.av>img,.av.av>span:not([class]){position:absolute;top:0;left:0;right:auto;bottom:auto;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;border-radius:50%;object-fit:cover;z-index:1}
.av.ring.ring>img,.av.ring.ring>span:not([class]){top:2px;left:2px;width:calc(100% - 4px)!important;height:calc(100% - 4px)!important}
.av.ring.fx.fx>img,.av.ring.fx.fx>span:not([class]){top:0;left:0;width:100%!important;height:100%!important}

/* [PRES] v194 activity status: green dot on the round avatar's bottom-right edge, "Active now" under the name in a chat */
.av.pon{overflow:visible!important}
.av>.pdot{position:absolute;right:2%;bottom:2%;left:auto;top:auto;width:26%;height:26%;min-width:9px;min-height:9px;max-width:18px;max-height:18px;border-radius:50%;background:#22c55e;border:2px solid var(--bg);box-sizing:border-box;z-index:4;pointer-events:none;display:block}
.th1>span.pstw{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.15;min-width:0}
.th1 .pst{font-size:11px;font-weight:500;color:var(--mut);white-space:nowrap}

/* [CHDR] v196 chat header at 360 px: a long username ellipsizes and the "Active 5m ago" line stays readable; the header icons sit closer only while a status line is shown */
.top .in:has(.th1 .pst){gap:2px}
.top h1 .th1{min-width:0;max-width:100%}
.th1>span:not(.av){min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.th1>span.pstw{display:block;line-height:1.2}
.th1>span.pstw>.pst{display:block;overflow:hidden;text-overflow:ellipsis}
/* [HDR-FIT] game header on narrow phones: one-line title (was wrapping to 2-3 lines at 360px); the practice pill shows just its robot icon there */
.bothd b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bothd .botpill{white-space:nowrap;flex-shrink:0}
@media (max-width:420px){.bothd{gap:7px;padding-left:10px;padding-right:10px}.bothd b{font-size:15.5px}.bothd .botpill{font-size:0;gap:0;padding:6px}.bothd .botpill svg{width:15px;height:15px}}
@media (max-width:420px){.agov .aghd{gap:6px;padding-left:9px;padding-right:9px}.agov .aghd b{min-width:0;font-size:15.5px}.agov .aghd .agpill{display:none}.agov .aghd .agib{width:34px;height:34px}.agov .aghd .agib svg{width:18px;height:18px}} /* [HDR-FIT] arcade header: title was squeezed to 0px and the settings button cut off at 360px */
@media (max-width:420px){.aghd{gap:6px;padding-left:9px;padding-right:9px}.aghd>b{flex:0 1 auto!important;min-width:0;max-width:150px;font-size:15.5px!important}.aghd .agpill{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;display:block;font-size:10px;padding:5px 8px}.aghd .agpill svg{display:none}.aghd .agib{width:34px;height:34px}.aghd .agib svg{width:18px;height:18px}.agov .aghd>b{flex:1 1 0!important;max-width:none}.agov .aghd .agpill{display:none}} /* [HDR-FIT] 3D sports headers (Cricket, Penalty): title was squeezed to 3px */
.sheet .qzo>.qzr{width:30px;height:30px;padding:0;display:grid;place-items:center;border-bottom:0;flex:none;font-size:14px;text-align:center} /* [QZ-FIX] the sheet menu-button style made the "correct answer" dot 290px wide and squeezed the option boxes to 30px */
.hgw{overflow-wrap:anywhere}.dwbtns{flex-wrap:wrap;justify-content:center} /* [HG-WRAP] long words still fit; Draw & Guess "New word" was cut off at the card edge on 360px */