:root{--bg:#0b0a0d;--p:#16130f;--p2:#221d16;--tx:#f4ede0;--mu:#a39880;--gold:#e0a84a;--gold2:#f6d58a;--ln:#3a2f1c;--rose:#ff5a5a;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root:not([data-theme="light"]){color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 500px at 50% -100px,#2a1f0d,var(--bg));color:var(--tx);font:15px/1.5 Sora,system-ui,sans-serif;min-height:100vh}
button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.wrap{max-width:1100px;margin:auto;padding:0 16px}
header{display:flex;align-items:center;gap:10px;padding:14px 0;flex-wrap:wrap}
.logo{font-weight:800;font-size:20px;letter-spacing:.5px;color:var(--gold2)}
.sp{flex:1}
.btn{background:var(--p2);border:1px solid var(--ln);padding:8px 14px;border-radius:10px}
.btn.pri{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#201505;border-color:var(--gold);font-weight:600}
.me{display:flex;align-items:center;gap:8px}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#14100a;flex:none}
.lv{font-size:11px;background:var(--p2);border:1px solid var(--ln);padding:0 7px;border-radius:99px;color:var(--gold)}
.xp{height:4px;background:var(--ln);border-radius:9px;overflow:hidden;width:90px}.xp i{display:block;height:100%;background:var(--gold)}
h2{font-size:24px;margin:22px 0 14px;color:var(--gold2);letter-spacing:-.5px}
.mu{color:var(--mu)}
/* chat */
.chat{background:linear-gradient(160deg,#1b1610,var(--p));border:1px solid var(--ln);border-radius:20px;overflow:hidden;position:relative;margin-bottom:8px}
.ch-h{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--ln);gap:10px}
.ct{font-size:19px;letter-spacing:.3px;background:linear-gradient(90deg,var(--gold2),var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.chat{box-shadow:0 0 0 1px #e0a84a33,0 12px 40px #e0a84a14}
.msgs{height:340px;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px}
.m{display:flex;gap:10px}.m .nm{font-weight:600;font-size:13px}.m .bd{max-width:min(640px,100%)}
.role{font-size:10px;padding:0 6px;border-radius:5px;margin-left:4px;font-weight:700}
.role.admin{background:var(--rose);color:#fff}.role.mod{background:var(--gold);color:#201505}
.t{background:var(--p2);padding:7px 12px;border-radius:4px 14px 14px 14px;margin-top:2px;word-break:break-word}
.t.me{border:1px solid #e0a84a66}
.stk{font-size:56px;line-height:1.1}.gi{max-width:190px;max-height:150px;border-radius:12px;margin-top:3px;display:block}
.del{opacity:0;font-size:11px;color:var(--rose);margin-left:6px}.m:hover .del{opacity:1}
.inp{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--ln);position:relative}
.inp input{flex:1;background:var(--p2);border:1px solid var(--ln);border-radius:12px;padding:10px 14px;min-width:0}
.pk{position:absolute;bottom:64px;left:14px;width:min(360px,calc(100% - 28px));background:#1d1810;border:1px solid var(--ln);border-radius:16px;padding:10px;display:none;box-shadow:0 10px 40px #000b;z-index:5}.pk.open{display:block}
.tabs{display:flex;gap:6px;margin-bottom:8px}.tabs button{padding:4px 12px;border-radius:99px}.tabs .on{background:var(--gold);color:#201505}
.pg{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:170px;overflow:auto}
.pg button{font-size:22px;padding:4px;border-radius:8px}.pg button:hover{background:var(--p2)}
.pg.s{grid-template-columns:repeat(4,1fr)}.pg.s button{font-size:38px}
.pg.g{grid-template-columns:repeat(3,1fr);gap:6px}.pg.g img{width:100%;height:64px;object-fit:cover;border-radius:8px}
.lock{position:absolute;inset:50px 0 0;background:#0b0a0dd0;backdrop-filter:blur(5px);display:grid;place-items:center;text-align:center;z-index:4}
/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:16px}
.card{position:relative;border-radius:18px;padding:16px;background:linear-gradient(150deg,#1d1710,#100d09);border:1px solid var(--ln)}
.card.cur{border-color:var(--gold);box-shadow:0 0 28px #e0a84a30}
.top{display:flex;gap:14px}
.logoimg{width:88px;height:88px;border-radius:16px;flex:none;display:grid;place-items:center;font-weight:800;font-size:26px;color:#fff;text-shadow:0 2px 8px #0008;border:1px solid #fff2}
.info{flex:1;min-width:0}
.nr{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nr h3{margin:0;font-size:18px}
.badge{font-size:11px;border:1px solid #ff5a5a66;color:var(--rose);padding:1px 8px;border-radius:99px;margin-left:auto;white-space:nowrap}
.badge.off{border-color:var(--ln);color:var(--mu)}
.heart{font-size:20px;color:var(--mu);line-height:1}.heart.on{color:var(--rose)}
.np{font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq{display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:6px}
.eq span{flex:1;border-radius:2px;height:8%;background:linear-gradient(to top,#38f0a0,#f6d58a,#ff8a3d);transition:height .12s}
.row{display:flex;align-items:center;gap:14px;margin-top:12px}
.play{width:54px;height:54px;border-radius:50%;border:2px solid var(--gold);color:var(--gold2);font-size:20px;flex:none;box-shadow:0 0 18px #e0a84a33}
.pl{font-size:11px;color:var(--gold2);text-align:center;margin-top:3px;width:54px}
.vol{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.vol input{width:100%;accent-color:var(--gold)}
.st{display:flex;gap:14px;font-size:12px;color:var(--mu);flex-wrap:wrap}.st b{color:var(--tx)}
#bar{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;align-items:center;gap:14px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#0d0b08ee;backdrop-filter:blur(10px);border-top:1px solid var(--gold)}
#bar .bl{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;flex:none}
#bar .bi{min-width:0;flex:1}#bar .bi b,#bar .bi div{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bar .bi div{font-size:13px}
.beq{display:flex;align-items:flex-end;gap:2px;height:28px;width:70px}.beq span{flex:1;height:8%;border-radius:2px;background:linear-gradient(to top,#38f0a0,#f6d58a,#ff8a3d);transition:height .12s}
#bar .bv{width:100px;accent-color:var(--gold)}#bar .play{width:44px;height:44px;font-size:16px}
.bc{font-size:12px;color:var(--mu);white-space:nowrap}.bc b{color:var(--tx)}
body{padding-bottom:84px}
@media(max-width:600px){.beq,#bar .bv{display:none}}
/* modal */
.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;z-index:20;padding:16px}.modal.open{display:grid}
.box{background:var(--p);border:1px solid var(--ln);border-radius:20px;padding:22px;width:min(600px,100%);max-height:88vh;overflow:auto}
.box input[type=text],.box input[type=email],.box input[type=password],.box input:not([type]){width:100%;background:var(--p2);border:1px solid var(--ln);border-radius:10px;padding:10px 12px;margin:6px 0}
.box .btn.f{width:100%;margin-top:6px}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 6px;border-bottom:1px solid var(--ln);text-align:left}
select{background:var(--p2);border:1px solid var(--ln);border-radius:8px;padding:3px 6px}
.ad{display:flex;gap:10px;flex-wrap:wrap}.ad>*{flex:1 1 140px}
.gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}
.gl div{position:relative}.gl img{width:100%;height:80px;object-fit:cover;border-radius:10px;display:block;background:var(--p2)}
.gl button{position:absolute;top:4px;right:4px;background:#000c;border-radius:50%;width:24px;height:24px;color:var(--rose)}
.el{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.el button{font-size:24px;background:var(--p2);border-radius:10px;padding:2px 8px;position:relative}.el button:hover{outline:1px solid var(--rose)}
.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:var(--gold2);color:#201505;padding:8px 16px;border-radius:99px;display:none;z-index:30}
@media(min-width:0){.sf label{display:block;font-size:12px;color:var(--mu);margin-top:10px}.sf small{float:right}.sf textarea,.sf select{width:100%;background:var(--p2);border:1px solid var(--ln);border-radius:10px;padding:8px 12px;margin:6px 0}.sf .ck{display:flex;gap:8px;align-items:center;color:var(--tx)}}
.sn{background:#fff;color:#202124;border-radius:10px;padding:10px 12px;margin:14px 0 6px}.sn .a{color:#1a0dab;font-size:17px}.sn .b{color:#006621;font-size:12px}.sn .c{color:#545454;font-size:13px}
#sC{list-style:none;padding:0;margin:8px 0;font-size:13px}#sC .ok{color:#7be07b}#sC .no{color:#ff8a6b}
.ins,.ins p,.ins .note{overflow-wrap:anywhere;word-break:break-word;min-width:0}
.ins{background:var(--p2);border:1px solid var(--ln);border-radius:12px;padding:10px 14px;margin:12px 0;font-size:13px;color:var(--mu)}.ins b{color:var(--gold2)}.ins li{margin:3px 0}
#favs{margin:0 0 16px}.fh b{color:var(--gold2)}.fr{display:flex;gap:10px;overflow-x:auto;padding:8px 0 6px}
.fv{flex:none;display:flex;align-items:center;gap:10px;background:linear-gradient(150deg,#1d1710,#100d09);border:1px solid var(--ln);border-radius:14px;padding:8px 12px;cursor:pointer}.fv.cur{border-color:var(--gold)}
.fl,.rlg{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;font-size:14px;flex:none}
.fi b{display:block;font-size:14px;white-space:nowrap}.fi small{color:var(--mu);font-size:12px}.fb{color:var(--gold2)}
.logoimg,#bar .bl,.fl,.rlg,.av{overflow:hidden}.logoimg img,#bar .bl img,.fl img,.rlg img,.av img{width:100%;height:100%;object-fit:cover;display:block}
.av.big{width:84px;height:84px;font-size:30px;margin:10px auto}.me{cursor:pointer}
.rr{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--ln)}.rr .rlg{width:44px;height:44px}.ri{flex:1;min-width:0}.ri b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ri small{color:var(--mu)}.rr .btn{padding:4px 10px}
#rP{align-items:center}#rP .rlg{flex:0 0 64px;width:64px;height:64px}.sf input[type=number]{width:100%;background:var(--p2);border:1px solid var(--ln);border-radius:10px;padding:10px 12px;margin:6px 0}
footer{text-align:center;color:var(--mu);font-size:12px;padding:30px 0}
@media(max-width:600px){.logoimg{width:64px;height:64px;font-size:20px}.pg{grid-template-columns:repeat(6,1fr)}.msgs{height:300px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.gbtn{display:flex;justify-content:center;margin:8px 0}.seo-links{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:12px;margin-bottom:10px}.seo-links a{color:var(--mu);text-decoration:none}.seo-links a:hover{color:var(--gold2)}
.card.hl{animation:hl 1.6s ease 2}@keyframes hl{50%{box-shadow:0 0 34px #e0a84a99}}
.note{font-size:12px;color:var(--mu);margin:6px 0}

/* v2 */
.box{position:relative}.x{position:absolute;top:10px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--p2);color:var(--tx);font-size:15px;z-index:2;border:1px solid var(--ln)}
.box>b:first-of-type{display:block;padding-right:40px}
.msgs{overflow-x:hidden}.m{min-width:0}.m .bd{min-width:0;max-width:calc(100% - 42px)}
.mc{width:fit-content;max-width:100%;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:7px 13px 9px;overflow-wrap:anywhere;word-break:break-word}
.mc.me{border-color:#e0a84a66;background:rgba(224,168,74,.09)}.mc .tx{margin-top:2px}.mc .gi{max-width:100%;height:auto}.mc .stk{font-size:46px}
.un{font-weight:600;font-size:13px;padding:0;background:none;text-align:left}.un:hover{text-decoration:underline}.avw{cursor:pointer;flex:none}
.vf{width:14px;height:14px;vertical-align:-2px;margin-left:3px}
.role{color:#201505}.role.admin{color:#fff}
.sys{text-align:center;font-size:12px;color:var(--mu);padding:2px 8px}.sys b{color:var(--gold2);font-weight:600}.sys.k{color:var(--rose)}
#ban{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top,0px));transform:translate(-50%,-160%);z-index:40;max-width:calc(100% - 24px);padding:10px 22px;border-radius:99px;font-weight:600;color:#201505;background:linear-gradient(110deg,#f6d58a,#e0a84a,#fff3c4,#e0a84a,#f6d58a);background-size:250% 100%;box-shadow:0 0 30px #e0a84a99;opacity:0;transition:transform .5s cubic-bezier(.2,1.2,.3,1),opacity .4s;pointer-events:none;text-align:center}
#ban.show{transform:translate(-50%,0);opacity:1;animation:shine 2.2s linear infinite}@keyframes shine{to{background-position:-250% 0}}
.ubox{text-align:center}.ubox h3{margin:2px 0;display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap}
.dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;text-align:left;background:var(--p2);border-radius:12px;padding:12px 14px;margin:12px 0;font-size:14px}.dl dt{color:var(--mu)}.dl dd{margin:0;text-align:right}
.mod{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.mod .btn{padding:6px 12px;font-size:13px}.mod select{padding:6px}.btn.dn{border-color:#ff5a5a66;color:var(--rose)}
.sw{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0}.sw button{width:28px;height:28px;border-radius:50%;border:2px solid transparent;outline:1px solid var(--ln)}.sw button.on{border-color:#fff}.sw input{width:34px;height:30px;padding:0;border:0;background:none}
.ck2{display:flex;gap:8px;align-items:center;font-size:14px;margin:10px 0 4px}.tw{overflow-x:auto}
.chip2{display:inline-block;font-size:11px;padding:0 7px;border-radius:99px;margin-left:4px;color:#201505}

.logo-img{height:38px;width:auto;max-width:220px;display:block;object-fit:contain}

/* v3 */
.xb{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;width:38px;height:38px;border-radius:50%;background:#0008;color:var(--tx);font-size:16px;z-index:3;border:1px solid var(--ln)}
.onb{display:inline-flex;gap:7px;align-items:center;padding:5px 13px;border-radius:99px;background:var(--p2);border:1px solid var(--ln);font-size:13px}
.onb::before{content:'';width:8px;height:8px;border-radius:50%;background:#4cd964;box-shadow:0 0 8px #4cd964}
.box.prem{border:1px solid #e0a84a88;background:linear-gradient(160deg,#2a2012,#12100c);box-shadow:0 0 60px #e0a84a33}
.onh{font-size:18px;font-weight:700;color:var(--gold2);margin-bottom:12px;padding-right:40px}.onh b{color:#4cd964}
.onr{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 10px;border-radius:14px;border:1px solid transparent}.onr:hover{background:#ffffff0d;border-color:var(--ln)}
.onn{display:flex;flex-direction:column;min-width:0}.onn small{color:var(--mu);font-size:12px}
.fvlist{flex-direction:column;overflow:visible}.fvlist .fv{width:100%}
.mc{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.mc .nm{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;width:100%}
.mc .tx{display:block;width:100%;text-align:left}
.mc .stk{font-size:34px;line-height:1.15}
.mc .gi{max-width:150px;max-height:110px;width:auto;height:auto;border-radius:10px}
.tx.e2{font-size:30px;line-height:1.2}.tx.e1{font-size:22px;line-height:1.25}
.msgs{height:min(62vh,540px)}
.bx{font-size:18px;color:var(--gold2);padding:6px 8px}#bar .bl,#bar .bi{cursor:pointer}
#np{position:fixed;inset:0;z-index:25;display:none;overflow-y:auto;background:#0b0a0d;--a1:#c9962f;--a2:#3a2a10}
#np.open{display:block}
#npbg{position:fixed;inset:0;background:radial-gradient(900px 600px at 20% 10%,var(--a1),transparent 70%),radial-gradient(700px 500px at 90% 90%,var(--a2),transparent 70%);opacity:.55;transition:opacity .6s;animation:amb 12s ease-in-out infinite alternate}
@keyframes amb{to{transform:scale(1.12) translateY(-2%)}}
.npw{position:relative;max-width:1100px;margin:auto;padding:calc(56px + env(safe-area-inset-top,0px)) 16px 120px;display:grid;grid-template-columns:minmax(280px,400px) 1fr;gap:28px;align-items:start}
.npl{text-align:center}.npart{width:min(70vw,300px);aspect-ratio:1;border-radius:28px;margin:0 auto 18px;display:grid;place-items:center;font-size:64px;font-weight:800;color:#fff;overflow:hidden;box-shadow:0 20px 70px #000a,0 0 60px var(--a1)}
.npart img{width:100%;height:100%;object-fit:cover}
.npl h2{margin:0;font-size:26px;color:var(--tx)}
.neq{display:flex;align-items:flex-end;gap:3px;height:70px;margin:18px auto;max-width:360px}.neq span{flex:1;height:6%;border-radius:3px;background:linear-gradient(to top,var(--a1),#f6d58a);transition:height .12s}
.npc{display:flex;align-items:center;justify-content:center;gap:14px}.npc input{width:130px;accent-color:var(--gold)}
.play.big{width:72px;height:72px;font-size:26px;background:#0006}.heart2{font-size:26px;color:var(--mu)}.heart2.on{color:var(--rose)}
.npr .chat{background:#120f0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.npr .msgs{height:min(55vh,460px)}
@media(max-width:800px){.npw{grid-template-columns:1fr;gap:18px}.npart{width:min(55vw,220px);font-size:48px}}

/* v4: karolar */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.card{--c:#e0a84a;padding:8px 8px 11px;border-radius:18px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px solid var(--ln);border:1.5px solid color-mix(in srgb,var(--c) 50%,transparent);background:linear-gradient(165deg,#1d1710,#100d09);background:linear-gradient(165deg,color-mix(in srgb,var(--c) 15%,#16130f),#100d09);transition:transform .15s,box-shadow .25s;-webkit-tap-highlight-color:transparent;user-select:none;min-width:0}
.card:active{transform:scale(.97)}.card:hover{transform:translateY(-2px)}
.card.cur{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 28px color-mix(in srgb,var(--c) 45%,transparent)}
.card .tr{display:flex;align-items:center;gap:5px;width:100%;min-height:22px}
.card .heart{font-size:17px;padding:0 2px;line-height:1}
.card .eq{display:flex;align-items:flex-end;gap:2px;height:14px;width:18px;margin:0;opacity:.35}.card.cur .eq{opacity:1}
.card .eq span{flex:1;height:20%;border-radius:1px;background:var(--c)}
.card .rk{margin-left:auto;background:var(--gold);color:#201505;font-weight:800;font-size:11px;padding:0 8px;border-radius:99px;line-height:18px}
.ring{width:68%;max-width:84px;aspect-ratio:1;border-radius:50%;padding:3px;flex:none}
.card.cur .ring{animation:pr 1.8s ease-in-out infinite}@keyframes pr{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 30%,transparent)}}
.card .ring .logoimg{width:100%;height:100%;border-radius:50%;border:2px solid #0b0a0d;font-size:20px}
.cn{font-weight:700;font-size:13px;line-height:1.2;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;overflow-wrap:anywhere}
.cl2{font-size:12px;color:var(--mu)}.cl2 b{color:var(--tx)}
@media(min-width:700px){.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}.ring{max-width:96px}.cn{font-size:14px}}
/* v4: sohbet araçları */
.chr{display:flex;gap:8px;align-items:center}.ib{width:30px;height:30px;border-radius:50%;background:var(--p2);border:1px solid var(--ln);font-size:14px;opacity:.75}.ib:hover{opacity:1;border-color:var(--rose)}
.att{display:none;gap:8px;padding:8px 14px 0;flex-wrap:wrap}.at{position:relative;background:var(--p2);border:1px solid var(--ln);border-radius:12px;padding:4px;display:grid;place-items:center;min-width:48px;height:48px}.at img{height:40px;width:auto;border-radius:8px;display:block}.at span{font-size:30px;line-height:1}
.at button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--rose);color:#fff;font-size:11px}
/* v4: modern seçici */
.pk{left:10px;right:10px;width:auto;max-width:440px;bottom:calc(100% + 6px);height:min(48vh,340px);padding:10px;display:none;flex-direction:column;gap:8px;border-radius:22px;background:rgba(26,21,14,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #e0a84a55;box-shadow:0 18px 60px #000c,0 0 0 1px #ffffff0a inset}
.pk.open{display:flex;animation:pkin .18s ease-out}@keyframes pkin{from{opacity:0;transform:translateY(8px)}}
.pkt{display:flex;gap:8px;align-items:center}.seg{display:flex;flex:1;background:#00000055;border-radius:99px;padding:3px;gap:2px}
.seg button{flex:1;padding:7px 4px;border-radius:99px;font-size:13px;color:var(--mu);white-space:nowrap}.seg button.on{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#201505;font-weight:700}
.pkx{width:32px;height:32px;border-radius:50%;background:var(--p2);color:var(--tx)}
#pk .pg{flex:1;min-height:0;overflow-y:auto;display:grid;gap:6px;max-height:none;align-content:start;padding:2px}
#pk .pg.e{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}#pk .pg.s{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}#pk .pg.g{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
#pk .pg button{position:relative;border-radius:14px;background:#ffffff08;transition:transform .12s,background .15s;display:grid;place-items:center;padding:0}
#pk .pg.e button{font-size:26px;height:44px}#pk .pg.s button{font-size:40px;height:64px}#pk .pg.g button{height:80px;overflow:hidden}
#pk .pg button:hover{background:#ffffff18;transform:scale(1.06)}#pk .pg button:active{transform:scale(.92)}
#pk .pg.g img{width:100%;height:100%;object-fit:cover;border-radius:14px}
#pk .pg button.on{outline:2px solid var(--gold);background:#e0a84a22}#pk .pg button.on::after{content:'✓';position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#201505;font-size:11px;font-weight:800;display:grid;place-items:center}
#pk .empty{grid-column:1/-1;text-align:center;padding:30px 10px}
.pkf{display:flex;gap:8px;align-items:center;border-top:1px solid #ffffff12;padding-top:8px}.sel{flex:1;display:flex;gap:5px;overflow-x:auto;min-height:34px;align-items:center;font-size:13px}
.chipx{flex:none;height:32px;min-width:32px;border-radius:10px;background:#ffffff12;font-size:20px;display:grid;place-items:center;padding:0 4px}.chipx img{height:26px;border-radius:6px}

/* v5: ikonlu üst çubuk */
.ibtn{position:relative;width:40px;height:40px;border-radius:50%;background:var(--p2);border:1px solid var(--ln);font-size:18px;display:grid;place-items:center;color:var(--tx);flex:none}
.ibtn:hover{border-color:var(--gold)}#favBtn{color:var(--rose)}
.bdg{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:99px;background:var(--gold);color:#201505;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px}.bdg:empty{display:none}
.pdot{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 0 #ff5a5a99;animation:pd 1.6s infinite}@keyframes pd{70%{box-shadow:0 0 0 9px #ff5a5a00}}
.coinb{display:inline-flex;gap:6px;align-items:center;height:36px;padding:0 12px;border-radius:99px;background:linear-gradient(180deg,#3a2c12,#251c0c);border:1px solid #e0a84a88;color:var(--gold2);font-size:14px;flex:none}.coinb b{color:#fff}
@media(max-width:600px){#me .mn{display:none}header{gap:8px}}
/* v5: mesaj alanı */
.ipill{flex:1;display:flex;align-items:center;background:rgba(255,255,255,.07);border:1px solid var(--ln);border-radius:99px;padding:0 6px 0 16px;min-width:0}
.ipill input{flex:1;background:none;border:0;outline:0;padding:12px 0;min-width:0;border-radius:0}
.eb{font-size:22px;width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center}
.apill{display:flex;align-items:center;background:rgba(255,255,255,.07);border:1px solid var(--ln);border-radius:99px;padding:0 4px;flex:none}
.ab{width:38px;height:42px;font-size:22px;display:grid;place-items:center}.ab:active,.eb:active{transform:scale(.88)}
.sendb{width:44px;height:44px;border-radius:50%;flex:none;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#201505;font-size:18px;box-shadow:0 0 18px #e0a84a55;animation:sin .18s ease-out}@keyframes sin{from{transform:scale(.4);opacity:0}}
.inp{gap:8px;padding:10px 12px}
.mc .stks{display:flex;gap:4px;flex-wrap:wrap}.mc .gifs{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.mc .gifs .gi{max-width:120px;max-height:90px}
/* v5: hediye mesajı */
.gm{display:flex;justify-content:center;margin:2px 0}
.gmc{max-width:100%;text-align:center;font-size:13px;padding:7px 14px;border-radius:99px;overflow-wrap:anywhere;background:linear-gradient(110deg,#e0a84a26,#ff5a8d1f);border:1px solid #e0a84a66}
.gmc b{color:var(--gold2)}.gmc i{font-style:normal;color:#fff;font-weight:600}.gic{font-size:20px;vertical-align:-3px}.gic img{height:22px;vertical-align:-5px}.gmc .gn{color:#fff}
/* v5: hediye efekti */
#gfx{position:fixed;inset:0;z-index:45;pointer-events:none}
.gf{position:absolute;inset:0;display:grid;place-items:center;align-content:center}
.gf.t3::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#e0a84a55,#000000b0 70%);animation:gfade 3.6s ease both}
@keyframes gfade{0%{opacity:0}12%,80%{opacity:1}100%{opacity:0}}
.gglow{position:absolute;width:min(70vw,340px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffd77a99,transparent 68%);animation:gg 2.4s ease-out both}
@keyframes gg{0%{transform:scale(.2);opacity:0}30%{opacity:1}100%{transform:scale(1.7);opacity:0}}
.gicon{position:relative;font-size:96px;line-height:1;filter:drop-shadow(0 8px 24px #000a);animation:gin 2.1s cubic-bezier(.2,1.1,.3,1) both}.gicon img{height:110px;display:block}
.t2 .gicon{font-size:136px}.t2 .gicon img{height:150px}.t3 .gicon{font-size:190px;animation-duration:3.5s}.t3 .gicon img{height:210px}.t2 .gicon{animation-duration:2.7s}
@keyframes gin{0%{transform:scale(.1) rotate(-35deg);opacity:0}22%{transform:scale(1.3) rotate(8deg);opacity:1}36%{transform:scale(1) rotate(-3deg)}80%{transform:scale(1.06) rotate(2deg);opacity:1}100%{transform:scale(1.5) translateY(-40px);opacity:0}}
.gtxt{position:relative;margin-top:14px;text-align:center;font-size:18px;color:#fff;text-shadow:0 2px 12px #000;background:#0009;padding:8px 20px;border-radius:99px;max-width:90vw;animation:gtx 2.8s ease both}.gtxt b{color:var(--gold2)}.gtxt span{font-size:14px;color:#ffe9b0}
@keyframes gtx{0%{transform:translateY(20px);opacity:0}20%,85%{transform:none;opacity:1}100%{opacity:0}}
.gpart{position:absolute;left:50%;top:50%}.gpart i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--c);opacity:0;animation:pf 1.7s ease-out var(--d) both}
@keyframes pf{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:1}100%{transform:translate(var(--x),var(--y)) scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.gpart{display:none}}
/* v5: hediye penceresi */
.gh{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-right:40px;font-size:17px}.gh b{color:var(--gold2)}
.gtg{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.tg{flex:none;display:flex;align-items:center;gap:6px;padding:5px 12px 5px 6px;border-radius:99px;background:var(--p2);border:1px solid var(--ln);font-size:13px}.tg .av{width:24px;height:24px;font-size:11px}.tg.on{border-color:var(--gold);background:#e0a84a22;color:var(--gold2)}
.gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;margin:12px 0;max-height:36vh;overflow-y:auto;padding:2px}
.gt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:16px;background:#ffffff0a;border:1px solid transparent;transition:transform .12s}.gt:hover{transform:translateY(-2px)}
.gt .ge{font-size:38px;line-height:1.1}.gt .ge img{height:42px}.gt b{font-size:12px}.gt small{color:var(--gold2);font-size:12px}.gt.on{border-color:var(--gold);background:#e0a84a1f;box-shadow:0 0 18px #e0a84a44}
.gbox .btn.f:disabled{opacity:.5}
/* v5: çark */
.wbox{text-align:center}.wbox .gh{text-align:left}
.wheelw{position:relative;width:min(78vw,290px);aspect-ratio:1;margin:18px auto 14px}
.wheel{position:absolute;inset:0;border-radius:50%;border:6px solid var(--gold2);box-shadow:0 0 40px #e0a84a66,inset 0 0 30px #0008;transition:transform 4.6s cubic-bezier(.12,.7,.1,1)}
.wl{position:absolute;left:50%;top:50%;width:0;height:0}.wl b{position:absolute;transform:translate(-50%,-50%);color:#fff;font-size:17px;text-shadow:0 1px 4px #000}
.wpoint{position:absolute;left:50%;top:-14px;transform:translateX(-50%);font-size:30px;color:var(--rose);z-index:3;filter:drop-shadow(0 2px 4px #000)}
.whub{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:#14100a;border:3px solid var(--gold2);display:grid;place-items:center;font-size:24px;z-index:2}
.gamel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.gamel div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:18px;background:#ffffff0a;border:1px dashed #e0a84a55;text-align:center}.gamel span{font-size:34px}.gamel small{color:var(--mu)}
/* v5: yönetim menüsü */
.atabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.atabs button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 2px 8px;border-radius:16px;background:#ffffff0a;border:1px solid var(--ln);font-size:11px;color:var(--mu);transition:all .15s}
.atabs button i{font-style:normal;font-size:21px}.atabs button:hover{border-color:#e0a84a66;color:var(--tx)}
.atabs button.on{background:linear-gradient(180deg,#f6d58a,#e0a84a);color:#201505;font-weight:700;border-color:transparent;box-shadow:0 4px 18px #e0a84a44}
.asec{background:#ffffff08;border:1px solid var(--ln);border-radius:16px;padding:12px 14px;margin-top:12px}.asec>b{display:block;color:var(--gold2);margin-bottom:6px}
.prz{display:flex;gap:8px;align-items:center;margin:6px 0}.prz input{width:100%}.prz small{color:var(--mu);white-space:nowrap;min-width:40px}.prz button{color:var(--rose)}
.prev{margin:8px 0;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--ln);font-size:16px}
[hidden]{display:none!important}

/* v6 */
@media(max-width:700px){header{flex-wrap:nowrap;gap:6px}.ibtn{width:36px;height:36px;font-size:16px}.coinb{height:34px;padding:0 9px;font-size:13px}.logo{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-img{max-width:104px;height:30px}#me .av{width:32px;height:32px}.msgs{height:min(46vh,420px)}}
#me{flex:none}
.typ{min-height:0;padding:0 18px;font-size:12px;color:var(--gold2);display:none}.typ.on{display:block;padding-bottom:6px}
.typ i{display:inline-block;width:5px;height:5px;margin-left:2px;border-radius:50%;background:var(--gold2);animation:td 1.2s infinite}.typ i:nth-child(2){animation-delay:.2s}.typ i:nth-child(3){animation-delay:.4s}@keyframes td{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.chprev{display:none;padding:10px 18px;font-size:13px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat.col .msgs,.chat.col .inp,.chat.col #att,.chat.col #typ{display:none!important}.chat.col .chprev{display:block}.chat.col #chTog{transform:rotate(180deg)}.chat.col .lock{display:none!important}
.jl{display:inline-flex;gap:6px;align-items:center;margin-left:6px;padding:2px 10px;border-radius:99px;background:#e0a84a26;border:1px solid #e0a84a66;color:var(--gold2);font-size:12px}.jl:disabled{opacity:.5}
.rr .mv{display:flex;flex-direction:column;gap:2px}.rr .mv button{width:28px;height:22px;border-radius:7px;background:var(--p2);border:1px solid var(--ln);font-size:11px;line-height:1}.rr .mv button:disabled{opacity:.3}
/* oyunlar */
.modal.full{padding:0;align-items:stretch}.modal.full .box{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;border:0;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 24px;background:radial-gradient(900px 500px at 50% -10%,#3b1d6e,#0e0a1c 60%);overflow-y:auto}
.gtop{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #ffffff14}.gicn,.gtb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff22;font-size:18px;color:#fff}
.gtabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0;padding:5px;border-radius:20px;background:#0a0716;border:1px solid #ffffff14}
.gtabs button{padding:13px 4px;border-radius:15px;font-weight:600;color:#a9a0d6;font-size:15px}.gtabs button.on{background:#1c2a5a;color:#fff;box-shadow:0 0 0 2px #38d0f0 inset}
.gpill{display:inline-block;padding:7px 16px;border-radius:99px;border:1px solid #7a63d6;background:#2a1d5a66;color:#d9d0ff;font-weight:600;font-size:14px;margin-bottom:12px}
.ginfo{padding:14px 16px;border-radius:18px;border:1px solid #6a4fd0;background:#2a1d5a44;color:#e6e0ff;margin-bottom:14px;font-size:15px}
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gcard{text-align:left;display:block;min-width:0}.gcard .gcv{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;display:grid;place-items:center;font-size:clamp(40px,14vw,64px);border:1.5px solid #ffffff26;box-shadow:0 8px 24px #0008}
.gcard .gcv em{position:absolute;top:8px;left:8px;width:30px;height:30px;border-radius:10px;background:#0009;display:grid;place-items:center;font-style:normal;font-size:15px}
.gcard .gcv u{position:absolute;left:8px;bottom:8px;text-decoration:none;font-size:12px;font-weight:700;padding:3px 12px;border-radius:99px;background:#0c3a2a;color:#4cf0a0;border:1px solid #1f8f62}
.gcard b{display:block;margin-top:8px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcard small{display:block;color:#a9a0d6;font-size:13px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* hediye hareketleri */
.gf .gicon{will-change:transform}
.a-drive .gicon{animation:adrive 3.2s ease-in-out both}@keyframes adrive{0%{transform:translateX(-120vw) skewX(-8deg)}35%{transform:translateX(0) skewX(0)}45%,60%{transform:translateX(0) translateY(-4px)}50%,65%{transform:translateX(0) translateY(3px)}100%{transform:translateX(120vw) skewX(8deg)}}
.a-fly .gicon{animation:afly 3s ease-in-out both}@keyframes afly{0%{transform:translate(-110vw,50vh) rotate(-12deg) scale(.5)}45%{transform:translate(0,0) rotate(0) scale(1.15)}60%{transform:translate(0,-6px) scale(1.2)}100%{transform:translate(110vw,-50vh) rotate(-12deg) scale(.5)}}
.a-rocket .gicon{animation:arocket 2.8s cubic-bezier(.4,0,.8,.4) both}@keyframes arocket{0%{transform:translateY(60vh) scale(.6);opacity:0}15%{opacity:1}40%{transform:translateY(0) scale(1.2) rotate(-2deg)}50%{transform:translate(3px,-4px) scale(1.2)}60%{transform:translate(-3px,0) scale(1.2)}100%{transform:translateY(-90vh) scale(.8)}}
.a-roar .gicon{animation:aroar 3s ease both}@keyframes aroar{0%{transform:scale(.2);opacity:0}20%{transform:scale(1.2);opacity:1}30%{transform:scale(1.35) translateX(-8px)}36%{transform:scale(1.35) translateX(8px)}42%{transform:scale(1.35) translateX(-8px)}48%{transform:scale(1.35) translateX(8px)}56%{transform:scale(1.25)}85%{transform:scale(1.25);opacity:1}100%{transform:scale(1.6);opacity:0}}
.a-float .gicon{animation:afloat 2.8s ease-in-out both}@keyframes afloat{0%{transform:translateY(40vh) scale(.5);opacity:0}25%{opacity:1}50%{transform:translateY(0) translateX(-14px) scale(1.15)}70%{transform:translateY(-8px) translateX(14px) scale(1.15)}100%{transform:translateY(-50vh) scale(.9);opacity:0}}
.a-spin .gicon{animation:aspin 2.9s ease both}@keyframes aspin{0%{transform:scale(.1) rotate(-360deg);opacity:0}30%{transform:scale(1.25) rotate(0);opacity:1}70%{transform:scale(1.1) rotate(10deg)}100%{transform:scale(1.5) rotate(40deg);opacity:0}}

/* v7: çerçeve */
.avf{position:relative;display:inline-block;line-height:0;flex:none}.avf .av{margin:0}
.frm{position:absolute;left:50%;top:50%;width:144%;height:144%;max-width:none;transform:translate(-50%,-50%);pointer-events:none;object-fit:contain}
.avw.hasf{margin:7px 8px 7px 7px}
.ubox .avf,.drwp .avf.big{display:block;width:max-content;margin:16px auto}
/* v7: yan menü */
#drw{position:fixed;inset:0;z-index:35;visibility:hidden}#drw.open{visibility:visible}
.drwbg{position:absolute;inset:0;background:#000a;opacity:0;transition:opacity .25s}#drw.open .drwbg{opacity:1}
.drwp{position:absolute;left:0;top:0;bottom:0;width:min(88vw,400px);background:#14110c;border-right:1px solid #e0a84a44;overflow-y:auto;transform:translateX(-102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding:calc(14px + env(safe-area-inset-top,0px)) 14px 30px;box-shadow:10px 0 50px #000c}
#drw.open .drwp{transform:none}
.dh{display:flex;gap:12px;align-items:center}.dh .av{width:62px;height:62px;font-size:24px}.dh .nm2{flex:1;min-width:0}.dh .nm2 b{font-size:19px;display:flex;align-items:center;gap:2px;flex-wrap:wrap}.dh .id{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:99px;background:var(--p2);color:var(--mu);font-size:12px}
.stat2{display:flex;align-items:center;gap:8px;margin:14px 0 10px;padding:4px 12px;border-radius:14px;border:1px dashed var(--ln);background:#ffffff06}.stat2 input{flex:1;background:none;border:0;outline:0;padding:10px 0;min-width:0;color:var(--tx)}
.lvc{padding:12px 14px;border-radius:18px;border:1px solid var(--ln);background:#ffffff08;margin-bottom:12px}.lvc .r{display:flex;align-items:center;gap:10px}.lvc .r b{font-size:17px}.lvc .r span:last-child{margin-left:auto;color:var(--mu);font-size:13px}.lvc .bar{height:8px;border-radius:9px;background:var(--ln);margin-top:10px;overflow:hidden}.lvc .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.dtl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.dtl button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 2px 10px;border-radius:18px;font-size:12px;font-weight:600;color:var(--tx)}
.dtl i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:20px}
.dtl .t1{background:#5b5bd622}.dtl .t1 i{background:#6b63e8}.dtl .t2{background:#e0a84a22}.dtl .t2 i{background:#e0a84a}.dtl .t3{background:#2fbf8a22}.dtl .t3 i{background:#2fbf8a}.dtl .t4{background:#a05bd622}.dtl .t4 i{background:#a265ee}
.dsec{margin:14px 6px 4px;font-size:12px;letter-spacing:.14em;color:var(--mu);font-weight:700}
.dit{display:flex;align-items:center;gap:14px;width:100%;padding:10px;border-radius:16px;text-align:left;font-size:16px;color:var(--tx)}
.dit:hover,.dit:active{background:#ffffff0c}.dit .ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:19px;background:#ffffff0d;flex:none}
.dit .bd2{margin-left:auto;padding:4px 12px;border-radius:12px;background:#e0a84a2a;color:var(--gold2);font-weight:700;font-size:14px}.dit .ch{margin-left:auto;color:var(--mu)}
.dit.hi{background:#ffffff08}.dit.out{color:var(--rose)}
/* v7: cüzdan */
.wal{background:#0f0c14!important}.walh{display:flex;justify-content:space-between;align-items:center;padding:6px 2px 12px}.walh b{font-size:22px;color:#fff}
.xb2{width:38px;height:38px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff22;color:#fff;font-size:15px;flex:none}
.waltabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border-radius:18px;background:#ffffff0d;margin-bottom:16px}
.waltabs button{padding:11px 2px;border-radius:14px;font-size:13px;color:#a9a0d6;font-weight:600}.waltabs button.on{background:#2a2540;color:#fff;box-shadow:0 0 0 1px #8a7cf0 inset}
.bcard{position:relative;overflow:hidden;border-radius:26px;padding:22px 22px 24px;background:linear-gradient(135deg,#5a55f5,#4a3fe0);box-shadow:0 20px 50px #4a3fe055}
.bcard::after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff14}
.bcard small{letter-spacing:.14em;font-weight:700;opacity:.85}.bcard .big{font-size:56px;font-weight:800;line-height:1.1;margin:6px 0 16px}.bcard .big span{font-size:17px;font-weight:600;margin-left:6px;opacity:.9}
.bcard .bt{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.bcard .bt button{padding:12px 18px;border-radius:99px;font-weight:700;font-size:15px}.bcard .w1{background:#fff;color:#4a3fe0}.bcard .w2{background:#ffffff2a;color:#fff}
.st2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.st2>div{display:flex;gap:12px;align-items:center;padding:14px;border-radius:20px;background:#ffffff0a;border:1px solid #ffffff14}
.st2 i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:800}.st2 .up i{background:#2fbf8a22;color:#2fe0a0}.st2 .dn i{background:#e0505022;color:#ff6a6a}.st2 b{display:block;font-size:20px}.st2 small{color:#a9a0d6}
.hrow{display:flex;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #ffffff12}.hrow .nt{flex:1;min-width:0}.hrow .nt b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrow .nt small{color:#a9a0d6}.hrow .am{font-weight:800}.hrow .am.p{color:#2fe0a0}.hrow .am.m{color:#ff6a6a}
.tp{padding:16px;border-radius:20px;background:#ffffff0a;border:1px solid #ffffff14;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
/* v7: mağaza */
.modal.sheet{align-items:flex-end;padding:0}.modal.sheet .box{width:100%;max-width:560px;margin:0 auto;border-radius:28px 28px 0 0;max-height:92vh;border:1px solid #7a63d6;border-bottom:0;background:linear-gradient(180deg,#2a1a52,#150f2a 40%);padding:10px 14px 24px}
.grab{width:56px;height:5px;border-radius:9px;background:#8a7cf0;margin:2px auto 12px}
.shh{display:flex;align-items:center;gap:10px}.shh b{font-size:24px;color:#4de0ff}.shi{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;border:1px solid #ffffff2a;background:#ffffff10;font-size:20px}
.plus{font-style:normal;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8a5cf6,#d04cf0);color:#fff;font-weight:700;margin-left:4px}
.shtabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border-radius:20px;border:1px solid #ffffff1a;margin:14px 0}.shtabs button{padding:12px 2px;border-radius:15px;font-weight:600;color:#c9c0f0;font-size:14px}.shtabs button.on{background:#1c2a5a;color:#fff;box-shadow:0 0 0 2px #38d0f0 inset}
.srt{display:inline-flex;gap:2px;padding:4px;border-radius:16px;border:1px solid #ffffff1a;margin-bottom:12px}.srt button{padding:8px 12px;border-radius:12px;color:#c9c0f0;font-size:13px}.srt button.on{background:#1c2a5a;color:#fff;box-shadow:0 0 0 2px #38d0f0 inset}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fcard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px 14px;border-radius:24px;border:1.5px solid #6a4fd0;background:#2a1d5a88}
.fcard .pv{width:96px;height:96px;display:grid;place-items:center;margin:8px 0}.fcard .pv .av{width:66px;height:66px;font-size:24px}
.fcard b{font-size:16px}.fcard .dy{color:#c9c0f0;font-size:13px}
.pr{display:inline-flex;gap:6px;align-items:center;padding:6px 16px;border-radius:99px;border:1px solid #e0a84a99;background:#3a2c12;color:var(--gold2);font-weight:700;font-size:15px}
.fcard .btn{padding:7px 18px;border-radius:99px;font-size:14px}.fcard.cur{border-color:#4de0ff;box-shadow:0 0 22px #4de0ff44}
.pgb{margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;max-height:62vh;overflow-y:auto}

/* v8 */
.modal{z-index:40}.toast{z-index:60}#ban{z-index:55}
.m{display:block;position:relative;touch-action:pan-y}.m .mrw{display:flex;gap:10px;min-width:0}
.rpi{position:absolute;left:8px;top:50%;margin-top:-14px;width:28px;height:28px;border-radius:50%;background:#e0a84a33;color:var(--gold2);display:grid;place-items:center;font-size:15px;opacity:var(--sp,0);transform:scale(calc(.5 + var(--sp,0) * .5));pointer-events:none}
.qt{width:100%;border-left:3px solid var(--gold);background:#00000038;border-radius:8px;padding:4px 9px;margin:3px 0 5px;font-size:12px;cursor:pointer;min-width:0}.qt b{display:block;color:var(--gold2);font-size:12px}.qt span{display:block;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt.gone{border-left-color:var(--mu);cursor:default}
.mc.tome{box-shadow:0 0 0 1px #e0a84a99}.m.flash .mc{animation:fl 1.4s}@keyframes fl{30%{background:#e0a84a55}}
.rpb{display:none;margin-left:auto;font-size:13px;color:var(--mu);padding:0 4px}@media(hover:hover){.m:hover .rpb{display:inline-block}}
.rbar{display:none;align-items:center;gap:10px;margin:8px 12px 0;padding:6px 8px 6px 12px;border-radius:14px;background:#ffffff0d;border-left:3px solid var(--gold)}
.rbi{flex:1;min-width:0}.rbi b{display:block;color:var(--gold2);font-size:12px}.rbi span{display:block;color:var(--mu);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbar button{width:28px;height:28px;border-radius:50%;background:var(--p2);flex:none}
/* uygulama indir popup */
.modal.appm .box.appbox{position:relative;width:min(94vw,440px);overflow-x:hidden;padding:22px 18px 20px;border:2px solid transparent;border-radius:28px;background:linear-gradient(#0a0630,#160a52) padding-box,linear-gradient(135deg,#38d0ff,#a05bff,#ff5bd0) border-box;box-shadow:0 0 40px #7a5cff77,0 0 90px #38d0ff33;text-align:center;animation:appin .45s cubic-bezier(.2,1.1,.3,1)}
@keyframes appin{from{transform:scale(.85) translateY(20px);opacity:0}}
.appgl{position:absolute;inset:-40% -20% auto;height:260px;background:radial-gradient(circle,#7a5cff55,transparent 65%);pointer-events:none}
.pillt{position:relative;display:inline-block;padding:7px 16px;border-radius:99px;border:1px solid #38d0ff88;background:#0a1a4a;color:#e8f6ff;font-size:13px;font-weight:600;box-shadow:0 0 18px #38d0ff44}
.appt{position:relative;margin:16px 0 4px;font-size:30px;line-height:1.1;color:#fff;text-shadow:0 0 24px #7a5cff}.appt em{font-style:normal;color:#ecc8ff}
.subt{position:relative;margin:0 0 10px;color:#7fd6ff;font-size:15px}
.phones{position:relative;display:flex;justify-content:center;align-items:flex-end;height:158px;margin:10px 0 8px}
.ph{width:88px;height:156px;border-radius:18px;border:3px solid #7a6cff;background:linear-gradient(170deg,#070a30,#2f1a8a);box-shadow:0 0 28px #7a5cff77;overflow:hidden;position:relative;padding:8px 6px;text-align:left}
.p1{transform:rotate(-5deg);margin-right:-12px;z-index:1}.p2{transform:rotate(6deg) translateY(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-color:#c08aff}
.phh{font-size:9px;font-weight:700;color:#fff;margin-bottom:7px}.phr{display:flex;align-items:center;gap:4px;background:#ffffff14;border-radius:8px;padding:4px;margin-bottom:5px}.phr i{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ffb86b,#ff5bd0)}.phr span{flex:1;height:4px;border-radius:3px;background:#ffffff44}.phr u{text-decoration:none;font-size:7px;background:#5b5bf0;color:#fff;border-radius:5px;padding:1px 4px}
.mic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;border:2px solid #a07cff;box-shadow:0 0 18px #7a5cff,inset 0 0 12px #7a5cff88;margin-bottom:6px}.phn{font-weight:800;font-size:12px;color:#fff}.phs{font-size:8px;color:#d9c8ff;margin-top:3px;padding:0 4px}
.apl{position:relative;list-style:none;margin:6px auto 14px;padding:0;text-align:left;display:inline-block}.apl li{display:flex;gap:10px;align-items:center;padding:5px 0;color:#eef0ff;font-size:14px}.apl li::before{content:'✓';flex:none;width:20px;height:20px;border-radius:50%;background:#6a5af0;color:#fff;font-size:12px;display:grid;place-items:center}
.stores{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.store{display:flex;align-items:center;gap:8px;padding:10px 10px;border-radius:14px;background:#06061a;border:1.5px solid #8a8aff66;color:#fff;text-align:left;box-shadow:0 0 18px #4a3fe044;transition:transform .12s}.store:active{transform:scale(.96)}.store:hover{border-color:#38d0ff}
.store small{display:block;font-size:10px;color:#c9d0ff}.store b{display:block;font-size:15px;line-height:1.1}
.ioshint{margin-top:12px;padding:10px 12px;border-radius:12px;background:#38d0ff22;border:1px solid #38d0ff66;font-size:13px;color:#eaf8ff}
.hand{position:relative;margin:14px 0 0;font-family:'Caveat',cursive;font-size:21px;color:#e6dcff}
.store{padding:10px 8px;gap:6px;min-width:0}.store b{font-size:14px;white-space:nowrap}.store svg{flex:none;width:26px;height:26px}.hand{white-space:normal}

/* v9: sohbet arkaplanı */
.chat.hasbg,.bgp.hasbg{background-image:linear-gradient(rgba(18,15,10,var(--cfd,0)),rgba(18,15,10,var(--cfd,0))),linear-gradient(rgba(10,8,6,var(--cdim,.55)),rgba(10,8,6,var(--cdim,.55))),var(--cbg);background-size:cover;background-position:var(--cpos,center);background-repeat:no-repeat;background-color:#120f0a}
@media(min-width:900px){.chat.hasbg,.bgp.hasbg{background-image:linear-gradient(rgba(18,15,10,var(--cfd,0)),rgba(18,15,10,var(--cfd,0))),linear-gradient(rgba(10,8,6,var(--cdim,.55)),rgba(10,8,6,var(--cdim,.55))),var(--cbgw,var(--cbg))}}
.chat.hasbg .ch-h,.chat.hasbg .inp{background:rgba(10,8,6,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.chat.hasbg .mc{background:rgba(14,11,8,.58)}.chat.hasbg .mc.me{background:rgba(60,42,12,.62)}.chat.hasbg .sys,.chat.hasbg .typ{text-shadow:0 1px 4px #000}
.bgp{position:relative;height:150px;margin:10px 0;border-radius:16px;border:1px solid var(--ln);display:grid;place-items:center;overflow:hidden;background:#120f0a}
.bgp .mc{pointer-events:none}.sf input[type=range]{width:100%;accent-color:var(--gold)}
.me{position:relative}.me.pdot-on::after{content:'';position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 0 #ff5a5a99;animation:pd 1.6s infinite}

/* ===== v22: odalar, DM, bildirim, arama, oyunlar ===== */
.rooms{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px;margin:0 -2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rooms::-webkit-scrollbar{display:none}
.rc{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:10px 6px 8px;border-radius:18px;background:linear-gradient(160deg,#1c1830,#120f20);border:1px solid var(--ln);color:var(--tx);transition:.2s}
.rc .ri2{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:23px;background:#ffffff10;border:1px solid #ffffff26;overflow:visible}.rc .ri2 img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.rc .lk{position:absolute;right:-4px;bottom:-4px;font-size:12px;font-style:normal;background:#000b;border-radius:50%;width:19px;height:19px;display:grid;place-items:center}
.rc b{font-size:12px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc small{font-size:11px;color:var(--mu);display:flex;align-items:center;gap:4px}.rc .dt{width:6px;height:6px;border-radius:50%;background:#4cd964;box-shadow:0 0 6px #4cd964;display:inline-block}
.rc.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 18px #e0a84a55;background:linear-gradient(160deg,#2a2112,#171109)}
.mwrap{position:relative}.pop{position:absolute;right:0;top:36px;min-width:210px;background:#17132a;border:1px solid #5a4aa8;border-radius:14px;padding:6px;box-shadow:0 12px 34px #000c,0 0 22px #6a4fd855;z-index:30;display:none}.pop.open{display:block}
.pop button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--tx)}.pop button:hover{background:#ffffff12}
.pop.pal{min-width:0;display:none;grid-template-columns:repeat(4,30px);gap:8px;padding:10px}.pop.pal.open{display:grid}.pop.pal button{width:30px;height:30px;border-radius:50%;padding:0;border:2px solid #fff4}
.sysb{align-self:center;margin:10px auto;text-align:center;max-width:88%;padding:10px 20px 12px;border-radius:16px;background:linear-gradient(135deg,#3a1d6e,#1d2f6e);border:1px solid #8a6aff;box-shadow:0 0 22px #7a5cff55}
.sysb b{display:block;font-size:12px;letter-spacing:3px;color:#ffd86b;margin-bottom:4px}.sysb span{display:block;font-size:15px;font-weight:600;color:#fff;white-space:pre-wrap;word-break:break-word}
.gmb{align-self:center;margin:6px auto;max-width:92%;text-align:center;padding:9px 16px;border-radius:14px;background:#1b1830cc;border:1px solid #5a4aa8;backdrop-filter:blur(4px)}.gmb b{display:block;font-size:12px;letter-spacing:1.5px;color:var(--gold2);margin-bottom:3px}.gmb span{display:block;font-size:14px;white-space:pre-wrap;word-break:break-word}
.gmb.q{border-color:#38f0d0;box-shadow:0 0 16px #38f0d044}.gmb.q span{font-size:16px;font-weight:600}.gmb.ok{border-color:#4cd964;background:#0f2a1acc;box-shadow:0 0 16px #4cd96455}.gmb.hint{border-color:#e0a84a}.gmb.end{border-color:#ff5a5a88;background:#2a1216cc}
.gsel{display:flex;gap:14px;align-items:center;margin:8px 2px;font-size:14px}.gsel[hidden]{display:none}.gsel label{display:flex;gap:5px;align-items:center}.gsel input{width:auto}
.pst{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px;border:1px solid;margin-left:4px}.pst.busy{color:#ff7a7a;border-color:#ff7a7a88;background:#ff5a5a1c}.pst.job{color:#ffb65a;border-color:#ffb65a88;background:#ffb65a1c}.pst.work{color:#7ab8ff;border-color:#7ab8ff88;background:#7ab8ff1c}
.gi2{font-style:normal;font-weight:800;font-size:15px}.gi2.f{color:#ff4fa3}.gi2.m{color:#4aa8ff}
.nlist{display:flex;flex-direction:column}.onr.nr{position:relative;border-radius:0;border:0;padding:11px 12px;background:linear-gradient(90deg,#ffffff06,transparent 70%);transition:.2s}
.onr.nr::after{content:'';position:absolute;left:10px;right:10px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#38f0d0,#a86bff,#ff4fa3,transparent);box-shadow:0 0 8px #a86bffaa;opacity:.75}
.onr.nr:hover{background:linear-gradient(90deg,#a86bff22,#38f0d00f 70%);box-shadow:inset 0 0 22px #a86bff1a}.onr.nr:last-child::after{display:none}
.ond{width:10px;height:10px;border-radius:50%;margin-left:auto;background:#4cd964;box-shadow:0 0 10px #4cd964}.ond.busy{background:#ff5a5a;box-shadow:0 0 10px #ff5a5a}.ond.job{background:#ffb65a;box-shadow:0 0 10px #ffb65a}.ond.work{background:#5aa8ff;box-shadow:0 0 10px #5aa8ff}
#mOn .box.prem{background:linear-gradient(180deg,#1a1236f0,#0c0a1cf2);border:1px solid #7a5cff;box-shadow:0 0 34px #7a5cff55,inset 0 0 40px #38f0d00d;backdrop-filter:blur(10px)}
.cacts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0 4px}.cbtn{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:62px;padding:8px 6px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff22;color:var(--tx)}.cbtn i{font-style:normal;font-size:21px;line-height:1}.cbtn small{font-size:11px;color:var(--gold2)}.cbtn:hover:not(:disabled){border-color:#38f0d0;box-shadow:0 0 12px #38f0d055}.cbtn:disabled{opacity:.55}
.nt{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:11px 10px;border-radius:14px;border:1px solid transparent;color:var(--tx)}.nt+.nt{border-top:1px solid #ffffff10}.nt i{font-style:normal;font-size:22px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ffffff10;flex:none}.nt b{display:block;font-size:14px;font-weight:600}.nt small{color:var(--mu);font-size:12px}.nt.new{background:linear-gradient(90deg,#e0a84a1f,transparent);border-color:#e0a84a44}
.whr{margin-bottom:14px}.whh{display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid #a86bff55}.whh b{flex:1;color:var(--gold2)}.whh .btn{padding:4px 12px;font-size:12px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:6px 0}@media(max-width:430px){.pgrid{grid-template-columns:1fr}}
.pschips{display:flex;gap:6px;margin:8px 0 2px}.pschips button{flex:1;padding:8px 4px;border-radius:12px;font-size:12px;font-weight:700;background:#ffffff0d;border:1px solid #ffffff22;color:var(--tx)}.pschips button.on{color:#000}.pschips .on.free{background:#4cd964}.pschips .on.busy{background:#ff7a7a}.pschips .on.job{background:#ffb65a}.pschips .on.work{background:#7ab8ff}
.dit.adm{background:linear-gradient(90deg,#e0a84a33,#a86bff22);border:1px solid #e0a84a77;margin-bottom:8px}
.stg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0}.stc{padding:10px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1c;text-align:center}.stc small{display:block;color:var(--mu);font-size:11px}.stc b{display:block;font-size:20px;margin-top:2px}.stc i{font-style:normal;font-size:11px;color:var(--mu)}.stc.f{border-color:#ff4fa377}.stc.f b{color:#ff4fa3}.stc.m{border-color:#4aa8ff77}.stc.m b{color:#4aa8ff}
.stt{width:100%;font-size:13px}.stt th,.stt td{padding:8px 6px;text-align:right;border-bottom:1px solid #ffffff12}.stt th:first-child,.stt td:first-child{text-align:left}
/* --- DM --- */
.modal.full .box.dmx{--dmc:#e0a84a;width:min(560px,100%);margin:0 auto;padding:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(700px 360px at 50% -8%,color-mix(in srgb,var(--dmc) 28%,#0a0816),#07060f 62%);border-left:1px solid color-mix(in srgb,var(--dmc) 55%,transparent);border-right:1px solid color-mix(in srgb,var(--dmc) 55%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--dmc) 35%,transparent)}
.dmh{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;border-bottom:1px solid color-mix(in srgb,var(--dmc) 60%,transparent);box-shadow:0 6px 22px -10px var(--dmc);background:#0a0816cc;flex:none}.dmh>b{font-size:18px;color:var(--dmc);text-shadow:0 0 12px var(--dmc)}
.dmh.th .tn{flex:1;min-width:0}.dmh.th .tn b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmh.th .tn small{font-size:12px;color:var(--mu)}.dmh .tp{color:var(--dmc);font-style:italic}
.avs{position:relative;display:inline-block;flex:none;cursor:pointer}.avs .av{width:42px;height:42px}.sd{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #0a0816;background:#4cd964;display:block}.sd.off{background:#6b6880}.sd.busy{background:#ff5a5a}.sd.job{background:#ffb65a}.sd.work{background:#5aa8ff}
.cbt{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:3px 4px;border-radius:12px;background:#ffffff0d;border:1px solid color-mix(in srgb,var(--dmc) 50%,transparent);color:var(--tx)}.cbt i{font-style:normal;font-size:17px;line-height:1.1}.cbt small{font-size:9.5px;color:var(--gold2)}.cbt:hover{box-shadow:0 0 12px var(--dmc)}
.dmtabs{display:flex;gap:6px;padding:10px 12px 0;flex:none}.dmtabs button{flex:1;padding:9px 4px;border-radius:12px;font-size:13px;font-weight:600;background:#ffffff0a;border:1px solid #ffffff1c;color:var(--mu)}.dmtabs button.on{color:#000;background:var(--dmc);border-color:var(--dmc);box-shadow:0 0 14px var(--dmc)}
.dml{flex:1;overflow:auto;padding:8px 8px 20px}.dmr{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 10px;border-radius:14px;color:var(--tx);position:relative}.dmr::after{content:'';position:absolute;left:10px;right:10px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dmc) 70%,transparent),transparent)}.dmr:hover{background:#ffffff0a}
.dmn{flex:1;min-width:0}.dmn b{display:block;font-size:15px}.dmn small{display:block;color:var(--mu);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmt{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;color:var(--mu);flex:none}.dmt em{font-style:normal;min-width:20px;height:20px;border-radius:99px;background:var(--dmc);color:#000;font-weight:800;display:grid;place-items:center;padding:0 6px;box-shadow:0 0 10px var(--dmc)}
.dma{display:flex;gap:6px}.dma .btn{padding:6px 12px;font-size:12px}.dme{text-align:center;margin:40px 20px;line-height:1.6}.tk{font-style:normal}
.dmm{flex:1;overflow:auto;padding:14px 12px;display:flex;flex-direction:column;gap:6px;overscroll-behavior:contain}
.bb{display:flex;max-width:82%}.bb.me{align-self:flex-end}.bb.ot{align-self:flex-start}.bin{padding:8px 12px 5px;border-radius:18px;font-size:15px;line-height:1.4;word-break:break-word;position:relative}
.bb.ot .bin{background:#1d1a33;border:1px solid #ffffff1c;border-bottom-left-radius:5px}.bb.me .bin{background:linear-gradient(135deg,color-mix(in srgb,var(--dmc) 85%,#000),color-mix(in srgb,var(--dmc) 45%,#1a0f2e));color:#fff;border-bottom-right-radius:5px;box-shadow:0 0 16px -4px var(--dmc)}
.bin small{display:block;text-align:right;font-size:10.5px;opacity:.75;margin-top:2px}.bt{white-space:pre-wrap}.tk.s{opacity:.7}.tk.d{opacity:.75;letter-spacing:-3px}.tk.r{color:#38c8ff;letter-spacing:-3px;text-shadow:0 0 6px #38c8ff;opacity:1}
.bimg{display:block;max-width:230px;max-height:260px;border-radius:12px;cursor:zoom-in}.bfile{display:flex;gap:6px;align-items:center;color:inherit;text-decoration:underline;word-break:break-all}
.bvo{display:flex;align-items:center;gap:10px;min-width:190px}.bvo button{width:34px;height:34px;border-radius:50%;background:#fff3;border:1px solid #fff5;color:#fff;font-size:14px;flex:none}.bvo .wv{flex:1;display:flex;align-items:center;gap:2px;height:26px}.bvo .wv u{flex:1;border-radius:2px;background:currentColor;opacity:.55;text-decoration:none;height:30%}.bvo .wv u:nth-child(2n){height:60%}.bvo .wv u:nth-child(3n){height:90%}.bvo .wv u:nth-child(5n){height:45%}.bvo.pl .wv u{animation:wvp .9s infinite ease-in-out}.bvo.pl .wv u:nth-child(2n){animation-delay:.2s}.bvo.pl .wv u:nth-child(3n){animation-delay:.4s}@keyframes wvp{50%{transform:scaleY(1.7);opacity:1}}.bvo span{font-size:12px}
.bb.cl{align-self:center;max-width:100%}.bb.cl .cm{font-size:12px;color:var(--mu);padding:5px 14px;border-radius:99px;background:#ffffff0d;border:1px solid #ffffff18}.bb.cl small{margin-left:8px;opacity:.7}
.dmin{display:flex;align-items:center;gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb,var(--dmc) 50%,transparent);background:#0a0816ee;flex:none}.dmin[hidden]{display:none}.dmin input[type=text],.dmin #dmI{flex:1;min-width:0;border-radius:99px;padding:11px 16px;background:#1a1730;border:1px solid color-mix(in srgb,var(--dmc) 40%,transparent);font-size:15px}.dmin #dmI:focus{border-color:var(--dmc);box-shadow:0 0 14px -2px var(--dmc);outline:0}
.dmin .ib{flex:none}.dmin .sendb,.micb{flex:none;width:44px;height:44px;border-radius:50%;background:var(--dmc);color:#000;font-size:19px;box-shadow:0 0 16px var(--dmc);display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none}.dmin .sendb[hidden],.micb[hidden]{display:none}
.dmrec{display:flex;align-items:center;gap:12px;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#1a0a14;border-top:1px solid #ff5a5a;flex:none;font-size:15px}.dmrec[hidden]{display:none}.rdot{width:12px;height:12px;border-radius:50%;background:#ff3b3b;animation:rd 1s infinite}@keyframes rd{50%{opacity:.2}}.dmrec em{margin-left:auto;font-style:normal;color:var(--mu);font-size:13px;transform:translateX(var(--sx,0));transition:transform .05s}.dmrec.cx em{color:#ff5a5a;font-weight:700}
.dmgate{padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));text-align:center;font-size:14px;color:var(--mu);display:flex;flex-direction:column;gap:10px;align-items:center;border-top:1px solid #ffffff14;flex:none}.dmgate b{color:var(--tx)}
.dmemo{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px 10px;background:#0a0816;max-height:140px;overflow:auto;flex:none}.dmemo[hidden]{display:none}.dmemo button{font-size:22px;padding:4px}
/* --- arama --- */
.callui{position:fixed;inset:0;z-index:90;background:radial-gradient(800px 500px at 50% 0,#3b1d6e,#07060f 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#fff}.callui[hidden]{display:none}
.callui .cav .av{width:110px;height:110px;font-size:40px;box-shadow:0 0 0 6px #ffffff14,0 0 40px #a86bffaa}.callui.in .cav .av,.callui.out .cav .av{animation:cpulse 1.6s infinite}@keyframes cpulse{50%{box-shadow:0 0 0 18px #ffffff08,0 0 60px #38f0d0aa}}
.callui h3{margin:0;font-size:24px}.cst{font-size:16px;color:#cfc8ff}.cbt2{display:flex;gap:18px;margin-top:20px;position:relative;z-index:2}.cb{width:62px;height:62px;border-radius:50%;font-size:26px;background:#ffffff1f;border:1px solid #ffffff44;color:#fff}.cb.dec{background:#e0314b;border-color:#e0314b}.cb.acc{background:#22c55e;border-color:#22c55e;animation:cpulse2 1.2s infinite}.cb.off{background:#fff;color:#000;opacity:.8}@keyframes cpulse2{50%{transform:scale(1.1)}}
.callui #cRv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.callui.voi #cRv,.callui.voi #cLv{display:none}.callui #cLv{position:absolute;right:14px;top:calc(14px + env(safe-area-inset-top,0px));width:96px;height:132px;object-fit:cover;border-radius:14px;border:2px solid #fff6;background:#111;z-index:3}
.callui.vid .cmid{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;z-index:3;text-align:left;text-shadow:0 1px 6px #000}.callui.vid .cmid .cav{display:none}.callui.vid .cmid h3{font-size:18px}.callui.vid .cbt2{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0px));margin:0}
/* --- oyunlar --- */
.modal.full .box.plbox{width:min(520px,100%);margin:0 auto;display:flex;flex-direction:column}#plBody{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0}.plbox .gtop b{font-size:17px;flex:1}
.gm-h{display:flex;gap:16px;align-items:center;justify-content:center;font-size:14px;color:var(--mu)}.gm-h b{color:var(--gold2)}.gm-n{text-align:center;font-size:13px;margin:0}.gcv2{width:min(100%,340px);height:auto;aspect-ratio:1;border-radius:14px;border:1px solid #ffffff2a;touch-action:none}
.dpad{display:flex;flex-direction:column;align-items:center;gap:4px}.dpad div{display:flex;gap:4px}.dpad button{width:56px;height:46px;border-radius:12px;background:#ffffff14;border:1px solid #ffffff2a;color:#fff;font-size:18px}
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,340px)}.mc2{aspect-ratio:1;border-radius:14px;perspective:600px;position:relative;font-size:32px;background:none}.mc2 span{position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;backface-visibility:hidden;transition:transform .35s}.mc2 .f{background:linear-gradient(135deg,#4a1d8a,#e06ab0);font-size:26px;border:1px solid #fff3}.mc2 .b{background:#1d1a33;border:1px solid #ffffff2a;transform:rotateY(180deg)}.mc2.on .f,.mc2.ok .f{transform:rotateY(180deg)}.mc2.on .b,.mc2.ok .b{transform:rotateY(0)}.mc2.ok .b{border-color:#4cd964;box-shadow:0 0 12px #4cd96466}
.msw{display:grid;gap:3px;width:min(100%,340px)}.ms{aspect-ratio:1;border-radius:6px;background:#2a2550;border:1px solid #ffffff22;font-size:15px;font-weight:800;color:#fff;display:grid;place-items:center;padding:0}.ms.o{background:#12101f}.ms.mn{background:#4a1d1d}.ms.n1{color:#6ab0ff}.ms.n2{color:#4cd964}.ms.n3{color:#ff6a6a}.ms.n4{color:#b36aff}.ms.n5{color:#ffb65a}.ms.n6{color:#38f0d0}
.slg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,300px);aspect-ratio:1}.sl{border-radius:16px;font-size:34px;font-weight:800;color:#fff;background:linear-gradient(135deg,hsl(var(--h),70%,45%),hsl(calc(var(--h) + 40),70%,35%));border:1px solid #fff4;box-shadow:0 4px 12px #0007}.slg i{border-radius:16px;background:#ffffff0a;border:1px dashed #ffffff2a}
.sdk{display:grid;grid-template-columns:repeat(9,1fr);width:min(100%,360px);border:2px solid #a86bff;border-radius:6px;overflow:hidden}.sd2,.sdk .sd{position:static;width:auto;height:auto;aspect-ratio:1;border:0;border-right:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;border-radius:0;background:#14112a;color:#8fd6ff;font-size:clamp(14px,4.4vw,20px);font-weight:700;display:grid;place-items:center;padding:0}.sdk .sd.fx{color:#fff;background:#1d1a3a}.sdk .sd.sel{background:#e0a84a55}.sdk .sd.bd{color:#ff5a5a}.sdk .sd.br{border-right:2px solid #a86bff}.sdk .sd.bb{border-bottom:2px solid #a86bff}
.npad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:min(100%,360px)}.npad button{padding:12px 0;border-radius:12px;background:#ffffff14;border:1px solid #ffffff2a;color:#fff;font-size:18px;font-weight:700}
.xox{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,300px);aspect-ratio:1}.xc{border-radius:16px;background:#1d1a33;border:1px solid #a86bff66;font-size:44px;display:grid;place-items:center}
.onr.nr .onn>span:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.onr.nr .onn small{display:block;margin-top:2px}.onr.nr .onn .nmx{display:inline}
.rc{width:92px}
.ch-h .ct{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-h .chr{flex:none}.onb{white-space:nowrap}
@media(max-width:380px){.ch-h{padding:12px 12px}.ch-h .ct{font-size:17px}}
/* v23 */
.gsel{gap:10px;margin:10px 0}.gsel label{flex:1;cursor:pointer}.gsel label span{display:block;text-align:center;padding:9px 6px;border-radius:12px;border:1px solid var(--ln);background:var(--p2);font-weight:600;font-size:14px;transition:.15s}.gsel input{position:absolute;opacity:0;pointer-events:none}.gsel input:checked+span{border-color:var(--gold);background:linear-gradient(135deg,#e0a84a33,#a86bff22);color:var(--gold2);box-shadow:0 0 14px #e0a84a33}
.premn{font-weight:800;letter-spacing:.2px;background:linear-gradient(90deg,#f6d58a,#e0a84a,#ff9ad5,#f6d58a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:premsh 4s linear infinite}.premn:before{content:"♛ ";font-size:.8em}@keyframes premsh{to{background-position:220% 0}}
/* animated css frames v24 */
.frm.cf{position:absolute;left:-4px;top:-4px;right:-4px;bottom:-4px;width:auto;height:auto;transform:none;border-radius:50%;pointer-events:none}
.frm.cf::before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--g);animation:var(--an);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));box-shadow:0 0 6px #fff3}
.frm.cf b{display:none;position:absolute;pointer-events:none}
.avf:has(.cf){margin:4px}.avw.hasf{margin:6px}.avw.hasf:has(.crw){margin-top:16px}
@keyframes cfs{to{transform:rotate(360deg)}}@keyframes cfp{50%{filter:brightness(1.5) saturate(1.3)}}@keyframes cfh{to{filter:hue-rotate(360deg)}}@keyframes cfb{50%{opacity:.35}}@keyframes cff{50%{filter:brightness(1.8)}}@keyframes crb{50%{transform:translateX(-50%) translateY(-2px) scale(1.06)}}@keyframes hbt{50%{transform:translateX(-50%) scale(1.35)}}
.frm.cf.crw b:first-child,.frm.cf.hlo b:first-child{display:block}
.frm.cf.crw b:first-child{left:50%;top:-17px;width:24px;height:16px;transform:translateX(-50%);background:var(--cr) center/contain no-repeat;animation:crb 2.4s ease-in-out infinite;filter:drop-shadow(0 0 3px #0008)}
.frm.cf.orb b{display:block;inset:0;animation:cfs 6s linear infinite}.frm.cf.orb b:last-child{animation-delay:-3s}.frm.cf.orb b::before{position:absolute;left:50%;top:-7px;transform:translateX(-50%);font-size:11px;line-height:1;content:var(--oc);color:var(--ocol);text-shadow:0 0 4px var(--ocol)}
.frm.cf.hlo b:first-child{left:50%;top:-13px;width:26px;height:9px;border:2px solid #ffe28a;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 8px #ffe28a99,inset 0 0 4px #ffe28a66;animation:crb 2.8s ease-in-out infinite}
.frm.cf.ico b:first-child{display:block;left:50%;top:-10px;transform:translateX(-50%);font-size:13px;line-height:1;animation:hbt 1.5s ease-in-out infinite;color:var(--ocol);text-shadow:0 0 5px var(--ocol)}.frm.cf.ico b:first-child::before{content:var(--oc)}
.cf1{--g:conic-gradient(#f6d58a,#b8832a,#fff1b8,#e0a84a,#f6d58a);--an:cfs 4s linear infinite}
.cf2{--g:conic-gradient(#a86bff,#ff4fd8,#5a2bff,#d68bff,#a86bff);--an:cfs 4s linear infinite}
.cf3{--g:conic-gradient(#38f0d0,#2b7bff,#9be8ff,#1d5bd8,#38f0d0);--an:cfs 4s linear infinite}
.cf4{--g:conic-gradient(#ff8fb8,#d6336c,#ffc2d8,#ff4f8a,#ff8fb8);--an:cfs 4s linear infinite}
.cf5{--g:conic-gradient(#7dffb0,#0f9d58,#d4ffe4,#1db96a,#7dffb0);--an:cfs 4s linear infinite}
.cf6{--g:conic-gradient(red,orange,yellow,lime,cyan,blue,magenta,red);--an:cfs 4s linear infinite}
.cf7{--g:conic-gradient(#ff3d00,#ffb300,#ff6d00,#ff1744,#ff3d00);--an:cfs 3s linear infinite,cfp 1.6s ease-in-out infinite}
.cf8{--g:conic-gradient(#fff,#8fe8ff,#d8f6ff,#5cc8ff,#fff);--an:cfs 4s linear infinite}
.cf9{--g:conic-gradient(#1a1f5c,#6b4dff,#0d0f33,#8f7bff,#1a1f5c);--an:cfs 3s linear infinite,cfp 1.6s ease-in-out infinite}
.cf10{--g:conic-gradient(#fff3a0,#ffc400,#ff8a00,#ffe45c,#fff3a0);--an:cfs 3s linear infinite,cfp 1.6s ease-in-out infinite}
.cf11{--g:conic-gradient(#ff1744 0 25%,#1a0008 25% 50%,#ff1744 50% 75%,#1a0008 75% 100%);--an:cfs 4s linear infinite}
.cf12{--g:conic-gradient(#00e5ff,#ffe600,#00e5ff,#ffe600,#00e5ff);--an:cfs 1.6s linear infinite,cff .5s steps(2) infinite}
.cf13{--g:conic-gradient(#8e0e3a,#e0a84a,#5a0524,#e0a84a,#8e0e3a);--an:cfs 4s linear infinite}
.cf14{--g:conic-gradient(#38f0d0,#a86bff,#38f0d0,#a86bff,#38f0d0);--an:cfs 5s linear infinite,cfh 3s linear infinite}
.cf15{--g:linear-gradient(#ff9ad5,#ff9ad5);--an:cfb 2.2s ease-in-out infinite}
.cf16{--g:repeating-conic-gradient(#f6d58a 0 12deg,transparent 12deg 24deg);--an:cfs 4s linear infinite}
.cf17{--g:conic-gradient(#ff4fd8 0 25%,transparent 25% 50%,#38f0d0 50% 75%,transparent 75% 100%);--an:cfs 4s linear infinite}
.cf18{--g:repeating-conic-gradient(#fff 0 3deg,transparent 3deg 30deg);--an:cfs 3s linear infinite,cfp 1.6s ease-in-out infinite}
.cf19{--g:conic-gradient(#ff00c8,#00e5ff,#7a00ff,#ff00c8);--an:cfs 5s linear infinite,cfh 3s linear infinite}
.cf20{--g:conic-gradient(#e0a84a,#a86bff,#f6d58a,#7a3bff,#e0a84a);--an:cfs 3s linear infinite,cfp 1.6s ease-in-out infinite}
.cf21{--g:conic-gradient(#fff1b8,#e0a84a,#a8740a,#ffd75e,#fff1b8);--an:cfs 4s linear infinite}
.cf22{--g:conic-gradient(#ffb3d1,#ff4f8a,#f6d58a,#ff4f8a,#ffb3d1);--an:cfs 4s linear infinite}
.cf23{--g:conic-gradient(#e8f0ff,#7da2ff,#fff,#5a7be0,#e8f0ff);--an:cfs 4s linear infinite}
.cf24{--g:conic-gradient(#ff8fb8,#ff3d71,#ffc2d8,#ff3d71,#ff8fb8);--an:cfs 3s linear infinite,cfp 1.6s ease-in-out infinite}
.cf25{--g:conic-gradient(#ff1744,#ff8fb8,#ff1744,#ff8fb8,#ff1744);--an:cfs 4s linear infinite}
.cf26{--g:conic-gradient(#ffc2d8,#ff4f8a,#ffd1e6,#ff7aa8,#ffc2d8);--an:cfb 2.2s ease-in-out infinite}
.cf27{--g:conic-gradient(#d6336c,#ff8fb8,#ffe0ec,#d6336c);--an:cfs 4s linear infinite}
.cf28{--g:conic-gradient(#fff,#ffeaa0,#fff,#ffeaa0,#fff);--an:cfb 2.2s ease-in-out infinite}
.cf29{--g:conic-gradient(#9be8ff,#fff,#38d0ff,#fff,#9be8ff);--an:cfs 3s linear infinite,cfp 1.6s ease-in-out infinite}
.cf30{--g:conic-gradient(#e0a84a,#a86bff,#e0a84a,#a86bff,#e0a84a);--an:cfs 3s linear infinite,cfp 1.6s ease-in-out infinite}
.cf21{--cr:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'><path d='M2 14.5 1 4l6 5 5-8 5 8 6-5-1 10.5z' fill='%23f6c445' stroke='%23a8740a' stroke-width='1'/><circle cx='12' cy='3' r='1.5' fill='%23ff4d6d'/><circle cx='3' cy='4' r='1.2' fill='%23ff4d6d'/><circle cx='21' cy='4' r='1.2' fill='%23ff4d6d'/></svg>")}
.cf22{--cr:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'><path d='M2 14.5 1 4l6 5 5-8 5 8 6-5-1 10.5z' fill='%23ff8fb8' stroke='%23b3245a' stroke-width='1'/><circle cx='12' cy='3' r='1.5' fill='%23fff3a0'/><circle cx='3' cy='4' r='1.2' fill='%23fff3a0'/><circle cx='21' cy='4' r='1.2' fill='%23fff3a0'/></svg>")}
.cf23{--cr:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'><path d='M2 14.5 1 4l6 5 5-8 5 8 6-5-1 10.5z' fill='%23dfe8ff' stroke='%235a6fa8' stroke-width='1'/><circle cx='12' cy='3' r='1.5' fill='%234d7cff'/><circle cx='3' cy='4' r='1.2' fill='%234d7cff'/><circle cx='21' cy='4' r='1.2' fill='%234d7cff'/></svg>")}
.cf27{--cr:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'><path d='M2 14.5 1 4l6 5 5-8 5 8 6-5-1 10.5z' fill='%23ff6fa5' stroke='%23a3123f' stroke-width='1'/><circle cx='12' cy='3' r='1.5' fill='%23fff'/><circle cx='3' cy='4' r='1.2' fill='%23fff'/><circle cx='21' cy='4' r='1.2' fill='%23fff'/></svg>")}
.cf24,.cf25{--oc:'♥'}.cf24{--ocol:#ff6fa5}.cf25{--ocol:#ff1744}.cf30{--oc:'★';--ocol:#ffd75e}.cf26{--oc:'♥';--ocol:#ff4f8a}.cf29{--oc:'◆';--ocol:#9be8ff}.cf27 b:last-child{display:none}
/* v23: ikonlar, dock, afiş */
.ibtn{width:38px;height:38px;background:#ffffff0a;border-color:#ffffff1f}.ibtn svg{width:19px;height:19px;color:var(--tx);opacity:.9}.ibtn:hover svg{color:#38f0d0;filter:drop-shadow(0 0 4px #38f0d099)}
.ib{width:28px;height:28px;display:inline-grid;place-items:center;background:#ffffff0a;border-color:#ffffff1c;opacity:.85}.ib svg{width:15px;height:15px}.ib:hover svg{color:#38f0d0}
.eb{display:grid;place-items:center;color:var(--mu)}.eb svg{width:21px;height:21px}.eb:hover{color:#38f0d0}
.dmin .ib{width:34px;height:34px}.dmin .ib svg{width:18px;height:18px}.dmin .sendb svg,.dmin .micb svg{width:20px;height:20px}.gtxt{font-size:10px;letter-spacing:.5px;border:1.4px solid currentColor;border-radius:5px;padding:1px 3px;line-height:1}
.cbt i svg{width:17px;height:17px;display:block}.cbt{padding:4px 7px}
.atabs button[hidden],.mnb[hidden]{display:none}
.mnb{position:absolute;top:10px;right:50px;width:32px;height:32px;border-radius:50%;background:var(--p2);color:var(--tx);border:1px solid var(--ln);z-index:2;display:grid;place-items:center;padding:0}.mnb svg{width:16px;height:16px}.mnb:hover{border-color:#38f0d0;color:#38f0d0}
.modal.sheet .mnb{top:18px}
.mimg{display:block;max-width:min(260px,100%);max-height:260px;border-radius:14px;margin-top:6px;cursor:zoom-in;object-fit:cover}
.welx{font-size:14.5px}
.dmgif{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 10px;background:#0a0816;max-height:190px;overflow:auto;flex:none}.dmgif[hidden]{display:none}.dmgif button{padding:0;border-radius:10px;overflow:hidden;aspect-ratio:1;background:#ffffff0d}.dmgif img{width:100%;height:100%;object-fit:cover;display:block}
#dock{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:none;gap:10px;align-items:center;padding:7px 12px;border-radius:99px;background:#0d0a1fd9;backdrop-filter:blur(14px);border:1px solid #7a5cff77;box-shadow:0 8px 30px #000a,0 0 22px #7a5cff44;z-index:70;max-width:94vw;overflow-x:auto}#dock.on{display:flex;animation:dkin .25s ease-out}@keyframes dkin{from{transform:translate(-50%,30px);opacity:0}}
.dki{position:relative;flex:none;width:44px;height:44px;border-radius:50%;cursor:pointer;background:#1b1536;border:1.5px solid #38f0d0aa;display:grid;place-items:center;color:#38f0d0;box-shadow:0 0 12px #38f0d033}.dki:hover{transform:translateY(-3px)}
.dkb{width:100%;height:100%;border-radius:50%;overflow:hidden;display:grid;place-items:center}.dkb svg{width:22px;height:22px}.dkb .av{width:100%;height:100%;font-size:17px}.dkb .av img{width:100%;height:100%;object-fit:cover}
.dki em{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;border-radius:99px;background:#ff3d71;color:#fff;font:700 11px/19px system-ui;text-align:center;padding:0 4px;font-style:normal;box-shadow:0 0 8px #ff3d71}.dki.pulse{animation:dkp 1.1s ease-in-out infinite;border-color:#ff3d71}@keyframes dkp{50%{box-shadow:0 0 0 7px #ff3d7122,0 0 16px #ff3d71}}
.dkx{position:absolute;bottom:-4px;left:-4px;width:17px;height:17px;border-radius:50%;background:#2a2150;color:#fff;border:1px solid #7a5cff;display:none;place-items:center;padding:0}.dkx svg{width:10px;height:10px}.dki:hover .dkx,.dki:focus .dkx{display:grid}
body.hasdock .msgs{padding-bottom:0}body.hasdock{padding-bottom:var(--dkp,120px)}
#chat{position:relative}
.gban{position:absolute;left:8px;right:8px;top:8px;z-index:12;display:none;align-items:center;gap:12px;padding:16px 14px;border-radius:20px;background:linear-gradient(135deg,#1a1236f2,#0c2a3cf2);border:1px solid #38f0d0;box-shadow:0 10px 36px #000a,0 0 28px #38f0d044;backdrop-filter:blur(10px);flex-wrap:wrap;min-height:44%;align-content:center;justify-content:center;text-align:center}.gban.on{display:flex;animation:gbin .3s ease-out}@keyframes gbin{from{transform:translateY(-30px);opacity:0}}
.gbi{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#a86bff,#38f0d0);color:#0a0816;box-shadow:0 0 20px #38f0d088}.gbi svg{width:30px;height:30px}.gbt{flex:1 1 200px;min-width:0}.gbt b{font-size:17px;color:var(--gold2)}.gbn{font-size:20px;font-weight:800;margin:3px 0;background:linear-gradient(90deg,#38f0d0,#a86bff);-webkit-background-clip:text;background-clip:text;color:transparent}.gbt small{color:var(--mu)}
.gba{display:flex;gap:10px;flex:1 1 100%;justify-content:center}.gba .btn{display:inline-flex;gap:6px;align-items:center;padding:10px 22px;border-radius:99px}.gba .btn svg{width:17px;height:17px}.gmn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff2a;color:#fff;display:grid;place-items:center;padding:0}.gmn svg{width:16px;height:16px}
.gstart{color:#38f0d0;border-color:#38f0d088;box-shadow:0 0 10px #38f0d044}.gstart[hidden]{display:none}.gmb.info{border-color:#a86bff}
.npill{position:sticky;bottom:-8px;margin:14px auto 0;width:max-content;display:flex;gap:6px;padding:6px 10px;border-radius:99px;background:#0d0a1fe6;border:1px solid #7a5cff88;box-shadow:0 0 22px #7a5cff55}.npill button{width:46px;height:40px;border-radius:99px;color:#cfc8ff;display:grid;place-items:center}.npill button:hover{color:#38f0d0;background:#ffffff0d}.npill svg{width:22px;height:22px}
.onr{color:var(--tx)}
.ipr{font-size:12px;margin-top:3px;color:#7be0c8}
@media(max-width:700px){.ibtn{width:34px;height:34px}.ibtn svg{width:18px;height:18px}#dock{gap:8px}}
/* ===== v24 ===== */
/* üst çubuk: yalnız mesaj, bildirim, tema, profil */
header .logo,#favBtn,#inst{display:none!important}header{padding:8px 0;flex-wrap:nowrap;justify-content:flex-end;gap:8px}header .sp{flex:1}
.wrap{padding:0 12px}
.rhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 6px}.rhead h2{font-size:17px;margin:0;letter-spacing:.2px;background:linear-gradient(90deg,var(--gold2),#ff9ad5);-webkit-background-clip:text;background-clip:text;color:transparent}
.pillb{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 10px;border-radius:99px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7a4dff,#2fd6c0);box-shadow:0 4px 14px #7a4dff44;transition:transform .15s,box-shadow .2s}.pillb:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2fd6c055}.pillb svg{width:16px;height:16px}
.themeb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff0a;border:1px solid #ffffff1f;color:var(--tx);flex:none;transition:transform .3s}.themeb svg{width:19px;height:19px}.themeb:hover{transform:rotate(25deg);color:#ffc24d}
/* sohbet: ekranı doldurur, kaymaz */
#chat{display:flex;flex-direction:column;height:var(--chh,min(70vh,620px));min-height:300px;margin-bottom:6px}#chat .msgs{flex:1;min-height:0;height:auto!important}#chat .ch-h,#chat .inp,#chat .chprev,#chat #typ,#chat #att,#chat #rbar{flex:none}
#chat.col{height:auto;min-height:0}
/* alt radyo çubuğu: ince */
#bar{padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));gap:10px;transition:padding .2s}#bar .bl{width:36px;height:36px;border-radius:10px}#bar .play{width:36px;height:36px;font-size:14px}#bar .bi b{font-size:13px}#bar .bi div{font-size:11px}#bar .beq{display:none}
body{padding-bottom:64px}
body.hasdock #bar{padding-right:calc(12px + var(--dkw,0px))}
#dock{left:auto;right:8px;transform:none;padding:4px 8px;gap:8px;max-width:58vw;z-index:70;bottom:8px}#dock.on{animation:dkin2 .25s ease-out}@keyframes dkin2{from{transform:translateY(20px);opacity:0}}
.dki{width:38px;height:38px}.dkb svg{width:19px;height:19px}
body.hasdock{padding-bottom:64px}
/* radyo penceresi */
.radbox{max-width:620px}.rgrid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.rgrid .card{padding:10px 6px;border-radius:16px}.rgrid .card .cn{font-size:12px}
@media(min-width:700px){.rgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.radbox{max-width:860px}}
.rpg{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px}.rpg button{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7a4dff,#2fd6c0);color:#fff;font-size:20px;display:grid;place-items:center}.rpg button:disabled{opacity:.3}.rpg span{color:var(--mu);font-size:14px}
/* odalar: ince neon, parlak değil, üstünden geçen ışık */
.rc{position:relative;overflow:hidden;width:78px;padding:8px 5px 7px;border:1px solid #6a55d055;background:linear-gradient(160deg,#1a1633,#0f0c22);transition:transform .25s,border-color .3s,box-shadow .3s,background .3s}
.rc::after{content:"";position:absolute;top:-10%;left:-70%;width:45%;height:120%;background:linear-gradient(100deg,transparent,#ffffff18,transparent);transform:skewX(-20deg);animation:rcsh 6s ease-in-out infinite;pointer-events:none}
.rc:nth-child(2)::after{animation-delay:.8s}.rc:nth-child(3)::after{animation-delay:1.6s}.rc:nth-child(4)::after{animation-delay:2.4s}.rc:nth-child(5)::after{animation-delay:3.2s}.rc:nth-child(n+6)::after{animation-delay:4s}
@keyframes rcsh{0%,55%{left:-70%}100%{left:140%}}
.rc:hover{transform:translateY(-2px);border-color:#8f7bff99}.rc.on{border-color:#38f0d0aa;box-shadow:0 0 12px #38f0d02e,inset 0 0 14px #38f0d00f;background:linear-gradient(160deg,#1c2347,#0f1630)}
.rc .ri2{width:40px;height:40px;font-size:20px}
/* geçişler */
.modal.open{animation:mfade .22s ease-out}.modal.open>.box{animation:mpop .26s cubic-bezier(.2,.9,.3,1.2)}.modal.sheet.open>.box{animation:msheet .3s cubic-bezier(.2,.9,.3,1)}
@keyframes mfade{from{opacity:0}}@keyframes mpop{from{transform:translateY(14px) scale(.96);opacity:0}}@keyframes msheet{from{transform:translateY(60px);opacity:.4}}
.drwp .dit{transition:background .2s,transform .2s}.dit:active{transform:scale(.98)}#msgs .m,#msgs .gm,#msgs .sys{animation:mfade .25s ease-out}
.pg button,.gt,.tg{transition:transform .15s,background .2s,border-color .2s}
/* renkli düğmeler */
#pb,#pic{width:34px;height:34px;border-radius:50%;color:#fff;box-shadow:0 3px 10px #0006;margin-left:4px}#pb{background:linear-gradient(135deg,#ffb347,#ff6f61)}#pic{background:linear-gradient(135deg,#38c6ff,#4d6bff)}#pb:hover,#pic:hover{color:#fff;filter:brightness(1.1)}#pb svg,#pic svg{width:19px;height:19px;color:#fff}
.apill{background:none;border:0;padding:0;gap:6px}.ab{width:38px;height:38px;border-radius:50%;color:#fff;box-shadow:0 3px 10px #0006}.ab svg{width:20px;height:20px}#giftBtn{background:linear-gradient(135deg,#ff6fa5,#ff3d71)}#gameBtn{background:linear-gradient(135deg,#9a6bff,#3fd0c9)}
.ipill{padding-right:4px}
.dmin .ib{width:34px;height:34px;color:#fff;border:0;opacity:1;box-shadow:0 2px 8px #0006}.dmin .ib svg{width:18px;height:18px;color:#fff}.dmin [data-in=file]{background:linear-gradient(135deg,#38c6ff,#4d6bff)}.dmin [data-in=img]{background:linear-gradient(135deg,#3ddc97,#1fa97a)}.dmin [data-in=gif]{background:linear-gradient(135deg,#ff6fa5,#b44dff)}.dmin [data-in=emo]{background:linear-gradient(135deg,#ffb347,#ff6f61)}
/* hediye / GIF kareleri küçük */
.gg{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}.gt{padding:6px 2px;border-radius:12px}.gt .ge{font-size:28px}.gt .ge img{height:34px;width:auto;max-width:56px;object-fit:contain}.gt b{font-size:11px}.gt small{font-size:11px}
.tg{color:var(--tx)}.tg span{color:var(--tx);font-weight:600;white-space:nowrap}.onr,.onr .onn,.onr .onn>span{color:var(--tx)}
.gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}.gl>div{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden}.gl img{width:100%;height:100%;object-fit:cover;display:block}.gl button{position:absolute;top:2px;right:2px;width:18px;height:18px;font-size:10px;border-radius:50%;background:#000a;color:#fff}
.pg.g,.pg.s{grid-template-columns:repeat(4,1fr)}.pg button img{max-height:70px;object-fit:cover}
.gm .gic img,.gmc .gic img{height:26px;width:auto;vertical-align:middle;max-width:60px;object-fit:contain}.gm .gic{display:inline-block;font-size:20px;vertical-align:middle}
/* profil menüsü: biraz küçük */
.dit{font-size:14.5px;padding:8px 10px;gap:12px;border-radius:14px}.dit .ic{width:36px;height:36px;border-radius:12px;font-size:17px}.dit .bd2{font-size:12.5px;padding:3px 10px}.drwp{padding-top:calc(12px + env(safe-area-inset-top,0px))}.drwp .dh b{font-size:17px}
/* yönetim paneli: menü + yan sayfa */
#mAdm .box{width:min(980px,100%);padding:0;display:flex;flex-direction:column;max-height:92vh;overflow:hidden}
#mAdm .box>b{display:flex;align-items:center;gap:10px;padding:16px 56px 12px 18px;font-size:17px}
#aBack{display:none;width:34px;height:34px;border-radius:50%;background:#ffffff10;color:var(--tx);place-items:center}#aBack svg{width:18px;height:18px}
.admw{display:flex;flex:1;min-height:0}
#mAdm .atabs{display:flex;flex-direction:column;gap:2px;margin:0;padding:4px 10px 14px;overflow-y:auto;width:100%}
#mAdm .atabs button{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:14px;background:none;border:0;font-size:14.5px;color:var(--tx);text-align:left}
#mAdm .atabs button i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:17px;background:#ffffff0d}
#mAdm .atabs button::after{content:'›';margin-left:auto;color:var(--mu);font-size:18px}
#mAdm .atabs button:hover,#mAdm .atabs button.on{background:#ffffff10}
#mAdm .atabs button.on i{background:linear-gradient(135deg,#e0a84a55,#a86bff44)}
#aBody{flex:1;min-width:0;overflow-y:auto;padding:4px 18px 22px;animation:mfade .25s}
#mAdm:not(.page) #aBody{display:none}#mAdm.page .atabs{display:none}#mAdm.page #aBack{display:grid}
@media(min-width:900px){#mAdm .atabs{width:250px;flex:none;border-right:1px solid var(--ln);display:flex!important}#mAdm #aBody{display:block!important}#aBack{display:none!important}}
/* açık tema */
:root[data-theme=light]{--bg:#f5f1e8;--p:#ffffff;--p2:#f0ebe0;--tx:#221d14;--mu:#6b6556;--gold:#b97d12;--gold2:#8a5a05;--ln:#0000001f;--rose:#d1304f;color-scheme:light}
[data-theme=light] body{background:radial-gradient(1200px 500px at 50% -100px,#fff1cf,var(--bg))}
[data-theme=light] .chat,[data-theme=light] .card,[data-theme=light] .drwp,[data-theme=light] .box,[data-theme=light] .modal.full .box,[data-theme=light] .box.prem,[data-theme=light] #mOn .box.prem,[data-theme=light] .modal.sheet .box,[data-theme=light] .modal.full .box.dmx{background:linear-gradient(160deg,#ffffff,#f6f1e6)!important;color:var(--tx)}
[data-theme=light] #bar{background:#fffffff2;border-top:1px solid var(--ln)}
[data-theme=light] .rc{background:linear-gradient(160deg,#fff,#eee7f8);border-color:#7a5cff40;color:var(--tx)}[data-theme=light] .rc.on{background:linear-gradient(160deg,#e6fbf7,#e9e4ff);border-color:#14b8a6}
[data-theme=light] .mc{background:#fff;border-color:#00000014;color:var(--tx)}[data-theme=light] .mc.me{background:#fff4dc;border-color:#e0a84a88}
[data-theme=light] .ipill,[data-theme=light] .ibtn,[data-theme=light] .themeb{background:#fff;border-color:var(--ln);color:var(--tx)}
[data-theme=light] .ipill input,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:var(--tx)}
[data-theme=light] .ch-h,[data-theme=light] .inp{background:#ffffffcc}
[data-theme=light] .dit:hover,[data-theme=light] #mAdm .atabs button:hover,[data-theme=light] #mAdm .atabs button.on{background:#0000000a}
[data-theme=light] .dit .ic,[data-theme=light] #mAdm .atabs button i{background:#0000000a}
[data-theme=light] .dmx .dmh,[data-theme=light] .dmx .dmin,[data-theme=light] .dmx .dmgif,[data-theme=light] .dmx .dmemo{background:#fff!important}
[data-theme=light] .dmr,[data-theme=light] .bb .bin{color:var(--tx)}[data-theme=light] .bb.ot .bin{background:#f0ebe0}
[data-theme=light] .onr.nr{background:linear-gradient(90deg,#00000006,transparent 70%)}
[data-theme=light] #dock{background:#fffffff0;border-color:#7a5cff66}[data-theme=light] .dki{background:#fff}
[data-theme=light] .sysb,[data-theme=light] .gmb{background:#fffc;color:var(--tx)}
[data-theme=light] .mnb,[data-theme=light] .x{background:#f0ebe0;color:var(--tx)}
[data-theme=light] .modal{background:#0008}
[data-theme=light] .gban{background:linear-gradient(135deg,#fff,#e5fbf7)}[data-theme=light] .pk,[data-theme=light] .pg{background:#fff}
.gt,.gt .ge,.gt b{color:var(--tx)!important}.gt small{color:var(--gold2)}
#mGift :has(>#gBal){margin-right:84px}
/* v25 */
#chTog,#clr{display:none!important}.gi2{display:none!important}
.onr.nr{overflow:hidden}.onr.nr::before{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff14,transparent);transform:skewX(-20deg);animation:rcsh 6s ease-in-out infinite;pointer-events:none}
.onr.nr:nth-child(2)::before{animation-delay:.7s}.onr.nr:nth-child(3)::before{animation-delay:1.4s}.onr.nr:nth-child(4)::before{animation-delay:2.1s}.onr.nr:nth-child(5)::before{animation-delay:2.8s}.onr.nr:nth-child(n+6)::before{animation-delay:3.5s}
.cfm{text-align:center;max-width:360px}.cfm h3{margin:8px 0 4px}.cfm .ad{justify-content:center;gap:10px;margin-top:14px}.cfi{width:48px;height:48px;border-radius:50%;margin:0 auto;display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ff6a6a,#d6336c)}
.chat.hasbg .sys{display:table;margin-left:auto;margin-right:auto;padding:2px 12px;border-radius:99px;background:#000b;color:#f1ead8;text-shadow:none}.chat.hasbg .sys b{color:#ffd98a}
[data-theme=light] .sys{color:#3b3426}[data-theme=light] .sys b{color:#7a4f00}[data-theme=light] .chat.hasbg .sys{background:#fffffff0;color:#2a2418}[data-theme=light] .chat.hasbg .sys b{color:#7a4f00}

/* v26 */
[data-theme=light] .chat.hasbg,[data-theme=light] .bgp.hasbg{background-image:linear-gradient(rgba(255,252,244,var(--cfd,0)),rgba(255,252,244,var(--cfd,0))),linear-gradient(rgba(255,252,244,var(--ldim,.4)),rgba(255,252,244,var(--ldim,.4))),var(--cbg)!important;background-size:cover!important;background-position:var(--cpos,center)!important;background-repeat:no-repeat!important}
@media(min-width:900px){[data-theme=light] .chat.hasbg,[data-theme=light] .bgp.hasbg{background-image:linear-gradient(rgba(255,252,244,var(--cfd,0)),rgba(255,252,244,var(--cfd,0))),linear-gradient(rgba(255,252,244,var(--ldim,.4)),rgba(255,252,244,var(--ldim,.4))),var(--cbgw,var(--cbg))!important}}
[data-theme=light] .chat.hasbg .ch-h,[data-theme=light] .chat.hasbg .inp{background:rgba(255,255,255,.7)}
[data-theme=light] .chat.hasbg .mc{background:rgba(255,255,255,.82)}[data-theme=light] .chat.hasbg .mc.me{background:rgba(255,236,196,.88)}
.onr.nr::before{background:linear-gradient(100deg,transparent,rgba(255,205,110,.30),transparent)!important;width:45%}
[data-theme=light] .onr.nr::before{background:linear-gradient(100deg,transparent,rgba(224,150,30,.30),transparent)!important}
.ch-h{position:relative;z-index:40}.chat .pop{z-index:60}
body.typing{padding-bottom:0!important}body.typing #bar,body.typing #dock{display:none!important}
html,body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}
img{-webkit-user-drag:none;-webkit-touch-callout:none}
#lb{position:fixed;inset:0;z-index:300;background:#000d;display:none;align-items:center;justify-content:center;padding:16px}#lb.open{display:flex}
#lb img{max-width:100%;max-height:86vh;border-radius:12px;box-shadow:0 10px 50px #000}
#lbX{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid #fff4;background:#000a;color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer;z-index:2}
#lbDl{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:var(--gold);color:#000;padding:10px 18px;border-radius:99px;font-weight:700;text-decoration:none}#lbDl[hidden]{display:none}
.gban{z-index:50}

/* v27 */
.dmh.th{gap:8px}.dmh.th .tn{flex:1 1 auto;min-width:0}
.cbt{position:relative;width:40px;height:40px;min-width:40px;padding:0;border:0;border-radius:50%;justify-content:center;color:#fff;box-shadow:0 4px 14px -4px #000a}
.cbt[data-cl=voice]{background:linear-gradient(135deg,#3ff0a6,#0f9d66)}.cbt[data-cl=video]{background:linear-gradient(135deg,#59c0ff,#6a5cff)}
.cbt i svg{width:19px;height:19px;stroke:#fff}
.cbt small{position:absolute;right:-5px;bottom:-5px;background:#000c;color:#ffd98a;border-radius:99px;padding:0 5px;font-size:9px;line-height:15px}
#dmTmm #dmTh{display:block;width:100%;text-align:left}

/* v28 */
#chat{isolation:isolate}
#mUser{z-index:50}#mUser .box{animation:upop .24s cubic-bezier(.2,.9,.3,1.1)}@keyframes upop{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}
#mCfm,#mWarn,#mBc{z-index:52}
.m.bcm{position:relative;border-radius:16px;padding:6px 6px 22px;background:linear-gradient(135deg,#3a2a08aa,#4a1030aa);border:1.5px solid transparent;background-clip:padding-box;box-shadow:0 0 0 1.5px #ffcf5a,0 0 18px #ff4fa355}
.m.bcm::after{content:"";position:absolute;inset:-1.5px;border-radius:17px;padding:1.5px;background:linear-gradient(120deg,#ffcf5a,#ff4fa3,#7a5cff,#ffcf5a);background-size:300% 100%;animation:bcb 4s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@keyframes bcb{to{background-position:300% 0}}
.bcf{position:absolute;right:12px;bottom:4px;display:flex;gap:6px;align-items:center;font-size:10px;color:#ffd98a}
.bcf button{font-size:10px;padding:1px 7px;border-radius:99px;border:1px solid #ffcf5a88;background:#0006;color:#ffd98a;cursor:pointer}
[data-theme=light] .m.bcm{background:linear-gradient(135deg,#fff3d0,#ffe0ee)}[data-theme=light] .bcf,[data-theme=light] .bcf button{color:#7a4f00}
body.typing #chat{position:fixed!important;left:0;right:0;width:auto;margin:0;border-radius:0;min-height:0!important;z-index:80}

/* v29 */
#bcBtn{background:linear-gradient(135deg,#ffcf5a,#ff7a33);box-shadow:0 3px 10px #0006}#bcBtn[hidden]{display:none}
.onr.nr::before{animation:onsh 3.2s ease-in-out infinite!important;left:-60%;top:0;width:45%}
@keyframes onsh{0%{left:-60%}70%,100%{left:130%}}
.onr.nr:nth-child(n)::before{animation-delay:0s!important}
.onr.nr:nth-child(2)::before{animation-delay:.25s!important}.onr.nr:nth-child(3)::before{animation-delay:.5s!important}.onr.nr:nth-child(4)::before{animation-delay:.75s!important}.onr.nr:nth-child(5)::before{animation-delay:1s!important}.onr.nr:nth-child(n+6)::before{animation-delay:1.25s!important}
#bcBtn{font-size:19px}

/* v30: küçük butonlar, geniş yazı alanı */
.inp{gap:5px!important}.ipill{padding:0 3px 0 12px!important}.ipill input{padding:10px 0!important;font-size:15px}
.inp .eb{width:30px!important;height:30px!important;font-size:17px!important}.inp .eb svg{width:17px!important;height:17px!important}
.inp .apill{gap:4px!important}.inp .ab{width:32px!important;height:32px!important;font-size:16px!important}.inp .ab svg{width:17px!important;height:17px!important}
#bcBtn{font-size:15px!important}
.inp .sendb{width:38px!important;height:38px!important;font-size:16px!important}

/* v31 */
.srch{position:relative;flex:1;min-width:0;display:flex;align-items:center}
.srch svg{position:absolute;left:11px;width:16px;height:16px;fill:none;stroke:var(--mu);stroke-width:2;stroke-linecap:round;pointer-events:none}
.srch input{width:100%;height:38px;border-radius:99px;border:1px solid var(--ln);background:#ffffff0d;color:var(--tx);padding:0 12px 0 34px;font-size:14px;outline:0}
.srch input:focus{border-color:var(--gold)}
[data-theme=light] .srch input{background:#fff}
.srchr{display:none;position:absolute;left:0;right:0;top:44px;z-index:75;background:#17130d;border:1px solid var(--ln);border-radius:14px;padding:4px;box-shadow:0 12px 30px #000b;max-height:290px;overflow:auto}.srchr.open{display:block}
[data-theme=light] .srchr{background:#fff}
.srchr button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 8px;border-radius:10px;font-size:13px;color:var(--tx)}.srchr button:hover{background:#ffffff12}
.srchr .sri{width:26px;height:26px;display:grid;place-items:center;flex:none;font-size:16px}.srchr .sri img{width:26px;height:26px;border-radius:50%;object-fit:cover}.srchr .sri .av{width:26px;height:26px;font-size:12px}
.srchr b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.srchr small{color:var(--mu);font-size:10px}
.srchr .sre{padding:8px 10px;font-size:12px;color:var(--mu)}
header .sp{flex:0!important}
#mAsk{z-index:53}
#dmPal .pbg{grid-column:1/-1;width:auto!important;height:auto!important;border-radius:10px!important;padding:6px 8px!important;font-size:12px;border:1px solid var(--ln)!important;background:#ffffff10;color:var(--tx);text-align:left}
#dmBox.hasdbg .dmm{background-image:linear-gradient(rgba(8,6,16,.55),rgba(8,6,16,.55)),var(--dmbg);background-size:cover;background-position:center}
.dmin [data-in=file]{display:none!important}

/* v32: masa oyunları */
.modal.full .box.gtbox{width:min(560px,100%);margin:0 auto;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
.gtbox .gtop b{font-size:17px}.gtb2{flex:1;overflow:auto;padding:12px 2px 24px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.gtl-h{display:flex;gap:12px;align-items:center}.gtl-i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#4a1d6e,#c9962f)}.gtl-h b{display:block;font-size:17px}.gtl-h small{color:var(--mu);font-size:12px}
.gtl-t{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--mu);margin-top:6px}
.gtl-r{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--ln);border-radius:14px;background:#ffffff08}
.gtl-s{display:flex;align-items:center;gap:2px}.gtl-s .av{width:30px;height:30px;font-size:12px}.gtl-s small{color:var(--mu);margin-left:6px;font-size:11px}
.gtl-m{flex:1;min-width:0}.gtl-m b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtl-m small{color:var(--mu);font-size:11px}
.gts{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.gts-i{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 8px;border-radius:14px;border:1.5px solid transparent;background:#ffffff08;font-size:11px}
.gts-i b{font-weight:600;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gts-i small{color:var(--mu);font-size:9px}
.gts-i .av{width:34px;height:34px;font-size:14px}.gts-i.on{border-color:var(--gold);box-shadow:0 0 14px #e0a84a55}.gts-i.me b{color:var(--gold2)}
.gts-i.emp{opacity:.5}.gts-e{width:34px;height:34px;border-radius:50%;border:1.5px dashed var(--mu);display:grid;place-items:center;color:var(--mu);font-size:18px}
.gtmsg{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;min-height:20px}.gtmsg b{font-size:15px}.gtmsg small{color:var(--mu)}.gt-my{color:var(--gold2)}.gt-res{color:var(--gold2);font-size:17px!important}
.gtroot{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.gtfoot{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:6px}

/* v33: masa daveti şeridi */
#gtban{display:none;flex:none;flex-direction:column;gap:4px;padding:6px 10px;background:linear-gradient(90deg,#4a1d6eaa,#c9962f44);border-bottom:1px solid var(--ln);animation:gtin .3s ease}#gtban.on{display:flex}
@keyframes gtin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.gtb-r{display:flex;align-items:center;gap:8px;font-size:12.5px}.gtb-i{font-size:18px}.gtb-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtb-t b{color:var(--gold2)}.gtb-t small{color:var(--mu)}
.gtb-r .btn{padding:4px 12px;font-size:12px;border-radius:99px}.gtb-x{width:24px;height:24px;color:var(--mu);font-size:13px}
[data-theme=light] #gtban{background:linear-gradient(90deg,#efe4ff,#fff0cc)}

/* v34: bahis / masa ayarları */
.gtn{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--ln);border-radius:14px;background:#ffffff08}
.gtn-b{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--mu)}
.gtn-c{padding:6px 12px;border-radius:99px;border:1px solid var(--ln);background:#ffffff0d;color:var(--tx);font-size:12.5px}.gtn-c.on{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#201505;border-color:transparent;font-weight:700}
#gtBetI{width:84px;padding:6px 10px;border-radius:99px;font-size:12.5px}

/* v35 premium oyun kapatma kartı */
.gcf{position:absolute;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,8,20,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}
.gcf.on{opacity:1}
.gcf-c{position:relative;width:min(340px,100%);padding:30px 22px 20px;border-radius:22px;text-align:center;color:#f4f1ff;background:linear-gradient(160deg,#241a4a 0%,#161236 55%,#2a1b3f 100%);border:1px solid rgba(255,214,120,.55);box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 24px 60px rgba(0,0,0,.65),0 0 38px rgba(246,196,67,.22);transform:translateY(14px) scale(.94);transition:transform .25s cubic-bezier(.2,1.3,.4,1);overflow:hidden}
.gcf.on .gcf-c{transform:none}
.gcf-c::before{content:'';position:absolute;left:-40%;top:-60%;width:180%;height:90%;background:radial-gradient(closest-side,rgba(255,214,120,.22),transparent);pointer-events:none}
.gcf-c::after{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);animation:gcfs 3.4s ease-in-out infinite;pointer-events:none}
@keyframes gcfs{0%,55%{left:-120%}100%{left:160%}}
.gcf-ic{width:64px;height:64px;margin:-6px auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:radial-gradient(circle at 35% 30%,#ffe9a8,#e0a84a 60%,#9a6a14);box-shadow:0 6px 18px rgba(224,168,74,.5),0 0 0 4px rgba(255,214,120,.18)}
.gcf-c h3{margin:0 0 8px;font-size:19px;font-weight:800;letter-spacing:.2px;color:#fff}
.gcf-c p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#c9c4e6}
.gcf-c p b{color:#ffd978}
.gcf-b{margin:0 0 14px;padding:9px 12px;border-radius:12px;font-size:13px;color:#ffe9b0;background:rgba(246,196,67,.12);border:1px dashed rgba(255,214,120,.5)}
.gcf-a{display:flex;gap:10px;margin-top:6px;position:relative;z-index:1}
.gcf-a button{flex:1;padding:12px 8px;border-radius:13px;font:700 14px system-ui,sans-serif;cursor:pointer;border:1px solid transparent}
.gcf-n{background:linear-gradient(#ffd45c,#d99a14);color:#241a05;border-color:#ffe08a;box-shadow:0 4px 14px rgba(224,168,74,.4)}
.gcf-y{background:rgba(255,255,255,.07);color:#ff9aa8;border-color:rgba(255,120,140,.45)}
.gcf-a button:active{transform:scale(.97)}

/* v36 admin log / yasaklılar */
.lgx{display:flex;flex-direction:column;gap:6px}
.lgr{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-left:3px solid #6b7cff}
.lgr.g{border-left-color:#3ddc97}.lgr.a{border-left-color:#e0a84a}
.lgh{font-size:13px;line-height:1.45;word-break:break-word}.lgh span{color:var(--mu,#a39880)}.lgh em{font-style:normal;color:var(--gold2,#ffd978)}
.lgbd{font-style:normal;font-size:10px;font-weight:800;padding:1px 6px;border-radius:99px;background:rgba(255,80,100,.2);color:#ff8d9b}
.lga{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.lga .btn{padding:5px 9px;font-size:12px}

/* v37 premium profil kartı */
#mUser .ubox{position:relative;padding:18px 16px 16px;border:1px solid transparent;border-radius:26px;text-align:center;color:#f2f4fb;
 background:linear-gradient(160deg,rgba(26,30,48,.82),rgba(10,12,22,.9)) padding-box,linear-gradient(135deg,#f5f7ff 0%,#8a93a8 22%,#3b4153 45%,#c9d0e0 62%,#5b6275 82%,#e8ecf8 100%) border-box;
 backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.05) inset,0 0 40px rgba(110,140,255,.12);overflow:hidden}
#mUser .ubox::before{content:'';position:absolute;inset:0;background:radial-gradient(120% 60% at 50% 0,rgba(120,150,255,.18),transparent 60%);pointer-events:none}
#mUser .ubox>.x{z-index:3;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.pc{position:relative}
.pc-sig{font:400 34px/1.1 'Great Vibes','Segoe Script','Snell Roundhand','Brush Script MT',cursive;background:linear-gradient(180deg,#fff,#aeb7cf 60%,#e9edf9);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(130,160,255,.35));margin:2px 0 12px}
.pc-ring{position:relative;width:132px;height:132px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}
.pc-ring>i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#37e6ff,#6d6bff,#d65cff,#37e6ff);animation:pcspin 6s linear infinite;filter:blur(.4px);box-shadow:0 0 26px rgba(80,180,255,.65),0 0 54px rgba(160,90,255,.4)}
.pc-ring::after{content:'';position:absolute;inset:4px;border-radius:50%;background:#0b0e1a}
.pc-ring span{position:relative;z-index:2;display:block;border-radius:50%;overflow:hidden;line-height:0}
.pc-ring .avf{margin:0!important}.pc-ring .av.big{width:116px;height:116px;font-size:46px}
@keyframes pcspin{to{transform:rotate(360deg)}}
.pc-n{margin:2px 0 3px!important;font-size:25px;font-weight:800;letter-spacing:.3px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.pc-n .vf{width:22px;height:22px;margin-left:5px}
.pc-t{display:inline-block;margin:2px 0 4px;padding:3px 12px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.4px;color:#cfd6ee;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.pc-s{font-size:13px;color:#aab2cc;margin:4px 0 0}
.pc-g{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 4px;text-align:left}
.pct{padding:10px 12px;border-radius:15px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.07) inset;min-width:0}
.pct small{display:block;font-size:11px;color:#9aa3bf;margin-bottom:4px;letter-spacing:.2px}
.pct b{display:block;font-size:14px;font-weight:700;color:#fff;overflow-wrap:anywhere}
.pct .un{font:inherit;color:#bcd0ff;text-align:left;padding:0}
.pct.wide{grid-column:1/-1}
.pct.gold{border-color:rgba(255,214,120,.5);background:linear-gradient(160deg,rgba(255,214,120,.2),rgba(255,214,120,.04));box-shadow:0 0 18px rgba(246,196,67,.18)}
.pc-gold{background:linear-gradient(180deg,#fff1b8,#e0a84a);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px;font-weight:800}
.pc-on{color:#4be58a}
#mUser .cacts,#mUser .mod{position:relative}
:root[data-theme=light] #mUser .ubox{color:#f2f4fb}
#mUser .ubox{background:linear-gradient(160deg,rgba(26,30,48,.9),rgba(10,12,22,.94)) padding-box,linear-gradient(135deg,#f5f7ff 0%,#8a93a8 22%,#3b4153 45%,#c9d0e0 62%,#5b6275 82%,#e8ecf8 100%) border-box!important;color:#f2f4fb!important}
#mUser .ubox .cbtn{color:#e8ecf8!important;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.14)!important}
#mUser .ubox .cbtn small{color:#c9d0e6!important}
#mUser .ubox .mod .btn,#mUser .ubox .mod select{color:#e8ecf8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
#mUser .ubox .mod .btn.dn{color:#ff9aa8}
#mUser .ubox>.x{color:#fff!important}

/* v38 DM yanıtla (yana kaydır) */
#dmMsgs .bb{touch-action:pan-y;transition:transform .18s ease;position:relative}
#dmMsgs .bb.swp{transition:none}
#dmMsgs .bb.swp::before{content:'↩';position:absolute;left:-34px;top:50%;margin-top:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:15px;opacity:.7}
#dmMsgs .bb.me.swp::before{left:-34px}
#dmMsgs .bb.swr::before{background:var(--dmc,#e0a84a);color:#000;opacity:1;transform:scale(1.12)}
#dmMsgs .bb.fl .bin{animation:dmfl 1.2s ease}@keyframes dmfl{0%,60%{box-shadow:0 0 0 3px var(--dmc,#e0a84a)}100%{box-shadow:0 0 0 0 transparent}}
.rpq{margin:-2px -4px 6px;padding:5px 9px;border-radius:10px;border-left:3px solid var(--dmc,#e0a84a);background:rgba(0,0,0,.25);font-size:12.5px;line-height:1.3;cursor:pointer;display:flex;flex-direction:column;gap:1px;overflow:hidden}
.rpq b{font-size:11.5px;color:var(--dmc,#ffd978)}.rpq span{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
.dmrp{display:flex;align-items:center;gap:8px;margin:0 10px 6px;padding:7px 10px;border-radius:12px;border-left:3px solid var(--dmc,#e0a84a);background:rgba(255,255,255,.07);font-size:12.5px}
.dmrp[hidden]{display:none}.dmrp>div{flex:1;min-width:0;display:flex;flex-direction:column}.dmrp b{font-size:11.5px;color:var(--dmc,#ffd978)}.dmrp span{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmrp button{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:12px}

/* v40 ekran koruması */
#shield{position:fixed;inset:0;z-index:9998;background:#05060d;display:none;align-items:center;justify-content:center;color:#8a93a8;font:600 15px system-ui;text-align:center}
#shield.on{display:flex}#shield b{display:block;font-size:42px;margin-bottom:8px}
@media print{body>*{display:none!important}body::before{content:'Yazdırma yasak';display:block;padding:40px;font:20px system-ui}}
.shotbox .cfi{background:linear-gradient(135deg,#ff5d6c,#b3122a)!important;color:#fff}

/* v41 film odası */
#mvBox{flex:0 0 auto;display:flex;flex-direction:column;background:#07060b;border-bottom:1px solid var(--ln,#ffffff1a);min-height:0}
#mvBox[hidden]{display:none}
#chat.mvroom #mvBox.big{flex:0 0 48%}
.mv-h{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;background:linear-gradient(90deg,#241a0a,#120e08);border-bottom:1px solid #e0a84a33}
.mv-h b{white-space:nowrap}.mv-h span{flex:1;min-width:0;color:var(--gold2,#ffd978);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-c{display:flex;gap:6px}.mv-c button{padding:4px 10px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff22;color:#fff;font-size:12px;cursor:pointer}.mv-c button[hidden]{display:none}
.mv-st{position:relative;flex:1;min-height:0}
.mv-play{background:#000}.mv-v{position:absolute;inset:0}.mv-v iframe,.mv-v video{width:100%;height:100%;display:block}
.mv-sh{position:absolute;inset:0;z-index:2;background:transparent}
.mv-tap{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 22px;border-radius:99px;background:linear-gradient(#ffd45c,#d99a14);color:#241a05;font-weight:800;border:0;box-shadow:0 8px 30px #000a;cursor:pointer}
.mv-empty{display:flex;align-items:center;justify-content:center;padding:12px}
.mv-e{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;max-width:420px;width:100%}
.mv-ico{font-size:34px}.mv-e b{font-size:15px}.mv-e small{color:var(--mu,#a39880);font-size:12px;line-height:1.4}
.mv-f{display:flex;gap:6px;width:100%}.mv-f input{flex:1;min-width:0;padding:10px 12px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff26;color:#fff}.mv-f .btn{white-space:nowrap}
.mv-nb{opacity:.75}
.mv-empty{overflow:auto}.mv-l{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--mu,#a39880)}
.mv-rs{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left}
.mv-r{display:flex;align-items:center;gap:9px;width:100%;padding:6px;border-radius:12px;background:#ffffff0f;border:1px solid #ffffff1c;color:#fff;cursor:pointer;text-align:left}
.mv-r img{flex:none;width:96px;height:54px;object-fit:cover;border-radius:8px;background:#000}
.mv-r span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mv-r b{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mv-r small{color:var(--mu,#a39880);font-size:11px}.mv-r i{flex:none;font-style:normal;font-size:12px;padding:5px 9px;border-radius:99px;background:linear-gradient(#ffd45c,#d99a14);color:#241a05;font-weight:800}

/* v44 film odası: daha kompakt + premium çerçeve */
#chat.mvroom #mvBox.big{flex:0 0 36%;max-height:300px}
#mvBox{background:linear-gradient(180deg,#0d0a14,#08060c);border-bottom:0}
.mv-h{padding:5px 12px;background:transparent;border-bottom:0;font-size:12.5px}
.mv-h b{font-size:12.5px;letter-spacing:.3px;color:#f3e3bd}
.mv-c button{padding:3px 11px;background:linear-gradient(160deg,#ffffff1f,#ffffff0a);border-color:#ffffff2e;backdrop-filter:blur(6px)}
.mv-play{background:transparent;padding:2px 12px 10px}
.mv-play .mv-v{position:relative;inset:auto;width:100%;height:100%;border-radius:20px;overflow:hidden;background:#000;
 box-shadow:0 0 0 1px #ffffff1f,0 0 0 2px #e0a84a40,0 10px 30px #000c,0 0 36px #e0a84a24}
.mv-play .mv-v::after{content:'';position:absolute;inset:0;border-radius:20px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -30px 40px -30px #0008}
.mv-play .mv-sh{inset:2px 12px 10px;border-radius:20px}
.mv-tap{border-radius:99px;backdrop-filter:blur(6px)}

/* v45 film odası: oda başlığı/online/⋮ film çerçevesinin üst satırına taşındı, video büyütüldü */
#chat.mvroom>.ch-h{display:none}
#chat.mvroom #mvBox.big{flex:0 0 62%;max-height:none}
.mv-h .mvt{font-size:13px;color:#f3e3bd;white-space:nowrap;max-width:34%;overflow:hidden;text-overflow:ellipsis}
.mv-h .chr{display:flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto}
.mv-h #chTog{display:none}
.mv-h .mv-c{margin-left:0}
.mv-h #mvWho{flex:1}
.mv-play{padding:0 8px 8px}
.mv-play .mv-sh{inset:0 8px 8px}

/* v47 devir uyarısı popup */
#mvBox{position:relative}
.mv-dv{position:absolute;left:50%;top:44px;transform:translateX(-50%);z-index:20;width:min(88%,340px);padding:12px 14px;border-radius:16px;background:rgba(18,14,30,.94);border:1px solid #e0a84a88;box-shadow:0 10px 30px #000c,0 0 24px #e0a84a33;color:#fff;text-align:center;display:flex;flex-direction:column;gap:6px;font-size:13px;animation:mvdv .25s ease}
.mv-dv b{color:#ffd978;font-size:14px}.mv-dv span{opacity:.85}
.mv-dv button{align-self:center;margin-top:2px;padding:8px 16px;border-radius:99px;background:linear-gradient(135deg,#7a4dff,#2fd6c0);color:#fff;font-weight:700;border:0;cursor:pointer}
@keyframes mvdv{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
/* v47 tüm odalar: ince üst satır + küçük oda kartları => sohbet alanı büyür */
#chat>.ch-h,#chat.mvroom .mv-h{padding:4px 10px;min-height:0}
#chat>.ch-h .ct,.mv-h .mvt{font-size:13.5px;font-weight:700}
#chat .ch-h .ib,.mv-h .ib{width:26px;height:26px;font-size:12px}
#chat .ch-h .onb,.mv-h .onb{padding:3px 10px;font-size:12px;min-height:0;height:26px;line-height:1}
.rooms{padding:0 2px 6px;gap:8px}
.rc{width:68px;padding:5px 4px 4px;gap:2px;border-radius:14px}
.rc .ri2{width:28px;height:28px;font-size:15px}
.rc .lk{width:15px;height:15px;font-size:9px}
.rc b{font-size:11px}.rc small{font-size:10px;gap:3px}
/* v48 film arama: sadece arama kutusu + kaydırılabilir sonuçlar */
.mv-st.mv-empty{flex:1 1 auto;min-height:0;align-items:flex-start;justify-content:center;padding:8px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mv-e{gap:8px;margin:0 auto}
.mv-e .mv-f{position:sticky;top:0;z-index:2;width:100%;padding:2px 0 4px;background:#0d0a14}
.mv-nt{font-size:12.5px;color:var(--mu,#a39880);font-weight:500}
#mvBox{overflow:hidden}#mvBox .mv-dv{overflow:visible}
.mv-st.mv-empty{padding-top:0}.mv-e .mv-f{padding-top:8px;padding-bottom:6px}
#mvBox>.mv-h{flex:none}

/* v50 oda kartları: online üst ortada pill, uzun isim kayar */
.rc{width:84px;padding:20px 5px 5px;gap:3px}
.rc small{display:none}
.rc .oc{position:absolute;top:4px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 6px;border-radius:99px;font-size:10px;font-weight:700;line-height:1.5;font-style:normal;color:#cfd3ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}
.rc .oc .dt{width:5px;height:5px;background:#6b6f85;box-shadow:none}
.rc .oc.hot{color:#b9ffd9;border-color:#4cd96466;background:rgba(76,217,100,.12)}.rc .oc.hot .dt{background:#4cd964;box-shadow:0 0 6px #4cd964}
.rc b{display:block;width:100%;overflow:hidden;text-overflow:clip;text-align:center;white-space:nowrap}
.rc b span{display:inline-block}
.rc b.mq{text-align:left;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.rc b.mq span{animation:rcmq var(--t,5s) ease-in-out infinite alternate}
@keyframes rcmq{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(var(--d))}}
[data-theme=light] .rc .oc{color:#4a4f7a;background:#00000008;border-color:#0000001f}[data-theme=light] .rc .oc.hot{color:#0f7a3a;background:#4cd96420}
/* v51 online sayısı daha belirgin */
.rc{padding-top:25px}
.rc .oc{top:5px;font-size:13px;font-weight:800;line-height:1.35;padding:1px 10px 1px 8px;gap:5px;color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
.rc .oc .dt{width:7px;height:7px}
.rc .oc.hot{color:#eafff3;background:rgba(76,217,100,.24);border-color:#4cd964aa;box-shadow:0 0 10px #4cd96455}
[data-theme=light] .rc .oc{color:#2a2f55;background:#0000000d;border-color:#00000026}[data-theme=light] .rc .oc.hot{color:#0b6a31;background:#4cd96430;border-color:#1fa84f88}
/* v52 online sayısı: sol üst köşede küçük bildirim rozeti */
.rc{padding-top:9px}
.rc .oc{top:4px;left:4px;right:auto;transform:none;min-width:15px;height:15px;padding:0 4px;gap:0;justify-content:center;border-radius:99px;font-size:9.5px;font-weight:800;line-height:15px;color:#fff;background:#4b4f6b;border:0;box-shadow:0 1px 4px #0006;-webkit-backdrop-filter:none;backdrop-filter:none}
.rc .oc .dt{display:none}
.rc .oc.hot{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:0;box-shadow:0 0 0 1.5px #0d0a14,0 0 8px #22c55e88}
[data-theme=light] .rc .oc{background:#9aa0b8;color:#fff;border:0}[data-theme=light] .rc .oc.hot{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 0 0 1.5px #fff,0 0 6px #22c55e88;border:0}
/* v53 sohbet oda adı: premium */
#chTitle,.ch-h .ct,.mv-h .mvt{display:inline-flex;align-items:center;gap:8px;font-size:15.5px!important;font-weight:800;letter-spacing:.6px;background:linear-gradient(100deg,#fff2c9 0%,#f6c75b 38%,#ffe9a8 62%,#e0a84a 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 8px #e0a84a55);animation:chtg 7s linear infinite}
#chTitle::before,.mv-h .mvt::before{content:"";flex:none;width:7px;height:7px;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,#ffe9a8,#e0a84a);box-shadow:0 0 8px #e0a84acc;-webkit-text-fill-color:initial}
@keyframes chtg{to{background-position:-200% 0}}
.ch-h .ct{display:flex}
[data-theme=light] #chTitle,[data-theme=light] .ch-h .ct,[data-theme=light] .mv-h .mvt{background-image:linear-gradient(100deg,#7a5200,#c98a14 45%,#8a5d00);filter:none}
[data-theme=light] #chTitle::before,[data-theme=light] .mv-h .mvt::before{background:linear-gradient(135deg,#c98a14,#7a5200);box-shadow:none}
@media(prefers-reduced-motion:reduce){#chTitle,.ch-h .ct,.mv-h .mvt{animation:none}}
/* v54 oda adı: oda kartlarındaki gibi cam + ince neon + geçen ışık */
#chTitle,.ch-h .ct,.mv-h .mvt{position:relative;overflow:hidden;flex:0 1 auto!important;max-width:100%;padding:4px 14px 4px 12px;border-radius:99px;font-size:14px!important;font-weight:700;letter-spacing:.5px;background:linear-gradient(160deg,#1c2347b0,#0f1630b0);background-size:auto;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#eef0ff;color:#eef0ff;border:1px solid #38f0d0aa;box-shadow:0 0 12px #38f0d02e,inset 0 0 14px #38f0d00f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);filter:none;animation:none;text-shadow:0 0 10px #38f0d066}
#chTitle::before,.mv-h .mvt::before{width:6px;height:6px;border-radius:50%;transform:none;background:#38f0d0;box-shadow:0 0 8px #38f0d0}
#chTitle::after,.mv-h .mvt::after{content:"";position:absolute;top:-10%;left:-70%;width:40%;height:120%;background:linear-gradient(100deg,transparent,#ffffff38,transparent);transform:skewX(-20deg);animation:rcsh 5s ease-in-out infinite;pointer-events:none}
.ch-h .ct{flex:0 1 auto}
.ch-h{justify-content:flex-start}.ch-h .chr{margin-left:auto}
[data-theme=light] #chTitle,[data-theme=light] .ch-h .ct,[data-theme=light] .mv-h .mvt{background-image:linear-gradient(160deg,#fff,#e9e4ff);border-color:#14b8a6;-webkit-text-fill-color:#2a2f55;color:#2a2f55;text-shadow:none;box-shadow:0 0 10px #14b8a633}
[data-theme=light] #chTitle::before,[data-theme=light] .mv-h .mvt::before{background:#14b8a6;box-shadow:0 0 6px #14b8a6}

/* v55 rumuz GIF bandı: 200–250 x 30–35 px */
.nbn{display:block;min-width:200px;max-width:250px;min-height:30px;max-height:35px;width:auto;height:auto;margin:3px 0 2px;border-radius:7px;object-fit:fill;box-shadow:0 0 0 1px #ffffff1f,0 0 14px #7a5cff44;-webkit-user-drag:none;user-select:none;pointer-events:none}
.pc-nb{display:flex;justify-content:center;margin:2px 0 6px}.pc-nb .nbn{margin:0 auto}

/* v56 mesaj: isim balonun dışında, üstte; balon sadece mesaj */
.m .bd>.nm{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:0 4px 3px;font-size:12.5px;width:100%}
.m .bd>.nbn{margin:0 0 4px 2px}
.m .bd>.nm .un{font-weight:700}
.pnb{display:flex;justify-content:center;min-height:36px;align-items:center;margin:6px 0}

/* v57 rumuz GIF: her boyut -> sabit 220x32 */
.nbn{width:220px!important;height:32px!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:none!important;object-fit:fill}

/* v58 rumuz GIF: isim yerine, 180x32 */
.nbn{width:180px!important;height:32px!important;margin:0!important;display:inline-block;vertical-align:middle;pointer-events:none}
.m .bd>.nm .un{display:inline-flex;align-items:center;gap:4px}
.un .nbn,.mn b .nbn,.pc-n .nbn,.dh .nbn{border-radius:7px;box-shadow:0 0 0 1px #ffffff1f,0 0 12px #7a5cff44}
.pc-n .nbn{display:block;margin:0 auto!important}
.pnb .nbn{pointer-events:auto}
.nbn{width:120px!important;height:32px!important}

/* v62 davet */
.onw{display:flex;align-items:center;gap:6px}.onw .onr{flex:1;min-width:0}
.btn.pull{flex:none;padding:6px 10px;font-size:12px;border-radius:99px;white-space:nowrap}
.invb .invav{display:flex;justify-content:center}.invb h3{margin:6px 0 2px}.invb .invt{font-size:12.5px}

/* v66 özel mesaj: geçmiş temizlendi bilgisi */
.dmclr{align-self:center;margin:10px auto;padding:5px 14px;border-radius:99px;font-size:12px;color:var(--mu);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-align:center;max-width:90%}

/* v67 @bahsetme */
.mnpop{position:absolute;left:12px;right:12px;bottom:calc(100% - 4px);max-height:220px;overflow-y:auto;z-index:70;padding:6px;border-radius:16px;background:rgba(18,15,32,.96);border:1px solid #e0a84a66;box-shadow:0 -10px 34px #000b,0 0 22px #e0a84a22;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mnpop[hidden]{display:none}
.mni{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:11px;text-align:left;color:var(--tx)}
.mni .av{width:28px;height:28px;font-size:12px}.mni .mnn{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mni small{color:var(--mu);font-size:11px}
.mni.on,.mni:hover{background:linear-gradient(90deg,#e0a84a30,#e0a84a0a)}
.mnno{padding:10px 12px;color:var(--mu);font-size:13px}
.mnt{display:inline-block;padding:0 7px;margin:0 1px;border-radius:99px;font-weight:800;line-height:1.5;color:#ffe9a8;background:linear-gradient(135deg,#e0a84a2e,#8a5cff26);border:1px solid #e0a84a77;box-shadow:0 0 10px #e0a84a33,inset 0 0 8px #ffffff10;text-shadow:0 0 8px #e0a84a88}
.mnt.me{color:#fff;background:linear-gradient(135deg,#e0a84a8c,#ff6aa955);border-color:#ffe9a8;box-shadow:0 0 14px #ffd97899;animation:mnglow 2.2s ease-in-out infinite}
@keyframes mnglow{50%{box-shadow:0 0 22px #ffd978cc}}
[data-theme=light] .mnpop{background:rgba(255,255,255,.97);border-color:#c98a14}
[data-theme=light] .mnt{color:#7a5200;background:linear-gradient(135deg,#ffe9a8,#ffd27a66);border-color:#c98a14}
[data-theme=light] .mnt.me{color:#4a2f00;background:linear-gradient(135deg,#ffd978,#ffb6d0)}

/* v68 @bahsetme: @ işareti yok, isim arkasında havai fişek (2 kez), sonra sabit pırıltı */
.mnt,.mnt.me{position:relative;display:inline-block;isolation:isolate;padding:0 3px;margin:0 2px;background:none!important;border:0!important;border-radius:0;box-shadow:none!important;animation:none!important;font-weight:800;color:#ffd978;text-shadow:0 0 10px #ffb43c99,0 1px 0 #00000055}
.mnt.me{color:#fff4c2;text-shadow:0 0 12px #ff8ad0cc,0 0 6px #ffd978,0 1px 0 #00000066}
.mnt::before{content:'';position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;z-index:-1;pointer-events:none;opacity:0;
 box-shadow:-26px -12px 0 #ffd978,26px -12px 0 #ff8ad0,-18px 14px 0 #7ae7ff,18px 14px 0 #ffd978,0 -20px 0 #ff8ad0,0 20px 0 #b79bff,-34px 2px 0 #ffb43c,34px 2px 0 #7ae7ff;
 animation:mnburst 1.1s ease-out 2}
.mnt.me::before{box-shadow:-30px -14px 0 #ffd978,30px -14px 0 #ff8ad0,-20px 16px 0 #7ae7ff,20px 16px 0 #ffd978,0 -24px 0 #ff8ad0,0 24px 0 #b79bff,-40px 2px 0 #ffb43c,40px 2px 0 #7ae7ff,-12px -22px 0 #fff,12px 22px 0 #fff}
.mnt::after{content:'✦';position:absolute;right:-7px;top:-8px;font-size:10px;line-height:1;color:#ffe9a8;text-shadow:0 0 6px #ffb43c;pointer-events:none;opacity:0;animation:mnstay .5s ease-out 2.2s forwards}
.mnt.me::after{content:'✦';font-size:12px;color:#ffc2e6;text-shadow:0 0 8px #ff8ad0}
@keyframes mnburst{0%{opacity:0;transform:scale(.15)}15%{opacity:1}100%{opacity:0;transform:scale(1.7)}}
@keyframes mnstay{to{opacity:1}}
[data-theme=light] .mnt,[data-theme=light] .mnt.me{color:#9a5b00;text-shadow:0 0 8px #ffb43c66}
[data-theme=light] .mnt.me{color:#b0245f;text-shadow:0 0 8px #ff8ad099}
@media(prefers-reduced-motion:reduce){.mnt::before{animation:none}.mnt::after{animation:none;opacity:1}}
.mnt::before{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;filter:drop-shadow(0 0 4px #ffd978)}

/* v69 giriş penceresi */
.authbox{max-width:400px;padding:22px 18px 18px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),var(--p1,#14161d);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 1px rgba(224,168,74,.12) inset;backdrop-filter:blur(18px)}
.ahd{text-align:center;margin-bottom:14px}.ahd b{display:block;font-size:20px;background:linear-gradient(90deg,var(--gold2,#ffd37a),#ff7ac8);-webkit-background-clip:text;background-clip:text;color:transparent}.ahd small{color:var(--mu,#9aa);font-size:12px}
.atab{position:relative;display:flex;gap:0;padding:3px;margin-bottom:14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.atab button{position:relative;z-index:1;flex:1;padding:9px 4px;border-radius:11px;font-size:12.5px;font-weight:600;background:none;color:var(--mu,#9aa);transition:color .2s}.atab button[hidden]{display:none}
.atab button.on{color:#201505;background:none}.atab i{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;border-radius:11px;background:linear-gradient(135deg,var(--gold2,#ffd37a),var(--gold,#e0a84a));box-shadow:0 4px 14px rgba(224,168,74,.4);transition:transform .28s cubic-bezier(.4,1.3,.5,1),width .2s}
.authbox input:not([type=radio]){border-radius:12px;padding:12px 14px;margin-bottom:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.authbox input[hidden]{display:none}
.authbox input:focus{border-color:var(--gold,#e0a84a);box-shadow:0 0 0 3px rgba(224,168,74,.18);outline:0}
.avp{margin:6px 0 12px}.avp[hidden]{display:none}.avp small{display:block;margin:0 2px 6px;color:var(--mu,#9aa);font-size:12px}.avp em{opacity:.7;font-style:normal}
.avg{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;max-height:150px;overflow:auto;padding:2px}
.avg button{aspect-ratio:1;border-radius:50%;padding:0;border:2px solid transparent;background:var(--p2,#222);overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}
.avg button img{width:100%;height:100%;object-fit:cover;display:block}.avg button:hover{transform:scale(1.08)}
.avg button.on{border-color:var(--gold2,#ffd37a);box-shadow:0 0 0 3px rgba(224,168,74,.35),0 0 16px rgba(224,168,74,.5);transform:scale(1.08)}
.avg.adm{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));max-height:none}.avx{position:relative;aspect-ratio:1;border-radius:50%;overflow:visible}.avx img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.avx .btn{position:absolute;top:-4px;right:-4px;padding:0;width:22px;height:22px;border-radius:50%;font-size:11px;line-height:1}

/* v70 sesli / görüntülü oda */
#vrBar{position:relative;flex:none;margin:0 8px 6px;padding:8px 8px 6px;border-radius:18px;background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(56,240,208,.08)),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(0,0,0,.28)}
#vrBar[hidden],#vrCtl[hidden]{display:none}
.vcnt{position:absolute;top:4px;right:8px;font-size:9px;line-height:1;padding:3px 6px;border-radius:99px;background:rgba(0,0,0,.35);color:var(--mu,#9aa);z-index:2;letter-spacing:.3px}
.vts{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 2px;scrollbar-width:none}.vts::-webkit-scrollbar{display:none}
.vt{flex:none;width:64px;text-align:center;cursor:pointer;position:relative}
.vw{--lv:0;position:relative;width:52px;height:52px;margin:6px auto 4px;border-radius:50%}
.vav{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:2;box-shadow:0 0 0 2px rgba(255,255,255,.18)}.vav .av,.vav img{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover}
.vr1,.vr2{position:absolute;inset:0;border-radius:50%;pointer-events:none;opacity:0;z-index:1}
.vr1{box-shadow:0 0 0 2px #38f0d0,0 0 18px 2px rgba(56,240,208,.7)}.vr2{border:2px solid rgba(124,92,255,.9)}
.vw.sp .vav{box-shadow:0 0 0 2px #38f0d0}
.vw.sp .vr1{opacity:calc(.5 + var(--lv)*.5);transform:scale(calc(1.08 + var(--lv)*.22))}
.vw.sp .vr2{opacity:calc(.9 - var(--lv)*.4);transform:scale(calc(1.3 + var(--lv)*.5));transition:transform .09s,opacity .09s}
.vr1{transition:transform .08s,opacity .08s}
.vn{display:flex;gap:2px;align-items:center;justify-content:center;font-size:11px;line-height:1.2;min-height:15px}.vn b{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.vn i{font-style:normal;font-size:10px}.vn i[hidden]{display:none}
.vt.cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:3;background:#000}
.vt.vs.cam video{transform:none}
.vme{display:flex;gap:6px;justify-content:center;font-size:10px;color:var(--gold2,#ffd37a);min-height:12px}.vme .vwc{color:#7fe3ff}
#vrCtl{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;padding:4px 10px 6px}
.vb{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;font-size:12px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:inherit;cursor:pointer;transition:transform .12s,background .15s}
.vb:active{transform:scale(.95)}.vb span{font-size:14px}.vb em{font-style:normal}
.vb.pri{background:linear-gradient(135deg,#7c5cff,#38f0d0);color:#08111a;border:0}.vb.on{background:rgba(56,240,208,.2);border-color:#38f0d0}.vb.off{background:rgba(255,80,80,.18);border-color:#ff6b6b}.vb.red{background:rgba(255,80,80,.16);border-color:rgba(255,80,80,.5)}
#vrMus{margin:0 10px 6px;padding:10px 12px;border-radius:16px;background:rgba(20,22,32,.85);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.vmh{display:flex;justify-content:space-between;align-items:center}.vmt{margin:8px 0;font-size:13px;text-align:center;color:var(--gold2,#ffd37a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vmc{display:flex;gap:6px;justify-content:center}.vmr{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:8px}.vmr input{flex:1}
.sys.vh{color:#ffd37a}.vrbox .vh{display:flex;flex-direction:column;gap:8px;margin-top:10px}.vrbox .rr{display:flex;gap:10px;align-items:center}
.vrbox .rr .av{width:34px;height:34px}

.vbig{margin:10px 0;border-radius:16px;overflow:hidden;background:#000}.vbig video{width:100%;max-height:60vh;display:block;object-fit:contain}
.vml{max-height:140px;overflow:auto;margin:6px 0}.vma{display:flex;gap:8px;align-items:center;padding:4px 6px;border-radius:10px;font-size:12.5px}.vma span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vma.on{background:rgba(56,240,208,.15)}
.vmp{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);padding:0;font-size:11px}

/* v72 sesli oda: modern simgeler */
@property --va{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes vrspin{to{--va:360deg}}
@keyframes vrsh{to{background-position:200% 0}}
#vrBar{overflow:hidden;padding:6px 6px 4px}
.vts{padding:8px 8px 2px;gap:10px}
.vt{width:62px}.vw{width:46px;height:46px;margin:2px auto 5px}
.vr1{box-shadow:0 0 0 2px #38f0d0,0 0 12px 1px rgba(56,240,208,.6)}.vr2{border:2px solid rgba(124,92,255,.8)}
.vw.sp .vr1{transform:scale(calc(1.05 + var(--lv)*.1))}.vw.sp .vr2{opacity:calc(.85 - var(--lv)*.45);transform:scale(calc(1.14 + var(--lv)*.2))}
.vnm{max-width:58px;font-size:11px;font-weight:700;background:linear-gradient(100deg,#ffe29a 0%,#ff8ad4 25%,#8ab4ff 50%,#7dffe0 75%,#ffe29a 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:vrsh 4s linear infinite}
.vav .av,.vav img{transition:filter .25s}
.vt.mut .vav{filter:blur(2.2px) saturate(.8)}
.vmx{position:absolute;inset:0;z-index:4;border-radius:inherit;display:flex;align-items:center;justify-content:center;background:rgba(8,10,18,.28);color:#fff;pointer-events:none}
.vmx svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}
.vmu{position:absolute;z-index:5;top:-5px;right:-5px;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c5cff,#ff5fa8);color:#fff;box-shadow:0 2px 8px rgba(124,92,255,.6);animation:vrbob 1.6s ease-in-out infinite}
.vmu svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes vrbob{50%{transform:translateY(-2px) scale(1.08)}}
.vcnt{display:flex;align-items:center;gap:3px;padding:2px 6px}.vcnt svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:2.4}.vcnt b{font-size:9px;font-weight:700}
.vme .vwc{display:inline-flex;align-items:center;gap:3px}.vme .vwc svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2}
/* kamera çerçevesi */
.vt.cam .vw{overflow:visible}
.vt.cam .vw::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from var(--va),#7c5cff,#38f0d0,#ff7ac8,#ffd37a,#7c5cff);animation:vrspin 3.5s linear infinite;z-index:1;box-shadow:0 0 14px rgba(124,92,255,.45)}
.vt.cam .vw::after{content:'';position:absolute;inset:-1px;border-radius:50%;background:#0b0d14;z-index:2}
.vt.cam .vav{display:none}.vt.cam video{z-index:3;border-radius:50%;inset:0;cursor:zoom-in}
.vt.cam.big{width:116px}.vt.cam.big .vw{width:108px;height:144px;border-radius:22px;margin-bottom:6px}
.vt.cam.big .vw::before,.vt.cam.big .vw::after,.vt.cam.big video{border-radius:22px}.vt.cam.big video{cursor:zoom-out}
.vmore{position:absolute;z-index:6;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;padding:0;background:rgba(10,12,20,.8);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center}
.vmore svg{width:12px;height:12px;fill:currentColor}
.vt.cam.big .vmore{right:6px;bottom:6px}
/* başlıktaki simge düğmeleri */
#vrCtl{flex:none;display:flex;gap:4px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:0;margin:0 4px}
.vb{width:30px;height:30px;padding:0;position:relative;justify-content:center;border-radius:50%}
.vb svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vb i{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;border-radius:7px;background:#ff5fa8;color:#fff;font:700 9px/14px sans-serif;text-align:center;font-style:normal}
.vb.pri{color:#08111a}
#chat.vrroom #chTitle{flex:0 1 auto;min-width:0;max-width:34vw}
.vri{display:inline-flex;margin-left:4px;vertical-align:middle;color:#38f0d0}.vri.c{color:#7fb8ff}.vri svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vmk{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--mu,#9aa);margin:2px 0 8px}.vmk input{flex:1}
#chat.vrroom #chTog{display:none}
#chat.vrroom .ch-h{gap:4px}
#chat.vrroom #vrCtl{gap:3px;margin:0 2px;overflow:visible}
#chat.vrroom .vb{width:27px;height:27px}.vb svg{width:15px;height:15px}
#chat.vrroom #chInfo{padding-left:8px;padding-right:8px;font-size:11.5px}
#chat.vrroom #chTitle{flex:0 0 auto;max-width:none;padding-left:10px;padding-right:10px}
#chat.vrroom #chInfo{padding-left:9px;padding-right:9px;min-width:0}
#chat.vrroom #chTitle{padding-left:9px;padding-right:9px;font-size:13px}
/* v73 */
#chTitle{overflow:hidden;white-space:nowrap;text-overflow:clip}
#chTitle .tmq{display:inline-block;will-change:transform}
#chTitle.mq .tmq{animation:ttmq var(--t,6s) ease-in-out infinite alternate}
@keyframes ttmq{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(var(--d))}}
#chat.vrroom #chTitle{flex:0 1 auto;min-width:56px;max-width:none}
.vtm2{margin:8px 0}.vtm2 small{display:block;margin-bottom:6px;color:var(--mu,#9aa)}.vtm2 b{color:var(--gold2,#ffd37a)}.vtr{display:flex;gap:8px}.vtr select{flex:1;padding:8px 10px;border-radius:12px}

/* v74 online / kim hangi odada: sakin premium neon */
@keyframes onbr{50%{box-shadow:0 0 38px rgba(90,110,255,.16),0 0 0 1px rgba(110,130,255,.28),inset 0 0 50px rgba(56,240,208,.04)}}
#mOn .box.prem,#mWhere .box.prem{background:radial-gradient(120% 70% at 0 0,rgba(88,70,200,.22),transparent 60%),radial-gradient(90% 60% at 100% 100%,rgba(30,170,160,.14),transparent 62%),linear-gradient(180deg,#0f1126f2,#080a18f5);border:1px solid rgba(120,135,255,.32);box-shadow:0 0 30px rgba(90,110,255,.12),0 0 0 1px rgba(110,130,255,.2),inset 0 0 50px rgba(56,240,208,.03);backdrop-filter:blur(14px);animation:onbr 7s ease-in-out infinite}
#mOn .onh,#mWhere .onh{color:#dfe4ff;letter-spacing:.2px}#mOn .onh b{color:#7ee8c4;text-shadow:0 0 10px rgba(126,232,196,.35)}
#mOn .onr.nr,#mWhere .onr.nr{margin:0 0 6px;padding:10px 12px;border-radius:14px;background:linear-gradient(90deg,rgba(130,140,255,.08),rgba(255,255,255,.015) 70%);border:1px solid rgba(130,145,255,.14);box-shadow:inset 3px 0 0 rgba(120,140,255,.45)}
#mOn .onr.nr::after,#mWhere .onr.nr::after{display:none}
#mOn .onr.nr::before,#mWhere .onr.nr::before{background:linear-gradient(100deg,transparent,rgba(170,185,255,.07),transparent)!important;animation-duration:6s!important}
#mOn .onr.nr:hover,#mWhere .onr.nr:hover{background:linear-gradient(90deg,rgba(130,140,255,.14),rgba(56,240,208,.04) 80%);border-color:rgba(150,165,255,.3);box-shadow:inset 3px 0 0 rgba(126,232,196,.6)}
#mOn .ond,#mWhere .ond{box-shadow:0 0 8px rgba(76,217,100,.45)}
#mWhere .whh{border-bottom:1px solid rgba(130,145,255,.28);margin:6px 0 8px}#mWhere .whh b{color:#dfe4ff}
#mWhere .onw{margin-bottom:0}
#mOn .box.prem .x,#mWhere .box.prem .x{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
[data-theme=light] #mOn .box.prem,[data-theme=light] #mWhere .box.prem{background:linear-gradient(180deg,#f4f5ff,#e9ecfb);border-color:rgba(100,110,200,.35);box-shadow:0 0 24px rgba(90,100,200,.15);animation:none}
[data-theme=light] #mOn .onh,[data-theme=light] #mWhere .onh,[data-theme=light] #mWhere .whh b{color:#2a2f66}
[data-theme=light] #mOn .onr.nr,[data-theme=light] #mWhere .onr.nr{background:rgba(255,255,255,.7);border-color:rgba(100,110,200,.2)}
/* v75 saydamlık yok */
#vrBar{background:#101326;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(120,135,255,.22);box-shadow:0 6px 18px rgba(0,0,0,.35)}
#vrMus{background:#12152b;backdrop-filter:none}
.vcnt{background:#1a1e3a}
[data-theme=light] #vrBar{background:#eef0fb;border-color:rgba(100,110,200,.3)}[data-theme=light] #vrMus{background:#eef0fb}[data-theme=light] .vcnt{background:#dde1f5}
/* v76 konuşmacı satırı: arka plan yok */
#vrBar,[data-theme=light] #vrBar{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.vcnt,[data-theme=light] .vcnt{background:none}
/* v77 oda başlığı */
.rhead h2.rht{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:500;letter-spacing:.2px;color:var(--mu,#9aa);min-width:0;white-space:nowrap}
.rht span{opacity:.8}
.rht b{max-width:44vw;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;background:linear-gradient(100deg,#ffe29a,#ff8ad4 35%,#8ab4ff 65%,#7dffe0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:vrsh 6s linear infinite}
.rhd{width:7px;height:7px;border-radius:50%;background:#4cd964;box-shadow:0 0 0 0 rgba(76,217,100,.5);animation:rhp 2.2s ease-out infinite;flex:none}
@keyframes rhp{70%{box-shadow:0 0 0 7px rgba(76,217,100,0)}100%{box-shadow:0 0 0 0 rgba(76,217,100,0)}}
/* sohbet çerçevesindeki oda adı alanı kaldırıldı */
#chTitle{display:none!important}
.rht b{display:block;overflow:hidden;white-space:nowrap;max-width:46vw;text-overflow:clip;animation:none;background:none;-webkit-text-fill-color:initial;color:inherit}
.rht b .rhm{display:inline-block;font-size:14px;font-weight:700;background:linear-gradient(100deg,#ffe29a,#ff8ad4 35%,#8ab4ff 65%,#7dffe0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:vrsh 6s linear infinite;will-change:transform}
.rht b.mq .rhm{animation:vrsh 6s linear infinite,ttmq var(--t,6s) ease-in-out infinite alternate}
.vlm{position:absolute;z-index:6;left:-4px;bottom:-4px;width:19px;height:19px;border-radius:50%;background:#2a1220;border:1px solid rgba(255,110,140,.6);color:#ff8aa5;display:flex;align-items:center;justify-content:center}
.vlm svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* v80 popüler üyeler */
.tpr{position:relative;margin-bottom:6px;border-radius:14px;overflow:hidden}
.rkn{width:26px;text-align:center;color:var(--mu,#9aa);font-weight:700}
.rk{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 13px/1 sans-serif;font-style:normal;color:#1a1204;position:relative}
.rk1{background:radial-gradient(circle at 30% 25%,#fff3c0,#f1b93a 55%,#b9801a);box-shadow:0 0 12px rgba(241,185,58,.55)}
.rk2{background:radial-gradient(circle at 30% 25%,#ffffff,#c9d1de 55%,#8793a5);box-shadow:0 0 10px rgba(201,209,222,.45)}
.rk3{background:radial-gradient(circle at 30% 25%,#ffe2c4,#d58a4c 55%,#8f5424);box-shadow:0 0 10px rgba(213,138,76,.45)}
@keyframes tpg{50%{opacity:.55}}
.tp1,.tp2,.tp3{border:1px solid transparent}
.tp1{background:linear-gradient(90deg,rgba(241,185,58,.17),rgba(241,185,58,.03) 75%);border-color:rgba(241,185,58,.4);box-shadow:inset 3px 0 0 #f1b93a,0 0 18px rgba(241,185,58,.12)}
.tp2{background:linear-gradient(90deg,rgba(201,209,222,.15),rgba(201,209,222,.03) 75%);border-color:rgba(201,209,222,.32);box-shadow:inset 3px 0 0 #c9d1de,0 0 14px rgba(201,209,222,.09)}
.tp3{background:linear-gradient(90deg,rgba(213,138,76,.16),rgba(213,138,76,.03) 75%);border-color:rgba(213,138,76,.34);box-shadow:inset 3px 0 0 #d58a4c,0 0 14px rgba(213,138,76,.1)}
.tp1::before,.tp2::before,.tp3::before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent);animation:onsh 4.5s ease-in-out infinite;pointer-events:none}
/* v81 sesli oda olay mesajları */
.vev{display:flex;align-items:center;gap:8px;width:fit-content;max-width:92%;margin:8px auto;padding:7px 14px 7px 8px;border-radius:99px;font-size:13px;color:var(--tx,#eee);background:rgba(20,22,40,.92);border:1px solid rgba(130,145,255,.35);box-shadow:0 2px 12px rgba(0,0,0,.25)}
.vev b{font-weight:800}.vei{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:#2a2f55;color:#cfd6ff}
.vei svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vev.h{border-color:rgba(255,200,90,.6)}.vev.h .vei{background:linear-gradient(135deg,#ffcf5c,#ff9a3c);color:#2a1604}
.vev.g{border-color:rgba(56,240,208,.55)}.vev.g .vei{background:linear-gradient(135deg,#38f0d0,#3aa0ff);color:#04202a}
.vev.b{border-color:rgba(122,160,255,.6)}.vev.b .vei{background:linear-gradient(135deg,#7c5cff,#38b6ff);color:#fff}
.vev.p{border-color:rgba(255,95,168,.55)}.vev.p .vei{background:linear-gradient(135deg,#ff5fa8,#7c5cff);color:#fff}
.vev.r{border-color:rgba(255,100,110,.6)}.vev.r .vei{background:#ff5a67;color:#fff}
.vev.n{opacity:.82}
[data-theme=light] .vev{background:#fff;color:#1d2140}
/* v82 olay mesajları: küçük, sıkı */
.vev{margin:1px auto;padding:3px 11px 3px 4px;gap:6px;font-size:11.5px;line-height:1.2;box-shadow:none}
.vei{width:18px;height:18px}.vei svg{width:11px;height:11px}
#msgs>.vev+.vev{margin-top:-3px}
/* v83 */
.vt.cam .vw::after{display:none}.vt.cam .vav{display:block;z-index:3}.vt.cam .vw::before{border-radius:50%}
.vcb{position:absolute;z-index:6;top:-5px;left:-5px;width:19px;height:19px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#38b6ff,#7c5cff);color:#fff;border:0;box-shadow:0 2px 8px rgba(56,182,255,.55);cursor:pointer}
.vcb svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#vrCam{position:fixed;z-index:3000;right:10px;bottom:150px;background:#0c0e1c;border:1px solid rgba(130,145,255,.4);border-radius:16px;box-shadow:0 10px 36px rgba(0,0,0,.55);overflow:hidden;display:flex;flex-direction:column;touch-action:none}
#vrCam.s-s{width:170px}#vrCam.s-m{width:250px}#vrCam.s-l{width:min(94vw,420px)}
#vrCam.full{inset:0!important;width:auto!important;height:auto!important;border-radius:0;right:0!important;bottom:0!important}
.vch{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#151834;font-size:12px}.vch b{flex:1;font-weight:700}
.vcg{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;color:#9aa6ff;border-radius:8px;background:rgba(255,255,255,.06)}.vcg svg{width:14px;height:14px;fill:currentColor}
.vcs{display:flex;gap:4px}.vcs button{width:26px;height:26px;border-radius:8px;padding:0;background:rgba(255,255,255,.07);color:inherit;display:flex;align-items:center;justify-content:center}.vcs svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vcgrid{display:grid;gap:3px;padding:3px;grid-template-columns:1fr;flex:1;min-height:0;background:#06070f}
.vcgrid[data-n="2"],.vcgrid[data-n="3"],.vcgrid[data-n="4"]{grid-template-columns:1fr 1fr}.vcgrid[data-n="5"],.vcgrid[data-n="6"]{grid-template-columns:1fr 1fr 1fr}
#vrCam.s-s .vcgrid[data-n="3"],#vrCam.s-s .vcgrid[data-n="4"],#vrCam.s-s .vcgrid[data-n="5"],#vrCam.s-s .vcgrid[data-n="6"]{grid-template-columns:1fr 1fr}
.vcc{position:relative;aspect-ratio:4/3;background:#000;border-radius:10px;overflow:hidden}.vcc video{width:100%;height:100%;object-fit:cover;display:block}
.vcn{position:absolute;left:6px;bottom:5px;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#vrCam.full .vcgrid{align-content:center}#vrCam.full .vcc{aspect-ratio:auto;height:100%}
#vrCam.full .vcgrid[data-n="1"]{grid-template-columns:1fr}#vrCam.full .vcgrid{grid-auto-rows:1fr}
/* olay mesajları ve sistem satırları: tüm odalarda kompakt */
.sys{font-size:11px;padding:0 8px;line-height:1.35;margin:0}.sys .jl{font-size:11px;padding:1px 8px}
.chat.hasbg .sys{padding:1px 10px}
#msgs .sys{margin-top:2px;margin-bottom:2px}
@media (orientation:portrait){#vrCam.full .vcgrid[data-n="2"],#vrCam.full .vcgrid[data-n="3"]{grid-template-columns:1fr}#vrCam.full .vcc video{object-fit:contain;background:#000}}

/* v84 premium giriş penceresi + misafir duvarı */
.authbox{position:relative;overflow:hidden;max-width:392px;padding:26px 20px 20px;border-radius:26px;background:radial-gradient(420px 220px at 50% -40px,rgba(168,107,255,.28),transparent 70%),radial-gradient(300px 200px at 100% 100%,rgba(224,168,74,.12),transparent 70%),linear-gradient(180deg,#17141f,#0e0c14);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)}
.authbox::before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold2,#ffd37a),#ff7ac8,transparent);opacity:.9}
.ahd{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 0 16px}
.ahl{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin-bottom:8px;background:linear-gradient(135deg,rgba(255,211,122,.25),rgba(168,107,255,.25));border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 26px rgba(168,107,255,.35),inset 0 1px 0 rgba(255,255,255,.2)}
.ahl svg{width:26px;height:26px;fill:none;stroke:#ffe3a3;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ahd b{font-size:19px;letter-spacing:.2px}.ahd small{font-size:12.5px;color:var(--mu,#9aa)}
.atab{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;margin-bottom:12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.atab button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;font-size:11.5px;font-weight:600;border-radius:12px}
.atab button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.atab i{top:4px;bottom:4px;left:4px;border-radius:12px}
.ahint{margin:0 2px 12px;padding:9px 12px;border-radius:12px;font-size:12px;line-height:1.45;color:var(--mu,#aab);background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.12)}.ahint b{color:var(--gold2,#ffd37a);font-weight:600}
.fld{position:relative;display:block;margin-bottom:10px}.fld[hidden]{display:none}
.fld>svg{position:absolute;left:13px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:var(--mu,#9aa);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .2s}
.fld:focus-within>svg{stroke:var(--gold2,#ffd37a)}
.authbox .fld input{width:100%;margin:0;padding:13px 42px 13px 40px;border-radius:14px;font-size:14.5px}
.fe{position:absolute;right:6px;top:50%;width:34px;height:34px;margin-top:-17px;padding:0;display:grid;place-items:center;border-radius:10px;background:none;color:var(--mu,#9aa)}
.fe svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fe:hover{color:var(--tx)}
.gsx{gap:10px;margin:0 0 10px}.gsx label span{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 6px;border-radius:14px}
.gsx label span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#aGo{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:6px;padding:14px;border-radius:15px;font-size:15px;font-weight:700;letter-spacing:.2px;box-shadow:0 10px 26px rgba(224,168,74,.38);position:relative;overflow:hidden}
#aGo svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}#aGo:hover svg{transform:translateX(4px)}
#aGo::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:agsh 3.6s ease-in-out infinite}
@keyframes agsh{0%,60%{left:-60%}100%{left:130%}}
.aor{display:flex;align-items:center;gap:10px;margin:14px 0 4px;font-size:11px;color:var(--mu,#9aa);text-transform:uppercase;letter-spacing:1px}.aor[hidden]{display:none}
.aor::before,.aor::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}
.gwbox{position:relative;max-width:340px;text-align:center;padding:26px 20px 18px;border-radius:24px;background:radial-gradient(300px 160px at 50% -30px,rgba(255,211,122,.22),transparent 70%),linear-gradient(180deg,#17141f,#0e0c14);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.gwi{width:58px;height:58px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,211,122,.28),rgba(168,107,255,.28));border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 26px rgba(224,168,74,.3)}
.gwi svg{width:28px;height:28px;fill:none;stroke:#ffe3a3;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gwbox h3{margin:0 0 6px;font-size:18px}.gwbox p{margin:0 0 16px;font-size:13px;line-height:1.5}.gwbox .btn{margin-bottom:8px;padding:12px;border-radius:14px}.gwbox small{display:block;margin-top:4px;font-size:11px;color:var(--mu,#9aa)}
#gwall{z-index:70}
[data-theme=light] .authbox,[data-theme=light] .gwbox{background:radial-gradient(420px 220px at 50% -40px,rgba(168,107,255,.16),transparent 70%),#fff}
.gsx label{display:block;flex:1}.gsx label span{width:100%;box-sizing:border-box}
.nomem #chMore,.nomem .mwrap,.nomem #srch{display:none!important}
.ahint:empty,.ahd small:empty{display:none}
.psd{position:relative;margin:8px 0 2px}
.psb{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff22;color:var(--tx);font-size:13px;font-weight:600;text-align:left}
.psb i,.psl i,.psr i{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.psb span{flex:1}.psb em{font-style:normal;opacity:.6;transition:transform .2s}.psd.open .psb em{transform:rotate(180deg)}
.psl{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;max-height:220px;overflow:auto;padding:4px;border-radius:12px;background:#17141f;border:1px solid #ffffff26;box-shadow:0 12px 30px #000a}
.psd.open .psl{display:block}.psl button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:9px;background:none;color:var(--tx);font-size:13px;text-align:left}.psl button:hover,.psl button.on{background:#ffffff14}
[data-theme=light] .psl{background:#fff}
.psadm{display:flex;flex-direction:column;gap:6px}.psr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0a}.psr b{flex:1;font-weight:600}
/* v87 kullanım kılavuzu */
.gdbox{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;padding:22px 16px 18px;border-radius:24px;background:radial-gradient(420px 200px at 50% -30px,rgba(168,107,255,.25),transparent 70%),linear-gradient(180deg,#17141f,#0e0c14);border:1px solid rgba(255,255,255,.12)}
.gdh{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.gdi{font-size:30px}.gdh b{font-size:19px;background:linear-gradient(90deg,var(--gold2,#ffd37a),#ff7ac8);-webkit-background-clip:text;background-clip:text;color:transparent}.gdh small{color:var(--mu,#9aa);font-size:12px}
.gdt{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.gdt button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;background:none;color:var(--mu,#9aa);font-size:12px;font-weight:600}.gdt button i{font-style:normal;font-size:18px}
.gdt button.on{background:linear-gradient(135deg,var(--gold2,#ffd37a),var(--gold,#e0a84a));color:#201505}
.gdd{margin:12px 2px;font-size:13px;color:var(--mu,#aab)}
.gdl details{margin-bottom:8px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.gdl summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center}.gdl summary::-webkit-details-marker{display:none}
.gdl summary::after{content:'▾';opacity:.6;transition:transform .2s}.gdl details[open] summary::after{transform:rotate(180deg)}
.gdl ul{margin:0;padding:0 14px 12px 30px;font-size:13px;line-height:1.55;color:var(--tx)}.gdl li{margin-bottom:5px}.gdl li b{color:var(--gold2,#ffd37a)}
.gdl2{display:block;margin:12px auto 0;padding:8px 14px;border-radius:99px;background:none;color:var(--mu,#9aa);font-size:12px;border:1px dashed rgba(255,255,255,.18)}.gdl2:hover{color:var(--gold2,#ffd37a)}
#mGuide{z-index:75}
[data-theme=light] .gdbox{background:#fff}
/* v92 müzik arşivi */
#vrMus svg{width:16px;height:16px;fill:currentColor;stroke:none}
.vmq{position:relative;display:block;margin:8px 0 4px}.vmq svg{position:absolute;left:11px;top:50%;margin-top:-8px;fill:none!important;stroke:var(--mu,#9aa);stroke-width:2;stroke-linecap:round;pointer-events:none}
.vmq input{width:100%;padding:10px 12px 10px 34px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px}.vmq input:focus{border-color:var(--gold,#e0a84a);outline:0}
.vmsr{margin:4px 2px;font-size:11px;color:var(--mu,#9aa);text-transform:uppercase;letter-spacing:.6px}
.vml{max-height:190px;display:flex;flex-direction:column;gap:6px;padding:2px}
.vma{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);transition:background .2s,border-color .2s}
.vma:hover{background:rgba(255,255,255,.09)}
.vma.on{background:linear-gradient(135deg,rgba(124,92,255,.28),rgba(56,240,208,.12));border-color:rgba(124,92,255,.5)}
.vma .vmp{flex:none;width:32px;height:32px;padding:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#38b6ff);color:#fff;border:0;box-shadow:0 4px 12px rgba(92,124,255,.4);transition:transform .15s}
.vma .vmp:hover{transform:scale(1.08)}.vma .vmp svg{width:14px;height:14px}
.vma .vmn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
.vma .vmd{flex:none;padding:5px 11px;border-radius:99px;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.1);color:var(--gold2,#ffd37a);border:1px solid rgba(255,211,122,.3)}
.vma .vmx2{flex:none;width:28px;height:28px;padding:0;border-radius:50%;display:grid;place-items:center;background:none;color:var(--mu,#9aa);border:0;opacity:.7}
.vma .vmx2 svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vma .vmx2:hover{background:rgba(255,90,90,.18);color:#ff7a7a;opacity:1}
.veq{display:flex;gap:2px;align-items:flex-end;height:14px;flex:none}.veq b{width:3px;border-radius:2px;background:#38f0d0;animation:veqa .9s ease-in-out infinite}.veq b:nth-child(2){animation-delay:.2s}.veq b:nth-child(3){animation-delay:.4s}
@keyframes veqa{0%,100%{height:3px}50%{height:14px}}
.vmc{align-items:center}.vmb{width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--tx)}
.vmb svg{fill:none!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vmb.big{width:50px;height:50px;background:linear-gradient(135deg,#7c5cff,#38b6ff);border:0;color:#fff;box-shadow:0 6px 18px rgba(92,124,255,.45)}.vmb.big svg{fill:currentColor!important;stroke:none;width:20px;height:20px}
#vrMus .vmb svg,#vrMus .vmx2 svg{stroke:currentColor}#vrMus .vmq svg{stroke:var(--mu,#9aa)}
.vms{max-height:230px;margin-bottom:4px}.vms[hidden]{display:none}
.vmc2{flex:none;width:34px;height:34px;border-radius:9px;object-fit:cover}
.vma .vmn b{display:block;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis}.vma .vmn small{display:block;font-size:11px;color:var(--mu,#9aa);overflow:hidden;text-overflow:ellipsis}
.vma .vmd.on{background:linear-gradient(135deg,#7c5cff,#38b6ff);color:#fff;border-color:transparent}
#vmAH{margin-top:8px}
.vwc[data-vw]{cursor:pointer}
.vwl{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto;margin-top:8px}.vwr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06)}.vwr .av{width:34px;height:34px;flex:none}.vwr b{font-weight:600;font-size:14px}
/* v100 müzik paneli: taşmasın, başlık sabit, küçültülebilsin */
#vrMus{max-height:min(58vh,460px);max-height:min(58dvh,460px);overflow-y:auto;overscroll-behavior:contain;padding-top:0}
#vrMus .vmh{position:sticky;top:0;z-index:5;padding:10px 0 8px;background:#12152b;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}
[data-theme=light] #vrMus .vmh{background:#eef0fb}
.vmhb{display:flex;gap:6px;align-items:center}.vmhb .ib{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--tx);padding:0}
.vmhb .ib svg{fill:none!important;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
#vrMus.mini .vmhb [data-m=min] svg{transform:rotate(180deg)}
#vrMus.mini{overflow:hidden;display:flex;align-items:center;gap:8px;padding:6px 10px;max-height:none}
#vrMus.mini>:not(.vmh):not(.vmt):not(.vmc1){display:none}
#vrMus.mini .vmh{position:static;order:3;border:0;padding:0;margin:0;background:none}#vrMus.mini .vmh>b{display:none}
#vrMus.mini .vmt{order:1;flex:1;min-width:0;margin:0;text-align:left;font-size:12.5px}
#vrMus.mini .vmc1{order:2;margin:0;gap:4px;flex:none}#vrMus.mini .vmb{width:32px;height:32px}#vrMus.mini .vmb.big{width:38px;height:38px}#vrMus.mini .vmb.big svg{width:16px;height:16px}
#vrMus .vms{max-height:170px}#vrMus #vmL{max-height:130px}
#vrMus .vmhb .ib svg{fill:none;stroke:currentColor}
.vce{position:absolute;z-index:4;right:6px;top:6px;display:flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:99px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:700;cursor:pointer}
.vce svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vce:hover{background:rgba(124,92,255,.7)}
#vrPop{z-index:3100}
.vwc svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* v104 yönetim: üyeler kart listesi */
.uhd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.uhd b{font-size:16px}.uhd b em{font-style:normal;font-size:12px;padding:2px 9px;margin-left:6px;border-radius:99px;background:rgba(224,168,74,.2);color:var(--gold2,#ffd37a)}
.uq{flex:1;max-width:220px}.uq input{width:100%;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px}
.ulist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.ucd{padding:12px;border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.ucd[hidden]{display:none}
.uct{display:flex;gap:11px;align-items:center}.uca .av{width:44px;height:44px;flex:none}.ucm{min-width:0;flex:1}
.ucm .un{font-weight:700;font-size:15px;background:none;color:var(--tx);padding:0;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ucs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:4px;font-size:11.5px;color:var(--mu,#9aa)}.ucs>span{padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.07)}
.ucr.a{background:rgba(224,168,74,.25)!important;color:var(--gold2,#ffd37a)}.ucr.m{background:rgba(124,92,255,.28)!important;color:#c8bbff}
.ucp{margin:0;font-size:11.5px;line-height:1.5;color:var(--mu,#9aa);padding:7px 9px;border-radius:10px;background:rgba(124,92,255,.1)}
.ucb{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ucb select{flex:1 1 120px;min-width:0;padding:8px 10px;border-radius:10px;font-size:13px}.ucb .btn{padding:8px 11px;font-size:12.5px;border-radius:10px}
.ucb .btn.dng{color:#ff8a8a;border-color:rgba(255,120,120,.35)}
#mProf{z-index:80}#mUser{z-index:80}
.pmh{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px 0;position:sticky;top:0;z-index:3;background:inherit}.pmh b{flex:1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmb{padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--tx);font-weight:600;font-size:13px}.pmb.x{width:36px;height:36px;padding:0;border-radius:50%}

.tpr .trk{font-size:10px;opacity:.7;font-weight:500}

/* v111: arama küçültme */
.cmn{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:14px;z-index:4;width:38px;height:38px;border-radius:50%;background:#00000066;border:1px solid #ffffff44;color:#fff;font-size:20px;cursor:pointer}
.callui.vid .cmid{left:60px}
.callui.mini{inset:auto 10px 84px auto;width:168px;height:auto;min-height:0;border-radius:18px;padding:10px 6px 8px;gap:4px;overflow:hidden;box-shadow:0 10px 36px #000a;border:1px solid #ffffff33;cursor:pointer}
.callui.mini.vid{height:220px}
.callui.mini .cav .av{width:46px;height:46px;font-size:17px;box-shadow:none}
.callui.mini h3{font-size:13px}.callui.mini .cst{font-size:12px}
.callui.mini .cbt2{gap:8px;margin-top:4px}.callui.mini .cb{width:36px;height:36px;font-size:16px}
.callui.mini.vid .cbt2{position:absolute;bottom:6px;left:0;right:0;justify-content:center;margin:0}
.callui.mini.vid .cmid,.callui.mini #cLv,.callui.mini [data-c=flip]{display:none}
.callui.mini .cmn{top:6px;left:6px;width:28px;height:28px;font-size:14px}

/* v112: Giphy sekmesi */
.pg.gp{display:block;padding:6px}.gps input{width:100%;padding:9px 12px;border-radius:99px;background:#00000055;border:1px solid #ffffff22;color:var(--tx,#fff);font-size:14px;box-sizing:border-box}
.gpg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.gpg button{padding:0;border-radius:10px;overflow:hidden;aspect-ratio:1;background:#00000044}.gpg img{width:100%;height:100%;object-fit:cover;display:block}.gpg .empty{grid-column:1/-1}

/* v114: Giphy büyük görünüm */
#pk .pg.gp{display:block;padding:2px}
.gps{position:sticky;top:0;z-index:2;background:#1d1810;padding:2px 0 6px}[data-theme=light] .gps{background:#fff}
.gps input{padding:13px 16px;font-size:16px;min-height:46px;border-radius:14px}
.gpg{grid-template-columns:repeat(2,1fr);gap:8px}
.gpg button{aspect-ratio:auto;height:130px;border-radius:12px;width:100%}
.gpg img{width:100%;height:100%;object-fit:cover}
.mc .gifs .gi{max-width:220px;max-height:200px}

/* v115: Giphy sıralaması GIF sekmesiyle aynı, sohbet GIF boyutu eski haline */
.mc .gifs .gi{max-width:120px;max-height:90px}
.gpg{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.gpg button{height:80px;border-radius:14px}

/* v117: görsel emoji */
.eimg{width:30px;height:30px;object-fit:contain;display:block;margin:auto}
#pk .pg.e button{overflow:hidden}

/* v118: görsel çıkartma */
.eimg.stkp{width:48px;height:48px}
#pk .pg.s button{overflow:hidden}
.stkimg{width:110px;height:110px;object-fit:contain;display:block}
.mc .stkimg{width:96px;height:96px}

/* v119: SEO metin bloğu */
.srh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.seot{margin:28px 0 18px;padding:18px;border-radius:18px;background:#ffffff08;border:1px solid #ffffff14;color:var(--mu);font-size:13px;line-height:1.7;user-select:text;-webkit-user-select:text}
.seot h2{font-size:16px;margin:0 0 8px;color:var(--tx)}.seot h3{font-size:14px;margin:14px 0 6px;color:var(--tx)}
.seot p{margin:0 0 8px}.seot b{color:var(--tx);font-weight:600}.seot details{margin:4px 0;padding:6px 0;border-bottom:1px solid #ffffff10}.seot summary{cursor:pointer;color:var(--tx)}
.seol a{display:inline-block;margin:2px 10px 2px 0;color:var(--gold2)}

/* v120: alt bağlantılar */
.seof{margin:24px 0 8px;padding:14px 4px;color:var(--mu);font-size:12px;line-height:1.9;border-top:1px solid #ffffff12;user-select:text;-webkit-user-select:text}
.seof a{color:var(--mu);margin-right:12px;text-decoration:none}.seof a:hover{color:var(--gold2)}.seof p{margin:0 0 4px}

/* v121: özel mesaj balonları (neon yok, belirgin) + yazıyor göstergesi */
#dmBox .bb.me .bin{background:linear-gradient(150deg,color-mix(in srgb,var(--dmc) 72%,#000),color-mix(in srgb,var(--dmc) 46%,#000));border:1px solid color-mix(in srgb,var(--dmc) 60%,#fff);box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)}
#dmBox .bb.ot .bin{background:#2a2740;border:1px solid #ffffff38;box-shadow:0 2px 8px rgba(0,0,0,.35);color:#f4efe6}
#dmBox .bb .bin{padding:9px 13px 6px;font-weight:500}
#dmBox .tk.r{text-shadow:none;color:#5fd0ff}
[data-theme=light] #dmBox .bb.ot .bin{background:#fff;border-color:#d9d0bd;color:#2a2418;box-shadow:0 2px 6px rgba(60,40,0,.12);text-shadow:none}
.dmty{padding:4px 16px 6px;font-size:12.5px;color:var(--mu);display:flex;align-items:center;gap:7px}
.dmty[hidden]{display:none}
.tdots{display:inline-flex;gap:3px}.tdots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;animation:tdb 1.1s infinite}.tdots i:nth-child(2){animation-delay:.18s}.tdots i:nth-child(3){animation-delay:.36s}@keyframes tdb{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}

/* v122: özel mesajlar neon kaldırma + sekme ikonları */
.modal.full .box.dmx{box-shadow:0 10px 40px rgba(0,0,0,.55);border-left-color:#ffffff1f;border-right-color:#ffffff1f}
.dmh{box-shadow:0 1px 0 #ffffff10;border-bottom-color:#ffffff1a}.dmh>b{text-shadow:none;color:var(--tx);font-weight:700}
.dmtabs{gap:6px}.dmtabs button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;font-size:11.5px;line-height:1.15;min-width:0}
.dmtabs button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dmtabs button.on{box-shadow:none;color:#1a1204;background:var(--dmc);border-color:var(--dmc)}
.dti{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dmr::after{background:#ffffff14}.dmr:hover{background:#ffffff0d}
.dmt em{box-shadow:none}
.cdir{font-style:normal;font-weight:700;margin-right:2px}.cmiss{color:#ff8a8a}

/* v123: özel mesaj simgeleri, neon yok, premium cam görünüm, belirgin ikonlar */
#dmBox .dmin{border-top:1px solid #ffffff1a;background:#0c0a18}
#dmBox .dmin #dmI,#dmBox .dmin input[type=text]{border-color:#ffffff26}
#dmBox .dmin .ib,#dmBox .dmin .ib[data-in]{width:38px;height:38px;border-radius:50%;background:#ffffff12!important;border:1px solid #ffffff30;color:#f4efe6;box-shadow:none;opacity:1}
#dmBox .dmin .ib:hover{background:#ffffff1f!important}
#dmBox .dmin .ib svg{width:20px;height:20px;color:#f4efe6;stroke:currentColor;stroke-width:2;fill:none}
#dmBox .dmin .gtxt{font-size:10.5px;font-weight:800;border-width:1.8px;color:#f4efe6}
#dmBox .dmin .sendb,#dmBox .micb{background:linear-gradient(145deg,color-mix(in srgb,var(--dmc) 95%,#fff),color-mix(in srgb,var(--dmc) 75%,#000));color:#1a1204;box-shadow:0 2px 6px rgba(0,0,0,.4);width:44px;height:44px}
#dmBox .dmin .sendb svg,#dmBox .dmin .micb svg{width:21px;height:21px;stroke:currentColor;stroke-width:2.1}
#dmBox .cbt,#dmBox .cbt[data-cl]{background:#ffffff12;border:1px solid #ffffff30;box-shadow:none;color:#f4efe6}
#dmBox .cbt i svg{width:20px;height:20px;stroke:#f4efe6;stroke-width:2}
#dmBox .cbt[data-cl=voice] i svg{stroke:#5fe3a8}#dmBox .cbt[data-cl=video] i svg{stroke:#7cc4ff}
#dmBox .cbt:hover{box-shadow:none;background:#ffffff1f}
#dmBox .dmh .ib,#dmBox .dmh .gtb{background:#ffffff12;border:1px solid #ffffff30;color:#f4efe6;box-shadow:none}
#dmBox .dmh .ib svg,#dmBox .dmh .gtb svg{stroke-width:2}
#dmBox .dmh .gtb{font-size:20px;font-weight:600}
[data-theme=light] #dmBox .dmin{background:#fff!important}[data-theme=light] #dmBox .dmin .ib{background:#0000000d!important;border-color:#0000002a;color:#2a2418}[data-theme=light] #dmBox .dmin .ib svg,[data-theme=light] #dmBox .dmin .gtxt{color:#2a2418}

/* v124: sohbet odası yazma alanı simgeleri: neon yok, sade cam, belirgin çizgi ikon + özel mesaj seçici */
.inp .ab,.inp #giftBtn,.inp #gameBtn,.inp #bcBtn{background:#ffffff12!important;border:1px solid #ffffff30;color:#f4efe6;box-shadow:none!important;width:36px!important;height:36px!important}
.inp .ab:hover{background:#ffffff1f!important}
.inp .ab svg{width:20px!important;height:20px!important;stroke:currentColor;stroke-width:2;fill:none}
.inp #giftBtn svg{stroke:#ff9bbd}.inp #gameBtn svg{stroke:#b9a0ff}
.inp .eb{width:34px!important;height:34px!important;color:#f4efe6!important;opacity:1}.inp .eb svg{width:20px!important;height:20px!important;stroke-width:2}.inp .eb:hover{color:var(--gold2)!important}
.inp .sendb{background:linear-gradient(145deg,var(--gold2),var(--gold))!important;color:#1a1204!important;box-shadow:0 2px 6px rgba(0,0,0,.4)!important;width:40px!important;height:40px!important}
.inp .ipill{border-color:#ffffff26}
[data-theme=light] .inp .ab{background:#0000000d!important;border-color:#0000002a;color:#2a2418}[data-theme=light] .inp .eb{color:#2a2418!important}
/* DM seçici */
.dmpk{display:flex;flex-direction:column;gap:8px;padding:8px 10px;background:#0c0a18;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;height:min(40vh,300px);flex:none}.dmpk[hidden]{display:none}
.dmpt{display:flex;background:#00000055;border-radius:99px;padding:3px;gap:2px;flex:none}.dmpt button{flex:1;padding:7px 4px;border-radius:99px;font-size:13px;color:var(--mu);white-space:nowrap}.dmpt button.on{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#201505;font-weight:700}
.dmpg{flex:1;min-height:0;overflow-y:auto;display:grid;gap:6px;align-content:start;padding:2px}
.dmpg.dmp-e{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.dmpg.dmp-s{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.dmpg.dmp-g{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.dmpg.dmp-gp{display:block}
.dmpg button{border-radius:14px;background:#ffffff08;display:grid;place-items:center;padding:0;overflow:hidden}.dmpg button:hover{background:#ffffff18}
.dmpg.dmp-e button{font-size:26px;height:44px}.dmpg.dmp-s button{font-size:40px;height:64px}.dmpg.dmp-g button{height:80px}.dmpg.dmp-g img,.dmgg img{width:100%;height:100%;object-fit:cover}
.dmgq{width:100%;box-sizing:border-box;padding:12px 16px;min-height:44px;border-radius:14px;background:#00000055;border:1px solid #ffffff22;color:var(--tx,#fff);font-size:16px;position:sticky;top:0;z-index:2}
.dmgg{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin-top:8px}.dmgg button{height:80px}.dmgg .mu{grid-column:1/-1}
[data-theme=light] .dmpk{background:#fff}

/* v125: özel mesajda GIF/çıkartma/emoji kaydedilemez (dosyadan seçilen fotoğraflar hariç) */
.nosvw{display:block;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.nosv{pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;max-width:180px;max-height:180px;border-radius:12px;cursor:default}
#dmMsgs .bvo{-webkit-touch-callout:none;user-select:none}

/* v126: SEYA AI */
.seyab{padding:0;overflow:visible;background:transparent!important;border:0!important}
.seyav{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 2px #8f6bff88,0 0 12px #ff7ad955;overflow:hidden}.seyav svg{width:100%;height:100%;display:block;filter:none!important;opacity:1!important}
.seyab::after{content:'AI';position:absolute;right:-3px;bottom:-3px;font:800 8px/1 Sora,system-ui;color:#fff;background:linear-gradient(135deg,#ff7ad9,#7a6bff);border-radius:99px;padding:2px 4px;border:1px solid #0b0a0d}
#seya{position:fixed;inset:0;z-index:96;display:flex;flex-direction:column;background:radial-gradient(900px 480px at 50% -10%,#3a2478,#0b0820 60%,#07060f);color:#f4efe6;max-width:640px;margin:0 auto}
@media(min-width:700px){#seya{inset:3vh 0;border-radius:24px;border:1px solid #ffffff22;box-shadow:0 20px 70px #000b;overflow:hidden}}
#seya[hidden]{display:none}
body.seya-on{overflow:hidden}
.sy-top{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:#0b0820d9;border-bottom:1px solid #ffffff1a;flex:none}
.sy-back,.sy-ib{width:38px;height:38px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff30;color:#f4efe6;font-size:20px;display:grid;place-items:center;flex:none}.sy-ib{font-size:16px}
.sy-av{position:relative;width:46px;height:46px;flex:none;border-radius:50%;box-shadow:0 0 0 2px #8f6bffaa,0 0 16px #ff7ad966}.sy-av svg{width:100%;height:100%;border-radius:50%;display:block}
.sy-dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#888;border:2px solid #0b0820}.sy-dot.ok{background:#3ddc97}.sy-dot.busy{background:#ffc94d}
.sy-t{flex:1;min-width:0}.sy-t b{display:block;font-size:16px}.sy-t small{display:block;font-size:11px;color:#b9b2d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sy-st{color:#9fe8c6!important}
.sy-bar{padding:8px 14px;background:#ffffff0d;border-bottom:1px solid #ffffff14;font-size:12px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;flex:none}.sy-bar[hidden]{display:none}
.sy-prog{flex:1 1 100%;height:5px;border-radius:99px;background:#ffffff1a;overflow:hidden}.sy-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7ad9,#8f6bff,#38c8ff);transition:width .3s}
.sy-bar button{margin-left:auto;padding:4px 10px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff2a;color:#f4efe6;font-size:12px}
.sy-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.sy-m{display:flex;gap:8px;max-width:88%}.sy-m.user{align-self:flex-end;flex-direction:row-reverse}.sy-m.ai{align-self:flex-start}
.sy-mav{width:30px;height:30px;flex:none;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px #8f6bff88}.sy-mav svg{width:100%;height:100%;display:block}
.sy-b{padding:9px 13px;border-radius:18px;font-size:15px;line-height:1.45;word-break:break-word}
.sy-m.ai .sy-b{background:#2a2548;border:1px solid #ffffff2e;border-bottom-left-radius:5px}
.sy-m.user .sy-b{background:linear-gradient(150deg,#7a4bd8,#4a3aa8);border:1px solid #ffffff3a;border-bottom-right-radius:5px}
.sy-m.typ .sy-tx{opacity:.6;animation:syb 1s infinite}@keyframes syb{50%{opacity:.2}}
.sy-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sy-chip{padding:7px 12px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff38;color:#f4efe6;font-size:13px}.sy-chip:active{background:#ffffff2a}
.sy-quick{display:flex;gap:6px;overflow-x:auto;padding:6px 12px;flex:none;scrollbar-width:none}.sy-quick::-webkit-scrollbar{display:none}
.sy-quick button{flex:none;display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:99px;background:#ffffff10;border:1px solid #ffffff2e;color:#f4efe6;font-size:13px;white-space:nowrap}.sy-quick i{font-style:normal}
.sy-in{display:flex;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff1a;background:#0b0820ee;flex:none}
.sy-in input{flex:1;min-width:0;border-radius:99px;padding:12px 16px;background:#1d1a38;border:1px solid #ffffff2e;color:#fff;font-size:16px;outline:0}
.sy-mic,.sy-send{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;border:1px solid #ffffff30;color:#f4efe6;background:#ffffff14}
.sy-send{background:linear-gradient(145deg,#ff7ad9,#7a6bff);border:0;color:#fff}
.sy-mic svg,.sy-send svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sy-mic.on{background:#ff4d7a;border-color:#ff4d7a;animation:syp 1.1s infinite}@keyframes syp{50%{box-shadow:0 0 0 8px #ff4d7a33}}
.sy-note{margin:0;padding:0 14px calc(6px + env(safe-area-inset-bottom,0px));font-size:10.5px;color:#9a93bd;text-align:center;flex:none;background:#0b0820ee}
/* v128 SEYA: foto avatar, yazıyor noktaları, sesli mod */
.sy-ph{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;-webkit-user-drag:none}
.sy-dots{display:inline-flex;gap:4px;align-items:center;height:16px}.sy-dots b{width:6px;height:6px;border-radius:50%;background:#b9a8ff;animation:sydot 1s infinite ease-in-out}.sy-dots b:nth-child(2){animation-delay:.15s}.sy-dots b:nth-child(3){animation-delay:.3s}
@keyframes sydot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
#seya.sy-voice .sy-mic{background:linear-gradient(135deg,#ff7ad9,#7a6bff);color:#fff}
#seya.sy-talk .sy-av{animation:sytalk 1.1s infinite}
@keyframes sytalk{0%,100%{box-shadow:0 0 0 2px #8f6bffaa,0 0 12px #ff7ad966}50%{box-shadow:0 0 0 4px #ff7ad9aa,0 0 26px #ff7ad9aa}}
/* v133 SEYA: en alta in düğmesi */
.sy-dn{position:absolute;right:16px;bottom:138px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff33;background:linear-gradient(135deg,#ff7ad9,#7a6bff);color:#fff;font:700 18px/1 system-ui;box-shadow:0 6px 18px #0009;cursor:pointer}.sy-dn[hidden]{display:none}
/* v134 SEYA üst bar ikonları */
.sy-ib svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sy-top .sy-ib{width:34px;height:34px}.sy-top{gap:6px}
#syX{background:#ffffff1c}
/* v135 SEYA imza */
.sy-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8d86b4;padding-top:2px}
.sy-note b{font-weight:800;letter-spacing:.2em;background:linear-gradient(90deg,#ff9be4,#9d8bff,#6fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sy-note i{width:3px;height:3px;border-radius:50%;background:#8d86b4;display:block}
.sy-note span{font-weight:500}
/* v136 müzik penceresi: ayrı pencere, ana ekran / arşivim / müzik ara */
#mMus{z-index:21}
#mMus #vrMus{margin:0;width:min(520px,100%);max-height:min(88vh,660px);max-height:min(88dvh,660px);overflow-y:auto;padding:0 14px 16px;border-radius:20px;background:#12152b;border:1px solid rgba(255,255,255,.14)}
[data-theme=light] #mMus #vrMus{background:#eef0fb}
#mMus .vmh{display:flex;align-items:center;gap:8px}#mMus .vmh>b{flex:1;min-width:0}
#mMus .vmh .ib{width:34px;height:34px}#mMus .vmh .ib svg{width:18px;height:18px}
#mMus .vmnav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 6px}
#mMus .vmnb{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px 12px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:inherit;cursor:pointer}
#mMus .vmnb b{font-size:15px}#mMus .vmnb small{font-size:11.5px;opacity:.7}
#mMus .vmbig,#mMus #vmL,#mMus .vms{max-height:none!important;overflow:visible}
#mMus #vmView{padding-top:6px}
/* v137 radyo seçilmediyse alt çubuk yok, sohbet o alanı kaplar */
#bar:empty,body.nobar #bar{display:none}
body.nobar:not(.hasdock){padding-bottom:0}
/* v138 çerçevesiz, tam ekran sohbet: arka plan menü/üst/alt dahil tüm ekranı kaplar, her ekranda otomatik uyar */
.wrap{max-width:none;padding:0}
.wrap>header,.wrap>.rhead,.wrap>.rooms{padding-left:max(12px,calc((100% - 1100px)/2 + 12px));padding-right:max(12px,calc((100% - 1100px)/2 + 12px))}
#chat{border:0!important;border-radius:0!important;box-shadow:none!important;margin-left:0;margin-right:0}
#chat .ch-h,#chat .inp,#chat .chprev,#chat #typ,#chat #att,#chat #rbar,#chat .msgs{padding-left:max(12px,calc((100% - 920px)/2));padding-right:max(12px,calc((100% - 920px)/2))}
#chat .ch-h{border-top:1px solid var(--ln)}
body.hasbgp::before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(18,15,10,var(--cfd,0)),rgba(18,15,10,var(--cfd,0))),linear-gradient(rgba(10,8,6,var(--cdim,.55)),rgba(10,8,6,var(--cdim,.55))),var(--cbg);background-size:cover;background-position:var(--cpos,center);background-repeat:no-repeat;pointer-events:none}
@media(min-width:900px){body.hasbgp::before{background-image:linear-gradient(rgba(18,15,10,var(--cfd,0)),rgba(18,15,10,var(--cfd,0))),linear-gradient(rgba(10,8,6,var(--cdim,.55)),rgba(10,8,6,var(--cdim,.55))),var(--cbgw,var(--cbg))}}
[data-theme=light] body.hasbgp::before{background-image:linear-gradient(rgba(255,252,244,var(--cfd,0)),rgba(255,252,244,var(--cfd,0))),linear-gradient(rgba(255,252,244,var(--ldim,.4)),rgba(255,252,244,var(--ldim,.4))),var(--cbg)}
@media(min-width:900px){[data-theme=light] body.hasbgp::before{background-image:linear-gradient(rgba(255,252,244,var(--cfd,0)),rgba(255,252,244,var(--cfd,0))),linear-gradient(rgba(255,252,244,var(--ldim,.4)),rgba(255,252,244,var(--ldim,.4))),var(--cbgw,var(--cbg))}}
body.hasbgp #chat.hasbg{background:transparent!important}
.wrap>.rooms{margin-left:0;margin-right:0}
#chat{margin-bottom:0}

/* v139 mini radyo oynatıcı */
#bar{display:none!important}
body.nobar:not(.hasdock),body:not(.hasdock){padding-bottom:0!important}
.rhead h2.rht{flex:1 1 auto;min-width:0;overflow:hidden}
.rmini{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;max-width:46vw;margin-left:auto;padding:3px 10px 3px 3px;border:1px solid var(--ln,#ffffff22);border-radius:99px;background:#ffffff0d}
.rmini[hidden]{display:none}
.rmp{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold2,#e8b84a);color:#111;padding:0}
.rmp svg{width:14px;height:14px;fill:currentColor}
.rmn{min-width:0;max-width:200px;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600;cursor:pointer}
.rmm{display:inline-block}
.rmn.mq{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.rmn.mq .rmm{animation:ttmq var(--t,6s) ease-in-out infinite alternate}
@media(min-width:700px){.rmn{max-width:260px}}

/* v140 dock: sag kenarda dikey, kucuk simgeler */
#dock{left:auto!important;right:3px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;top:auto;transform:none!important;flex-direction:column-reverse;gap:5px;padding:0;max-width:none;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none}
#dock .dki,.dki{width:30px;height:30px;box-shadow:0 2px 8px #000a}
.dkb svg{width:15px;height:15px}.dkb .av{font-size:12px}
.dki em{min-width:15px;height:15px;font-size:9px;line-height:15px;top:-4px;right:-4px;padding:0 3px}
.dki:hover{transform:translateX(-3px)}
.dkx{width:14px;height:14px;left:-5px;bottom:-3px}

/* v141 mini: kapat dugmesi, baslik hep gorunur */
.rmx{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;padding:0;color:var(--mu,#9aa);background:#ffffff14}
.rmx svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
@media(max-width:699px){.rmn{max-width:78px}.rhead{gap:6px}.rhead h2.rht{font-size:11.5px;gap:4px}.rhead h2.rht>span:last-child{display:none}.rmini{max-width:none}}

/* v142 canli ses efekti (yazinin arkasinda, saydam) */
.rmini{position:relative;overflow:hidden;isolation:isolate}
.rmeq{position:absolute;left:34px;right:30px;top:3px;bottom:3px;display:flex;align-items:flex-end;gap:2px;z-index:-1;pointer-events:none;opacity:.0;transition:opacity .4s;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.rmeq i{flex:1;height:100%;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#38f0d0,#7a5cff);transform-origin:bottom;transform:scaleY(.15);animation:rmeq 1s ease-in-out infinite;animation-play-state:paused}
.rmini.live .rmeq{opacity:.4}.rmini.live .rmeq i{animation-play-state:running}
@keyframes rmeq{0%,100%{transform:scaleY(.15)}50%{transform:scaleY(.95)}}
.rmeq i:nth-child(1){animation-delay:-0.00s;animation-duration:0.70s}.rmeq i:nth-child(2){animation-delay:-0.44s;animation-duration:1.23s}.rmeq i:nth-child(3){animation-delay:-0.89s;animation-duration:1.16s}.rmeq i:nth-child(4){animation-delay:-0.13s;animation-duration:1.09s}.rmeq i:nth-child(5){animation-delay:-0.58s;animation-duration:1.02s}.rmeq i:nth-child(6){animation-delay:-1.02s;animation-duration:0.95s}.rmeq i:nth-child(7){animation-delay:-0.26s;animation-duration:0.88s}.rmeq i:nth-child(8){animation-delay:-0.71s;animation-duration:0.81s}.rmeq i:nth-child(9){animation-delay:-1.15s;animation-duration:0.74s}.rmeq i:nth-child(10){animation-delay:-0.40s;animation-duration:1.27s}.rmeq i:nth-child(11){animation-delay:-0.84s;animation-duration:1.20s}.rmeq i:nth-child(12){animation-delay:-0.08s;animation-duration:1.13s}.rmeq i:nth-child(13){animation-delay:-0.53s;animation-duration:1.06s}.rmeq i:nth-child(14){animation-delay:-0.97s;animation-duration:0.99s}.rmeq i:nth-child(15){animation-delay:-0.22s;animation-duration:0.92s}.rmeq i:nth-child(16){animation-delay:-0.66s;animation-duration:0.85s}
.rmn{text-shadow:0 1px 3px #000c}
[data-theme=light] .rmini.live .rmeq{opacity:.2}[data-theme=light] .rmn{text-shadow:none}
@media(prefers-reduced-motion:reduce){.rmeq i{animation:none;transform:scaleY(.4)}}

/* v143 oda cubugu: arka plansiz, belirgin simgeler */
#chat .ch-h{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#chat .ch-h .ib,#chat .ch-h .onb,#chat .ch-h .vb,#chat .ch-h .vb.pri,#chat .ch-h .gstart{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;color:#fff;filter:drop-shadow(0 1px 3px #000c)}
#chat .ch-h .ib,#chat .ch-h .vb{font-size:20px}
#chat .ch-h .ib svg,#chat .ch-h .vb svg{width:23px;height:23px;stroke-width:2.2}
#chat .ch-h .vb.pri svg{stroke:#38f0d0}
#chat .ch-h .onb{font-weight:700;font-size:14px}
[data-theme=light] #chat .ch-h .ib,[data-theme=light] #chat .ch-h .onb,[data-theme=light] #chat .ch-h .vb{color:#1b1536;filter:none}
.rhead h2.rht{font-size:15px;font-weight:700;color:var(--tx,#fff)}

/* v144 premium simgeler: gradyan cizgi, parlama */
#chat .ch-h .ib,#chat .ch-h .vb,#chat .ch-h .onb{transition:transform .18s,filter .18s}
#chat .ch-h .vb svg,#chat .ch-h .ib svg{stroke:url(#syg)!important;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;fill:none;width:26px!important;height:26px!important}
#chat .ch-h .vb{filter:drop-shadow(0 0 5px #9a7bff88) drop-shadow(0 1px 2px #000b)!important;padding:5px}
#chat .ch-h .vb.on svg,#chat .ch-h .vb.pri svg{stroke:url(#sygo)!important}
#chat .ch-h .vb.on{filter:drop-shadow(0 0 7px #2dd4ffaa) drop-shadow(0 1px 2px #000b)!important}
#chat .ch-h .vb.off svg,#chat .ch-h .vb.red svg{stroke:url(#sygr)!important}
#chat .ch-h .vb.off,#chat .ch-h .vb.red{filter:drop-shadow(0 0 7px #ff3d71aa) drop-shadow(0 1px 2px #000b)!important}
#chat .ch-h .vb[data-a=hands] svg,#chat .ch-h .vb[data-a=hand] svg{stroke:url(#sygg)!important}
#chat .ch-h .vb[data-a=hands],#chat .ch-h .vb[data-a=hand]{filter:drop-shadow(0 0 7px #ffa93a99) drop-shadow(0 1px 2px #000b)!important}
#chat .ch-h .vb:hover,#chat .ch-h .ib:hover{transform:translateY(-2px) scale(1.1)}
#chat .ch-h .vb:active,#chat .ch-h .ib:active{transform:scale(.92)}
#chat .ch-h .vb i{font:800 10px/14px system-ui;min-width:14px;text-align:center;border-radius:99px;background:linear-gradient(135deg,#ffa93a,#ff3d71);color:#fff;-webkit-text-fill-color:#fff}
#chat .ch-h .ib:not(:has(svg)){font-size:22px;font-weight:800;line-height:1;background:linear-gradient(135deg,#8ee9ff,#9a7bff 55%,#ff7ad9);-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #9a7bff88)!important}
#chat .ch-h .onb{background:linear-gradient(135deg,#5ffbd6,#2dd4ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;letter-spacing:.3px;filter:drop-shadow(0 0 5px #2dd4ff77)!important}
#chat .ch-h .onb *{-webkit-text-fill-color:initial}
[data-theme=light] #chat .ch-h .vb{filter:drop-shadow(0 1px 2px #0003)!important}
#chat .ch-h .vb{width:auto!important;height:auto!important;min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;position:relative}
#chat .ch-h .vb svg{flex:none}
#chat .ch-h .vb i{position:absolute;top:0;right:0}

/* v145 sayfa sabit: elle kaydirilip oynatilamaz; sadece ic alanlar kayar */
html,body{height:100%;overflow:hidden!important;overscroll-behavior:none;scroll-behavior:auto}
body{height:100dvh;padding-bottom:0!important;position:fixed;inset:0;width:100%}
.wrap{height:100%;overflow:hidden}
/* asagi inen pencereler (dock) acilan sayfalarin ustune tasinmaz */
#dock{z-index:30!important}
body:has(.modal.open) #dock,body:has(#np.open) #dock,body:has(#seya:not([hidden])) #dock{display:none!important}
/* v146 SEYA sohbet alani kayar */
#seya{min-height:0;max-height:100dvh;overflow:hidden}
#seya .sy-msgs{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
/* v147 ic kaydirma alanlari dokunmatik kaydirmaya acik */
#seya,#seya .sy-msgs,.modal .box,#msgs,#dmMsgs,#grid{touch-action:pan-y}
#seya .sy-msgs,#msgs,#dmMsgs{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

/* v148 giris duvari */
#gate{position:fixed;inset:0;z-index:35;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 50% -10%,#3a2478,#0b0820 60%,#07060f)}
#gate[hidden]{display:none}
#gate .gbox{width:min(360px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
#gate .glogo{font-size:54px;line-height:1}#gate .glogo img{max-width:200px;max-height:90px;object-fit:contain}
#gate h2{margin:0;font-size:26px;letter-spacing:.5px;background:linear-gradient(90deg,#ffe29a,#ffa93a);-webkit-background-clip:text;background-clip:text;color:transparent}
#gate p{margin:0 0 10px;color:var(--mu,#9aa);font-size:14px}
#gate .btn{width:100%}
body.gated .wrap,body.gated #bar,body.gated #dock,body.gated #np,body.gated #seya{display:none!important}


/* v152 gercekci simgeler (neon yok) + ortalanmis radyo dugmesi */
#chat .ch-h .vb,#chat .ch-h .ib,#chat .ch-h .onb{filter:none!important;text-shadow:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;transition:background .15s,transform .15s}
#chat .ch-h .vb,#chat .ch-h .ib{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border-radius:50%!important;background:#ffffff14!important;color:#e9e7f1!important;display:inline-flex;align-items:center;justify-content:center}
#chat .ch-h .vb svg,#chat .ch-h .ib svg{width:20px!important;height:20px!important;stroke:#e9e7f1!important;stroke-width:1.9;fill:none}
#chat .ch-h .vb.pri svg,#chat .ch-h .vb.on svg{stroke:#4cd964!important}
#chat .ch-h .vb.off svg,#chat .ch-h .vb.red svg{stroke:#ff6259!important}
#chat .ch-h .vb[data-a=hands] svg,#chat .ch-h .vb[data-a=hand] svg{stroke:#ffc83d!important}
#chat .ch-h .vb.on{background:#4cd9641f!important}#chat .ch-h .vb.off,#chat .ch-h .vb.red{background:#ff62591f!important}
#chat .ch-h .vb:hover,#chat .ch-h .ib:hover{transform:none;background:#ffffff22!important}#chat .ch-h .vb:active,#chat .ch-h .ib:active{transform:scale(.94)}
#chat .ch-h .ib:not(:has(svg)){font-size:20px;font-weight:700;color:#e9e7f1!important;background:#ffffff14!important;-webkit-text-fill-color:#e9e7f1!important;filter:none!important}
#chat .ch-h .onb{background:#ffffff14!important;color:#e9e7f1!important;border-radius:99px!important;padding:0 12px!important;height:40px;font-size:14px;font-weight:600;letter-spacing:0;display:inline-flex;align-items:center;gap:6px}
#chat .ch-h .vb i{background:#ff453a;-webkit-text-fill-color:#fff}
[data-theme=light] #chat .ch-h .vb,[data-theme=light] #chat .ch-h .ib,[data-theme=light] #chat .ch-h .onb{background:#0000000d!important;color:#222!important}
[data-theme=light] #chat .ch-h .vb svg,[data-theme=light] #chat .ch-h .ib svg{stroke:#222!important}

/* v154 mobil yerlesim: oda adi basta, Odalar/Online/⋮ ust satirda, alt cubukta kontroller + radyo + yenile */
.rnp,.qb,.rcb{display:none}
#mRooms .rmbox{width:min(440px,100%);max-height:86vh;overflow:auto;padding:18px 14px 16px}
.rmh{margin:0 0 12px;font-size:18px;letter-spacing:.3px;text-align:center}
#onSrch{margin:0 0 12px}#onSrch .srch{display:flex}#onSrch .srch input{height:44px;border-radius:12px}
@media(max-width:700px){
  /* ust: oda adi alani (simgesiz) */
  header .srch{display:none}
  header .rnp{display:flex;align-items:center;flex:1;min-width:0;height:42px;padding:0 16px;border-radius:12px;border:1px solid #ffffff22;background:linear-gradient(180deg,#2a2640,#191726);box-shadow:inset 0 1px 0 #ffffff22,0 3px 10px #0008;color:#fff;font:700 15.5px/1 inherit;letter-spacing:.2px;text-align:left;cursor:pointer;overflow:hidden}
  header .rnp span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  [data-theme=light] header .rnp{background:linear-gradient(180deg,#fff,#eceaf5);color:#1b1536;border-color:#00000026;box-shadow:inset 0 1px 0 #fff,0 2px 6px #0002}
  /* ust ikinci satir */
  .rhead,.wrap>.rooms,.wrap>#rooms{display:none!important}
  .qb{display:flex;align-items:center;gap:8px;padding:6px 12px}
  .qb .qbb{height:40px;padding:0 18px;border-radius:12px;border:1px solid #ffffff26;background:linear-gradient(180deg,#34304f,#211e33);color:#fff;font-weight:700;font-size:14px;box-shadow:inset 0 1px 0 #ffffff26,0 3px 10px #0007;letter-spacing:.2px}
  .qb .qbb:active{transform:scale(.97)}
  .qb .mwrap{position:relative}.qb .pop{right:auto;left:0;top:46px}
  [data-theme=light] .qb .qbb{background:linear-gradient(180deg,#fff,#eceaf5);color:#1b1536;border-color:#00000026}
  /* odalar penceresi: premium kartlar */
  #mRooms #rooms{display:flex!important;flex-direction:column;gap:10px;overflow:visible;padding:0;margin:0;height:auto;max-height:none}
  #mRooms .rc{display:flex;align-items:center;gap:12px;width:100%;min-width:0;max-width:none;height:auto;padding:12px 14px;border-radius:18px;border:1px solid #ffffff1a;background:linear-gradient(135deg,#221e38,#15121f);box-shadow:inset 0 1px 0 #ffffff1c,0 8px 18px #0007;color:#fff;text-align:left;flex:none;position:relative}
  #mRooms .rc.on{border-color:#8a6dff;background:linear-gradient(135deg,#3a2c78,#1a1535);box-shadow:inset 0 1px 0 #ffffff33,0 8px 22px #3a2c7888}
  #mRooms .rc .ri2{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:#ffffff12;border:1px solid #ffffff1a;position:relative;overflow:visible}
  #mRooms .rc .ri2 img{width:100%;height:100%;border-radius:13px;object-fit:cover}
  #mRooms .rc b{flex:1;min-width:0;font-size:16px;font-weight:700;letter-spacing:.2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
  #mRooms .rc b span{display:inline-block}
  #mRooms .rc .oc{position:static;flex:none;display:inline-flex;align-items:center;gap:6px;min-width:0;height:28px;padding:0 12px;border-radius:99px;background:#00000040;border:1px solid #ffffff1a;font:700 13px/1 inherit;color:#e9e7f1}
  #mRooms .rc .oc.hot{color:#6ee787}
  #mRooms .rc .oc .dt{width:8px;height:8px;border-radius:50%;background:#7a7a8c;display:inline-block}#mRooms .rc .oc.hot .dt{background:#4cd964}
  
  /* alt cubuk */
  #chat .ch-h{order:99;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;gap:6px;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--ln)!important;border-bottom:0!important;background:#0b0916d9!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;min-height:0}
  [data-theme=light] #chat .ch-h{background:#ffffffe8!important}
  #chat .ch-h .ct{display:none}
  #chat .ch-h #vrCtl{order:1;flex:0 1 auto;min-width:0;display:flex;gap:4px;margin:0;padding:0;justify-content:flex-start;overflow:visible}
  #chat .ch-h .vb{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  #chat .ch-h .rcb{order:2;margin-left:auto}
  #chat .ch-h .chr{order:3;flex:none;margin:0;display:flex;align-items:center}
  /* 5+ kontrol: kontroller ayri satirda, hicbiri kesilmez */
  #chat .ch-h:has(#vrCtl .vb:nth-child(5)) #vrCtl{order:0;flex:0 0 100%;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 0 6px;border-bottom:1px solid #ffffff14}
  /* radyo alani */
  #chat .ch-h .rcb{display:flex;align-items:center;gap:8px;height:46px;min-width:46px;max-width:calc(100% - 100px);padding:5px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff22;box-shadow:inset 0 1px 0 #ffffff1a;cursor:pointer;color:#e9e7f1;-webkit-tap-highlight-color:transparent;position:relative}
  #chat .ch-h .rcb:not(.has){width:46px;padding:0;justify-content:center}
  .rcb .rci{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#6b4df0,#2b9bd8);box-shadow:0 2px 6px #0008}
  .rcb:not(.has) .rci{width:100%;height:100%;background:none;box-shadow:none}
  .rcb .rci svg{width:22px;height:22px;fill:none;stroke:#e9e7f1;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .rcb .rci img{width:100%;height:100%;object-fit:cover;display:block}.rcb .rci b{font-size:14px;color:#fff}
  .rcb .rcn,.rcb .rcp{display:none}
  .rcb.has .rcn{display:block;position:relative;flex:1 1 auto;min-width:0;max-width:140px;overflow:hidden;white-space:nowrap;font-size:13.5px;font-weight:700;line-height:36px}
  .rcb .rcm{position:relative;z-index:1;display:inline-block;text-shadow:0 1px 2px #000a}
  .rcb .rcn.mq .rcm{animation:ttmq var(--t,6s) ease-in-out infinite alternate}
  .rcb .rcn.mq{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .rcb .rmeq{position:absolute;inset:3px 0;display:flex;align-items:flex-end;gap:2px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:0;left:0;right:0;top:3px;bottom:3px}
  .rcb .rmeq i{flex:1;height:100%;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#8fd0ff,#8a6dff);transform-origin:bottom;transform:scaleY(.15);animation:rmeq 1s ease-in-out infinite;animation-play-state:paused}
  .rcb.live .rmeq{opacity:.38}.rcb.live .rmeq i{animation-play-state:running}
  .rcb .rmeq i:nth-child(3n){animation-duration:.8s}.rcb .rmeq i:nth-child(3n+1){animation-duration:1.15s;animation-delay:-.4s}.rcb .rmeq i:nth-child(4n){animation-delay:-.7s}
  .rcb.has .rcp{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;padding:0;background:#fff;color:#111;border:0;box-shadow:0 2px 8px #000a,inset 0 -2px 0 #0002;cursor:pointer}
  .rcb.has .rcp[hidden]{display:none}
  .rcb .rcp svg{width:17px;height:17px;fill:#16131f}
  .rcb .rcp:active{transform:scale(.93)}
  [data-theme=light] #chat .ch-h .rcb{background:#0000000d;border-color:#00000022;color:#222}[data-theme=light] .rcb .rcm{text-shadow:none}
}
@media(max-width:700px){
  #mRooms .rc{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}
  #mRooms .rc b{text-align:left}
  .qb .onb,.qb .ib{height:40px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff22;color:#e9e7f1;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;filter:none;box-shadow:inset 0 1px 0 #ffffff1a}
  .qb .onb{padding:0 14px}.qb .ib{width:40px;padding:0;justify-content:center;font-size:20px;font-weight:800;-webkit-text-fill-color:#e9e7f1;color:#e9e7f1}
  [data-theme=light] .qb .onb,[data-theme=light] .qb .ib{background:#0000000d;color:#222;-webkit-text-fill-color:#222;border-color:#00000022}
}
@media(max-width:700px){
  #onSrch{margin-top:34px}
  .qb .pop{left:auto!important;right:0!important}
  #mRooms .rc{overflow:visible}
  #onSrch .srchr{top:50px}
}

/* v155 */
/* mesaj alani simgeleri: neon yok, sade belirgin */
#pb,#pic,.inp .eb{background:#ffffff14!important;border:1px solid #ffffff22;box-shadow:none!important;color:#f1eef8!important;opacity:1}
.inp .eb svg{stroke:#f1eef8;stroke-width:1.9;fill:none;width:21px!important;height:21px!important}.inp .eb svg circle[fill]{fill:#f1eef8}
.inp .eb:hover{background:#ffffff24!important;color:#fff!important}
[data-theme=light] #pb,[data-theme=light] #pic,[data-theme=light] .inp .eb{background:#0000000d!important;border-color:#0000002a;color:#2a2418!important}[data-theme=light] .inp .eb svg{stroke:#2a2418}
/* oda kartlari (radyo kartlari gibi) */
.rmg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rmc{padding:10px 8px 12px!important;min-height:150px}
.rmc.cur .ring{animation:none!important}
.rmc .rk{background:#ffffff1f;color:#fff;font-weight:700;font-size:11px;padding:0 8px;border-radius:99px;line-height:20px}.rmc .rk small{font-weight:500;opacity:.7}
.rmc .logoimg{display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#2a2640,#16131f)}.rmc .logoimg img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.rmc .rds{font-size:11.5px;color:var(--mu);line-height:1.35;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.rmc .rlk{font-style:normal;font-size:13px}
/* saydam oda bilgi penceresi */
.modal.glass{background:#0000003a;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:90}
.glass .rib{width:min(340px,100%);text-align:center;padding:22px 18px 16px;border-radius:22px;background:rgba(18,14,32,.66)!important;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid #ffffff30;box-shadow:0 14px 40px #0008,inset 0 1px 0 #ffffff30;color:#fff}
.glass .rib .ring{width:76px;margin:0 auto 8px}.glass .rib .logoimg{display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#2a2640,#16131f);width:100%;height:100%;border-radius:50%;overflow:hidden}.glass .rib .logoimg img{width:100%;height:100%;object-fit:cover}
.glass .rib .rshare{width:100%;margin:0 0 10px;padding:11px 14px;font-weight:700}.glass .rib h3{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.85);margin:4px 0 6px;font-size:19px}.glass .rib p{margin:10px 0 12px;font-size:14px;line-height:1.5}
.rbd{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px;border-radius:99px;background:#ffffff1c;font-size:12.5px;font-weight:600}.dtg{width:8px;height:8px;border-radius:50%;background:#4cd964}
/* dock: surukleme */
.dki{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.dki.drag{transform:scale(1.18);box-shadow:0 8px 22px #000b;z-index:200;opacity:.95;cursor:grabbing}
@media(max-width:700px){
  /* Odalar / Online butonlari daha kucuk */
  .qb{gap:6px;padding:5px 12px}
  .qb .qbb{height:32px;padding:0 13px;font-size:12.5px;border-radius:10px}
  .qb .onb{height:32px;padding:0 11px;font-size:12.5px}.qb .ib{width:32px;height:32px;font-size:17px}
  /* alt cubuk: tek satir, ek satir yok */
  #chat .ch-h{flex-wrap:nowrap!important;gap:4px;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px))!important}
  #chat .ch-h #vrCtl,#chat .ch-h:has(#vrCtl .vb:nth-child(5)) #vrCtl{order:1;flex:1 1 0!important;min-width:0;flex-wrap:nowrap!important;justify-content:flex-start;gap:3px;padding:0!important;border:0!important;overflow:visible}
  #chat .ch-h .vb{flex:1 1 0;width:auto!important;min-width:22px!important;max-width:34px;height:34px!important;min-height:34px!important;aspect-ratio:1}
  #chat .ch-h .vb svg{width:17px!important;height:17px!important}
  #chat .ch-h .rcb{flex:0 1 auto;height:40px;max-width:46%;gap:6px;padding:4px}
  #chat .ch-h .rcb:not(.has){width:40px;min-width:40px;max-width:40px}
  .rcb .rci{width:32px;height:32px}.rcb.has .rcp{width:32px;height:32px}.rcb.has .rcn{line-height:32px;font-size:13px;max-width:110px}
  #chat .ch-h .chr .ib{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  #chat .ch-h .chr .ib svg{width:17px!important;height:17px!important}
  #chat .ch-h .rcp svg{width:15px;height:15px}
}
@media(max-width:700px){
  #chat .ch-h #vrCtl,#chat .ch-h:has(#vrCtl .vb:nth-child(5)) #vrCtl{flex:0 1 auto!important}
  #chat .ch-h .vb{flex:0 1 32px;max-width:32px;min-width:22px!important}
  #chat .ch-h .rcb.has{flex:1 1 0;min-width:84px;max-width:210px;margin-left:auto}
  #chat .ch-h .rcb:not(.has){flex:0 0 40px;margin-left:auto}
  .rcb.has .rcn{max-width:none}
}

/* v156 */
.onq{margin:0 0 12px;padding:10px;border-radius:14px;background:linear-gradient(135deg,#3a2a10,#1c140a);border:1px solid #ffc83d55}
.onq>b{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#ffd66b;font-size:14px}.onq>b span{background:#ffc83d;color:#201505;border-radius:99px;padding:0 8px;font-size:12px;line-height:18px}
.onq .rr{display:flex;align-items:center;gap:10px;padding:6px 0}.onq .rr .ri{flex:1;min-width:0}.onq .rr .ri b{display:block;font-size:14px}.onq .rr .btn{font-size:12px;padding:6px 10px;white-space:nowrap}
/* Online butonu: ritimli vurgu (sonra durur) */
.onb.pl-j{animation:plj 1.1s ease-in-out 5}.onb.pl-h{animation:plh 1.1s ease-in-out 5}
@keyframes plj{0%,100%{box-shadow:0 0 0 0 #4cd96400}40%{box-shadow:0 0 0 4px #4cd964cc,0 0 14px #4cd964aa}}
@keyframes plh{0%,100%{box-shadow:0 0 0 0 #ffc83d00}40%{box-shadow:0 0 0 4px #ffc83dcc,0 0 14px #ffc83daa}}
@media(max-width:700px){
  .qb{gap:5px;padding:4px 10px}
  .qb .qbb{height:28px;padding:0 11px;font-size:12px;border-radius:9px}
  .qb .onb{height:28px;padding:0 9px;font-size:12px}.qb .ib{width:28px;height:28px;font-size:15px}
  .qb .mwrap{margin-left:auto}
  .rmg{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .rmc{padding:7px 4px 8px!important;min-height:0;gap:3px!important;border-radius:14px!important}
  .rmc .ring{width:62%;max-width:60px}.rmc .logoimg{font-size:22px}
  .rmc .cn{font-size:11.5px;min-height:2.3em}
  .rmc .cl2{font-size:11px}.rmc .rds{font-size:10px;-webkit-line-clamp:2}
  .rmc .tr{min-height:14px}.rmc .eq{height:10px;width:14px}
  #mRooms .rmbox{padding:16px 10px 12px}
}

/* v157 */
.rmq{position:relative;margin:0 0 10px}.rmq svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--mu);stroke-width:2;stroke-linecap:round;pointer-events:none}
.rmq input{width:100%;height:38px;border-radius:12px;border:1px solid var(--ln);background:#ffffff0f;color:var(--tx);padding:0 12px 0 36px;font-size:14px;outline:0}.rmq input:focus{border-color:var(--gold)}
.glass .rib .rst{display:flex;gap:10px;margin:2px 0 12px}.glass .rib .rst>div{flex:1;padding:8px 6px;border-radius:12px;background:#ffffff14;border:1px solid #ffffff1f}
.glass .rib .rst small{display:block;font-size:10.5px;opacity:.7;margin-bottom:2px}.glass .rib .rst b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* v158 açık tema okunurluk */
[data-theme=light] .pop{background:#fff;border-color:#d9cfe9;box-shadow:0 12px 30px #2a1f5a30}
[data-theme=light] .pop button{color:#1f1a2e}[data-theme=light] .pop button:hover{background:#f1ecfa}
[data-theme=light] .glass .rib{background:rgba(255,255,255,.62)!important;border-color:#ffffffcc;box-shadow:0 14px 40px #3a2f6a30,inset 0 1px 0 #fff;color:#1f1a2e}
[data-theme=light] .glass .rib p,[data-theme=light] .glass .rib .rshare{width:100%;margin:0 0 10px;padding:11px 14px;font-weight:700}.glass .rib h3{color:#1f1a2e}
[data-theme=light] .glass .rib .rst>div{background:#ffffffaa;border-color:#00000018}
[data-theme=light] .glass .rib .rst small{opacity:.75;color:#4a4260}
[data-theme=light] .modal.glass{background:#ffffff40}
[data-theme=light] .rmc .rk{background:#00000012;color:#1f1a2e}
[data-theme=light] .rmc .rds,[data-theme=light] .rmc .cl2{color:#4a4260}
[data-theme=light] .rmc .cn{color:#1f1a2e}
[data-theme=light] .rmq input{background:#fff;color:#1f1a2e;border-color:#cfc6e0}
[data-theme=light] .onq{background:linear-gradient(135deg,#fff3d6,#ffe9b8);border-color:#e0a62a}
[data-theme=light] .onq>b{color:#8a5a00}[data-theme=light] .onq .rr .ri b{color:#1f1a2e}
[data-theme=light] .rcb .rci svg{stroke:#2a2240}
[data-theme=light] .rcb .rcn{color:#1f1a2e}
[data-theme=light] .rcb.has .rcp{background:#1f1a2e;color:#fff}[data-theme=light] .rcb .rcp svg{fill:#fff}
[data-theme=light] .rcb .rmeq i{background:linear-gradient(180deg,#5a8fe8,#6a4fd8)}
[data-theme=light] .inp #giftBtn svg{stroke:#d4326f}[data-theme=light] .inp #gameBtn svg{stroke:#6a3fd8}[data-theme=light] .inp #bcBtn svg{stroke:#2a2418}
[data-theme=light] .inp .ab{background:#0000000f!important;border-color:#00000033}
[data-theme=light] #dock .dki{background:#fff;border-color:#6a4fd8;color:#6a4fd8;box-shadow:0 2px 8px #2a1f5a40}
[data-theme=light] .qb .qbb,[data-theme=light] .qb .onb,[data-theme=light] .qb .ib{color:#1f1a2e}
[data-theme=light] .qb .ib svg,[data-theme=light] #chMore svg{stroke:#1f1a2e;fill:#1f1a2e}
[data-theme=light] #chat .ch-h svg{stroke:#2a2240}
[data-theme=light] header .rnp{color:#1f1a2e}
[data-theme=light] #gate{color:#1f1a2e}
/* v159 kompakt online/kim nerede + tüm odalara mesaj */
#mOn .onr.nr,#mWhere .onr.nr{padding:5px 9px!important;margin:0 0 3px!important;gap:8px!important;border-radius:11px!important}
#mOn .onr.nr .av,#mWhere .onr.nr .av{width:28px!important;height:28px!important;font-size:12px!important;flex:none}
#mOn .onr.nr .av img,#mWhere .onr.nr .av img{width:100%;height:100%}
#mOn .onr.nr .onn,#mWhere .onr.nr .onn{font-size:13px;line-height:1.2}
#mOn .onr.nr .onn small,#mWhere .onr.nr .onn small{font-size:10.5px!important;margin-top:0!important}
#mOn .onr.nr .onn>span:first-child,#mWhere .onr.nr .onn>span:first-child{gap:4px!important}
#mOn .onh,#mWhere .onh{font-size:13px!important;margin-bottom:6px}
#mWhere .whr{margin-bottom:8px}#mWhere .whh{padding:3px 8px;gap:8px}#mWhere .whh b{font-size:13px}#mWhere .whh .mu{font-size:11px}
#mWhere .whh .btn,#mWhere .pull{font-size:10.5px!important;padding:3px 9px!important}
.m.bcm .bin,.m.bcm .bd .bin{background:none!important;box-shadow:none!important;border:0!important}
.m.bcm .bin::before,.m.bcm .bin::after{display:none!important}
#bcFx{position:fixed;left:50%;top:42%;z-index:120;transform:translate(-50%,-50%);padding:6px 14px;border-radius:99px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(120deg,#e0a21c,#e0407f,#6a4fd8);box-shadow:0 6px 22px #e0407f66;pointer-events:none;animation:bcfx 2s ease-out forwards;white-space:nowrap}
@keyframes bcfx{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}28%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-90%) scale(.96)}}
/* v160 duyuru: iç balon yok, içeriğe göre daralan kutu */
.m.bcm .tx,.m.bcm .bd .tx{background:none!important;border:0!important;box-shadow:none!important;padding-left:4px!important;padding-right:4px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.m.bcm .tx::before,.m.bcm .tx::after{display:none!important}
.m.bcm{width:fit-content!important;max-width:94%!important;min-width:min(210px,94%);align-self:flex-start}
.m.bcm .mrw,.m.bcm .bd{min-width:0}.m.bcm .bd{max-width:100%}
.m.bcm .mc,.m.bcm .mc.me{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:2px 4px 4px!important}
/* v161 alt bilgi mesajı */
.synote{position:fixed;left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));z-index:120;transform:translateX(-50%);padding:8px 16px;border-radius:99px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(120deg,#6a4fd8cc,#e0407fcc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff30;pointer-events:none;white-space:nowrap;animation:synote 2.6s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes synote{0%{opacity:0;transform:translate(-50%,24px) scale(.85)}12%{opacity:1;transform:translate(-50%,0) scale(1.05)}22%{transform:translate(-50%,0) scale(1)}82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-14px) scale(.96)}}
/* v162 oda karti (5'li) + Online rozeti */
.rmg{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px 5px!important}
.rmt{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 2px 6px;border-radius:12px;background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid #ffffff14;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;min-width:0;transition:transform .15s,border-color .15s}
.rmt:active{transform:scale(.94)}
.rmt .rtl{position:relative;width:78%;max-width:52px;aspect-ratio:1}
.rmt .logoimg{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-size:21px;overflow:hidden;background:linear-gradient(135deg,#2a2640,#16131f);box-shadow:0 0 0 2px var(--c,#7a5cff),0 3px 8px #0006}
.rmt .logoimg img{width:100%;height:100%;object-fit:cover}
.rmt .rbg{position:absolute;right:-6px;bottom:-4px;display:inline-flex;align-items:center;gap:3px;min-width:18px;height:16px;padding:0 5px;border-radius:99px;font-size:9.5px;font-weight:800;line-height:16px;color:#d7dbe6;background:#1b1830;border:1px solid #ffffff2a;box-shadow:0 2px 5px #0007}
.rmt .rbg i{width:5px;height:5px;border-radius:50%;background:#7c7a8c;flex:none}
.rmt .rbg.on{color:#eafff1;background:linear-gradient(135deg,#169a55,#0e7a45);border-color:#52e39a88}
.rmt .rbg.on i{background:#7dffb8;box-shadow:0 0 0 0 #7dffb8aa;animation:rbp 1.8s infinite}
@keyframes rbp{70%{box-shadow:0 0 0 4px #7dffb800}100%{box-shadow:0 0 0 0 #7dffb800}}
.rmt .rlk{position:absolute;left:-4px;top:-4px;font-size:10px;font-style:normal}
.rmt .rtn{width:100%;text-align:center;font-size:10px;font-weight:700;line-height:1.2;min-height:2.4em;padding:0 2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;color:var(--tx)}
.rmt.cur{border-color:var(--gold,#e0a84a);background:linear-gradient(180deg,#e0a84a22,#e0a84a08);box-shadow:0 0 0 1px #e0a84a66}
[data-theme=light] .rmt{background:#fff;border-color:#00000014}[data-theme=light] .rmt .rbg{background:#eceaf3;color:#3a3450;border-color:#00000018}[data-theme=light] .rmt .rbg.on{color:#fff;background:linear-gradient(135deg,#1aa860,#0e8a4c)}
/* Online hapı: kurumsal kişi ikonu + canlı nokta */
.qb .onb::before,#chat .ch-h .onb::before{content:'';width:15px;height:15px;border-radius:0;background:currentColor;box-shadow:none;opacity:.9;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3.6'/%3E%3Cpath d='M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6z'/%3E%3Ccircle cx='17.5' cy='9' r='2.7' opacity='.7'/%3E%3Cpath d='M17 14c2.8 0 4.7 1.9 4.7 4.6V20h-4.2c0-2.3-.7-4.2-2-5.3.5-.5 1-.7 1.5-.7z' opacity='.7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3.6'/%3E%3Cpath d='M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6z'/%3E%3Ccircle cx='17.5' cy='9' r='2.7' opacity='.7'/%3E%3Cpath d='M17 14c2.8 0 4.7 1.9 4.7 4.6V20h-4.2c0-2.3-.7-4.2-2-5.3.5-.5 1-.7 1.5-.7z' opacity='.7'/%3E%3C/svg%3E") center/contain no-repeat}
.qb .onb,#chat .ch-h .onb{position:relative;font-weight:800;letter-spacing:.2px;border:1px solid #52e39a55!important;background:linear-gradient(180deg,#52e39a1f,#52e39a0a)!important}
.qb .onb::after,#chat .ch-h .onb::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#4cd964;border:1.5px solid #14112a;animation:rbp 1.8s infinite}
[data-theme=light] .qb .onb{background:linear-gradient(180deg,#1aa8601f,#1aa8600a)!important;border-color:#1aa86088!important}[data-theme=light] .qb .onb::after{border-color:#fff}
/* v163 kartta oda sahibi */
.rmt .rto{width:100%;text-align:center;font-size:8.5px;font-weight:700;line-height:1.2;color:var(--gold,#e0a84a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;margin-top:-2px}
[data-theme=light] .rmt .rto{color:#9a6a00}
.rmt .rts{width:100%;text-align:center;font-size:9px;font-weight:800;line-height:1.2;color:#ffd66b;margin-top:-3px}
[data-theme=light] .rmt .rts{color:#a06a00}
/* v164 mesajlar: 5 sekme + kaydırarak silme */
.dmtabs button{font-size:10.5px!important;padding:7px 1px 6px!important}.dmtabs .dti{width:17px;height:17px}
.dmr[data-hm],.dmr[data-hc]{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .15s}
.dmr.sw{transition:none;background:linear-gradient(90deg,#ff3d713a,transparent 70%)}
.dmr.lp{background:#ff3d7122}
.dmtabs{gap:4px!important;padding-left:8px!important;padding-right:8px!important}.dmtabs button{font-size:9.6px!important;letter-spacing:-.1px}.dmtabs button span{overflow:visible!important;text-overflow:clip!important}
/* v165 giriş kartı: cinsiyet renkleri + avatar seçici */
#aG.gsel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
#aG.gsel[hidden]{display:none}
#aG.gsel label span,#aG .avbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:62px;padding:6px 4px;border-radius:14px;font-size:12.5px;font-weight:700;border:1.5px solid var(--ln);background:var(--p2);color:var(--tx);cursor:pointer;width:100%;box-shadow:none;transition:background .15s,border-color .15s,color .15s,transform .12s}
#aG svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#aG label:nth-child(1) span{color:#d2688f;border-color:#d2688f55;background:#d2688f12}
#aG label:nth-child(2) span{color:#5c93d8;border-color:#5c93d855;background:#5c93d812}
#aG label:nth-child(1) input:checked+span{background:linear-gradient(160deg,#d9709a,#b84c77);color:#fff;border-color:#b84c77;box-shadow:0 3px 10px #b84c7755}
#aG label:nth-child(2) input:checked+span{background:linear-gradient(160deg,#5a97dd,#356bb8);color:#fff;border-color:#356bb8;box-shadow:0 3px 10px #356bb855}
#aG .avbtn:active,#aG label span:active{transform:scale(.96)}
#aG .avbtn[hidden]{display:none}
#aG .avth{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1.5px solid #c9a24e;background:var(--p2);color:#c9a24e}
#aG .avth svg{width:18px;height:18px}#aG .avth img{width:100%;height:100%;object-fit:cover;display:block}
#aG .avth.has{border-color:#e0b85a;box-shadow:0 0 0 2px #e0b85a44}
#aG .avbtn{color:#c9a24e;border-color:#c9a24e66;background:#c9a24e12}
#aG:has(.avbtn[hidden]){grid-template-columns:1fr 1fr}
#mAvP{z-index:130}
.avm{max-width:380px;text-align:center}.avm h3{margin:0 0 4px}.avm p{margin:0 0 12px;font-size:13px}
.avm .avg{grid-template-columns:repeat(4,1fr);gap:12px 10px;max-height:min(50vh,360px);padding:6px 4px;overflow:auto}
.avm .avg button{position:relative;aspect-ratio:1;border:0;padding:3px;border-radius:50%;background:conic-gradient(from 210deg,#f3d98b,#b98a2e,#f8e6a8,#a9791f,#f3d98b);box-shadow:0 4px 10px #0006,inset 0 0 0 1px #ffffff40}
.avm .avg button img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #14111f;background:#14111f}
.avm .avg button:hover,.avm .avg button:active{transform:scale(1.07)}
.avm .avg button.on{box-shadow:0 0 0 3px #e0b85a66,0 4px 12px #0007;transform:scale(1.07)}
.avm .avno{margin-top:12px;width:100%;padding:10px;border-radius:12px;border:1px solid var(--ln);background:none;color:var(--mu);font-size:13px}
[data-theme=light] .avm .avg button img{border-color:#fff}
#rcBtn{touch-action:pan-y}
/* v166 profil kartı: ekrana otomatik sığ */
#mUser{align-items:center;padding:8px}
#mUser .ubox{width:min(380px,100%);max-height:calc(100dvh - 16px);display:flex;flex-direction:column;padding:12px 12px 10px}
#mUser #uBody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#mUser #uBody::-webkit-scrollbar{display:none}
#mUser .pc-sig{font-size:clamp(20px,4.2vh,32px);margin-bottom:0}
#mUser .pc-ring{width:clamp(72px,15vh,124px);height:clamp(72px,15vh,124px);margin-bottom:clamp(4px,1vh,10px)}
#mUser .pc-ring .av.big{width:calc(clamp(72px,15vh,124px) - 12px);height:calc(clamp(72px,15vh,124px) - 12px);font-size:clamp(26px,5.5vh,44px)}
#mUser .pc-n{font-size:clamp(18px,3.4vh,24px)}
#mUser .pc-t{margin:1px 0 2px;padding:2px 10px;font-size:11px}
#mUser .pc-s{font-size:12px;margin-top:2px}
#mUser .pc-g{gap:6px;margin:clamp(6px,1.4vh,14px) 0 2px}
#mUser .pct{padding:6px 9px!important;border-radius:11px}
#mUser .pct small{font-size:10.5px}#mUser .pct b{font-size:12.5px;line-height:1.25}
#mUser .cacts{display:grid!important;grid-template-columns:repeat(5,1fr);gap:5px;margin:clamp(6px,1.2vh,12px) 0 0}
#mUser .cacts .cbtn{padding:6px 2px!important;min-width:0;border-radius:11px}
#mUser .cacts .cbtn i{font-size:17px}#mUser .cacts .cbtn small{font-size:9.5px;line-height:1.15;white-space:normal;word-break:break-word}
#mUser .mod{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
#mUser .mod .btn,#mUser .mod select{padding:6px 9px!important;font-size:11.5px!important;min-height:0;height:auto}
#mUser .mod select{max-width:90px}
@media(max-height:620px){#mUser .pc-sig{display:none}}
@media(max-height:700px){#mUser .pc-sig{display:none}#mUser .pc-ring{width:clamp(60px,11vh,90px);height:clamp(60px,11vh,90px);margin-bottom:3px}#mUser .pc-ring .av.big{width:calc(clamp(60px,11vh,90px) - 10px);height:calc(clamp(60px,11vh,90px) - 10px);font-size:28px}#mUser .pct{padding:4px 8px!important}#mUser .pct small{font-size:9.5px}#mUser .pct b{font-size:12px}#mUser .pc-g{gap:5px;margin:4px 0 0}#mUser .cacts{margin-top:5px}#mUser .mod{margin-top:4px}#mUser .mod .btn,#mUser .mod select{padding:5px 8px!important}#mUser .mod small.mu{display:none}#mUser .ubox{padding:8px 10px}}
/* v167 hediye adedi */
.gqty{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:2px 0 12px}
.gqty button{height:38px;border-radius:12px;border:1.5px solid var(--ln);background:var(--p2);color:var(--tx);font-weight:800;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s}
.gqty button:active{transform:scale(.95)}
.gqty button.on{background:linear-gradient(160deg,#f1c765,#c98f2a);border-color:#c98f2a;color:#1a1204;box-shadow:0 3px 10px #c98f2a55}
.gq{color:#ffd66b;font-weight:800}[data-theme=light] .gq{color:#a06a00}
/* v168 oda arkaplan canlı önizleme */
.bgpv{position:relative;height:150px;border-radius:14px;overflow:hidden;margin:6px 0 10px;background:#14111f center/cover no-repeat;border:1px solid var(--ln);display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:10px}
.bgpv>i{position:absolute;inset:0;background:#000;pointer-events:none;transition:opacity .08s}
.bgpv.nobg{background-image:none!important}.bgpv.nobg::before{content:'Arkaplan görseli yok';position:absolute;top:8px;left:10px;font-size:11px;color:var(--mu)}
.bgpv .pvm{position:relative;max-width:78%;padding:6px 10px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:12.5px;backdrop-filter:blur(6px);align-self:flex-start}
.bgpv .pvm b{display:block;font-size:11px;color:#ffd66b;margin-bottom:1px}
.bgpv .pvm.me{align-self:flex-end;background:rgba(224,168,74,.28)}
.bgpv .pvl{position:absolute;top:8px;right:10px;font-size:10px;color:#fff;background:#0007;padding:2px 8px;border-radius:99px}
/* v169 — Online: soldan açılan yarım ekran cam çekmece */
#mOn{padding:0;place-items:stretch start;background:rgba(5,6,16,.38);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
#mOn.open{animation:mfade .2s ease-out}
#mOn .box.prem,[data-theme=light] #mOn .box.prem{width:50vw;min-width:290px;max-width:440px;height:100%;max-height:none;margin:0;border-radius:0 22px 22px 0;border-left:0;overflow-y:auto;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 20px;animation:ondr .3s cubic-bezier(.2,.9,.3,1)!important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);background:linear-gradient(180deg,rgba(18,16,48,.62),rgba(8,10,26,.7))!important;box-shadow:8px 0 40px rgba(0,0,0,.45)}
[data-theme=light] #mOn .box.prem{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(240,242,255,.78))!important;box-shadow:8px 0 30px rgba(60,70,140,.25)}
@keyframes ondr{from{transform:translateX(-100%)}to{transform:none}}
/* v170 — Odalar: soldan açılan cam çekmece */
#mRooms{padding:0;place-items:stretch start;background:rgba(5,6,16,.38);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
#mRooms .box.rmbox,[data-theme=light] #mRooms .box.rmbox{width:min(92vw,470px);max-width:none;height:100%;max-height:none;margin:0;border-radius:0 22px 22px 0;border-left:0;overflow-y:auto;padding:calc(14px + env(safe-area-inset-top,0px)) 10px 20px;animation:ondr .3s cubic-bezier(.2,.9,.3,1)!important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);background:linear-gradient(180deg,rgba(18,16,48,.62),rgba(8,10,26,.72))!important;box-shadow:8px 0 40px rgba(0,0,0,.45)}
[data-theme=light] #mRooms .box.rmbox{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(240,242,255,.8))!important;box-shadow:8px 0 30px rgba(60,70,140,.25)}
/* v171 — Odalar: sağdan yarım ekran cam çekmece, Online listesi gibi tek sütun satırlar */
#mRooms{place-items:stretch end}
#mRooms .box.rmbox,[data-theme=light] #mRooms .box.rmbox{width:50vw;min-width:290px;max-width:440px;border-radius:22px 0 0 22px;border-left:1px solid rgba(255,255,255,.12);border-right:0;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 20px;animation:ondrr .3s cubic-bezier(.2,.9,.3,1)!important;box-shadow:-8px 0 40px rgba(0,0,0,.45)}
[data-theme=light] #mRooms .box.rmbox{box-shadow:-8px 0 30px rgba(60,70,140,.25);border-left-color:rgba(100,110,200,.25)}
@keyframes ondrr{from{transform:translateX(100%)}to{transform:none}}
#mRooms .rmh{font-size:14px;margin:2px 36px 8px 2px}
#mRooms .rmg{grid-template-columns:1fr!important;gap:3px!important}
#mRooms .rmt{flex-direction:row;align-items:center;gap:9px;padding:5px 9px;border-radius:11px;text-align:left}
#mRooms .rmt .rtl{width:30px;max-width:none;flex:none}
#mRooms .rmt .logoimg{font-size:14px}
#mRooms .rmt .rbg{right:-7px;bottom:-5px;height:14px;line-height:14px;font-size:9px;padding:0 4px}
#mRooms .rmt .rtn{flex:1;min-width:0;width:auto;text-align:left;font-size:13px;min-height:0;padding:0;-webkit-line-clamp:1}
#mRooms .rmt .rts{width:auto;flex:none;margin:0;font-size:11px}
/* v172 — dil seçici */
.lgw{position:relative;display:inline-block;text-align:left}
#gate .lgw{position:absolute;top:14px;right:16px;z-index:5}
.lgb{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:var(--tx,#fff);font:inherit;font-size:13.5px;cursor:pointer;min-width:132px}
.lgb img,.lgo img{border-radius:2px;object-fit:cover;flex:none}.lgsun{width:20px;text-align:center;font-size:15px}
.lgc{margin-left:auto;opacity:.7;font-style:normal;font-size:11px}
.lgl{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;max-height:70vh;overflow-y:auto;padding:5px;border-radius:12px;background:rgba(18,16,40,.97);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 36px rgba(0,0,0,.55);z-index:6}
.lgl[hidden]{display:none}
.lgo{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--tx,#fff);font:inherit;font-size:13.5px;cursor:pointer;text-align:left;white-space:nowrap}
.lgo:hover{background:rgba(255,255,255,.09)}.lgo.on{background:rgba(224,168,74,.2)}
.lgin{display:block;width:100%}.lgin .lgb{width:100%;padding:9px 10px}
.lgin .lgl{position:static;margin-top:6px;max-height:240px;box-shadow:none}
[data-theme=light] .lgb{background:#fff;border-color:#00000026}[data-theme=light] .lgl{background:#fff;border-color:#00000020;box-shadow:0 10px 30px rgba(0,0,0,.18)}[data-theme=light] .lgo:hover{background:#00000010}
/* v173 — masaüstü/tablet: giriş sayfası, lobi (oda kartları), solda sabit Online paneli */
@media(min-width:701px){
 #gate{place-items:center;background:#0b0d17}
 #gate .gbox{width:min(448px,100%);gap:0;align-items:stretch;text-align:left;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#0c0f1a;padding:0;overflow:hidden}
 #gate .glogo,#gate h2{display:none}
 #gate .dkgh{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid rgba(255,255,255,.14)}
 #gate .dkgl{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;font-size:28px;flex:none;overflow:hidden;background:#fff1}#gate .dkgl img{max-width:100%;max-height:100%}
 #gate .dkgt b{display:block;font-size:17px}#gate .dkgt span{font-size:13px;opacity:.85}
 #gate #gateS{margin:16px 16px 10px;text-align:center;font-size:13px;opacity:.8}
 #gate #gateBtn{margin:0 24px 22px;width:auto;padding:13px;border-radius:8px}
 #gate .dkgf{position:fixed;left:0;right:0;bottom:calc(50% - 190px);text-align:center;font-size:13px;opacity:.9}
 #gate .lgw{top:12px;right:16px}
 #gate .dkmoon{position:absolute;top:14px;right:178px;width:34px;height:34px;border-radius:50%;border:0;background:none;color:inherit;font-size:20px;cursor:pointer}
 /* lobi */
 #lobby{position:fixed;left:0;right:0;bottom:0;top:58px;z-index:25;overflow-y:auto;background:var(--bg,#0a0810);padding:0 18px 24px}
 #lobby[hidden]{display:none}
 .lbh{display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:2;padding:10px 0;background:var(--bg,#0a0810);border-bottom:1px solid var(--ln,#ffffff1c);margin-bottom:12px}
 .lbtabs{display:flex;gap:6px;flex:1;flex-wrap:wrap}
 .lbtabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--tx,#fff);opacity:.8;font:inherit;font-weight:600;font-size:14px;padding:8px 12px;cursor:pointer}
 .lbtabs button.on{color:#4aa8ff;opacity:1;border-bottom-color:#4aa8ff}
 .lbq{position:relative;width:min(260px,40%)}.lbq svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;opacity:.6}
 .lbq input{width:100%;box-sizing:border-box;padding:9px 12px 9px 34px;border-radius:99px;border:1px solid var(--ln,#ffffff22);background:rgba(255,255,255,.06);color:inherit;font:inherit;font-size:14px}
 .lbg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
 .lbc{position:relative;display:flex;flex-direction:column;gap:2px;min-height:124px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--c);background:linear-gradient(145deg,color-mix(in srgb,var(--c) 22%,#14121f),#0f0d18 70%);cursor:pointer;overflow:hidden}
 .lbc:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0008}.lbc.cur{outline:2px solid #e0a84a}
 .lbt{display:flex;justify-content:space-between;align-items:flex-start;flex:1}
 .lba{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;overflow:hidden;background:#ffffff14;box-shadow:0 0 0 2px var(--c)}.lba img{width:100%;height:100%;object-fit:cover}
 .lbr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
 .lbr>b{font-size:12px;padding:1px 8px;border-radius:6px;background:#f5a623;color:#1b1204}
 .lbf{width:30px;height:20px;border:0;border-radius:6px;background:#7a6cff;color:#fff;font-size:13px;line-height:20px;cursor:pointer}.lbf.on{background:#e0a84a;color:#1b1204}
 .lbp{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:700}.lbp svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
 .lbnm{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.lbo{font-size:11px;opacity:.65;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 [data-theme=light] #lobby,[data-theme=light] .lbh{background:#faf7ef}[data-theme=light] .lbc{background:linear-gradient(145deg,color-mix(in srgb,var(--c) 14%,#fff),#fff 70%);border-color:#00000018}
 /* solda sabit panel */
 body.dk-side .wrap{margin-left:300px}
 body.dk-side #mOn{position:fixed;left:0;right:auto;top:58px;bottom:0;width:300px;padding:0;z-index:15;display:block;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
 body.dk-side #mOn .box.prem,[data-theme=light] body.dk-side #mOn .box.prem{width:100%;min-width:0;max-width:none;border-radius:0;border:0;border-right:1px solid var(--ln,#ffffff1f);animation:none!important;box-shadow:none;padding:10px 10px 16px}
 body.dk-side #mOn .x{display:none}
 body.dk-side #dock{display:flex!important}
 .dkst{display:none}body.dk-side .dkst{display:flex;gap:6px;margin-bottom:8px}
 .dkst button{flex:1;padding:7px 4px;border-radius:99px;border:1px solid rgba(120,255,200,.3);background:rgba(255,255,255,.05);color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.dkst button.on{background:rgba(82,227,154,.2);border-color:#52e39a}
 #mOn:not(.rq) #onReq{display:none}#mOn.rq #onBody,#mOn.rq #onSrch{display:none}
 body.dk-lob #mOn{display:none!important}
 header{position:relative;z-index:30}
}
@media(max-width:700px){.dkgh,.dkgf,.dkmoon,.dkst{display:none!important}#lobby{display:none!important}}
/* v174 — masaüstü sohbet düzeni (referans ekran görüntüsü): sol panel + üst oda çubuğu + sağ araç çubuğu + alt çubuk */
.dkth,.dkof,.dkrail,.dkpill,.dkex,.dkrs,.dkrx{display:none}
@media(min-width:701px){
 body.dk-side:not(.dk-lob) header{display:none!important}
 body.dk-side .wrap{margin-left:300px}
 body.dk-side.dk-col .wrap{margin-left:0}
 body.dk-side.dk-col #mOn{display:none!important}
 body.dk-side #mOn{top:0;width:300px}
 body.dk-side #mOn .box.prem,[data-theme=light] body.dk-side #mOn .box.prem{display:flex;flex-direction:column;overflow:hidden;padding:12px 10px 0;background:linear-gradient(180deg,rgba(84,76,72,.6),rgba(30,26,24,.94))!important}
 [data-theme=light] body.dk-side #mOn .box.prem{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(236,232,224,.96))!important}
 body.dk-side #onBody{flex:1;min-height:0;overflow-y:auto}
 body.dk-side #onReq{flex:none}
 body.dk-side .dkth{display:flex;align-items:center;gap:8px;margin-bottom:10px}
 .dkth button{background:none;border:0;color:inherit;font-size:17px;width:30px;height:30px;border-radius:8px;cursor:pointer;position:relative;opacity:.9;padding:0}.dkth button:hover{background:rgba(255,255,255,.1)}
 .dkth .dkme{width:38px;height:38px;border-radius:50%;padding:0;overflow:visible;opacity:1}.dkth .dkme .av{width:38px;height:38px}
 .dkoc{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700;color:#52e39a}.dkoc i{width:8px;height:8px;border-radius:50%;background:#52e39a}
 .dksp{flex:1}
 .dkb{position:absolute;top:-2px;right:-2px;min-width:15px;height:15px;border-radius:99px;background:#ff4d5e;color:#fff;font:700 10px/15px sans-serif;font-style:normal;text-align:center;padding:0 3px}.dkb:empty{display:none}
 body.dk-side .dkst{margin-bottom:10px}
 body.dk-side #mOn .onr.nr{padding:6px 8px!important;margin:0 0 2px!important;gap:11px!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.dk-side #mOn .onr.nr:hover{background:rgba(255,255,255,.07)!important}
 body.dk-side #mOn .onr.nr .av{width:44px!important;height:44px!important;font-size:17px!important}
 body.dk-side #mOn .onr.nr .onn{font-size:14.5px;font-weight:700}
 body.dk-side #mOn .onh{display:none}
 body.dk-side .dkof{display:block;margin:0 -10px;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.1)}
 .dkof:not(:has(#vrCtl:not([hidden]))){display:none!important}
 .dkoh{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;margin-bottom:8px}.dkoh i{width:8px;height:8px;border-radius:50%;background:#52e39a}
 .dkob{display:flex;justify-content:center;border-radius:14px;background:rgba(0,0,0,.35);padding:8px}
 .dkob #vrCtl{position:static;width:100%;display:flex;justify-content:space-around}
 /* oda üst çubuğu */
 body.dk-side .rhead{display:flex;align-items:center;gap:12px;height:54px;margin:0;padding:0 14px!important;background:rgba(14,11,9,.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:12}
 body.dk-side .rhead .rht{flex:1;text-align:center;justify-content:center;margin:0;font-size:17px}
 body.dk-side .dkrs{display:inline-block;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.1);font-size:12px;font-weight:700}
 body.dk-side .dkrx{display:flex;gap:4px}.dkrx button{width:32px;height:32px;border:0;border-radius:8px;background:none;color:inherit;font-size:17px;cursor:pointer}.dkrx button:hover{background:rgba(255,255,255,.1)}
 body.dk-side #rooms,body.dk-side .qb{display:none!important}
 body.dk-side #chat{height:calc(100vh - 54px)!important;max-height:none;margin-bottom:0}
 body.dk-side #chat .ch-h{background:none;border:0}
 /* sağ araç çubuğu + Mesajlar hapı */
 body.dk-side .dkrail{display:flex;flex-direction:column;gap:4px;position:fixed;right:14px;bottom:150px;z-index:20;padding:6px;border-radius:14px;background:rgba(18,15,13,.82);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}
 .dkrail button{width:36px;height:36px;border:0;border-radius:10px;background:none;color:#ffd66b;font-size:18px;cursor:pointer}.dkrail button:hover{background:rgba(255,255,255,.1)}
 body.dk-side .dkpill{display:flex;align-items:center;gap:9px;position:fixed;right:18px;bottom:84px;z-index:20;padding:12px 20px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(18,15,13,.9);color:#fff;font:700 15px inherit;cursor:pointer;box-shadow:0 6px 20px #0008}
 .dkpill svg{width:20px;height:20px}.dkpill{position:fixed}.dkpill .dkb{top:-4px;right:-2px}
 body.dk-side.dk-col .dkex{display:block;position:fixed;left:0;top:50%;z-index:20;width:22px;height:56px;border:0;border-radius:0 12px 12px 0;background:rgba(30,26,24,.9);color:#fff;font-size:18px;cursor:pointer}
 /* alt giriş çubuğu: solda hediye/oyun, ortada geniş giriş */
 body.dk-side #chat .inp{gap:10px;align-items:center;background:none;border:0;padding:8px 16px 14px}
 body.dk-side #chat .inp .apill{order:-1;flex:none;background:rgba(20,17,15,.78);border-radius:99px;padding:4px 8px;backdrop-filter:blur(8px)}
 body.dk-side #chat .inp .ipill{flex:1;background:rgba(20,17,15,.78)}
}
@media(max-width:700px){.dkth,.dkof,.dkrail,.dkpill,.dkex,.dkrs,.dkrx{display:none!important}}
.dkgn{text-align:center;padding:30px 12px;font-size:13.5px;opacity:.95}.dkgn p{margin:0 0 12px}
/* v175 — masaüstü: odalar sağdan açılan panel (soldaki Online paneli gibi), araç çubuğu kaldırıldı, SEYA/Favori üst çubukta */
@media(min-width:701px){
 body.dk-side #chRef,body.dk-side #chInfo{display:none!important}
 body.dk-lob .rhead,body.dk-lob #rooms,body.dk-lob #chat,body.dk-lob .dkpill{display:none!important}
 body.dk-side .dkrx button{width:auto;min-width:32px;padding:0 8px}
 .dkrx .dkseya{font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.18);border-radius:99px;margin-right:2px}
 .dkrx .dkfav{color:#ffd66b;font-size:20px}.dkrx .dkfav.on{color:#ff4d8d;text-shadow:0 0 10px #ff4d8d88}
 #mRooms .box.rmbox,[data-theme=light] #mRooms .box.rmbox{width:340px;min-width:0;max-width:92vw;padding:12px 10px 16px;background:linear-gradient(180deg,rgba(84,76,72,.6),rgba(30,26,24,.94))!important}
 [data-theme=light] #mRooms .box.rmbox{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(236,232,224,.96))!important}
 #mRooms .rmt{padding:6px 8px;gap:12px;background:transparent;border-color:transparent}
 #mRooms .rmt:hover{background:rgba(255,255,255,.07)}
 #mRooms .rmt .rtl{width:44px}#mRooms .rmt .logoimg{font-size:20px}
 #mRooms .rmt .rtn{font-size:14.5px}#mRooms .rmt .rts{font-size:12px}
}
/* v175 — masaüstü: odalar sağdan açılan panel (soldaki Online paneli gibi), araç çubuğu kaldırıldı, SEYA/Favori üst çubukta */
@media(min-width:701px){
 body.dk-side #chRef,body.dk-side #chInfo{display:none!important}
 body.dk-lob .rhead,body.dk-lob #rooms,body.dk-lob #chat,body.dk-lob .dkpill{display:none!important}
 body.dk-side .dkrx button{width:auto;min-width:32px;padding:0 8px}
 .dkrx .dkseya{font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.18)!important;border-radius:99px!important;margin-right:2px}
 .dkrx .dkfav{color:#ffd66b;font-size:20px}.dkrx .dkfav.on{color:#ff4d8d;text-shadow:0 0 10px #ff4d8d88}
 #mRooms .box.rmbox,[data-theme=light] #mRooms .box.rmbox{width:340px;min-width:0;max-width:92vw;padding:12px 10px 16px;background:linear-gradient(180deg,rgba(84,76,72,.6),rgba(30,26,24,.94))!important}
 [data-theme=light] #mRooms .box.rmbox{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(236,232,224,.96))!important}
 #mRooms .rmt{padding:6px 8px;gap:12px;background:transparent;border-color:transparent}
 #mRooms .rmt:hover{background:rgba(255,255,255,.07)}
 #mRooms .rmt .rtl{width:44px}#mRooms .rmt .logoimg{font-size:20px}
 #mRooms .rmt .rtn{font-size:14.5px}#mRooms .rmt .rts{font-size:12px}
}
@media(min-width:701px){
 #mRooms{background:rgba(8,7,12,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .dkoh{display:none}
}
.dlg{margin:6px 0 10px}.dlg .lgb{width:100%}
/* Google sayfa çevirisi arayüzünü gizle */
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-ZVi9od-ORHb-OEVmcd,.skiptranslate>iframe{display:none!important;visibility:hidden!important}
body{top:0!important}#google_translate_element{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.goog-text-highlight{background:none!important;box-shadow:none!important}
.lgo small{display:block;font-size:11px;opacity:.6;line-height:1.1}.lgo>span{line-height:1.2}
.lgin .lgl{max-height:300px}
.lgl{max-height:88vh}.lgin .lgl{max-height:300px}
/* v176 — premium oda adı + geçiş efekti */
.rhead h2.rht{position:relative;gap:9px}
.rht b .rhm{font-weight:800;letter-spacing:.35px;background-image:linear-gradient(100deg,#fff4c9,#ffd166 28%,#ff9ad5 60%,#9ec5ff 90%)!important;background-size:220% 100%;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 10px rgba(255,209,102,.28));animation:rhsh 7s ease-in-out infinite alternate}
@keyframes rhsh{from{background-position:0 0}to{background-position:100% 0}}
.rht .rhd{width:8px;height:8px;box-shadow:0 0 0 3px rgba(76,217,100,.18),0 0 12px rgba(76,217,100,.55)}
#rhName.rhx{animation:rhin2 1s cubic-bezier(.2,.9,.3,1) both}
@keyframes rhin{0%{opacity:0;transform:translateY(12px) scale(.94);filter:blur(7px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
.rht::after{content:'';position:absolute;left:14px;right:0;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#ffd166,#ff8ad4,#9ec5ff,transparent);transform:scaleX(0);opacity:0;pointer-events:none}
.rht.rhx::after{animation:rhln 1s ease-out both}
@keyframes rhln{0%{transform:scaleX(0);opacity:0}35%{opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(min-width:701px){body.dk-side .rhead .rht{font-size:19px}body.dk-side .rht b .rhm{font-size:19px;letter-spacing:.5px}}
[data-theme=light] .rht b .rhm{filter:none;background-image:linear-gradient(100deg,#8a5a00,#c2185b 55%,#1e4fd8)!important}
@media(prefers-reduced-motion:reduce){#rhName.rhx,.rht.rhx::after,.rht b .rhm{animation:none!important}}
/* v177 — oda adı efekti daha belirgin */
#rhName.rhx{animation:rhin2 1s cubic-bezier(.16,.9,.28,1) both}
@keyframes rhin2{0%{opacity:0;transform:translateX(-28px) scale(.88);filter:blur(10px);letter-spacing:6px}55%{opacity:1;filter:blur(0)}80%{transform:translateX(3px) scale(1.04);letter-spacing:.8px}100%{opacity:1;transform:none;filter:none;letter-spacing:.35px}}
.rht.rhx::before{content:'';position:absolute;top:-4px;bottom:-4px;left:0;width:34px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg) translateX(-60px);filter:blur(2px);opacity:0;pointer-events:none;animation:rhsw 1.1s .15s ease-out both;mix-blend-mode:screen}
@keyframes rhsw{0%{opacity:0;transform:skewX(-20deg) translateX(-40px)}20%{opacity:1}100%{opacity:0;transform:skewX(-20deg) translateX(220px)}}
.rhead h2.rht{font-size:16px!important}
.rht b .rhm{font-size:16px!important}
@media(max-width:700px){.rhead h2.rht{font-size:14px!important}.rht b .rhm{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.rht.rhx::before{animation:none!important}}

/* v178 mobil premium oda adı */
header .rnp #rnT{font-weight:800;letter-spacing:.4px;background:linear-gradient(90deg,#fff 0%,#ffe9a8 45%,#ffc857 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px #ffc85755)}
header .rnp{position:relative;overflow:hidden;border-color:#ffc85744;box-shadow:0 0 0 1px #ffffff10 inset,0 4px 18px #ffc85722}
header .rnp::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);opacity:0;pointer-events:none}
header .rnp.rnx #rnT{animation:rnin .9s cubic-bezier(.2,.8,.2,1)}
header .rnp.rnx::after{animation:rnsh 1.1s ease-out}
header .rnp.rnx{animation:rnglow 1.1s ease-out}
@keyframes rnin{0%{opacity:0;transform:translateY(14px) scale(.92);filter:blur(6px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none}}
@keyframes rnsh{0%{left:-60%;opacity:1}100%{left:130%;opacity:1}}
@keyframes rnglow{0%{box-shadow:0 0 0 1px #ffc85788 inset,0 0 26px #ffc857aa}100%{box-shadow:0 0 0 1px #ffffff10 inset,0 4px 18px #ffc85722}}
[data-theme=light] header .rnp #rnT{background:linear-gradient(90deg,#2a2640,#b8860b);-webkit-background-clip:text;background-clip:text;filter:none}
/* v178b — bilgisayar/tablet: saydam Odalar sayfası ve paneli, sohbet sağa kadar */
@media(min-width:701px){
 #lobby{background:rgba(10,8,16,.55)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
 [data-theme=light] #lobby{background:rgba(250,247,239,.6)!important}
 #mRooms{background:rgba(8,7,12,.35)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}
 #mRooms .box.rmbox,[data-theme=light] #mRooms .box.rmbox{background:linear-gradient(180deg,rgba(84,76,72,.38),rgba(30,26,24,.62))!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 [data-theme=light] #mRooms .box.rmbox{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(236,232,224,.7))!important}
 body.dk-side #chat .ch-h,body.dk-side #chat .inp,body.dk-side #chat .chprev,body.dk-side #chat #typ,body.dk-side #chat #att,body.dk-side #chat #rbar,body.dk-side #chat .msgs{padding-left:18px;padding-right:18px}
}
/* v179 — masaüstü SEYA AI: mobildeki gibi profil görseli */
@media(min-width:701px){
 body.dk-side .dkrx .dkseya{position:relative;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;margin-right:6px;overflow:visible;background:transparent!important}
 .dkseya .seyav{width:38px;height:38px}
 .dkseya::after{content:'AI';position:absolute;right:-3px;bottom:-3px;font:800 8px/1 Sora,system-ui;color:#fff;background:linear-gradient(135deg,#ff7ad9,#7a6bff);border-radius:99px;padding:2px 4px;border:1px solid #0b0a0d}
}
/* v180 — SEYA: "en alta in" düğmesi kaldırıldı; masaüstü Oyunlar sayfası daha derli toplu */
#syDnH{display:none!important}
@media(min-width:701px){
 #mGames .box.gbx{width:min(980px,94vw)!important;max-width:980px;margin:4vh auto;border-radius:22px;padding:18px 22px 24px;max-height:92vh;overflow:auto;background:linear-gradient(180deg,rgba(40,32,84,.82),rgba(14,11,32,.92));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1f}
 #mGames .gtabs{display:flex;gap:8px;margin:14px 0 4px}
 #mGames .gtabs button{padding:8px 18px;font-size:14px}
 #mGames .gpill{font-size:13px;padding:5px 14px;margin:10px 0 8px}
 #mGames .ginfo{padding:10px 14px;font-size:13.5px;border-radius:14px;margin-bottom:16px}
 #mGames .ggrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
 #mGames .gcard{padding:8px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff12;transition:transform .18s,background .18s,box-shadow .18s;cursor:pointer}
 #mGames .gcard:hover{transform:translateY(-3px);background:#ffffff12;box-shadow:0 10px 26px #0007}
 #mGames .gcard .gcv{aspect-ratio:4/3;border-radius:12px;font-size:44px;box-shadow:none}
 #mGames .gcard .gcv em{width:24px;height:24px;font-size:12px;border-radius:8px;top:6px;left:6px}
 #mGames .gcard .gcv u{font-size:10.5px;padding:2px 9px;left:6px;bottom:6px}
 #mGames .gcard b{font-size:14px;margin-top:8px}
 #mGames .gcard small{font-size:12px}
}
/* v181 — taşınabilir pencereler, oyun sohbet paneli, masaüstünde "aşağı al" simgeleri */
#seya .sy-top,#mGames .gtop,#mGT .gtop,#mPlay .gtop,#gchat .gch{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
.gdrag{transition:none!important}.gdrag .sy-top,.gdrag .gtop,.gdrag .gch{cursor:grabbing}
#mGames .box,#mGT .box,#mPlay .box,#seya{will-change:transform}
#gchat{position:fixed;right:14px;bottom:14px;width:min(340px,calc(100vw - 20px));z-index:120;display:flex;flex-direction:column;border-radius:16px;background:rgba(14,11,30,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff2a;box-shadow:0 12px 38px #000a;color:#f4efe6;overflow:hidden}
#gchat[hidden]{display:none}
#gchat .gch{display:flex;align-items:center;gap:8px;padding:9px 10px 9px 14px;font-weight:700;font-size:13.5px;background:#ffffff10}
#gchat .gch span{flex:1}
#gchat .gch i{font-style:normal;min-width:18px;height:18px;border-radius:99px;background:#ff3d71;color:#fff;font:700 11px/18px system-ui;text-align:center;padding:0 5px}#gchat .gch i[hidden]{display:none}
#gchat .gch button{width:28px;height:28px;border:0;border-radius:8px;background:#ffffff14;color:inherit;cursor:pointer}
#gchat .gcb{display:flex;flex-direction:column}
#gchat.col .gcb{display:none}
#gchat .gcl{height:230px;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.35;overscroll-behavior:contain}
#gchat .gcm{word-break:break-word}#gchat .gcm b{color:#ffd66b;margin-right:4px}#gchat .gcm.me b{color:#7ee8b4}
#gchat .gcf2{display:flex;gap:6px;padding:8px;border-top:1px solid #ffffff1a}
#gchat .gcf2 input{flex:1;min-width:0;border-radius:99px;border:1px solid #ffffff2a;background:#ffffff12;color:#fff;padding:8px 14px;font-size:14px}
#gchat .gcf2 button{width:36px;height:36px;border:0;border-radius:50%;background:linear-gradient(145deg,#ffd66b,#e0a84a);color:#1a1204;cursor:pointer;font-size:14px}
@media(max-width:700px){#gchat{right:8px;bottom:70px;width:min(320px,calc(100vw - 16px))}#gchat .gcl{height:34vh}}
/* masaüstü: aşağı alınan pencere simgeleri (dock) sol panel açıkken de görünsün */
@media(min-width:701px){
 body.dk-side:not(:has(.modal.open:not(#mOn))) #dock.on{display:flex!important;right:16px!important;bottom:150px!important;left:auto!important}
}
/* v182 — bilgisayar/tablet: oda arka planı sohbet alanına tam otursun (sol panel payı + dikey görsel için bulanık dolgu) */
@media(min-width:701px){
 body.dk-side:not(.dk-col).hasbgp::before,body.dk-side:not(.dk-col).hasbgp::after{left:300px}
 body.hasbgp:not([data-bgw])::before{filter:blur(22px) saturate(1.1);transform:scale(1.08);background-size:cover}
 body.hasbgp:not([data-bgw])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(18,15,10,var(--cfd,0)),rgba(18,15,10,var(--cfd,0))),linear-gradient(rgba(10,8,6,var(--cdim,.55)),rgba(10,8,6,var(--cdim,.55))),var(--cbg);background-size:auto,contain;background-position:center,var(--cpos,center);background-repeat:no-repeat}
 body.hasbgp:not([data-bgw])::before{background-image:linear-gradient(rgba(18,15,10,var(--cfd,0)),rgba(18,15,10,var(--cfd,0))),linear-gradient(rgba(10,8,6,var(--cdim,.55)),rgba(10,8,6,var(--cdim,.55))),var(--cbg)}
 [data-theme=light] body.hasbgp:not([data-bgw])::after{background-image:linear-gradient(rgba(255,252,244,var(--cfd,0)),rgba(255,252,244,var(--cfd,0))),linear-gradient(rgba(255,252,244,var(--ldim,.4)),rgba(255,252,244,var(--ldim,.4))),var(--cbg)}
 body.hasbgp[data-bgw]::before{background-size:cover}
}
/* v183 — arama sistemi: yeni arama ekranları, Aramalar sekmesi, arama ayarları */
.sd.incall{background:#38f0d0}.sd.invid{background:#ff7ad9}.sd.dnd{background:#ff5a6e}
.callui{background:radial-gradient(900px 600px at 50% -5%,#2a2f9a,#0a0d3a 55%,#05061a);overflow:hidden;gap:10px;padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(26px + env(safe-area-inset-bottom,0px))}
.callui .cbg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.callui .cbg .av{position:absolute;inset:-12%;width:124%!important;height:124%!important;border-radius:0!important;font-size:0!important;filter:blur(38px) brightness(.55) saturate(1.3);opacity:.7;box-shadow:none!important;animation:none!important}
.callui .cbg .av img{width:100%;height:100%;object-fit:cover}
.callui.vid .cbg{display:none}.callui.vid.rcamoff .cbg{display:block}
.callui .cmid,.callui .cbt2,.callui .cend{position:relative;z-index:1}.callui .cmn{z-index:4}
.callui #cRv{position:absolute;z-index:0}
.callui.vid.rcamoff #cRv{visibility:hidden}
.clogo{position:absolute!important;top:calc(18px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;font:800 21px/1 Sora,system-ui,sans-serif;letter-spacing:.2px;background:linear-gradient(90deg,#6fd3ff,#9b7bff);-webkit-background-clip:text;background-clip:text;color:transparent;z-index:3;text-shadow:none}
.clogo i{width:22px;height:20px;background:linear-gradient(90deg,#6fd3ff 0 3px,transparent 3px 6px,#8fb0ff 6px 9px,transparent 9px 12px,#9b7bff 12px 15px,transparent 15px 18px,#b58bff 18px 21px);-webkit-mask:linear-gradient(transparent 0,#000 0);display:inline-block;border-radius:2px;-webkit-text-fill-color:initial}
.callui .cav .av{width:150px;height:150px;font-size:54px;border:3px solid transparent;background-clip:padding-box;box-shadow:0 0 0 4px #5b7bff,0 0 0 8px #5b7bff33,0 0 46px #7b6bffaa}
.callui.in .cav .av,.callui.out .cav .av{animation:cpulse 1.8s infinite}
.callui h3{font-size:30px;font-weight:800;margin-top:6px}
.callui .cst{font-size:16px;color:#c7d0ff}
.cwave{display:flex;align-items:center;justify-content:center;gap:4px;height:84px;margin:6px 0 2px}
.cwave i{width:4px;height:14px;border-radius:4px;background:linear-gradient(180deg,#6fe9ff,#8b6bff);animation:cwv 1.15s ease-in-out infinite;animation-delay:calc(var(--i)*-.09s);opacity:.9}
@keyframes cwv{0%,100%{height:10px}30%{height:56px}60%{height:24px}80%{height:70px}}
.callui.on .cwave i,.callui.conn .cwave i{animation-duration:1.8s}
.cbt2{gap:22px;align-items:flex-start}
.cbk{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:64px}
.cbk span{font-size:12.5px;color:#d5dcff;text-align:center;line-height:1.15;max-width:78px}
.cb{width:66px;height:66px;display:grid;place-items:center;padding:0;background:rgba(40,56,150,.38);border:1.5px solid #5b7bffcc;color:#e8edff;box-shadow:0 0 16px #4b6bff55,inset 0 0 12px #5b7bff22;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s,background .15s}
.cb:active{transform:scale(.94)}
.cb svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cb.dec{background:linear-gradient(145deg,#ff4a5e,#d6153a);border-color:#ff6b7c;box-shadow:0 6px 22px #ff2a4a66;color:#fff}
.cb.dec svg{fill:#fff;stroke:none}.cb.dec.big{width:78px;height:78px}
.cb.acc{background:linear-gradient(145deg,#3ddc84,#12a850);border-color:#6bf0a6;box-shadow:0 6px 22px #22c55e66;color:#fff}.cb.acc svg{fill:#fff;stroke:none}
.cb.acc svg [stroke]{stroke:#fff}
.cb.sm{width:52px;height:52px}.cb.sm svg{width:22px;height:22px}
.cb.off{background:#fff;color:#15204f;opacity:1;border-color:#fff}.cb.off svg{stroke:#15204f}
.cin{margin-top:22px;align-items:center}
.cin .cbk:nth-child(2){margin-top:8px}
.cend{display:flex;justify-content:center;margin-top:6px}
.cmid{display:flex;flex-direction:column;align-items:center;gap:8px}
.callui.vid .cbt2.cact{position:absolute;left:0;right:0;bottom:calc(138px + env(safe-area-inset-bottom,0px));justify-content:center;margin:0;gap:14px;padding:12px 8px;background:rgba(10,14,50,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.callui.vid .cend{position:absolute;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom,0px));margin:0}
.callui.vid .cb{width:56px;height:56px}.callui.vid .cb svg{width:24px;height:24px}
.callui.vid .cbk span{font-size:11.5px}
.callui #cLv{width:104px;height:144px;border-radius:16px;border:2px solid #ffffff55;box-shadow:0 8px 24px #0009;top:calc(52px + env(safe-area-inset-top,0px))}
.callui.vid.lcamoff #cLv{opacity:.25}
.callui.vid .cmid{top:calc(52px + env(safe-area-inset-top,0px));left:14px;align-items:flex-start}
.callui.vid.rcamoff .cmid{position:absolute;inset:0;left:0;top:0;align-items:center;justify-content:center;text-align:center}
.callui.vid.rcamoff .cmid .cav{display:block}
.cq,.cpo{position:absolute!important;left:50%;transform:translateX(-50%);z-index:5;padding:6px 14px;border-radius:99px;font-size:12.5px;font-weight:700;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}
.cq{top:calc(86px + env(safe-area-inset-top,0px));background:rgba(255,170,40,.2);border:1px solid #ffb23f99;color:#ffd58a}
.cpo{top:calc(120px + env(safe-area-inset-top,0px));background:rgba(0,0,0,.45);border:1px solid #ffffff33;color:#fff}
.cq[hidden],.cpo[hidden],.cmenu[hidden],.cchat[hidden]{display:none}
.cmenu{position:absolute!important;left:50%;transform:translateX(-50%);bottom:calc(230px + env(safe-area-inset-bottom,0px));z-index:6;display:flex;flex-direction:column;min-width:240px;padding:6px;border-radius:16px;background:rgba(16,20,70,.94);border:1px solid #5b7bff88;box-shadow:0 14px 40px #000a}
.callui.voi .cmenu{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
.cmenu button{padding:12px 14px;text-align:left;border-radius:10px;background:none;color:#fff;font-size:14.5px}.cmenu button:hover{background:#ffffff14}
.cchat{position:absolute!important;left:0;right:0;bottom:0;z-index:7;max-height:62%;display:flex;flex-direction:column;border-radius:20px 20px 0 0;background:rgba(10,14,50,.96);border-top:1px solid #5b7bff88;box-shadow:0 -12px 40px #000a;padding-bottom:env(safe-area-inset-bottom,0px);text-align:left}
.cch{display:flex;align-items:center;padding:12px 14px;font-size:14px}.cch b{flex:1}.cch button{width:30px;height:30px;border-radius:50%;background:#ffffff18;color:#fff}
.ccl{flex:1;min-height:90px;max-height:34vh;overflow-y:auto;padding:4px 14px;display:flex;flex-direction:column;gap:6px}
.ccm{align-self:flex-start;max-width:80%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:#ffffff1a;font-size:14px;word-break:break-word}.ccm.me{align-self:flex-end;background:#3b5bff;border-radius:14px 14px 4px 14px}
.ccf{display:flex;gap:6px;padding:10px 12px;align-items:center}
.ccf input{flex:1;min-width:0;border-radius:99px;border:1px solid #ffffff33;background:#ffffff14;color:#fff;padding:9px 14px;font-size:14px}
.ccf button{width:36px;height:36px;border-radius:50%;background:#ffffff18;color:#fff;font-size:16px}.ccf button[type=submit]{background:linear-gradient(145deg,#6fd3ff,#6a5bff)}
/* küçük pencere */
.callui.mini{background:linear-gradient(160deg,#1a2272,#0a0d3a)}
.callui.mini .cwave,.callui.mini .clogo,.callui.mini .cmenu,.callui.mini .cchat,.callui.mini .cq,.callui.mini .cpo,.callui.mini .cbk span,.callui.mini .cbg{display:none!important}
.callui.mini .cbk:has([data-c=more]),.callui.mini .cbk:has([data-c=cam]),.callui.mini .cbk:has([data-c=flip]){display:none}
.callui.mini .cb,.callui.mini .cb.dec.big{width:38px;height:38px}.callui.mini .cb svg{width:18px;height:18px}
.callui.mini .cbt2.cact{position:static;background:none;padding:0;gap:6px;-webkit-backdrop-filter:none;backdrop-filter:none}
.callui.mini .cend{position:static}.callui.mini .cbt2{margin:0}
.callui.mini .cav .av{width:48px;height:48px;font-size:18px;box-shadow:0 0 0 2px #5b7bff}
.callui.mini h3{font-size:13px;margin:0}.callui.mini #cLv{display:none}
.callui.mini{cursor:grab;touch-action:none}
/* Aramalar sekmesi */
.cflt{display:flex;align-items:center;gap:6px;padding:2px 2px 10px;position:sticky;top:0;z-index:2;background:inherit}
.cflt button{padding:7px 13px;border-radius:99px;font-size:12.5px;font-weight:700;background:#ffffff0d;border:1px solid #ffffff1f;color:inherit}
.cflt button.on{background:linear-gradient(135deg,#6a5bff,#38a7ff);border-color:transparent;color:#fff}
.cflt .sp{flex:1}.cflt .cfi{width:34px;height:34px;padding:0;font-size:15px;text-align:center}
.dmr .cbk2{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff10;border:1px solid #5b7bff77;font-size:16px;flex:none;cursor:pointer}
.dmr .cbk2:hover{background:#5b7bff33}
.dmr .cdir{font-style:normal;font-weight:800}.dmr small.cmiss{color:#ff6b7c}
/* arama ayarları */
#mCset .box.csb{width:min(440px,100%);max-height:88vh;overflow:auto;padding:14px 14px 18px;border-radius:20px}
.csl{display:flex;flex-direction:column;gap:2px;padding-top:8px}
.cs-r{display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid #ffffff12;cursor:pointer}.cs-r>span{flex:1}.cs-r small{display:block;opacity:.65;font-size:12px;margin-top:2px}
.cs-r.col{flex-direction:column;align-items:stretch;cursor:default}.cs-r select{margin-top:8px;padding:10px 12px;border-radius:12px;border:1px solid #ffffff2a;background:#ffffff10;color:inherit;font-size:14px}
.cs-r input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.cs-sw{width:46px;height:26px;border-radius:99px;background:#ffffff26;position:relative;flex:none;transition:.2s}.cs-sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.cs-r input:checked+.cs-sw{background:linear-gradient(135deg,#6a5bff,#38a7ff)}.cs-r input:checked+.cs-sw::after{left:23px}
.cs-n{font-size:12px;margin:10px 4px 0}
/* v184 — grup arama, paneller, efekt temaları */
.callui .cgrid{position:absolute;inset:0;z-index:1;display:flex;flex-wrap:wrap;gap:6px;padding:calc(56px + env(safe-area-inset-top,0px)) 8px calc(236px + env(safe-area-inset-bottom,0px));align-content:center;justify-content:center}
.callui.voi .cgrid{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
.callui.g1 .cgrid{padding:0;gap:0;display:block}
.callui.g1 .ctile{position:absolute;inset:0;border-radius:0;background:none}
.callui.g1.voi .ctile{display:none}
.callui.g1.vid .ctile .cav2,.callui.g1.vid .ctile .cti{display:none}
.callui.g1 .ctile.novid video{visibility:hidden}
.callui.g1 .ctile video{object-fit:cover}
.callui.g1 .ctile.isscr video{object-fit:contain;background:#000}
.callui.gn .ctile{position:relative;flex:1 1 calc(50% - 6px);min-width:120px;max-width:calc(50% - 3px);aspect-ratio:3/4;max-height:44vh;border-radius:18px;overflow:hidden;background:#0d1250;border:2px solid #ffffff1c;display:grid;place-items:center;transition:box-shadow .15s,border-color .15s}
.callui.gn .ctile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.callui.gn .ctile.self video{transform:scaleX(-1)}.callui.gn .ctile.isscr video{transform:none;object-fit:contain}
.callui.gn .ctile.novid video{visibility:hidden}
.ctile .cav2{position:relative;z-index:1}.ctile .cav2 .av{width:72px;height:72px;font-size:28px}
.ctile:not(.novid) .cav2{display:none}
.callui.gn.voi .ctile{aspect-ratio:auto;height:120px;max-height:none}
.ctile .cti{position:absolute;left:8px;right:8px;bottom:6px;z-index:2;display:flex;align-items:center;gap:6px;font-size:12.5px;text-shadow:0 1px 4px #000}
.ctile .cti b{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ctile .cti i{font-style:normal;display:none}.ctile.nomic .cti i{display:inline}
.ctile.sp{border-color:#42f5b0;box-shadow:0 0 0 2px #42f5b0,0 0 22px #42f5b0aa}
.callui.g1 .ctile.sp{box-shadow:none;border:0}
#cLv{position:absolute;right:12px;z-index:3;object-fit:cover;transform:scaleX(-1);background:#000}
#cAud{position:absolute;width:0;height:0;overflow:hidden}
.cmus{position:absolute!important;top:calc(120px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:5;padding:6px 12px;border-radius:99px;background:rgba(0,0,0,.5);border:1px solid #ffffff33;font-size:12.5px;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}
.cmus[hidden]{display:none}.cmus button{margin-left:6px;padding:3px 9px;border-radius:99px;background:#ff4a5e;color:#fff;font-size:11.5px}
.cvip{font-size:12.5px;color:#ffd86b;font-weight:700}
.cs-n.mu,.mu{opacity:.7;font-size:12.5px}
/* paneller */
#cSheet{position:absolute!important;left:0;right:0;bottom:0;z-index:8;max-height:78%;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:rgba(10,14,50,.97);border-top:1px solid #5b7bff88;box-shadow:0 -12px 40px #000a;color:#fff;animation:csup .22s ease}
#cSheet[hidden]{display:none}
@keyframes csup{from{transform:translateY(40px);opacity:0}}
.csh{display:flex;align-items:center;padding:14px 16px 8px}.csh b{flex:1;font-size:15px}
.csh button{width:32px;height:32px;border-radius:50%;background:#ffffff18;color:#fff}
.csb2{overflow-y:auto;padding:4px 14px calc(16px + env(safe-area-inset-bottom,0px))}
.cmn2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cmn2 button{display:flex;align-items:center;gap:8px;padding:12px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff1c;color:#fff;font-size:13px;text-align:left}
.cmn2 button i{font-style:normal;font-size:18px}
.cpr{display:flex;align-items:center;gap:10px;width:100%;padding:9px 6px;border-bottom:1px solid #ffffff12;background:none;color:#fff;text-align:left}
.cpr:disabled{opacity:.45}
.cpa .av{width:40px;height:40px;font-size:15px}.cpn{flex:1;display:flex;flex-direction:column;min-width:0}.cpn small{opacity:.65;font-size:11.5px}
.cpb{padding:5px 12px;border-radius:99px;background:linear-gradient(135deg,#6a5bff,#38a7ff);font-size:12px;font-weight:700}
.cpb.dn{background:#ff4a5e}
.cmic{font-size:16px}
.csbtn{width:100%;margin-top:10px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#6a5bff,#38a7ff);color:#fff;font-weight:700}
.cfx{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.cfx button{padding:9px 13px;border-radius:99px;background:#ffffff12;border:1px solid #ffffff2a;color:#fff;font-size:13px}
.cfx button.on{background:linear-gradient(135deg,#6a5bff,#38a7ff);border-color:transparent}
.cdv{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:13px}
.cdv select{padding:10px;border-radius:12px;border:1px solid #ffffff2a;background:#ffffff12;color:#fff}.cdv select option{color:#000}
.cscr{outline:2px solid #42f5b0}
/* temalar */
.th-aurora{background:radial-gradient(900px 600px at 20% 0,#0f9d8a,transparent 60%),radial-gradient(800px 600px at 90% 20%,#7b2cff,transparent 60%),#04122a!important}
.th-gold{background:radial-gradient(900px 600px at 50% -5%,#a8741a,#2a1a05 60%,#120a02)!important}
.th-rose{background:radial-gradient(900px 600px at 50% -5%,#b3245f,#3a0a26 60%,#14040e)!important}
.th-ocean{background:radial-gradient(900px 600px at 50% -5%,#0a72b8,#052a4a 60%,#02101e)!important}
.cconf{position:absolute;inset:0;z-index:9;pointer-events:none;overflow:hidden}
.cconf i{position:absolute;top:-12px;left:var(--x);width:8px;height:14px;background:var(--c);border-radius:2px;animation:cfall 2.2s var(--d) ease-in forwards}
@keyframes cfall{to{transform:translateY(105vh) rotate(540deg);opacity:.8}}
.callui.mini .cgrid,.callui.mini .cmus{display:none!important}
.callui.mini #cSheet{display:none}
.callui.gn .cgrid{padding-top:calc(118px + env(safe-area-inset-top,0px));padding-bottom:calc(228px + env(safe-area-inset-bottom,0px));align-content:flex-start}
.callui.gn .ctile{aspect-ratio:1/1;max-height:calc((100vh - 360px)/2);min-height:110px}
.callui.gn.voi .cgrid{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
.callui.gn .cmid{position:absolute;top:calc(54px + env(safe-area-inset-top,0px));left:0;right:0;align-items:center;z-index:3}
.callui.gn .cmid h3{font-size:17px;margin:0}.callui.gn .cmid .cav,.callui.gn .cmid .cwave{display:none}
.callui.g1.voi .ctile.isscr{display:block;inset:70px 0 230px}
.callui.g1.voi .ctile.isscr video{object-fit:contain;background:#000}
.callui.g1.voi:has(.ctile.isscr) .cmid{display:none}
/* v185 — DJ / Radyo modu (responsive) */
#djBar{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 10px;margin:0 8px 6px;padding:8px 10px;border-radius:18px;border:1px solid #b88bff66;background:linear-gradient(135deg,rgba(124,92,255,.28),rgba(255,70,170,.14) 60%,rgba(56,240,208,.1)),rgba(14,10,36,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px #ffffff0d inset,0 8px 28px #7b4dff33;color:#fff;position:relative;z-index:2}
#djBar[hidden]{display:none}
#djBar .dja{position:relative;width:44px;height:44px}#djBar .dja .av{width:44px;height:44px;font-size:16px;box-shadow:0 0 0 2px #ffcf5a,0 0 14px #ffb83a88}
#djBar .djcr{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-style:normal;font-size:13px;filter:drop-shadow(0 1px 2px #000)}
#djBar .dji{display:flex;flex-direction:column;min-width:0;gap:1px}
#djBar .djnm{font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#djBar .djnm em,.djbg{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.6px;padding:2px 6px;border-radius:99px;background:linear-gradient(135deg,#ffcf5a,#ff9d2e);color:#2a1700}
.djlv{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;letter-spacing:.3px;color:#6dffb0}
.djlv i,.djl em{width:8px;height:8px;border-radius:50%;background:#2dff8f;box-shadow:0 0 0 0 #2dff8faa;animation:djp 1.6s infinite;display:inline-block}
@keyframes djp{70%{box-shadow:0 0 0 7px #2dff8f00}100%{box-shadow:0 0 0 0 #2dff8f00}}
.djlv b{font-variant-numeric:tabular-nums;color:#fff}
#djBar .djsg{font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#djBar .djsg.mu{opacity:.55}
#djBar .djk{display:flex;align-items:center;gap:6px}
.djb{min-width:44px;height:44px;padding:0 12px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:18px;background:rgba(255,255,255,.1);border:1px solid #ffffff2a;color:#fff;position:relative;touch-action:manipulation}
.djb:active{transform:scale(.95)}.djb.off{background:#ff4a5e33;border-color:#ff6b7c}.djb.dpp{background:linear-gradient(135deg,#7c5cff,#38a7ff);border-color:transparent}
.djb span{font-size:13px;font-weight:700}.djrq{background:rgba(124,92,255,.35);border-color:#b88bff99}
.djq{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:99px;background:#ff4a5e;font-size:11px;font-style:normal;display:grid;place-items:center;padding:0 4px}
#djBar .djv{display:none;align-items:center;gap:4px}#djBar .djv input{width:90px}
/* genişliğe göre (JS .w sınıfı ekler): dar = kontroller ikinci satırda, geniş = tek satır */
#djBar{grid-template-columns:auto minmax(0,1fr)}#djBar .djk{grid-column:1/-1;justify-content:space-between}#djBar .djk .djb{flex:1}#djBar .djk .djv{display:none}
#djBar:not(.me){grid-template-columns:auto minmax(0,1fr) auto}#djBar:not(.me) .djk{grid-column:3;grid-row:1}#djBar:not(.me) .djk .djb{flex:none}
#djBar.w{grid-template-columns:auto minmax(0,1fr) auto}#djBar.w .djk{grid-column:3;grid-row:1;justify-content:flex-end}#djBar.w .djk .djb{flex:none}#djBar.w .djk .djv{display:inline-flex}
@media(min-width:1024px){#djBar{margin:0 12px 8px;padding:10px 14px;gap:14px}#djBar .dja,#djBar .dja .av{width:52px;height:52px}#djBar .djnm{font-size:15.5px}#djBar .djv input{width:130px}}
/* kilitli mikrofon / kamera düğmeleri */
.vb.djl{opacity:.75;position:relative;background:#ffffff14;border-color:#ff9d2e88}.vb.djl::after{content:'🔒';position:absolute;right:-3px;bottom:-4px;font-size:11px}
.vrbox.djw{max-width:min(380px,92vw)}
.djpop{max-width:min(380px,92vw)}.djpop input{width:100%;margin:8px 0;padding:11px 12px;border-radius:12px;border:1px solid #ffffff2a;background:#ffffff10;color:inherit;font-size:15px}
/* sohbet sistem mesajı */
.vev.djm{display:flex;align-items:center;gap:10px;margin:6px auto;padding:8px 14px;border-radius:14px;max-width:min(92%,460px);border:1px solid #b88bff66;background:linear-gradient(135deg,rgba(124,92,255,.3),rgba(255,70,170,.16));box-shadow:0 4px 18px #7b4dff33;color:#fff}
.vev.djm.off{border-color:#ffffff30;background:rgba(255,255,255,.07);box-shadow:none}
.vev.djm .djmi{font-size:22px}.vev.djm .djmt{display:flex;flex-direction:column;font-size:12.5px;line-height:1.25}.vev.djm .djmt b{font-size:11px;letter-spacing:1px;color:#ffd36a}
.vev.djm.off .djmt b{color:#c8cde0}
/* online listesi DJ kartı */
.onr.djc{border:1px solid #ffcf5a88;background:linear-gradient(135deg,rgba(255,190,60,.2),rgba(124,92,255,.2));box-shadow:0 0 18px #ffb83a33;margin-bottom:6px;padding:10px}
.onr.djc .av{box-shadow:0 0 0 2px #ffcf5a,0 0 14px #ffb83a88}
.djc .djn{display:flex;align-items:center;gap:6px;font-weight:800}.djc .djl{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#6dffb0;letter-spacing:.3px}.djc .djl b{color:#fff;font-variant-numeric:tabular-nums}
.djc .djs{display:block;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:1024px){.onr.djc{padding:12px 14px}.onr.djc .djn{font-size:15px}}
/* DJ paneli */
#mDj .box.djbox{width:min(560px,100%);max-height:92vh;overflow-y:auto;padding:16px 14px 20px;border-radius:22px;background:linear-gradient(160deg,rgba(40,24,90,.96),rgba(14,10,36,.97));border:1px solid #b88bff55;box-shadow:0 20px 60px #000a,0 0 40px #7b4dff33;color:#fff}
@media(min-width:768px){#mDj .box.djbox{width:min(640px,92vw)}}@media(min-width:1280px){#mDj .box.djbox{width:min(760px,60vw)}}
.djh{margin:0 0 10px;font-size:18px}
.djst{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:12px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff1c}
.djbig,.djend{height:52px;border-radius:16px;font-size:16px;font-weight:800;color:#fff}
.djbig{background:linear-gradient(135deg,#1fd37a,#0aa860);box-shadow:0 8px 24px #12c46a55}.djend{background:linear-gradient(135deg,#ff4a5e,#d6153a);width:100%;margin-top:12px}
.djn{font-size:12px}.djnow{padding:12px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff1c}
.djr1{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.djmode{font-size:11.5px;padding:3px 9px;border-radius:99px;background:#7c5cff44;border:1px solid #b88bff77}
.djsong{font-size:16px;font-weight:700;margin:10px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.djseek{display:flex;flex-direction:column;gap:2px}.djseek input,.djvol input{width:100%}.djseek small{text-align:right;opacity:.7}
.djctl{display:flex;justify-content:center;gap:12px;margin:10px 0}
.djb2{width:56px;height:56px;border-radius:50%;font-size:22px;background:rgba(255,255,255,.1);border:1px solid #ffffff2a;color:#fff;touch-action:manipulation}.djb2.big{width:68px;height:68px;font-size:28px;background:linear-gradient(135deg,#7c5cff,#38a7ff);border-color:transparent}.djb2.off{background:#ff4a5e44;border-color:#ff6b7c}
.djvol{display:flex;align-items:center;gap:10px;font-size:13px}
.djsec{margin-top:14px}.djsh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.djadd{min-height:44px;padding:0 14px;border-radius:14px;background:linear-gradient(135deg,#6a5bff,#38a7ff);color:#fff;font-weight:700}
.djtr,.djrq{display:flex;align-items:center;gap:6px;padding:6px 4px;border-bottom:1px solid #ffffff12}.djtr.cur{background:#7c5cff33;border-radius:10px}
.djrq{justify-content:space-between;font-size:13px}.djn1{width:22px;text-align:center;opacity:.6;font-size:12px}.djtn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.djx{min-width:40px;height:40px;border-radius:12px;background:#ffffff14;color:#fff;font-size:14px;touch-action:manipulation}
/* yönetim paneli */
.djadm .djal{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:14px;background:#ffffff0a;margin-top:8px;flex-wrap:wrap}.djai{display:flex;flex-direction:column;gap:2px;min-width:0}
.djsr{display:flex;gap:8px;margin:8px 0}.djsr input{flex:1;min-width:0;padding:11px 12px;border-radius:12px;border:1px solid #ffffff2a;background:#ffffff10;color:inherit}
.djadm td{vertical-align:middle}.djadm td .av{display:inline-block;vertical-align:middle;margin-right:8px;width:34px;height:34px;font-size:13px}.djlbl{font-style:normal;font-size:10px;font-weight:800;padding:2px 6px;border-radius:99px;background:#2dff8f;color:#06301a}
.djadm .btn{min-height:44px}
@media(max-width:700px){.djtw table,.djtw thead,.djtw tbody,.djtw tr,.djtw td{display:block}.djtw thead{display:none}.djtw tr{padding:10px;border-radius:14px;background:#ffffff0a;margin-top:8px}.djtw td{padding:3px 0}.djtw td .btn{width:100%}}
.djadm td .av{display:inline-grid!important;place-items:center;line-height:1}
.callui.g1 .ctile video{position:absolute;inset:0;width:100%;height:100%}
.callui.nolv #cLv{display:none}
/* v186 — DJ: şeffaf cam kart, ışık geçişi, küçük istek düğmesi, istek sırası, ses efektleri, ara & indir */
#djBar{background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(255,70,170,.08) 60%,rgba(56,240,208,.06)),rgba(14,10,36,.38);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-color:#d6b8ff55;overflow:hidden}
#djBar::before,.onr.djc::before{content:'';position:absolute;top:-40%;bottom:-40%;left:-60%;width:38%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),rgba(255,214,120,.22),transparent);transform:skewX(-18deg);animation:djsh 4.2s ease-in-out infinite;z-index:0}
#djBar>*,.onr.djc>*{position:relative;z-index:1}
.onr.djc{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,190,60,.12),rgba(124,92,255,.12)),rgba(14,10,36,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.onr.djc::before{animation-delay:1.2s}
@keyframes djsh{0%{left:-60%}55%,100%{left:130%}}
@media(prefers-reduced-motion:reduce){#djBar::before,.onr.djc::before{animation:none;display:none}}
#djBar .djrq{min-width:0;height:30px;padding:0 10px;border-radius:99px;font-size:12px;gap:4px}#djBar .djrq span{font-size:12px}
#djBar:not(.me) .dja,#djBar:not(.me) .dja .av{width:38px;height:38px}
#mDj .box.djbox{background:linear-gradient(160deg,rgba(40,24,90,.82),rgba(14,10,36,.86));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
@media(min-width:1024px){#mDj .box.djbox{width:min(920px,70vw)}.djgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:0 16px;align-items:start}.djgrid .djreq{grid-column:1}.djgrid .djsfx{grid-column:1}.djgrid .djarc{grid-column:2;grid-row:1/3}}
.djrq2{padding:8px;border-radius:12px;background:#ffffff0a;margin-top:6px;border:1px solid #ffffff10}.djrq2.qd{border-color:#6dffb066;background:rgba(45,255,143,.07)}
.djrt{display:flex;gap:8px;align-items:flex-start;font-size:13px;word-break:break-word}.djqn{min-width:26px;height:22px;border-radius:99px;background:#7c5cff55;display:inline-grid;place-items:center;font-size:11px;font-weight:800}
.djra{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.djx.wd{min-width:0;padding:0 10px;font-size:12.5px;height:38px}.djok{font-style:normal;font-size:11.5px;color:#6dffb0;align-self:center}
.djfx{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.djfxb{min-height:44px;padding:0 14px;border-radius:14px;background:linear-gradient(135deg,rgba(124,92,255,.35),rgba(255,70,170,.22));border:1px solid #b88bff77;color:#fff;font-size:13.5px;touch-action:manipulation}.djfxb:active{transform:scale(.95)}
.djsr2{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff14}.djsr2 .djsr{display:flex;gap:8px;margin:8px 0}.djsr2 input[type=search]{flex:1;min-width:0;padding:11px 12px;border-radius:12px;border:1px solid #ffffff2a;background:#ffffff10;color:inherit}
.djsrs{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.djrs{display:flex;align-items:center;gap:10px;padding:6px 6px;border-radius:10px;background:#ffffff08;min-height:44px}.djrs.nodl{opacity:.5}.djrs input{width:22px;height:22px;flex:none}.djrs .djtn{display:flex;flex-direction:column;white-space:normal}.djrs small{opacity:.65;font-size:11.5px}
.djaddsel{width:100%;margin-top:8px}
#djBar .djmt{height:30px;min-width:34px;padding:0 8px;border-radius:99px;font-size:14px}
/* v187: küçük DJ kartı, avatar içi mikrofon, parlama, efekt kategorileri */
#djBar{padding:5px 8px;gap:4px 8px;margin:0 8px 4px;border-radius:14px;max-width:560px;box-shadow:0 0 0 1px #ffffff14 inset,0 0 18px #b88bff55,0 -4px 22px #ffd27a33,0 6px 18px #7b4dff33}
#djBar::after{content:'';position:absolute;left:8%;right:8%;top:0;height:2px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#fff,#ffd98a,#fff,transparent);opacity:.85;animation:djgl 2.6s ease-in-out infinite;z-index:1}
@keyframes djgl{0%,100%{opacity:.35;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}
#djBar .dja,#djBar .dja .av{width:34px;height:34px;font-size:13px}#djBar:not(.me) .dja,#djBar:not(.me) .dja .av{width:34px;height:34px}
#djBar .djnm{font-size:12.5px}#djBar .djsg{font-size:11px}#djBar .djlv{font-size:10px}
#djBar .djb{height:28px;min-width:30px;font-size:13px}#djBar .djrq,#djBar .djmt{height:26px}
#djBar .dja .djmi{position:absolute;right:-4px;bottom:-3px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:9px;background:#1b1240;border:1.5px solid #ffcf5a;z-index:3}
#djBar .dja .djmi.off{background:#5a1020;border-color:#ff6b7a}
#djBar .dja.sp .av{box-shadow:0 0 0 2px #38f0d0,0 0 16px #38f0d0aa;transition:box-shadow .1s}
@media(min-width:1024px){#djBar{margin:0 12px 6px;padding:6px 10px;gap:10px;max-width:520px}#djBar .dja,#djBar .dja .av{width:38px;height:38px}#djBar .djnm{font-size:13.5px}#djBar .djv input{width:90px}}
.djfxc{font-size:11px;font-weight:800;opacity:.75;margin:8px 0 4px;letter-spacing:.3px}
/* v188: DJ kartı ortada, kenar boşluklu; uzun şarkı adı kayar */
#djBar{margin-left:auto;margin-right:auto;width:calc(100% - 28px);box-sizing:border-box}
@media(min-width:1024px){#djBar{margin-left:auto;margin-right:auto;width:calc(100% - 48px)}}
#djBar .djsg{overflow:hidden;text-overflow:clip;display:block;min-width:0}
#djBar .djmq{display:inline-block;white-space:nowrap}
#djBar .djmq.mq{animation:djmq 10s linear infinite alternate;animation-delay:1s}
@keyframes djmq{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(var(--mq,0))}}
@media(prefers-reduced-motion:reduce){#djBar .djmq.mq{animation:none}#djBar .djsg{text-overflow:ellipsis}}
/* v189: premium DJ online kartı + Kim hangi odada üstte DJ */
.onr.djc{border-radius:16px;padding:10px 12px;border:1px solid #ffd98a99;background:linear-gradient(135deg,rgba(255,196,70,.2),rgba(150,90,255,.2) 55%,rgba(255,70,170,.12)),rgba(16,10,40,.55);box-shadow:0 0 0 1px #ffffff14 inset,0 0 22px #ffb83a44,0 8px 22px #7b4dff33}
.onr.djc .av{box-shadow:0 0 0 2px #ffd25a,0 0 16px #ffb83acc}
.djc .djn{font-size:14px;letter-spacing:.2px;text-shadow:0 0 12px #ffcf5a77}
.djc .djl{margin-top:1px}.djc .djl em{width:7px;height:7px;border-radius:50%;background:#44ff9a;box-shadow:0 0 8px #44ff9a;animation:djpl 1.2s ease-in-out infinite}
@keyframes djpl{50%{opacity:.35;transform:scale(.7)}}
.djc .djs{display:block;overflow:hidden;white-space:nowrap;text-overflow:clip;max-width:100%;min-width:0;margin-top:2px;opacity:.95}
.djc .djmq{display:inline-block;white-space:nowrap}
.djc .djmq.mq{animation:djmq 10s linear infinite alternate;animation-delay:1s}
.whdj{display:flex;align-items:center;gap:8px;margin:0 0 10px}.whdj .onr{flex:1;min-width:0}.whdj .btn{flex:none}
@media(prefers-reduced-motion:reduce){.djc .djmq.mq,.djc .djl em{animation:none}.djc .djs{text-overflow:ellipsis}}
/* v190: DJ kartı düzen düzeltmesi (profil solda, yazılar sağda; küçük isim; şarkı kayar) */
.onr.djc{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;overflow:hidden}
.onr.djc .onn{min-width:0;width:100%;overflow:hidden;gap:1px}
.onr.djc .djn{min-width:0;flex-wrap:nowrap;overflow:hidden;font-size:13px}
.onr.djc .djn .nbn{height:20px!important;max-height:20px;width:auto!important;max-width:100%;object-fit:contain;flex:0 1 auto;min-width:0}
.onr.djc .djn .vfb,.onr.djc .djn i{flex:none}
.onr.djc .djn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onr.djc .djl{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.onr.djc .djs{display:block!important;font-size:11.5px!important;overflow:hidden;white-space:nowrap;min-width:0;width:100%}
.onr.djc .av{width:38px;height:38px}
.whdj .onr.djc{grid-template-columns:auto minmax(0,1fr)}
/* v191: oyun içi sohbet — emoji/GIF seçici, görselli mesajlar, giriş-çıkış/oda bildirimleri */
#gchat .gcg{display:block;max-width:100%;max-height:120px;border-radius:10px;margin-top:3px}#gchat .gcg.st{max-height:64px}#gchat .gcst{font-size:28px;margin-left:2px}
#gchat .gcs{margin:1px 0;font-size:12px;overflow:hidden}#gchat .gcs .sys,#gchat .gcs .vev{margin:0;max-width:100%;font-size:12px}
#gchat .gcs img,#gchat .gcs svg{max-width:100%}
#gchat .gcf2 .gce{background:#ffffff18;color:#fff;font-size:18px;flex:none}
#gchat .gcp{border-top:1px solid #ffffff1a;background:rgba(10,8,24,.96)}#gchat .gcp[hidden]{display:none}
#gchat .gcpt{display:flex;gap:6px;padding:6px 8px}#gchat .gcpt button{flex:1;height:30px;border:0;border-radius:99px;background:#ffffff12;color:#fff;font-size:12.5px;cursor:pointer}#gchat .gcpt button.on{background:linear-gradient(145deg,#ffd66b,#e0a84a);color:#1a1204;font-weight:700}
#gchat .gcpg{max-height:150px;overflow-y:auto;padding:4px 8px 8px;overscroll-behavior:contain}
#gchat .gcpg.e{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px}#gchat .gcpg.e button{height:36px;border:0;border-radius:10px;background:#ffffff0a;font-size:22px;cursor:pointer;padding:0}
#gchat .gcpg .gpl{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px}#gchat .gcpg .gpl button{height:64px;border:0;border-radius:10px;padding:0;overflow:hidden;background:#ffffff0a;cursor:pointer}#gchat .gcpg .gpl img{width:100%;height:100%;object-fit:cover}
#gchat .gcq{width:100%;box-sizing:border-box;margin-bottom:6px;border-radius:99px;border:1px solid #ffffff2a;background:#ffffff12;color:#fff;padding:7px 12px;font-size:13px}
/* v192: küçük (aşağı indirilmiş) görüntülü aramada görüntü sürsün; arka kamerada ayna yok */
.callui.mini.vid:not(.voi) .cgrid{display:block!important;position:absolute;inset:0;padding:0;gap:0;z-index:0;border-radius:inherit;overflow:hidden}
.callui.mini.vid:not(.voi) .cgrid .ctile{position:absolute;inset:0;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;border:0;flex:none;min-width:0}
.callui.mini.vid:not(.voi) .cgrid .ctile:not(.self):not(.isscr)~.ctile.self{display:none}
.callui.mini.vid:not(.voi) .cgrid .ctile video{object-fit:cover;width:100%;height:100%}
.callui.mini.vid:not(.voi) .cgrid .cti,.callui.mini.vid:not(.voi) .cgrid .cav2{display:none}
.callui.mini.vid:not(.voi) .cgrid .ctile.novid .cav2{display:grid}
.callui.mini.vid:not(.voi) .cgrid .ctile.novid video{visibility:hidden}
.callui.mini.vid .cbt2,.callui.mini.vid .cmn{z-index:5}
.callui.rear #cLv,.callui.rear .ctile.self video{transform:none!important}
/* v193: online / kim hangi odada satırları kaymasın (profil solda, isim ve ikonlar tek satırda) */
#mOn .onr.nr,#mWhere .onr.nr{display:flex!important;flex-wrap:nowrap!important;align-items:center}
#mOn .onr.nr>.av,#mOn .onr.nr>.avw,#mWhere .onr.nr>.av,#mWhere .onr.nr>.avw{flex:none!important;width:auto}
#mOn .onr.nr .onn,#mWhere .onr.nr .onn{flex:1 1 0;min-width:0;overflow:hidden}
#mOn .onr.nr .onn>span:first-child,#mWhere .onr.nr .onn>span:first-child{flex-wrap:nowrap!important;min-width:0;overflow:hidden;gap:5px}
#mOn .onr.nr .onn>span:first-child>:not(.nbn):not(.notranslate):not(:first-child){flex:none}
#mOn .onr.nr .onn>span:first-child>:first-child{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mOn .onr.nr .nbn,#mWhere .onr.nr .nbn{height:24px!important;width:auto!important;max-width:100%;object-fit:contain;flex:0 1 auto;min-width:0}
#mOn .onr.nr .vri,#mWhere .onr.nr .vri{flex:none}
#mOn .onr.nr .ond,#mWhere .onr.nr .ond{flex:none;margin-left:auto}
/* v194: sesli/görüntülü odada kendi kamera karesinde çevir simgesi */
.vcc .vcf{position:absolute;left:6px;top:6px;z-index:3;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.vcc .vcf svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vcc.rear video{transform:none}
/* v195: uzun oda adı kayar */
.mqx{display:inline-block;max-width:62%;overflow:hidden;white-space:nowrap;vertical-align:bottom;min-width:0}
.mqx .mqi{display:inline-block;will-change:transform}
.mqx.mq{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.mqx.mq .mqi{animation:ttmq var(--t,6s) ease-in-out infinite alternate}
.whh > b.mqx{max-width:55%}
@media(prefers-reduced-motion:reduce){.mqx.mq .mqi{animation:none}}
/* v196: odadan atılan kullanıcı ekranı */
#kickWall{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;text-align:center;background:rgba(8,6,20,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:24px}
#kickWall .kw1{font-size:46px}#kickWall h3{margin:8px 0 6px;font-size:20px}#kickWall p{margin:0;opacity:.85}

/* v197: giriş kartı (4 sn, üstte, bilgisayar + mobil) */
.entc{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translateX(-50%);z-index:99990;width:min(92vw,400px);pointer-events:none;animation:entin .55s cubic-bezier(.2,1.2,.3,1) both}
.entc.out{animation:entout .5s ease-in both}
.entb{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border-radius:20px;overflow:hidden;color:#fff;border:1px solid #ffd98acc;background:linear-gradient(120deg,rgba(255,196,70,.34),rgba(150,90,255,.38) 55%,rgba(255,70,170,.26)),rgba(14,9,38,.82);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 0 0 1px #ffffff1c inset,0 0 28px #ffb83a77,0 12px 34px #000a}
.entb::before{content:'';position:absolute;top:-50%;bottom:-50%;left:-60%;width:36%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),rgba(255,214,120,.4),transparent);transform:skewX(-18deg);animation:entsh 1.6s ease-in-out .35s 2}
.entb>*{position:relative}
.entb .av{width:44px;height:44px;flex:none;box-shadow:0 0 0 2px #ffd25a,0 0 16px #ffb83acc}
.ent{display:flex;flex-direction:column;min-width:0;flex:1}.ent b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 12px #ffcf5a99}.ent span{font-size:12.5px;font-weight:700;letter-spacing:.4px;color:#ffe3a0}
.enti{font-style:normal;font-size:24px;flex:none;animation:entpop 1s ease-in-out infinite alternate}
@keyframes entin{0%{opacity:0;transform:translate(-50%,-140%) scale(.9)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes entout{0%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-120%)}}
@keyframes entsh{0%{left:-60%}100%{left:140%}}
@keyframes entpop{to{transform:scale(1.18) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.entb::before,.enti{animation:none}.entc{animation:none}}

/* v198: mobilde de girişte oda listesi (lobi) açılır; masaüstü değişmez */
@media(max-width:700px){
  body.mlob #lobby{display:block!important;padding:0 12px 20px;z-index:60}
  body.mlob #lobby[hidden]{display:none!important}
  body.mlob .lbh{flex-wrap:wrap;gap:8px;padding:8px 0}
  body.mlob .lbtabs{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto}
  body.mlob .lbtabs button{white-space:nowrap;font-size:14px;padding:6px 8px}
  body.mlob .lbq{width:100%}
  body.mlob .lbg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}

@media(max-width:700px){
body.mlob #lobby{position:fixed;left:0;right:0;bottom:0;top:58px;z-index:25;overflow-y:auto;background:var(--bg,#0a0810);padding:0 18px 24px}
body.mlob #lobby[hidden]{display:none}
body.mlob .lbh{display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:2;padding:10px 0;background:var(--bg,#0a0810);border-bottom:1px solid var(--ln,#ffffff1c);margin-bottom:12px}
body.mlob .lbtabs{display:flex;gap:6px;flex:1;flex-wrap:wrap}
body.mlob .lbtabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--tx,#fff);opacity:.8;font:inherit;font-weight:600;font-size:14px;padding:8px 12px;cursor:pointer}
body.mlob .lbtabs button.on{color:#4aa8ff;opacity:1;border-bottom-color:#4aa8ff}
body.mlob .lbq{position:relative;width:min(260px,40%)}
body.mlob .lbq svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;opacity:.6}
body.mlob .lbq input{width:100%;box-sizing:border-box;padding:9px 12px 9px 34px;border-radius:99px;border:1px solid var(--ln,#ffffff22);background:rgba(255,255,255,.06);color:inherit;font:inherit;font-size:14px}
body.mlob .lbg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
body.mlob .lbc{position:relative;display:flex;flex-direction:column;gap:2px;min-height:124px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--c);background:linear-gradient(145deg,color-mix(in srgb,var(--c) 22%,#14121f),#0f0d18 70%);cursor:pointer;overflow:hidden}
body.mlob .lbc:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0008}
body.mlob .lbc.cur{outline:2px solid #e0a84a}
body.mlob .lbt{display:flex;justify-content:space-between;align-items:flex-start;flex:1}
body.mlob .lba{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;overflow:hidden;background:#ffffff14;box-shadow:0 0 0 2px var(--c)}
body.mlob .lba img{width:100%;height:100%;object-fit:cover}
body.mlob .lbr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
body.mlob .lbr>b{font-size:12px;padding:1px 8px;border-radius:6px;background:#f5a623;color:#1b1204}
body.mlob .lbf{width:30px;height:20px;border:0;border-radius:6px;background:#7a6cff;color:#fff;font-size:13px;line-height:20px;cursor:pointer}
body.mlob .lbf.on{background:#e0a84a;color:#1b1204}
body.mlob .lbp{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:700}
body.mlob .lbp svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
body.mlob .lbnm{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}
body.mlob .lbo{font-size:11px;opacity:.65;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme=light] body.mlob #lobby,[data-theme=light] body.mlob .lbh{background:#faf7ef}[data-theme=light] body.mlob .lbc{background:linear-gradient(145deg,color-mix(in srgb,var(--c) 14%,#fff),#fff 70%);border-color:#00000018}
  body.mlob #lobby{top:58px}
}
@media(max-width:700px){
  body.mlob .lbh{flex-wrap:wrap;gap:8px;padding:8px 0}
  body.mlob .lbtabs{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto}
  body.mlob .lbtabs button{white-space:nowrap;padding:6px 8px}
  body.mlob .lbq{width:100%}
  body.mlob #lobby{padding:0 12px 20px;z-index:60}
  body.mlob .lbg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
/* v199: mobil lobide üst bar (oda adı/ikonlar) gizli */
@media(max-width:700px){
  body.mlob header{display:none!important}
  body.mlob #lobby{top:0!important;padding-top:env(safe-area-inset-top,0)}
}

/* v200: giriş müziği */
.jmr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1a}
.jml{display:flex;flex-direction:column;min-width:0}.jml small{opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.jmt{display:flex;gap:6px;flex:none}.jmt button{border:1px solid #ffffff22;background:#ffffff0f;color:inherit;border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;opacity:.6}
.jmt button.on{background:#1f7a46;border-color:#2fd37a;opacity:1}.jmt button.off{background:#7a1f2a;border-color:#ff5a6e;opacity:1}
#jmM .jmb{width:min(420px,100%)}.jmc{padding:10px 12px;border-radius:12px;background:#ffffff0d;margin:8px 0}.jmc small{display:block;opacity:.65}
.jmbt{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}

.jmbn{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:99991;padding:10px 16px;border-radius:99px;border:1px solid #ffffff33;background:linear-gradient(135deg,#3a2c78,#1a1535);color:#fff;font:inherit;font-weight:600;box-shadow:0 8px 24px #000a;max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v201: mobil Tüm Odalar - 3'lü sütun, küçük premium kartlar */
@media(max-width:700px){
  body.mlob .lbg{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  body.mlob .lbc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:4px;min-height:0;padding:14px 6px 10px;border-radius:16px;border:1px solid color-mix(in srgb,var(--c) 38%,#ffffff1a);border-left:1px solid color-mix(in srgb,var(--c) 38%,#ffffff1a);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--c) 32%,transparent),transparent 62%),linear-gradient(160deg,#1b1730,#0d0b17 75%);box-shadow:inset 0 1px 0 #ffffff26,0 6px 16px #0007,0 0 0 0 transparent;overflow:hidden;transition:transform .15s,box-shadow .2s}
  body.mlob .lbc::before{content:"";position:absolute;left:-30%;top:-60%;width:160%;height:100%;background:linear-gradient(115deg,transparent 40%,#ffffff14 50%,transparent 60%);pointer-events:none}
  body.mlob .lbc:active{transform:scale(.96)}
  body.mlob .lbc.cur{outline:0;border-color:#e0a84a;box-shadow:inset 0 1px 0 #ffffff33,0 0 0 1px #e0a84a88,0 6px 22px #e0a84a44}
  body.mlob .lbt,body.mlob .lbr{display:contents}
  body.mlob .lba{order:1;width:42px;height:42px;font-size:21px;box-shadow:0 0 0 2px var(--c),0 0 14px color-mix(in srgb,var(--c) 70%,transparent)}
  body.mlob .lbnm{order:2;margin:3px 0 0;max-width:100%;font-size:12px;font-weight:700;letter-spacing:.2px;line-height:1.2}
  body.mlob .lbo{order:3;font-size:9.5px;min-height:0;max-width:100%}.lbo:empty{display:none}
  body.mlob .lbp{order:4;margin-top:3px;gap:4px;padding:2px 9px;border-radius:99px;background:#00000055;border:1px solid #ffffff1c;font-size:11px;font-weight:700}
  body.mlob .lbp svg{width:11px;height:11px}
  body.mlob .lbr>b{position:absolute;left:6px;top:6px;font-size:9.5px;padding:0 6px;border-radius:6px;line-height:15px;background:linear-gradient(135deg,#ffcf5a,#f5a623);box-shadow:0 2px 6px #0006}
  body.mlob .lbf{position:absolute;right:6px;top:6px;width:22px;height:18px;line-height:18px;font-size:11px;border-radius:6px;padding:0}
}

/* v202: oda kartında 'Oda Sahibi : X' */
.lbo .lbk{opacity:.7}.lbo .lbv{font-weight:600;opacity:.95}
@media(max-width:700px){body.mlob .lbo{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.25;font-size:9.5px;white-space:normal}body.mlob .lbo .lbv{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3d489}}

/* ===== Story (v203) ===== */
body.st-open{overflow:hidden}
.stbar{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;margin:0 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.stbar::-webkit-scrollbar{display:none}
.stT{flex:0 0 auto;width:68px;background:none;border:0;color:inherit;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font:inherit;padding:0}
.stT span{font-size:11px;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}
.stAdd span{font-size:10px;white-space:normal;text-align:center;line-height:1.15;max-height:2.3em}
.stR{width:58px;height:58px;border-radius:50%;padding:2.5px;display:flex;align-items:center;justify-content:center;position:relative}
.stR .av{width:100%!important;height:100%!important;border:2px solid var(--bg,#0a0810);box-sizing:border-box;font-size:20px}
.stR.un{background:conic-gradient(from 200deg,#f9a03f,#e8336d,#a23bd6,#f9a03f)}
.stR.sn{background:#ffffff33}
.stR.add{background:#ffffff1f;border:1.5px dashed #ffffff66;padding:2px}
.stPlus{position:absolute;right:-3px;bottom:-3px;width:21px;height:21px;border-radius:50%;background:linear-gradient(135deg,#f9a03f,#e8336d);color:#fff;font-size:14px;line-height:21px;text-align:center;font-weight:700;border:2px solid var(--bg,#0a0810)}
[data-theme=light] .stR .av,[data-theme=light] .stPlus{border-color:#faf7ef}
.stC,.stV{position:fixed;inset:0;z-index:100000;background:#000;color:#fff;display:flex;flex-direction:column;font-family:inherit;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.stH{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;flex:0 0 auto;z-index:3}
.stH.ov{position:absolute;left:0;right:0;top:0;background:linear-gradient(#000a,#0000)}
.stIb{width:40px;height:40px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.stIb.on{background:#e8336d}
.stTools{display:flex;gap:8px}.stCnt{font-size:13px;opacity:.8;flex:1;text-align:center}
.stCh{flex:1;overflow:auto;padding:8px 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;max-width:520px;width:100%;margin:0 auto}
.stSub{font-size:13px;opacity:.7;margin:0;text-align:center;line-height:1.4}
.stBig{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;padding:14px 16px;border-radius:18px;border:1px solid #ffffff22;background:linear-gradient(145deg,#ffffff1c,#ffffff08);color:#fff;cursor:pointer;font:inherit}
.stBig i{grid-row:1/3;font-style:normal;font-size:30px;width:44px;height:44px;border-radius:14px;background:#ffffff18;display:flex;align-items:center;justify-content:center}
.stBig b{font-size:16px}.stBig small{font-size:12px;opacity:.65}
.stGo{border:0;border-radius:16px;padding:14px;font:inherit;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#f9a03f,#e8336d);cursor:pointer;width:100%}
.stGo:disabled{opacity:.6}
.stLnk{background:none;border:0;color:#ffb4c8;font:inherit;font-size:13px;cursor:pointer;padding:4px}
.stCam,.stEd{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}
.stVid,.stMed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}
.stVid.mir{transform:scaleX(-1)}
.stMed{display:flex;align-items:center;justify-content:center}
.stPv{width:100%;height:100%;object-fit:contain;background:#000}
.stCb{position:absolute;left:0;right:0;bottom:0;padding:30px 0 calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(#0000,#000a)}
.stMd{display:flex;gap:6px;background:#00000066;border-radius:20px;padding:3px}
.stMd button{background:none;border:0;color:#fff;padding:6px 14px;border-radius:17px;font:inherit;font-size:13px;opacity:.7;cursor:pointer}
.stMd button.on{background:#fff;color:#000;opacity:1;font-weight:600}
.stShB{width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:none;padding:4px;cursor:pointer}
.stShB span{display:block;width:100%;height:100%;border-radius:50%;background:#fff;transition:.15s}
.stShB.vd span{background:#e8336d}
.recing .stShB span{border-radius:10px;transform:scale(.55);background:#e8336d}
.recing .stMd{visibility:hidden}.recing [data-a=flip]{opacity:.3}
.stTm{background:#e8336d;border-radius:14px;padding:4px 12px;font-size:13px}
.stBt{position:absolute;left:0;right:0;bottom:0;padding:40px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000d 35%);display:flex;flex-direction:column;gap:10px}
.stMc{display:flex;align-items:center;gap:8px;background:#ffffff26;border:0;border-radius:20px;color:#fff;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;backdrop-filter:blur(8px);align-self:flex-start;max-width:100%}
.stMc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50vw}.stMc small{opacity:.7}.stMc u{text-decoration:none;opacity:.8;padding:0 2px}
.stWarn{font-size:12px;background:#f9a03f33;border-radius:10px;padding:6px 10px}
.stTh{display:flex;gap:8px;overflow-x:auto;padding:2px 0;scrollbar-width:none}
.stTi{flex:0 0 auto;position:relative;width:48px;height:62px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#222;padding:0;color:#fff;cursor:pointer}
.stTi.on{border-color:#fff}.stTi img,.stTi video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.stTi em{position:absolute;left:3px;bottom:2px;font-size:10px;font-style:normal}
.stTi u{position:absolute;right:1px;top:1px;width:18px;height:18px;border-radius:50%;background:#000a;font-size:10px;line-height:18px;text-decoration:none}
.stTi.add{font-size:24px;background:#ffffff1f;border:1.5px dashed #ffffff66}
.stCap{width:100%;box-sizing:border-box;background:#ffffff1f;border:1px solid #ffffff2a;border-radius:14px;color:#fff;padding:10px 14px;font:inherit;font-size:14px;outline:0}
.stCap::placeholder{color:#fff9}
.stSheet{position:absolute;inset:0;z-index:10;background:#0008;display:flex;align-items:flex-end}
.stSheet.full{background:#000e}
.stSb{width:100%;max-width:560px;margin:0 auto;background:#17141f;border-radius:22px 22px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;max-height:88%}
.stSb.tall{height:88%;overflow:hidden}
.stSt{display:flex;align-items:center;justify-content:space-between;gap:10px}.stSt b{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.stSrch{display:flex;gap:8px}.stSrch input{flex:1;background:#ffffff14;border:1px solid #ffffff22;border-radius:14px;color:#fff;padding:11px 14px;font:inherit;font-size:14px;outline:0;min-width:0}
.stSrch button{border:0;border-radius:14px;background:linear-gradient(135deg,#f9a03f,#e8336d);color:#fff;padding:0 16px;font:inherit;font-weight:600;cursor:pointer}
.stChips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}.stChips button{flex:0 0 auto;border:1px solid #ffffff2a;background:#ffffff10;color:#fff;border-radius:16px;padding:6px 13px;font:inherit;font-size:12.5px;cursor:pointer}
.stChips button.on{background:#fff;color:#000}
.stRes{flex:1;overflow:auto;display:flex;flex-direction:column;gap:4px;min-height:0}
.stMr{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;cursor:pointer}.stMr:active,.stMr:hover{background:#ffffff12}
.stMr img,.stMr>i{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#ffffff18;display:flex;align-items:center;justify-content:center;font-style:normal;flex:0 0 auto}
.stMt{flex:1;min-width:0;display:flex;flex-direction:column}.stMt b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stMt span{font-size:12px;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stPl{width:38px;height:38px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;cursor:pointer;flex:0 0 auto}.stPl.lg{width:auto;border-radius:16px;padding:12px;font:inherit;font-weight:600;background:#ffffff22}
.stRg{position:relative;height:34px;margin:10px 4px 0}
.stRg::before{content:"";position:absolute;left:0;right:0;top:14px;height:6px;border-radius:3px;background:#ffffff26}
.stRgT{position:absolute;top:14px;height:6px;border-radius:3px;background:linear-gradient(90deg,#f9a03f,#e8336d)}
.stRg input{position:absolute;left:0;top:0;width:100%;height:34px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.stRg input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 6px #0009}
.stRg input::-moz-range-thumb{pointer-events:auto;width:24px;height:24px;border-radius:50%;background:#fff;border:0}
.stRg input::-webkit-slider-runnable-track{background:none}.stRg input::-moz-range-track{background:none}
.stRgL{display:flex;justify-content:space-between;font-size:12px;opacity:.85;margin:4px 4px 6px}
.stVm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}
.stVv{width:100%;height:100%;object-fit:contain;pointer-events:none}
.stPb{position:absolute;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top));display:flex;gap:4px;z-index:3}
.stPb i{flex:1;height:3px;border-radius:2px;background:#ffffff40;overflow:hidden}.stPb b{display:block;height:100%;background:#fff}
.stVh{position:absolute;left:0;right:0;top:calc(16px + env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;padding:10px 10px;z-index:4;background:linear-gradient(#000a,#0000)}
.stVu{display:flex;align-items:center;gap:9px;min-width:0}.stVu .av{width:34px;height:34px;font-size:14px}.stVu b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stVu span{font-size:12px;opacity:.7}
.stVt{display:flex;gap:6px}.stVt .stIb{width:36px;height:36px;font-size:16px}
.stVm2{position:absolute;left:12px;bottom:calc(70px + env(safe-area-inset-bottom));background:#0009;border-radius:16px;padding:6px 12px;font-size:12.5px;z-index:3;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stVc{position:absolute;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;padding:0 20px;font-size:15px;text-shadow:0 1px 6px #000;z-index:3}
.stVw{position:absolute;left:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:5;background:#0009;border:0;border-radius:16px;color:#fff;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer}
.stZ{position:absolute;top:90px;bottom:70px;z-index:2}.stZl{left:0;width:32%}.stZr{right:0;width:68%}
.stVl{overflow:auto;display:flex;flex-direction:column;gap:6px;max-height:50vh}.stVr{display:flex;align-items:center;gap:10px;padding:6px 2px}.stVr .av{width:34px;height:34px;font-size:14px}.stVr b{flex:1;font-size:14px}.stVr span{font-size:12px;opacity:.6}
.stC .stSheet .stSb,.stV .stSheet .stSb{color:#fff}
@media(min-width:701px){.stC,.stV{align-items:center}.stV .stVm{max-width:440px;left:50%;right:auto;width:440px;transform:translateX(-50%)}.stV .stPb,.stV .stVh{left:50%;right:auto;width:424px;transform:translateX(-50%)}.stV .stZ{display:none}.stV .stZl{display:block;left:calc(50% - 220px);width:150px}.stV .stZr{display:block;right:auto;left:calc(50% - 70px);width:290px}.stCam,.stEd{max-width:460px;width:100%}}
.onb.stb::before,.onb.stb::after{content:none!important;display:none!important}
#chat .ch-h .onb.stb,.qb .onb.stb{background:#ffffff14!important;border:1px solid #ffffff22!important;color:#e9e7f1!important;-webkit-text-fill-color:#e9e7f1!important}
[data-theme=light] #chat .ch-h .onb.stb,[data-theme=light] .qb .onb.stb{background:#0000000d!important;color:#222!important;-webkit-text-fill-color:#222!important;border-color:#00000022!important}
.stb .stDot{display:none}.stb.has .stDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e8336d;margin-left:2px}
.stPnW{position:fixed;inset:0;z-index:99990;background:#0007;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(60px + env(safe-area-inset-top))}
.stPn{width:min(92vw,460px);background:#17141f;color:#fff;border:1px solid #ffffff1c;border-radius:20px;padding:12px 14px 14px;box-shadow:0 18px 50px #000a}
.stPh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.stPh b{font-size:15px}
.stPn .stbar{margin:0;padding:6px 2px 10px}

/* ===== Story v204: premium düğmeler, avatar çerçevesi, tepki/yorum, DM önizleme ===== */
.av.sty{box-shadow:0 0 0 2px var(--bg,#0a0810),0 0 0 4.5px #f0447a,0 0 12px 3px #f9a03f55;position:relative}
[data-theme=light] .av.sty{box-shadow:0 0 0 2px #faf7ef,0 0 0 4.5px #f0447a,0 0 12px 3px #f9a03f55}
.pc-ring[data-sty]{cursor:pointer;position:relative}
.pc-st{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f9a03f,#e8336d 55%,#a23bd6);border-radius:12px;padding:3px 10px;white-space:nowrap;box-shadow:0 4px 12px #e8336d66;z-index:3}
#qb #chInfo.onb,#chat .ch-h #chInfo.onb{background:linear-gradient(135deg,#19d3a033,#2dd4ff26 60%,#ffffff10)!important;border:1px solid #52e39acc!important;box-shadow:0 0 16px #2dd4ff3a,0 2px 10px #0006,inset 0 1px 0 #ffffff44!important;color:#eafff6!important;-webkit-text-fill-color:#eafff6!important;font-weight:800!important;letter-spacing:.3px;backdrop-filter:blur(8px)!important}
#qb #stBtn.onb,#chat .ch-h #stBtn.onb{background:linear-gradient(135deg,#f9a03f55,#e8336d55 55%,#a23bd655)!important;border:1px solid #ff8fb4cc!important;box-shadow:0 0 18px #e8336d55,0 2px 10px #0006,inset 0 1px 0 #ffffff55!important;color:#fff4f8!important;-webkit-text-fill-color:#fff4f8!important;font-weight:800!important;letter-spacing:.3px;backdrop-filter:blur(8px)!important;position:relative;overflow:hidden}
#stBtn.onb::after{content:""!important;display:block!important;position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);animation:stSh 3.6s ease-in-out infinite;border:0;right:auto;border-radius:0}
@keyframes stSh{0%,60%{left:-60%}100%{left:130%}}
#stBtn .stDot{box-shadow:0 0 8px #fff}
.stV.rp .stVc{bottom:calc(150px + env(safe-area-inset-bottom))}.stV.rp .stVm2{bottom:calc(196px + env(safe-area-inset-bottom))}
.stRp{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:30px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000c 40%);display:flex;flex-direction:column;gap:10px;align-items:center}
.stEm{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.stEm button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff2a;background:#ffffff1c;backdrop-filter:blur(8px);font-size:22px;cursor:pointer;transition:transform .15s;padding:0;line-height:1}
.stEm button:active{transform:scale(1.35)}
.stIn{display:flex;gap:8px;width:100%;max-width:440px}
.stRi{flex:1;min-width:0;background:#ffffff1f;border:1px solid #ffffff44;border-radius:22px;color:#fff;padding:11px 16px;font:inherit;font-size:14px;outline:0;backdrop-filter:blur(8px)}
.stRi::placeholder{color:#fffa}
.stRs{width:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#f9a03f,#e8336d);color:#fff;font-size:17px;cursor:pointer;flex:0 0 auto}
.stFl{position:absolute;left:50%;bottom:140px;font-size:64px;z-index:8;pointer-events:none;animation:stFly 1.2s ease-out forwards}
@keyframes stFly{0%{transform:translate(-50%,0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translate(-50%,-260px) scale(1.4);opacity:0}}
.stVr em{font-style:normal;font-size:18px}
.dmst{display:flex;gap:10px;align-items:stretch;cursor:pointer;min-width:190px}
.dmstp{position:relative;width:58px;height:84px;border-radius:12px;overflow:hidden;background:#222;flex:0 0 auto;border:2px solid #f0447a}
.dmstp .stth{width:100%;height:100%;object-fit:cover;display:block}.dmstp em{position:absolute;left:3px;bottom:3px;font-style:normal;font-size:11px}
.stgone{display:flex;height:100%;align-items:center;justify-content:center;text-align:center;font-size:10px;padding:4px;opacity:.7}
.dmstx{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.dmstx small{opacity:.7;font-size:11px}.dmse{font-size:30px;line-height:1}.dmsc{font-size:14px;word-break:break-word}
@media(min-width:701px){.stV .stRp{left:50%;right:auto;width:440px;transform:translateX(-50%)}}

/* v205 — oda arka planı her ekranda (telefon dahil) görselin TAMAMI görünür: arkada bulanık dolgu + önde sığdırılmış görsel */
body.hasbgp:not([data-bgw])::before{filter:blur(22px) saturate(1.1);transform:scale(1.08);background-size:cover;background-image:linear-gradient(rgba(18,15,10,var(--cfd,0)),rgba(18,15,10,var(--cfd,0))),linear-gradient(rgba(10,8,6,var(--cdim,.55)),rgba(10,8,6,var(--cdim,.55))),var(--cbg)}
body.hasbgp:not([data-bgw])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(18,15,10,var(--cfd,0)),rgba(18,15,10,var(--cfd,0))),linear-gradient(rgba(10,8,6,var(--cdim,.55)),rgba(10,8,6,var(--cdim,.55))),var(--cbg);background-size:auto,contain;background-position:center,var(--cpos,center);background-repeat:no-repeat}
[data-theme=light] body.hasbgp:not([data-bgw])::before,[data-theme=light] body.hasbgp:not([data-bgw])::after{background-image:linear-gradient(rgba(255,252,244,var(--cfd,0)),rgba(255,252,244,var(--cfd,0))),linear-gradient(rgba(255,252,244,var(--ldim,.4)),rgba(255,252,244,var(--ldim,.4))),var(--cbg)}
/* Story: yukarı kaydırınca tepki/yorum paneli (Instagram tarzı) */
.stV .stRp{transform:translateY(105%);transition:transform .28s ease;pointer-events:none}
.stV.rpo .stRp{transform:none;pointer-events:auto}
.stV .stHint{position:absolute;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5;background:#0007;border:1px solid #ffffff2a;border-radius:20px;color:#fff;padding:6px 14px;font:inherit;font-size:12px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px);cursor:pointer;white-space:nowrap;animation:stHb 2s ease-in-out infinite}
.stHint i{font-style:normal;font-size:16px;font-weight:800;line-height:1}
@keyframes stHb{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}
.stV.rpo .stHint{display:none}
.stV.rp .stVc{bottom:calc(52px + env(safe-area-inset-bottom))}.stV.rp .stVm2{bottom:calc(96px + env(safe-area-inset-bottom))}
.stV.rpo .stVc,.stV.rpo .stVm2{opacity:0}
.stV,.stC{touch-action:none}
/* Story: müzik etiketi kullanıcı adının hemen altında, uzun isim sola kayar */
.stV .stVm2{top:calc(76px + env(safe-area-inset-top));bottom:auto;left:12px;right:auto;max-width:min(78%,300px);overflow:hidden;text-overflow:clip;white-space:nowrap;padding:5px 12px;font-size:12.5px;background:#0008;backdrop-filter:blur(8px);border-radius:14px;z-index:4;opacity:1!important}
.stV .stVm2 span{display:inline-block;white-space:nowrap}
.stV .stVm2 span.mq{padding-right:36px;animation:stMq 9s linear infinite}
@keyframes stMq{0%,12%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media(min-width:701px){.stV .stVm2{left:calc(50% - 208px)}}
.stHint.own{border-color:#ffffff44}
.stV .stVm2{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#000a}
.stV .stVm2,.stV.rp .stVm2,.stV.rpo .stVm2{bottom:auto!important;height:auto!important}
/* v206 — oda arka planı otomatik uyum: oda oranına yakın görsel odayı tamamen doldurur */
body.hasbgp[data-bgfit=cover]:not([data-bgw])::before{filter:none;transform:none;background-size:cover}
body.hasbgp[data-bgfit=cover]:not([data-bgw])::after{display:none}
/* Story: müzik etiketi kullanıcı adının hemen altında, genişliği ad satırı kadar */
.stV .stVu{align-items:center}
.stV .stVc2{display:flex;flex-direction:column;min-width:0;gap:1px}
.stV .stVn{display:flex;align-items:baseline;gap:8px;min-width:0}
.stV .stVu .stVm2{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:0;min-width:100%;max-width:none!important;margin:0;padding:0!important;background:none!important;border-radius:0!important;font-size:12px;line-height:1.35;opacity:.9!important;overflow:hidden;white-space:nowrap}
.stV .stVu .stVm2 span{display:inline-block;white-space:nowrap}
.stV .stVu .stVm2 span.mq{padding-right:28px;animation:stMq 7s linear infinite}

/* ===== Story v207: çerçeveli avatarda Story göstergesi + odada "Göz At" kartı ===== */
.avf.sty{filter:drop-shadow(0 0 5px #f0447a) drop-shadow(0 0 2px #f9a03f)}
.avf .stb{position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#f9a03f,#e8336d 55%,#a23bd6);font-size:9px;line-height:16px;text-align:center;font-style:normal;border:2px solid var(--bg,#0a0810);box-shadow:0 2px 6px #0008;z-index:4}
[data-theme=light] .avf .stb{border-color:#faf7ef}
.pc-ring .avf .stb{width:26px;height:26px;line-height:26px;font-size:14px;right:2px;bottom:2px}
.stMsg{margin:8px auto;max-width:440px;width:calc(100% - 20px);border-radius:18px;padding:1.5px;background:linear-gradient(120deg,#f9a03f,#e8336d 45%,#a23bd6 80%,#f9a03f);box-shadow:0 6px 22px #e8336d33;animation:stIn .5s ease both}
@keyframes stIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.stMi{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:16.5px;background:linear-gradient(145deg,#1d1426f2,#120c1af2);color:#fff}
[data-theme=light] .stMi{background:linear-gradient(145deg,#fff7fb,#fff);color:#2a1c33}
.stMi .av{width:40px;height:40px;font-size:16px}
.stMt2{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.stMt2 b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stMt2 span{font-size:12px;opacity:.75}
.stGoB{position:relative;overflow:hidden;border:0;border-radius:20px;padding:9px 16px;font:inherit;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,#f9a03f,#e8336d 55%,#a23bd6);box-shadow:0 4px 14px #e8336d66,inset 0 1px 0 #ffffff66;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}
.stGoB i{font-style:normal}
.stGoB::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);transform:skewX(-20deg);animation:stSh 3s ease-in-out infinite}
.stGoB:active{transform:scale(.96)}
/* v208 — Story rozeti ⦿ : dönen renkli halka + parlayan çekirdek + dalga efekti */
.avf .stb{width:20px;height:20px;z-index:3;border:0;font-size:0;line-height:0;right:-6px;bottom:-6px;background:conic-gradient(from 0deg,#f9a03f,#e8336d,#a23bd6,#f9a03f);box-shadow:0 0 8px #e8336d,0 0 0 0 #e8336daa;animation:stSpin 2.6s linear infinite,stRip 1.8s ease-out infinite}
.avf .stb::before{content:"";position:absolute;inset:3px;border-radius:50%;background:#150f1d}
.avf .stb::after{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd3e3);box-shadow:0 0 6px #fff,0 0 10px #ff6fa0;animation:stCore 1.4s ease-in-out infinite alternate}
.pc-ring .avf .stb{width:32px;height:32px;right:-2px;bottom:-2px}.pc-ring .avf .stb::before{inset:4px}.pc-ring .avf .stb::after{inset:9px}
@keyframes stSpin{to{transform:rotate(360deg)}}
@keyframes stRip{0%{box-shadow:0 0 8px #e8336d,0 0 0 0 #e8336daa}100%{box-shadow:0 0 8px #e8336d,0 0 0 9px #e8336d00}}
@keyframes stCore{from{transform:scale(.8);opacity:.85}to{transform:scale(1.1);opacity:1}}
/* v209 story ikonlar */
.stSvg{display:block;filter:drop-shadow(0 1px 2px #0006)}
.stIb{background:linear-gradient(145deg,#ffffff3d,#ffffff12);border:1px solid #ffffff38;box-shadow:0 4px 14px #0006,inset 0 1px 0 #ffffff40;transition:transform .15s,background .2s}
.stIb:hover{background:linear-gradient(145deg,#ffffff55,#ffffff1c)}.stIb:active{transform:scale(.92)}
.stIb[data-a=back],.stIb[data-a=x]{color:#fff}
.stIb[data-a=mus]{background:linear-gradient(145deg,#f9a03f,#e8336d 55%,#a23bd6);border-color:#ffffff55;box-shadow:0 4px 16px #e8336d77,inset 0 1px 0 #ffffff66}
.stIb.on{background:linear-gradient(145deg,#ff5c93,#e8336d);border-color:#ffffff55}
.stIb .stSvg{margin:auto}
.stMi{display:inline-flex;vertical-align:-2px;margin-right:5px;font-style:normal;color:#ff9fc2}.stMi .stSvg{width:14px;height:14px;filter:drop-shadow(0 0 4px #e8336d)}
.stBig i{display:inline-flex;align-items:center;justify-content:center;font-style:normal;color:#fff}.stBig i .stSvg{width:30px;height:30px}
.stMr>i{display:inline-flex;align-items:center;justify-content:center;font-style:normal;color:#fff;background:linear-gradient(145deg,#f9a03f,#e8336d 55%,#a23bd6)}
/* v210 story metin */
.stTxL{position:absolute;inset:0;container-type:size;pointer-events:none;overflow:hidden;z-index:2}
.stMed{container-type:normal}
.stTx{position:absolute;max-width:86%;padding:.1em .3em;text-align:center;font-weight:800;line-height:1.2;white-space:pre-wrap;word-break:break-word;text-shadow:0 2px 10px #0008;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:none}
.stTx.bg,.stTxIn.bg{border-radius:.35em;padding:.15em .45em;text-shadow:none}
.stTx.f1,.stTxIn.f1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700}
.stTx.f2,.stTxIn.f2{font-family:'Courier New',monospace;font-weight:800;letter-spacing:.02em}
.stTx.f3,.stTxIn.f3{font-family:Impact,'Arial Black',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.stEd .stTx{pointer-events:auto;cursor:grab}
.stTrash{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;background:#000a;border:1px solid #fff4;display:flex;align-items:center;justify-content:center;font-size:22px;z-index:6;transition:.15s}
.stTrash[hidden]{display:none}.stTrash.hot{background:#e8336d;transform:translateX(-50%) scale(1.25)}
.stTxE{position:absolute;inset:0;z-index:30;background:#000c;backdrop-filter:blur(14px);display:flex;flex-direction:column;container-type:size;color:#fff}
.stTxT{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:8px}
.stTxO{display:flex;gap:8px}.stTxO .stIb{font-weight:800;font-size:15px}
.stTxOk{border:0;border-radius:20px;padding:10px 18px;font-weight:800;font-size:14px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9a03f,#e8336d 55%,#a23bd6);box-shadow:0 4px 16px #e8336d77}
.stTxB{flex:1;display:flex;align-items:center;justify-content:center;padding:0 16px;min-height:0}
.stTxIn{max-width:100%;text-align:center;font-weight:800;line-height:1.2}
.stTxIn textarea{width:min(86cqw,520px);background:transparent;border:0;outline:0;resize:none;color:inherit;font:inherit;text-align:center;line-height:1.2;overflow:hidden;caret-color:#fff;max-height:50cqh}
.stTxIn textarea::placeholder{color:#fff7}
.stTxC{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:12px 12px calc(14px + env(safe-area-inset-bottom))}
.stTxC button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;cursor:pointer;box-shadow:0 2px 8px #0006}
.stTxC .stTxDel{background:#ffffff22;font-size:15px;line-height:1}
/* v211 story: çıkartma, anket, soru, çizim, filtre, katman, kolaj, animasyon, neon */
.stDrL{position:absolute;inset:0;pointer-events:none}.stDr{width:100%;height:100%;display:block;overflow:visible}
.stV .stTxL.stVw{position:absolute;inset:0;z-index:5}
@media(min-width:701px){.stV .stTxL.stVw{left:50%;right:auto;width:440px;transform:translateX(-50%)}}
.stIx{pointer-events:auto!important;cursor:pointer}
.stTx.neon{background:none;text-shadow:inherit}
.stTx.f0,.stTx.f1,.stTx.f2,.stTx.f3{}
.stK{font-weight:700;text-shadow:none;padding:0}
.stKe{padding:0;line-height:1;text-shadow:0 4px 14px #0006}
.stKm,.stKl,.stKk{background:#ffffffee;color:#111;border-radius:.6em;padding:.35em .75em;font-weight:800;box-shadow:0 6px 20px #0005;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}
.stKm{color:#7a2cff}.stKk{background:linear-gradient(135deg,#f9a03f,#e8336d 55%,#a23bd6);color:#fff}
.stKp,.stKq{width:74cqw;background:#fffffff2;color:#111;border-radius:1em;padding:.7em .8em;box-shadow:0 8px 28px #0006;text-align:center;font-size:inherit}
.stKp>b,.stKq>b{display:block;font-size:1em;font-weight:800;margin-bottom:.5em;line-height:1.2}
.stKq{background:linear-gradient(145deg,#a23bd6,#e8336d 60%,#f9a03f);color:#fff}
.stKq>span{display:block;background:#ffffff33;border-radius:.6em;padding:.55em;font-size:.85em;font-weight:600;opacity:.95}
.po2{display:flex;flex-direction:column;gap:.35em}
.po{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:.5em;border:0;border-radius:.6em;background:#0000000f;color:#111;font:inherit;font-size:.9em;font-weight:700;padding:.55em .7em;cursor:pointer;text-align:left}
.po i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#f9a03f88,#e8336d88);transition:width .5s}.po.me i{background:linear-gradient(90deg,#f9a03f,#e8336d)}
.po span,.po em{position:relative;font-style:normal}.po.me{color:#111;outline:2px solid #e8336d}
.stKp small{display:block;margin-top:.4em;font-size:.7em;opacity:.6}
.stEd .stSide{position:absolute;right:10px;top:calc(76px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:10px;z-index:4}
.stPn{position:absolute;inset:0;z-index:30}
.stSk,.stLy{background:#0008;display:flex;align-items:flex-end}
.stSkB{width:100%;max-height:75%;overflow:auto;background:linear-gradient(#1b1424,#120d1a);border-radius:22px 22px 0 0;padding:14px 14px calc(16px + env(safe-area-inset-bottom));color:#fff;box-shadow:0 -10px 40px #000a}
.stSkH{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.stSkG,.stCoG{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stCoG{grid-template-columns:repeat(4,1fr)}
.stSkG button,.stCoG button{border:1px solid #ffffff2a;border-radius:16px;background:linear-gradient(145deg,#ffffff1c,#ffffff08);color:#fff;padding:14px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:700}
.stSkG i{font-style:normal;font-size:28px}
.stEmG{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.stEmG button{border:0;background:none;font-size:28px;padding:6px 0;cursor:pointer;border-radius:10px}.stEmG button:active{background:#ffffff22}
.stCoP{position:relative;width:42px;height:74px;background:#000;border-radius:6px}.stCoP u{position:absolute;background:linear-gradient(145deg,#f9a03f,#e8336d);border:2px solid #000;box-sizing:border-box;border-radius:4px}
.stFm{background:#000d;backdrop-filter:blur(12px);display:flex;flex-direction:column;color:#fff}
.stFm .stTxT{padding:calc(12px + env(safe-area-inset-top)) 12px 12px}
.stFb{padding:10px 16px;display:flex;flex-direction:column;gap:10px;overflow:auto}
.stFi{width:100%;box-sizing:border-box;background:#ffffff1f;border:1px solid #ffffff2a;border-radius:14px;color:#fff;padding:13px 14px;font:inherit;font-size:15px;outline:0}.stFi::placeholder{color:#fff8}
.stFr{display:flex;flex-direction:column;gap:6px}.stFr button{text-align:left;border:0;border-radius:12px;background:#ffffff18;color:#fff;padding:11px 14px;font:inherit;font-weight:700;cursor:pointer}.stFo{opacity:.8;font-size:13px;padding:4px 2px}
.stFd{border:0;border-radius:14px;background:#ff4d6d33;color:#ff9fb4;padding:12px;font:inherit;font-weight:700;cursor:pointer;margin-top:6px}
.stDrw{position:absolute;inset:0;z-index:5;touch-action:none;cursor:crosshair}
.stDrB{pointer-events:none;z-index:31}.stDrB>*{pointer-events:auto}
.stDrT{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(#000a,#0000)}
.stDrB .stTxC{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#0000,#000b)}
.stDrW{display:flex;gap:8px}.stDrW button{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff44;background:#ffffff22;display:flex;align-items:center;justify-content:center;cursor:pointer}.stDrW button.on{background:#e8336d}.stDrW i{display:block;border-radius:50%;background:#fff}
.stFl{pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-direction:column;padding:0 0 calc(14px + env(safe-area-inset-bottom));z-index:31}
.stFl>*{pointer-events:auto}.stFl .stTxOk{align-self:flex-end;margin:0 12px 8px}
.stFlR{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;width:100%;box-sizing:border-box;background:linear-gradient(#0000,#000c);scrollbar-width:none}
.stFlR button{flex:0 0 auto;border:1px solid #ffffff44;background:#ffffff1f;color:#fff;border-radius:18px;padding:9px 16px;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.stFlR button.on{background:linear-gradient(135deg,#f9a03f,#e8336d);border-color:#fff8}
.stLyL{display:flex;flex-direction:column;gap:8px}.stLyR{display:flex;gap:6px;align-items:center}
.stLyR button{border:0;border-radius:12px;background:#ffffff1c;color:#fff;width:40px;height:40px;cursor:pointer;font-size:14px}
.stLyR .stLyN{flex:1;width:auto;text-align:left;padding:0 14px;font:inherit;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;color:#fff}
span.stLyN{background:#ffffff1c;border-radius:12px;height:40px}
.stAsk{position:absolute;inset:0;z-index:40}.stAskB{position:absolute;inset:0;background:#000b;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}
.stAskC{width:min(360px,100%);background:linear-gradient(145deg,#a23bd6,#e8336d 60%,#f9a03f);border-radius:22px;padding:18px;color:#fff;box-shadow:0 20px 60px #000a}
.stAskC b{display:block;font-size:17px;margin-bottom:12px;line-height:1.25}
.stAskC input{width:100%;box-sizing:border-box;border:0;border-radius:14px;background:#fff;color:#111;padding:13px;font:inherit;font-size:15px;outline:0}
.stAskA{display:flex;gap:8px;margin-top:12px}.stAskA button{flex:1;border:0;border-radius:14px;padding:12px;font:inherit;font-weight:800;cursor:pointer;background:#ffffff33;color:#fff}.stAskA .go{background:#fff;color:#c4206a}
/* animasyonlar (transform'dan bağımsız: scale/translate özellikleri) */
@keyframes anPop{0%{scale:.2;opacity:0}60%{scale:1.15;opacity:1}100%{scale:1}}
@keyframes anPulse{0%,100%{scale:1}50%{scale:1.12}}
@keyframes anFloat{0%,100%{translate:0 -.12em}50%{translate:0 .12em}}
@keyframes anShake{0%,100%{translate:0 0}20%{translate:-.06em 0}40%{translate:.06em 0}60%{translate:-.04em 0}80%{translate:.04em 0}}
@keyframes anNeon{0%,18%,22%,60%,100%{opacity:1}20%,62%{opacity:.35}}
.an1{animation:anPop .7s ease-out both}.an2{animation:anPulse 1.1s ease-in-out infinite}.an3{animation:anFloat 2.2s ease-in-out infinite}.an4{animation:anShake .5s linear infinite}.an5{animation:anNeon 2.4s linear infinite}
.stTxIn.neon{background:none!important;text-shadow:0 0 .06em #fff,0 0 .3em currentColor,0 0 .8em currentColor}
/* v212 Story mesaj kartı: sabit, kaymasız, premium */
.stMsg{animation:none!important;transform:none!important;margin:8px auto;padding:1px;border-radius:20px;max-width:420px;width:calc(100% - 20px);box-sizing:border-box;background:linear-gradient(135deg,#f9a03f,#e8336d 50%,#a23bd6);box-shadow:0 8px 26px #e8336d30;contain:layout paint}
.stMi{height:64px;box-sizing:border-box;gap:12px;padding:0 12px 0 14px;border-radius:19px;background:linear-gradient(145deg,#241830,#140d1c);position:relative;overflow:hidden}
.stMi::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,#e8336d33,transparent 60%),radial-gradient(circle at 100% 100%,#a23bd633,transparent 55%);pointer-events:none}
.stMi>*{position:relative}
.stMi .avf,.stMi .av{flex:0 0 auto}
.stMt2{gap:2px}.stMt2 b{font-size:14.5px;font-weight:800;letter-spacing:.1px}
.stMt2 span{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.8}
.stLiv{width:7px;height:7px;border-radius:50%;background:#ff5c93;box-shadow:0 0 8px #ff5c93;flex:0 0 auto}
.stMsg .stGoB{height:38px;padding:0 14px 0 18px;border-radius:19px;font-size:13.5px;letter-spacing:.2px;background:linear-gradient(135deg,#f9a03f,#e8336d 55%,#a23bd6);box-shadow:0 4px 14px #e8336d66,inset 0 1px 0 #ffffff77,inset 0 -2px 0 #0000002a;display:inline-flex;align-items:center;gap:4px}
.stMsg .stGoB::after{display:none}
.stMsg .stGoB:active{transform:none;filter:brightness(.92)}
[data-theme=light] .stMi{background:linear-gradient(145deg,#fff6fb,#fff);color:#2a1c33}
/* Mesaj yazma alanı ve alt satırı: şeffaf */
#chat .inp,#chat .inp .ipill,#chat .inp .apill,body.dk-side #chat .inp .apill,body.dk-side #chat .inp .ipill,.inp,.inp .ipill,.inp .apill{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.inp #mi{background:transparent!important}
.inp .ab,.inp #giftBtn,.inp #gameBtn,.inp #bcBtn{background:transparent!important}
.inp .lock{background:transparent!important}
#chat .ch-h,#chat.vrroom .ch-h,.chat.vrroom .ch-h{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.stMsg>.stMi{width:100%;max-width:none;margin:0;display:flex}
/* v213 açık tema: arka plan görseli üstünde belirgin butonlar */
[data-theme=light] #chat .inp .eb,[data-theme=light] #chat .inp .ab,[data-theme=light] #chat .inp #giftBtn,[data-theme=light] #chat .inp #gameBtn,[data-theme=light] #chat .inp #bcBtn,[data-theme=light] #chat #vrCtl .vb,[data-theme=light] #chat .ch-h .rcb,[data-theme=light] #chat #chRef{background:rgba(255,255,255,.72)!important;border:1px solid rgba(20,16,32,.22)!important;color:#15101f!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4)}
[data-theme=light] #chat .inp .eb svg,[data-theme=light] #chat .inp .ab svg,[data-theme=light] #chat #vrCtl .vb svg,[data-theme=light] #chat .ch-h .rcb svg,[data-theme=light] #chat #chRef svg{stroke:#15101f!important;stroke-width:2.2!important;filter:none}
[data-theme=light] #chat .inp #giftBtn svg{stroke:#d81b60!important}[data-theme=light] #chat .inp #gameBtn svg{stroke:#5b2bd1!important}
[data-theme=light] #chat #vrCtl .vb svg path,[data-theme=light] #chat #vrCtl .vb svg rect,[data-theme=light] #chat #vrCtl .vb svg line{stroke:#15101f}
[data-theme=light] #chat .inp .ipill{border:1px solid rgba(20,16,32,.38)!important}
[data-theme=light] #chat .inp #mi{color:#15101f!important;text-shadow:0 0 6px rgba(255,255,255,.9)}
[data-theme=light] #chat .inp #mi::placeholder{color:#15101f!important;opacity:.78;font-weight:600;text-shadow:0 0 6px rgba(255,255,255,.95)}
/* v214 açık tema: premium cam butonlar */
[data-theme=light] #chat .inp .eb,[data-theme=light] #chat .inp .ab,[data-theme=light] #chat .inp #giftBtn,[data-theme=light] #chat .inp #gameBtn,[data-theme=light] #chat .inp #bcBtn,[data-theme=light] #chat #vrCtl .vb,[data-theme=light] #chat .ch-h .rcb,[data-theme=light] #chat #chRef{
 background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(255,255,255,.5) 55%,rgba(255,244,214,.6))!important;
 border:1px solid rgba(255,255,255,.95)!important;
 box-shadow:0 0 0 1px rgba(176,132,44,.38),0 8px 20px rgba(20,14,40,.30),0 2px 4px rgba(20,14,40,.18),inset 0 1.5px 0 #fff,inset 0 -3px 8px rgba(176,132,44,.16)!important;
 backdrop-filter:blur(16px) saturate(1.6)!important;-webkit-backdrop-filter:blur(16px) saturate(1.6)!important;
 transition:transform .15s,box-shadow .2s}
[data-theme=light] #chat .inp .eb:active,[data-theme=light] #chat .inp .ab:active,[data-theme=light] #chat #vrCtl .vb:active,[data-theme=light] #chat #chRef:active{transform:scale(.93)}
[data-theme=light] #chat .inp .eb svg,[data-theme=light] #chat .inp .ab svg,[data-theme=light] #chat #vrCtl .vb svg,[data-theme=light] #chat .ch-h .rcb svg,[data-theme=light] #chat #chRef svg{stroke:#2a1d4d!important;stroke-width:2.1!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}
[data-theme=light] #chat .inp #giftBtn svg{stroke:#e0245e!important}[data-theme=light] #chat .inp #gameBtn svg{stroke:#6a35e8!important}
[data-theme=light] #chat .inp .ipill{background:linear-gradient(150deg,rgba(255,255,255,.34),rgba(255,255,255,.12))!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 0 0 1px rgba(176,132,44,.3),0 8px 22px rgba(20,14,40,.22),inset 0 1.5px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(14px) saturate(1.5)!important;-webkit-backdrop-filter:blur(14px) saturate(1.5)!important}
[data-theme=light] #chat .inp #mi{color:#1c1236!important;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.7)}
[data-theme=light] #chat .inp #mi::placeholder{color:#2a1d4d!important;opacity:.8;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.8)}
[data-theme=light] #chat .inp .sendb{background:linear-gradient(145deg,#ffe08a,#e2a93a 55%,#b9801f)!important;color:#2a1a00!important;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 8px 18px rgba(150,100,10,.45),inset 0 1.5px 0 #fff8!important}
body.lobwait #chat,body.lobwait .rhead{visibility:hidden}
html.lobwait0 #chat,html.lobwait0 .rhead{visibility:hidden}
/* v215 tablet / masaüstü: sohbet en soldan başlar (kendi mesajın dahil); sistem satırları ve kartlar da sola yaslı */
@media(min-width:701px){
 #msgs .sys,.chat.hasbg #msgs .sys{display:table!important;margin-left:0!important;margin-right:auto!important;text-align:left;max-width:86%}
 #msgs .stMsg{margin-left:0!important;margin-right:auto!important}
 #msgs .gm{justify-content:flex-start}
}
/* v216 Story artık yok popup */
.stGone{position:fixed;inset:0;z-index:200000;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:stGi .22s ease-out both}
.stGone.out{animation:stGo .3s ease-in both}
.stGoneC{display:flex;align-items:center;gap:12px;padding:14px 22px 14px 16px;border-radius:22px;color:#fff;background:linear-gradient(145deg,rgba(40,24,52,.62),rgba(18,12,28,.55));border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 1px rgba(232,51,109,.35),0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.35);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6)}
.stGoneC i{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9a03f,#e8336d 55%,#a23bd6);box-shadow:0 4px 16px rgba(232,51,109,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.stGoneC b{font-size:16px;font-weight:800;letter-spacing:.2px}
@keyframes stGi{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes stGo{to{opacity:0;transform:scale(.96)}}
/* v217 Tüm Odalar ekranı açıkken oda arka planı ve sohbet görünmez (yanıp sönme yok) */
body.dk-lob #chat,body.mlob #chat{visibility:hidden!important}
body.dk-lob.hasbgp::before,body.dk-lob.hasbgp::after,body.mlob.hasbgp::before,body.mlob.hasbgp::after{display:none!important}
body.dk-lob #chat.hasbg,body.mlob #chat.hasbg{background-image:none!important}

/* v218 profil avatar seçici */
.avpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;margin-top:10px;max-height:190px;overflow:auto;padding:4px}
.avpg[hidden]{display:none}
.avpg button{padding:0;border:2px solid transparent;border-radius:50%;background:none;aspect-ratio:1;overflow:hidden;cursor:pointer}
.avpg button:hover,.avpg button:focus-visible{border-color:var(--ac,#7c5cff)}
.avpg img{width:100%;height:100%;object-fit:cover;display:block}
#pAv{margin-left:6px}

/* v219 mobil Tüm Odalar üst araç çubuğu */
.lbm{display:none}
@media(max-width:700px){
  body.mlob .lbm{display:block;padding:10px 0 6px}
  body.mlob .lbm1{display:flex;align-items:center;gap:8px}
  body.mlob .lbsp{flex:1}
  body.mlob .lbm1 button{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--ln,#ffffff22);background:rgba(255,255,255,.07);color:inherit;font-size:17px;display:grid;place-items:center;padding:0;cursor:pointer}
  body.mlob .lbm1 button[hidden]{display:none}
  body.mlob .lbm1 .lbme{width:44px;height:44px;border:0;background:none;overflow:visible}
  body.mlob .lbm1 .lbme .av{width:44px;height:44px}
  body.mlob .lbm1 .lbse .seyav{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
  body.mlob .lbm1 .lbse img,body.mlob .lbm1 .lbse svg{width:100%;height:100%;object-fit:cover;border-radius:50%}
  body.mlob .lbb{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#e5484d;color:#fff;font:700 10px/17px inherit;font-style:normal;text-align:center}
  body.mlob .lbb:empty{display:none}
  body.mlob .lbm2{margin-top:10px}
  body.mlob .lbm2 .srch{display:flex!important;width:100%;position:relative}
  body.mlob .lbm2 .srch input{width:100%;box-sizing:border-box;height:46px;padding:0 14px 0 40px;border-radius:99px;border:1px solid var(--ln,#ffffff22);background:rgba(255,255,255,.06);color:inherit;font:inherit}
  body.mlob .lbm2 .srch svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;opacity:.6;pointer-events:none}
  body.mlob .lbm2 .srchr{top:50px;z-index:80}
  body.mlob .lbq{display:none}
}
/* v220 mobil lobi: açılan pencereler lobinin önünde; araç çubuğu ikonları profil boyutunda */
body.mlob .modal{z-index:110}
body.mlob #drw{z-index:120}
body.mlob .modal.glass,body.mlob #mProf,body.mlob #mUser{z-index:130}
body.mlob #seya{z-index:140}
body.mlob .toast{z-index:300}
@media(max-width:700px){
  body.mlob .lbm1{gap:10px}
  body.mlob .lbm1 button:not(.lbme){width:44px;height:44px;font-size:19px;border:2px solid #e0a84a66;background:rgba(255,255,255,.08);box-shadow:0 0 0 1px #00000040,0 3px 10px #0006}
  body.mlob .lbm1 .lbse{padding:0;overflow:visible}
}
/* v221 mobil lobi araç çubuğu: daha küçük ve premium */
@media(max-width:700px){
  body.mlob .lbm1{gap:7px}
  body.mlob .lbm1 .lbme,body.mlob .lbm1 .lbme .av{width:36px;height:36px}
  body.mlob .lbm1 button:not(.lbme){width:34px;height:34px;font-size:15px;border:1px solid #e0a84a55;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 #ffffff30,0 2px 8px #0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  body.mlob .lbm1 .lbse img,body.mlob .lbm1 .lbse svg{border-radius:50%}
  body.mlob .lbb{top:-5px;right:-5px;min-width:15px;height:15px;font-size:9px;line-height:15px}
  body.mlob .lbm2{margin-top:8px}
  body.mlob .lbm2 .srch input{height:40px;font-size:14px}
  body.mlob .lbm2 .srchr{top:44px}
}

/* v222 DJ paneli: kompakt, modern, premium + şarkı istek ekranları */
#mDj .box.djbox{width:min(440px,94vw)!important;max-height:86vh;padding:14px 14px 16px;border-radius:24px;background:radial-gradient(120% 80% at 0% 0%,rgba(124,92,255,.35),transparent 60%),radial-gradient(100% 70% at 100% 100%,rgba(255,70,170,.22),transparent 60%),linear-gradient(160deg,#1c1240,#0b0820);border:1px solid #ffffff22;box-shadow:0 24px 70px #000b,0 0 0 1px #b88bff22 inset,0 0 50px #7b4dff33}
#mDj .box.djbox .x{top:10px;right:10px}
.dph{display:flex;align-items:center;gap:10px;margin:0 36px 10px 2px;font-size:15px}
.dph>b{font-weight:800;letter-spacing:.2px;background:linear-gradient(90deg,#fff,#ffd98a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dph .djlv{margin-left:auto;padding:3px 9px;border-radius:99px;background:#2dff8f1a;border:1px solid #2dff8f55;font-size:11px}
.dpn{padding:10px 12px 8px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid #ffffff1f;box-shadow:inset 0 1px 0 #ffffff25;backdrop-filter:blur(8px)}
.dpr{display:flex;align-items:center;gap:10px}.dps{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dpt{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dps small{font-size:11px;opacity:.65}
.dpe{flex:none;height:30px;padding:0 11px;border-radius:99px;font-size:12px;font-weight:700;color:#ffb3bd;background:#ff4a5e22;border:1px solid #ff6b7c66}
.dpn .djseek{margin:6px 0 2px}.dpn .djseek input{height:18px}.dpn .djseek small{font-size:10.5px}
.dpc{display:flex;align-items:center;justify-content:center;gap:10px}
.dpb{width:38px;height:38px;border-radius:50%;font-size:15px;color:#fff;background:rgba(255,255,255,.1);border:1px solid #ffffff26;touch-action:manipulation;transition:transform .12s}
.dpb:active{transform:scale(.92)}.dpb.big{width:48px;height:48px;font-size:19px;background:linear-gradient(135deg,#7c5cff,#38a7ff);border-color:transparent;box-shadow:0 6px 18px #5b6dff77}
.dpb.off{background:#ff4a5e44;border-color:#ff6b7c}
.dpv{display:flex;align-items:center;gap:5px;font-size:13px;margin-left:4px}.dpv input{width:70px}
.dpt2{display:flex;gap:6px;margin:12px 0 8px;padding:3px;border-radius:14px;background:#00000040;border:1px solid #ffffff14}
.dpt2 button{flex:1;height:34px;border-radius:11px;font-size:12.5px;font-weight:700;color:#ffffffb0;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .2s,color .2s}
.dpt2 button.on{color:#fff;background:linear-gradient(135deg,#6a5bff,#8a4dff);box-shadow:0 4px 14px #6a5bff66}
.dpt2 button i{font-style:normal;font-size:10px;min-width:16px;height:16px;line-height:16px;border-radius:99px;background:#ff4a5e;color:#fff;padding:0 4px}
.dpbd{max-height:42vh;overflow-y:auto;padding-right:2px}
.dpl{display:flex;justify-content:flex-end;margin-bottom:6px}.dpl .djadd{min-height:34px;padding:0 12px;font-size:12.5px;border-radius:99px}
.dpbd .djtr{padding:3px 6px;gap:5px;border-radius:12px;border-bottom:0;background:#ffffff08;margin-bottom:4px}.dpbd .djtn{font-size:13px}
.dpbd .djx{min-width:30px;height:30px;font-size:12px;border-radius:9px}
.dpbd .djsr{margin:0 0 8px}.dpbd .djsr input{padding:9px 12px;font-size:13px}.dpbd .djsr .btn{min-height:38px}
.dpbd .djrs{padding:6px 4px}.dpbd .djadd.djaddsel{min-height:36px;margin-top:6px;width:100%;font-size:13px}
.dpq{padding:9px 10px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid #ffffff17;margin-bottom:7px}
.dpq.now{border-color:#2dff8f88;background:linear-gradient(160deg,rgba(45,255,143,.16),rgba(45,255,143,.03));box-shadow:0 0 18px #2dff8f33}
.dpqh{display:flex;gap:9px;align-items:flex-start}
.dpk{flex:none;min-width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:800;background:linear-gradient(135deg,#ffd36a,#ff9d2e);color:#2a1700;padding:0 4px}
.dpq.now .dpk{background:#2dff8f22;color:#2dff8f}
.dpqt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.dpqt b{font-size:13px}
.dpqs{font-size:13px;font-weight:600;overflow-wrap:anywhere}.dpqd{font-size:12px;opacity:.75;font-style:italic;overflow-wrap:anywhere}
.dpqt em,.djru em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.4px;padding:1px 6px;border-radius:99px;margin-left:6px;vertical-align:middle;background:#ffffff1f}
em.np{background:#2dff8f;color:#06301a}em.qq{background:#7c5cff;color:#fff}
.dpqa{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.dpa{height:28px;padding:0 10px;border-radius:99px;font-size:11.5px;font-weight:700;color:#fff;background:#ffffff14;border:1px solid #ffffff22}
.dpa.pri{background:linear-gradient(135deg,#6a5bff,#38a7ff);border-color:transparent}.dpa.ok{background:#1f7a46;border-color:#2fd37a}
/* eşitleyici animasyonu */
.djeq{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.djeq b{width:3px;border-radius:2px;background:#2dff8f;animation:djeq 0.9s ease-in-out infinite}
.djeq b:nth-child(1){height:6px}.djeq b:nth-child(2){height:12px;animation-delay:-.3s}.djeq b:nth-child(3){height:8px;animation-delay:-.6s}.djeq b:nth-child(4){height:14px;animation-delay:-.15s}
@keyframes djeq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.djeq b{transform-origin:bottom}
/* istek popup'ı */
.djrb{width:min(380px,92vw)!important;text-align:left;padding:18px 16px 16px;border-radius:22px;background:radial-gradient(120% 80% at 0% 0%,rgba(124,92,255,.35),transparent 60%),linear-gradient(160deg,#1c1240,#0b0820);border:1px solid #ffffff22;box-shadow:0 24px 70px #000b,0 0 40px #7b4dff33;color:#fff}
.djrh{display:flex;align-items:center;gap:12px;margin-bottom:12px}.djrh>i{font-style:normal;font-size:24px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#ff46aa);box-shadow:0 8px 20px #7c5cff66}
.djrh h3{margin:0;font-size:17px}.djrh p{margin:2px 0 0;font-size:12px;opacity:.7}
.djfl{display:block;font-size:12px;font-weight:700;opacity:.95;margin:10px 0;position:relative}.djfl small{font-weight:500;opacity:.65}
.djfl input,.djfl textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px 12px;border-radius:13px;border:1px solid #ffffff2a;background:#ffffff10;color:inherit;font:inherit;font-weight:500;resize:none}
.djfl input:focus,.djfl textarea:focus{outline:none;border-color:#b88bff;box-shadow:0 0 0 3px #7c5cff44}
.djfl em{position:absolute;right:8px;bottom:6px;font-style:normal;font-size:10px;opacity:.5}
.djrb .ad{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
/* herkesin gördüğü istek listesi */
.djlb{position:relative;width:min(420px,94vw);max-height:84vh;display:flex;flex-direction:column;padding:16px 14px 14px;border-radius:24px;background:radial-gradient(120% 80% at 0% 0%,rgba(124,92,255,.35),transparent 60%),radial-gradient(100% 70% at 100% 100%,rgba(255,70,170,.2),transparent 60%),linear-gradient(160deg,#1c1240,#0b0820);border:1px solid #ffffff22;box-shadow:0 24px 70px #000b,0 0 50px #7b4dff33;color:#fff;animation:djpop .28s cubic-bezier(.2,.9,.3,1.2)}
@keyframes djpop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.djlb .x{top:10px;right:10px}.djlb .djrh{margin-right:34px}
.djrl2{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px}
.djri{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid #ffffff1a;animation:djin .35s both}
@keyframes djin{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.djri.mine{border-color:#ffd36a88}
.djri.now{border-color:#2dff8f99;background:linear-gradient(160deg,rgba(45,255,143,.18),rgba(45,255,143,.04));box-shadow:0 0 22px #2dff8f40;position:relative;overflow:hidden}
.djri.now::after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,#ffffff30,transparent);transform:skewX(-20deg);animation:djsh 2.8s ease-in-out infinite}
@keyframes djsh{0%{left:-40%}60%,100%{left:130%}}
.djrk{flex:none;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd36a,#ff9d2e);color:#2a1700;font-weight:900;font-size:14px;box-shadow:0 4px 12px #ff9d2e55}
.djri.now .djrk{background:#2dff8f22;box-shadow:none}
.djrav .av{width:38px;height:38px;font-size:14px}
.djrx{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.djru{font-size:13px;display:flex;align-items:center;flex-wrap:wrap;gap:2px}.djru em{font-style:normal;font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:99px;margin-left:6px;background:#ffffff1f}
.djrs2{font-size:13.5px;font-weight:700;overflow-wrap:anywhere}.djrd{font-size:12px;opacity:.75;font-style:italic;overflow-wrap:anywhere}
/* bar: istekler butonu */
.djb.djrl{position:relative;background:linear-gradient(135deg,rgba(255,190,60,.3),rgba(255,70,170,.25));border-color:#ffcf5a88}
@media(max-width:700px){#djBar .djb span{font-size:12px}}
#djBar.hasrl:not(.w){grid-template-columns:auto minmax(0,1fr)}#djBar.hasrl:not(.w) .djk{grid-column:1/-1;grid-row:auto;justify-content:flex-end}
.djerr{margin:6px 0;padding:8px 10px;border-radius:12px;background:#ff4a5e22;border:1px solid #ff6b7c66;color:#ffc2c9;font-size:12px;line-height:1.4;overflow-wrap:anywhere}

/* v223 şeffaf / saydam premium kartlar ve bildirimler (DJ ve genel) */
.toast,.synote{background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.07))!important;color:#fff!important;border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.35),0 0 24px rgba(124,92,255,.25);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:700;letter-spacing:.2px;padding:10px 20px!important;animation:tstIn .32s cubic-bezier(.2,.9,.3,1.15) both;max-width:min(88vw,420px);text-align:center}
.toast::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-120%);animation:tstSh 1.4s .2s ease-out 1}
@keyframes tstIn{from{opacity:0;transform:translateX(-50%) translateY(18px) scale(.94)}to{opacity:1;transform:translateX(-50%) none}}
@keyframes tstSh{to{transform:translateX(120%)}}
.toast{overflow:hidden}
[data-theme=light] .toast,[data-theme=light] .synote{background:linear-gradient(135deg,rgba(30,22,60,.62),rgba(30,22,60,.4))!important}
/* DJ pencereleri: saydam cam */
.modal.djm{background:rgba(6,4,18,.38);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.djg,.djrb,.djlb,#mDj .box.djbox{background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05)) ,rgba(22,14,52,.5)!important;backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.3),0 0 46px rgba(124,92,255,.28)!important;color:#fff}
.djg{width:min(340px,90vw);padding:20px 18px 16px;border-radius:24px;animation:djpop .28s cubic-bezier(.2,.9,.3,1.2)}
.djg .cfi{width:52px;height:52px;border-radius:18px;margin:0 auto;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,rgba(124,92,255,.7),rgba(56,167,255,.6));box-shadow:0 8px 22px rgba(124,92,255,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.djg .cfi.dg{background:linear-gradient(135deg,rgba(255,74,94,.75),rgba(214,21,58,.65));box-shadow:0 8px 22px rgba(255,74,94,.45),inset 0 1px 0 rgba(255,255,255,.4)}
.djg h3{margin:12px 0 4px;font-size:17px}.djg p{margin:0;font-size:13px;opacity:.8}
.djg .ad{display:flex;gap:8px;justify-content:center;margin-top:16px}.djg .btn{min-width:110px;border-radius:99px;backdrop-filter:blur(6px)}
.djg .btn:not(.pri):not(.dng){background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}
.djg .btn.dng{background:linear-gradient(135deg,rgba(255,74,94,.9),rgba(214,21,58,.85));border-color:transparent;color:#fff}
.djg input{width:100%;box-sizing:border-box;margin-top:12px;padding:11px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff}
.dpn,.dpq,.djri,.dpbd .djtr{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;backdrop-filter:blur(8px)}
.dpt2{background:rgba(0,0,0,.22)}

/* v224 — SY+ Duvar */
#wlBtn.onb{position:relative;display:inline-flex;align-items:center;gap:5px;padding:0 10px;height:30px;border-radius:999px;font-weight:800;font-size:12.5px;letter-spacing:.2px;color:#eafffd!important;-webkit-text-fill-color:#eafffd!important;background:linear-gradient(135deg,#19e6d433,#8a5cff40)!important;border:1px solid #38f2e099!important;box-shadow:0 0 14px #19e6d44d,0 0 22px #8a5cff33,inset 0 1px 0 #ffffff40!important;overflow:visible!important;cursor:pointer}
#wlBtn.onb::before,#wlBtn.onb::after{content:none!important;display:none!important}
#wlBtn svg{color:#43f5e4;filter:drop-shadow(0 0 5px #19e6d4aa)}
#wlBtn span{background:linear-gradient(90deg,#7ffcf0,#c9a4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#wlBtn:hover{box-shadow:0 0 20px #19e6d477,0 0 30px #8a5cff55,inset 0 1px 0 #ffffff55!important}
#wlBtn .wlDot{display:none}
#wlBtn.has .wlDot{display:flex;position:absolute;top:-6px;right:-5px;min-width:16px;height:16px;border-radius:9px;background:#ff3d71;color:#fff;font:700 10px/16px system-ui;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 8px #ff3d71aa;font-style:normal}
[data-theme=light] #wlBtn.onb{color:#0a6f66!important;-webkit-text-fill-color:#0a6f66!important}
.wlW{position:fixed;inset:0;z-index:35}
.wlBack{position:absolute;inset:0;background:radial-gradient(900px 600px at 0 30%,#0b1030aa,#02030a66);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .25s}
.wlW.on .wlBack{opacity:1}
.wlPn{position:absolute;left:0;top:0;bottom:0;width:min(440px,100vw);display:flex;flex-direction:column;color:#eef2ff;background:linear-gradient(160deg,rgba(16,20,48,.78),rgba(8,10,26,.82));backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border-right:1px solid #56e8ff33;box-shadow:12px 0 50px #000a,inset -1px 0 0 #8a5cff33;transform:translateX(-102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding-top:env(safe-area-inset-top,0px);overflow:hidden}
.wlW.on .wlPn{transform:none}
.wlHd{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;background:linear-gradient(120deg,#19e6d41a,#8a5cff1f);border-bottom:1px solid #ffffff14;position:relative}
.wlHd::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#43f5e4,#a77bff,transparent);opacity:.7}
.wlBr{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.wlBr b{font:800 26px/1 Sora,system-ui,sans-serif;letter-spacing:-.5px;color:#fff;display:block}
.wlBr b i{font-style:normal;background:linear-gradient(135deg,#2ff3e0,#b06cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wlBr small{display:block;color:#a9b4de;font-size:12px;font-style:italic;margin-top:3px}
.wlLogo{filter:drop-shadow(0 0 8px #2ff3e099)}
.wlIb{width:36px;height:36px;border-radius:12px;border:1px solid #ffffff22;background:#ffffff12;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.wlIb:hover{background:#ffffff22}
.wlTabs{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;scrollbar-width:none}
.wlTabs::-webkit-scrollbar{display:none}
.wlTabs button{flex:0 0 auto;border:1px solid #ffffff1c;background:#ffffff0d;color:#c9d2f5;border-radius:999px;padding:7px 14px;font:600 13px Sora,system-ui,sans-serif;cursor:pointer;transition:.15s}
.wlTabs button.on{color:#fff;background:linear-gradient(135deg,#19e6d44d,#8a5cff55);border-color:#43f5e4aa;box-shadow:0 0 14px #19e6d455,inset 0 0 12px #ffffff14}
.wlBody{flex:1;overflow-y:auto;padding:4px 12px calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.wlBody::-webkit-scrollbar{width:6px}.wlBody::-webkit-scrollbar-thumb{background:#ffffff2a;border-radius:3px}
.wlComp{margin:4px 0 12px;border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(160deg,#ffffff14,#ffffff06);padding:10px}
.wlCc{display:flex;align-items:center;gap:10px}
.wlAv{display:inline-flex;flex:0 0 auto;width:42px;height:42px;cursor:pointer}
.wlAv .avf,.wlAv .av{width:100%;height:100%}
.wlAv.sm{width:30px;height:30px}
.wlPh{flex:1;text-align:left;border:1px solid #ffffff1c;background:#00000033;color:#9aa6d6;padding:11px 14px;border-radius:999px;font:500 14px Sora,system-ui,sans-serif;cursor:text}
.wlCx textarea{width:100%;box-sizing:border-box;resize:none;border:1px solid #ffffff22;background:#00000040;color:#fff;border-radius:14px;padding:11px 12px;font:500 14.5px/1.45 Sora,system-ui,sans-serif;outline:none}
.wlCx textarea:focus{border-color:#43f5e4aa;box-shadow:0 0 0 3px #19e6d422}
.wlPv{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.wlPv:empty{display:none}
.wlPv span{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #ffffff2a}
.wlPv img{width:100%;height:100%;object-fit:cover}
.wlPv button{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:0;background:#000b;color:#fff;font-size:11px;cursor:pointer;padding:0}
.wlCr{display:flex;align-items:center;gap:8px;margin-top:10px}
.wlSp{flex:1}
.wlBt{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff26;background:#ffffff14;color:#fff;border-radius:12px;padding:8px 13px;font:700 13px Sora,system-ui,sans-serif;cursor:pointer}
.wlBt.pri{background:linear-gradient(135deg,#19e6d4,#8a5cff);border-color:transparent;color:#04101a;box-shadow:0 4px 16px #19e6d444}
.wlBt.pri:disabled{opacity:.6}
.wlBt.ghost{color:#7ffcf0}
.wlBt.ok{background:linear-gradient(135deg,#2bd985,#13a36a);border-color:transparent}
.wlBt.dl{background:#ff3d7133;border-color:#ff3d7188;color:#ffd0dc}
.wlSec{margin:14px 4px 8px;font:700 11.5px Sora,system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#7ffcf0}
.wlPost{position:relative;border:1px solid #ffffff1a;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));padding:12px;margin-bottom:12px;box-shadow:0 8px 28px #0006,inset 0 1px 0 #ffffff14;transition:box-shadow .3s,border-color .3s;animation:wlIn .35s both}
@keyframes wlIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wlPost.pend{border-color:#ffb84d77;background:linear-gradient(160deg,#ffb84d1f,#ffffff06)}
.wlPost.focus{border-color:#43f5e4;box-shadow:0 0 0 2px #43f5e455,0 0 26px #19e6d466}
.wlHr{display:flex;align-items:center;gap:10px}
.wlN{min-width:0}
.wlN b{display:block;font:700 15px Sora,system-ui,sans-serif;color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.wlN small{color:#9aa6d6;font-size:12px}
.wlTx{margin:10px 2px 8px;font:500 15px/1.5 Sora,system-ui,sans-serif;color:#f3f5ff;word-break:break-word;white-space:normal}
.wlIm{position:relative;display:grid;gap:4px;margin:8px 0;border-radius:14px;overflow:hidden;border:1px solid #ffffff1a}
.wlIm img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;background:#0006}
.wlIm.n1 img{max-height:340px;aspect-ratio:4/3}
.wlIm.car{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.wlIm.car::-webkit-scrollbar{display:none}
.wlIm.car img{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:4/3;max-height:340px}
.wlImW{position:relative;margin:8px 0}.wlImW .wlIm{margin:0}.wlCt{position:absolute;right:8px;top:8px;background:#000a;color:#fff;font:700 12px system-ui;padding:3px 9px;border-radius:999px;pointer-events:none}
.wlWho{display:flex;align-items:center;gap:8px;margin:8px 2px 2px;cursor:pointer}
.wlFa{display:inline-flex}
.wlFa .avf,.wlFa .av{width:22px;height:22px;margin-right:-6px;border:2px solid #121630;border-radius:50%}
.wlWho small{color:#a9b4de;font-size:12.5px;margin-left:6px}
.wlAct{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff14}
.wlA{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff1c;background:#ffffff0d;color:#cdd5f8;border-radius:999px;padding:7px 13px;font:700 14px Sora,system-ui,sans-serif;cursor:pointer;transition:.15s}
.wlA:hover{background:#ffffff1c}
.wlA b{font-weight:800;min-width:8px}
.wlA.lk{color:#ff5c93;border-color:#ff5c9388;background:#ff5c9322;box-shadow:0 0 14px #ff5c9344}
.wlA.em{border-color:#ffd24d88;background:#ffd24d1f}
.wlA:nth-child(3){color:#7ad7ff}
.wlA.sm{padding:7px 9px;color:#ff9db7}
.wlA.wlPp svg{animation:wlPop .4s}
@keyframes wlPop{40%{transform:scale(1.5)}}
.wlE{font-size:19px;line-height:1}
.wlEp{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px;padding:6px;border-radius:14px;background:#00000040;border:1px solid #ffffff1a;animation:wlIn .2s}
.wlEp[hidden]{display:none}
.wlEp button{border:0;background:transparent;font-size:23px;cursor:pointer;padding:4px 7px;border-radius:10px;transition:.12s}
.wlEp button:hover{background:#ffffff22;transform:scale(1.25)}
.wlPend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff14}
.wlPend em{flex:1;font-style:normal;color:#ffcf7a;font-size:12.5px;font-weight:600;min-width:120px}
.wlCmB{margin-top:10px;padding-top:10px;border-top:1px solid #ffffff14}
.wlCmB[hidden]{display:none}
.wlCl{display:flex;flex-direction:column;gap:9px;max-height:260px;overflow-y:auto}
.wlC{display:flex;gap:8px;align-items:flex-start}
.wlC>div{flex:1;min-width:0}
.wlC b{font-size:13px;cursor:pointer}.wlC small{color:#8e9acb;font-size:11px}
.wlC p{margin:2px 0 0;font-size:13.5px;line-height:1.4;word-break:break-word;color:#e8ecff}
.wlX{border:0;background:transparent;color:#8e9acb;cursor:pointer;padding:2px}
.wlCi{display:flex;gap:6px;margin-top:10px}
.wlCi input{flex:1;min-width:0;border:1px solid #ffffff22;background:#00000040;color:#fff;border-radius:999px;padding:9px 14px;font:500 13.5px Sora,system-ui,sans-serif;outline:none}
.wlCi input:focus{border-color:#43f5e4aa}
.wlCi button{width:38px;height:38px;border-radius:50%;border:0;background:linear-gradient(135deg,#19e6d4,#8a5cff);color:#04101a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.wlMu{color:#8e9acb;font-size:12.5px}
.wlEmpty{text-align:center;color:#9aa6d6;padding:36px 10px;font-size:14px}
.wlMore{display:block;width:100%;margin:6px 0 4px;padding:12px;border-radius:14px;border:1px solid #43f5e488;background:linear-gradient(135deg,#19e6d42a,#8a5cff30);color:#d9fffb;font:700 14px Sora,system-ui,sans-serif;cursor:pointer}
.wlSh{position:absolute;inset:0;background:#02040dcc;backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:5}
.wlSb{width:100%;max-height:75%;display:flex;flex-direction:column;background:linear-gradient(160deg,#171c42f2,#0b0e26f5);border-top:1px solid #43f5e455;border-radius:22px 22px 0 0;padding:12px 14px 18px}
.wlSt{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.wlSl{overflow-y:auto}
.wlSr{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #ffffff10;cursor:pointer}
.wlSr b{flex:1;font-size:14px}.wlSr em{font-style:normal;font-size:18px}.wlSr small{color:#8e9acb;font-size:11px}
.wlZm{position:fixed;inset:0;z-index:99995;background:#000d;display:flex;align-items:center;justify-content:center}
.wlZm img{max-width:96vw;max-height:92vh;border-radius:10px}
.wlZm .wlIb{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px}
.wlMsg{display:flex;align-items:center;gap:8px;margin:6px auto;padding:6px 8px 6px 10px;max-width:min(92%,420px);border-radius:999px;background:linear-gradient(120deg,#19e6d426,#8a5cff30);border:1px solid #43f5e466;box-shadow:0 0 14px #19e6d422;color:#eafffd;font-size:12.5px}
.wlMi{display:inline-flex;color:#43f5e4}
.wlMt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wlGo{display:inline-flex;align-items:center;gap:2px;border:0;border-radius:999px;padding:5px 10px;background:linear-gradient(135deg,#19e6d4,#8a5cff);color:#04101a;font:800 12px Sora,system-ui,sans-serif;cursor:pointer}
[data-theme=light] .wlMsg{color:#07403a}
.nt.wlN{cursor:pointer}.nWa{display:flex;gap:6px;margin-top:6px}.nWa button{border:0;border-radius:9px;padding:5px 11px;font:700 12px system-ui;cursor:pointer;background:#2bd985;color:#04210f}.nWa button+button{background:#ff3d7155;color:#ffd5e0}
@media (max-width:700px){.wlPn{width:100vw}.wlBack{background:#02030a99}}
@media (prefers-reduced-motion:reduce){.wlPn,.wlPost{transition:none;animation:none}}
body.mlob .lbm1 .lbwl{color:#43f5e4!important;border-color:#43f5e488!important;background:linear-gradient(135deg,#19e6d42e,#8a5cff38)!important;box-shadow:0 0 12px #19e6d444,inset 0 1px 0 #ffffff30!important}
body.mlob .wlW{z-index:100}
.nt.wlN b,.nt.wlN b *{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
@media (max-width:700px){#qb{gap:5px}#qb #wlBtn.onb{padding:0 9px;gap:4px;height:auto;font-size:12px}#qb #wlBtn svg{width:19px;height:16px}#qb .onb,#qb #stBtn.onb{padding-left:9px;padding-right:9px}}
/* v225 — SY+ kompakt kart, yorum yanıt/beğeni, yeni paylaşım sayacı */
#wlBtn .wlNw{display:none}
#wlBtn.hasn .wlNw{display:flex;position:absolute;top:-8px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;align-items:center;justify-content:center;font:800 10.5px/1 system-ui;font-style:normal;color:#03161a;-webkit-text-fill-color:#03161a;background:linear-gradient(135deg,#2ff3e0,#b06cff);box-shadow:0 0 0 2px #0b0e26,0 0 12px #2ff3e0cc;animation:wlPulse 1.8s ease-in-out infinite}
#wlBtn.hasn .wlNw.bump{animation:wlBump .6s,wlPulse 1.8s .6s ease-in-out infinite}
#wlBtn.has .wlDot{top:-8px;right:auto;left:-6px}
@keyframes wlPulse{0%,100%{box-shadow:0 0 0 2px #0b0e26,0 0 8px #2ff3e099}50%{box-shadow:0 0 0 2px #0b0e26,0 0 18px #2ff3e0,0 0 28px #b06cff88}}
@keyframes wlBump{0%{transform:scale(.3)}60%{transform:scale(1.5)}100%{transform:scale(1)}}
.wlPost{padding:9px 10px;border-radius:16px;margin-bottom:9px}
.wlAv{width:34px;height:34px}.wlAv.sm{width:26px;height:26px}
.wlN b{font-size:13.5px}.wlN small{font-size:11px}
.wlTx{margin:6px 2px 6px;font-size:13.5px;line-height:1.42}
.wlIm n1 img,.wlIm.n1 img,.wlIm.car img{max-height:210px}
.wlWho{margin:5px 2px 0}.wlFa .avf,.wlFa .av{width:18px;height:18px}.wlWho small{font-size:11.5px}
.wlAct{margin-top:7px;padding-top:7px;gap:5px}
.wlA{padding:5px 10px;font-size:12.5px;gap:5px}.wlA svg{width:18px;height:18px}.wlE{font-size:16px}
.wlComp{padding:8px;margin-bottom:9px}.wlPh{padding:9px 13px;font-size:13px}
.wlC{display:flex;gap:7px}.wlCb{flex:1;min-width:0}
.wlCb p{margin:1px 0 2px}
.wlCa{display:flex;gap:12px}.wlCa button{border:0;background:none;color:#8e9acb;font:600 11.5px Sora,system-ui,sans-serif;cursor:pointer;padding:2px 0}
.wlCa button.on{color:#ff5c93}.wlCa button:hover{color:#fff}
.wlRp{margin-left:30px;padding-left:8px;border-left:2px solid #43f5e433}
.wlRt{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:5px 10px;border-radius:10px;background:#43f5e41a;color:#9ffbf2;font-size:12px}
.wlRt[hidden]{display:none}.wlRt button{border:0;background:none;color:#9ffbf2;cursor:pointer}
.wlAw{position:fixed;inset:0;z-index:99996;display:flex;align-items:center;justify-content:center;padding:20px;background:#02030a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .18s}
.wlAw.on{opacity:1}
.wlAc{width:min(340px,100%);text-align:center;padding:24px 20px 18px;border-radius:24px;color:#eef2ff;background:linear-gradient(160deg,rgba(28,34,78,.88),rgba(10,12,32,.92));border:1px solid #ff5c9366;box-shadow:0 20px 60px #000c,0 0 40px #ff3d7133,inset 0 1px 0 #ffffff1f;transform:translateY(14px) scale(.94);transition:transform .22s cubic-bezier(.2,.9,.3,1.2)}
.wlAw.on .wlAc{transform:none}
.wlAi{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;color:#ff7aa5;background:radial-gradient(circle,#ff3d7144,#ff3d7110);border:1px solid #ff5c9388;box-shadow:0 0 22px #ff3d7155;margin-bottom:12px}
.wlAc b{display:block;font:800 17px Sora,system-ui,sans-serif;margin-bottom:6px}
.wlAc p{margin:0 0 18px;color:#a9b4de;font-size:13.5px;line-height:1.45}
.wlAb{display:flex;gap:10px}.wlAb .wlBt{flex:1;justify-content:center;padding:11px 12px}
.wlAb .wlBt.dl{background:linear-gradient(135deg,#ff3d71,#c21b55);border-color:transparent;color:#fff;box-shadow:0 6px 18px #ff3d7155}
.wlIm img,.wlZm{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.wlIm img{-webkit-user-drag:none}
.wlZm{display:block!important;background:#02030aee;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.wlZs{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.wlZs::-webkit-scrollbar{display:none}
.wlZi{flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:56px 10px 70px;box-sizing:border-box}
.wlZp{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}
.wlZm .wlZx{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;z-index:3}
.wlZc{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:3;background:#0009;color:#fff;font:700 13px system-ui;padding:4px 12px;border-radius:999px;border:1px solid #ffffff22}
.wlZa{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff2a;background:#0008;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.wlZa.l{left:12px}.wlZa.r{right:12px}.wlZa:hover{background:#19e6d455}
.wlZd{position:absolute;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:3;display:flex;gap:7px;padding:8px 12px;border-radius:999px;background:#0008;border:1px solid #ffffff1c}
.wlZd i{width:8px;height:8px;border-radius:50%;background:#ffffff55;cursor:pointer;transition:.2s}
.wlZd i.on{width:22px;border-radius:5px;background:linear-gradient(90deg,#2ff3e0,#b06cff)}
@media (max-width:700px){.wlZa{display:none}}
/* v226 — Story ve SY+ aynı boy, farklı efekt */
#chat .ch-h #stBtn.onb,#qb #stBtn.onb,#chat .ch-h #wlBtn.onb,#qb #wlBtn.onb{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;height:30px!important;min-height:30px;padding:0 12px!important;font-size:12.5px!important;line-height:1;border-radius:999px!important;box-sizing:border-box;white-space:nowrap}
#stBtn.onb{transition:transform .2s,box-shadow .2s}
#stBtn.onb:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 26px #e8336dcc,0 6px 16px #0008,inset 0 1px 0 #ffffff77!important}
#wlBtn.onb{background:linear-gradient(120deg,#19e6d44d,#8a5cff55,#19e6d44d,#8a5cff55)!important;background-size:300% 100%!important;animation:wlAur 5s linear infinite,wlBreath 2.8s ease-in-out infinite;transition:transform .25s}
#wlBtn.onb:hover{transform:scale(1.07)}
#wlBtn.onb:hover svg{animation:wlWig .6s}
@keyframes wlAur{0%{background-position:0 0}100%{background-position:300% 0}}
@keyframes wlBreath{0%,100%{box-shadow:0 0 10px #19e6d433,0 0 16px #8a5cff22,inset 0 1px 0 #ffffff40}50%{box-shadow:0 0 18px #19e6d488,0 0 30px #8a5cff66,inset 0 1px 0 #ffffff55}}
@keyframes wlWig{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg) scale(1.15)}60%{transform:rotate(10deg) scale(1.15)}}
@media (prefers-reduced-motion:reduce){#wlBtn.onb,#stBtn.onb::after{animation:none}}
#chat .ch-h #stBtn.onb,#qb #stBtn.onb,#chat .ch-h #wlBtn.onb,#qb #wlBtn.onb{width:88px;padding:0 6px!important}
.entc .ent span{display:block;white-space:normal;line-height:1.25}
.entc .ent .entr{font-style:normal;font-weight:800;color:#ffe08a;text-shadow:0 0 10px #ffc94d99;padding:0 1px}

/* v227 geri tuşu: oda küçük pencere (premium cam, sürüklenir) */
.bkPl{position:fixed;left:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:99989;display:flex;align-items:center;gap:12px;width:min(300px,calc(100% - 24px));padding:10px 10px 10px 16px;border-radius:26px;cursor:grab;color:#fff;font-family:inherit;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;background:linear-gradient(135deg,#241a4aee,#0b2f45ee 60%,#0b1d33ee);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid #7ef0ff77;box-shadow:0 12px 34px #000b,0 0 22px #6ee7ff3a,0 0 0 1px #8b7bff33,inset 0 1px 0 #ffffff33;animation:bkIn .3s cubic-bezier(.2,.9,.3,1.2);transition:box-shadow .2s,transform .2s}
.bkPl::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff40,transparent);transform:skewX(-18deg);animation:bkS 3.6s ease-in-out infinite;pointer-events:none}
@keyframes bkS{0%,55%{left:-60%}100%{left:130%}}
@keyframes bkIn{from{opacity:0;transform:translateY(26px) scale(.85)}}
.bkPl.bkG{cursor:grabbing;transform:scale(1.04);box-shadow:0 18px 44px #000c,0 0 30px #8b7bff66,inset 0 1px 0 #ffffff44}
.bkD{width:10px;height:10px;border-radius:50%;background:#35f0a0;box-shadow:0 0 10px #35f0a0;flex:none;animation:bkP 1.8s infinite}
@keyframes bkP{50%{opacity:.35;transform:scale(.8)}}
.bkT{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2;gap:2px}
.bkT b{font-size:16px;font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bkT small{display:flex;gap:12px;font-size:12px;color:#bfe9f7;font-weight:700}.bkT u{text-decoration:none;color:#fff}
.bkPl button{all:unset;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;font-size:17px;color:#fff;border-radius:50%;background:#ffffff1a;flex:none;position:relative;z-index:1}
.bkPl button[data-a=o]{background:linear-gradient(135deg,#6ee7ff,#8b7bff);color:#10162a;font-weight:800;box-shadow:0 0 14px #6ee7ff66}

/* v228 profil: kapak, takip, istatistik, yetki ikonu, takip kartları */
.rico{display:inline-block;margin-left:4px;font-size:1.05em;line-height:1;vertical-align:-1px;filter:drop-shadow(0 0 4px #ffd76a66)}
#mUser .pfCv{height:118px;margin:-18px -16px 0;border-radius:25px 25px 0 0;position:relative;background:radial-gradient(circle at 18% 80%,#6a4fd8 0,transparent 45%),radial-gradient(circle at 85% 20%,#1fb6d6 0,transparent 45%),linear-gradient(160deg,#23305c,#2d1d52);background-size:cover;background-position:center;z-index:1}
#mUser .pfCv::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(transparent 45%,rgba(10,12,22,.92))}
#mUser .pfCv+.pc .pc-ring{margin-top:-66px}
#mUser .pc{z-index:2}
#mUser .pfCb{position:absolute;left:10px;top:10px;z-index:3;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:700 12px inherit;padding:7px 12px;border-radius:999px;cursor:pointer}
#mUser .pc-ring .pfAe{position:absolute;right:4px;bottom:4px;z-index:4;width:34px;height:34px;border-radius:50%;border:3px solid #0b0e1a;background:linear-gradient(135deg,#6ee7ff,#8b7bff);color:#10162a;font-size:15px;cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 0 14px #6ee7ff66}
#mUser .pfTn{font-size:12px;color:#aab4d4;margin:6px 0 2px}#mUser .pfTn b{color:#fff}
#mUser .pfSt{display:flex;margin:10px 0 12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
#mUser .pfSt div{flex:1;text-align:center;border-left:1px solid rgba(255,255,255,.12)}#mUser .pfSt div:first-child{border:0}
#mUser .pfSt b{display:block;font-size:17px;color:#fff}#mUser .pfSt small{font-size:10.5px;color:#9aa6c6}
#mUser .pfFl{display:block;width:100%;margin:0 0 8px;padding:12px;border-radius:15px;font:800 14px inherit;cursor:pointer;border:0;color:#10162a;background:linear-gradient(135deg,#6ee7ff,#8b7bff);box-shadow:0 6px 18px #6ee7ff33}
#mUser .pfFl.on{background:transparent;color:#e8ecf8;border:1px solid rgba(255,255,255,.22);box-shadow:none}
#mUser .pfSh{position:absolute;left:10px;right:10px;bottom:10px;z-index:8;border-radius:20px;background:#171d30;border:1px solid #3a4562;padding:6px;box-shadow:0 -10px 40px #000a;animation:upop .2s ease-out;text-align:left}
#mUser .pfSh button{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:center;width:100%;padding:12px;border-radius:12px;font-weight:700;font-size:14px;color:#fff;cursor:pointer}
#mUser .pfSh button+button{border-top:1px solid #2a3350}#mUser .pfSh button i{font-style:normal;font-size:20px}
#mUser .pfSh small{display:block;color:#9aa6c6;font-weight:600;font-size:11px}#mUser .pfSh .dn{color:#ff7a8a}
#fvBox{position:fixed;left:0;right:0;top:calc(64px + env(safe-area-inset-top));z-index:75;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}
.fvC{pointer-events:auto;display:flex;align-items:center;gap:9px;max-width:calc(100% - 20px);padding:6px 8px 6px 6px;border-radius:999px;font-size:13px;color:#fff;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(135deg,#241a4aee,#0b2f45ee);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #7ef0ff66;box-shadow:0 8px 24px #0009,0 0 16px #6ee7ff2a;animation:fvIn .3s cubic-bezier(.2,.9,.3,1.2)}
.fvC::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff38,transparent);transform:skewX(-18deg);animation:bkS 3.2s ease-in-out infinite;pointer-events:none}
@keyframes fvIn{from{opacity:0;transform:translateY(-14px) scale(.9)}}
.fvC.out{opacity:0;transform:translateY(-10px);transition:.3s}
.fvC .fa{width:28px;height:28px;border-radius:50%;flex:none;overflow:hidden;display:grid;place-items:center;font-weight:800;color:#10131d;background:#8be0b3;font-size:13px}.fvC .fa img{width:100%;height:100%;object-fit:cover}
.fvC span.ft{min-width:0;line-height:1.25}.fvC b{font-weight:800}.fvC u{text-decoration:none;color:#9fe8ff}
.fvC .go{flex:none;padding:6px 12px;border-radius:999px;border:0;background:linear-gradient(135deg,#6ee7ff,#8b7bff);color:#10162a;font:800 12px inherit;cursor:pointer;position:relative;z-index:1}
.fvC.fvM{border-color:#ff6b8a99;background:linear-gradient(135deg,#4a1830ee,#2a1c52ee);box-shadow:0 8px 24px #0009,0 0 18px #ff4d7a44}
.fvC.fvM .fa{box-shadow:0 0 0 2px #ff4d7a}.fvC.fvM .go{background:linear-gradient(135deg,#ff6b8a,#ff9a5c)}
.fvC .rec{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4d7a;margin-right:5px;box-shadow:0 0 8px #ff4d7a;vertical-align:1px}

#mUser .pc-sig{display:none!important}
#mUser .pfFl .pfFb{font-style:normal;font-weight:700;font-size:10.5px;margin-left:8px;padding:2px 8px;border-radius:999px;background:rgba(16,22,42,.22);vertical-align:1px}
#mUser .pfFl.on .pfFb{background:rgba(110,231,255,.16);color:#9fe8ff}

#mUser .pfSt .lk{cursor:pointer;border-radius:10px}#mUser .pfSt .lk:active{background:rgba(255,255,255,.08)}
#mUser .pfSt .lk small::after{content:' ›';color:#6ee7ff}
#mUser .pfLs{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;border-radius:26px;background:linear-gradient(160deg,#171d30,#0d1120);text-align:left;animation:upop .2s ease-out}
#mUser .pfLh{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;font-size:16px;color:#fff}
#mUser .pfLh button{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff18;color:#fff}
#mUser .pfLb{flex:1;overflow-y:auto;padding:0 12px 14px}
#mUser .pfLr{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #ffffff12}
#mUser .pfLa{flex:none;cursor:pointer;line-height:0}#mUser .pfLa .av{width:40px;height:40px}
#mUser .pfLn{flex:1;min-width:0;font-weight:700;font-size:14px;color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mUser .pfLf{flex:none;padding:8px 14px;border-radius:999px;border:0;font:800 12px inherit;cursor:pointer;color:#10162a;background:linear-gradient(135deg,#6ee7ff,#8b7bff)}
#mUser .pfLf.on{background:transparent;color:#e8ecf8;border:1px solid rgba(255,255,255,.25)}

/* v229 kırpma */
.crOv{position:fixed;inset:0;z-index:2000000;background:#05070dee;display:flex;flex-direction:column;color:#fff;animation:fvIn .2s ease-out}
.crH{padding:calc(14px + env(safe-area-inset-top)) 16px 8px;text-align:center}.crH b{display:block;font-size:17px}.crH small{color:#9aa6c6;font-size:12px}
.crSt{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.crSt img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none;will-change:transform}
.crFr{position:absolute;box-shadow:0 0 0 9999px #000a;border:2px solid #6ee7ff;border-radius:6px;pointer-events:none}.crFr.rd{border-radius:50%}
.crFr::after{content:"";position:absolute;inset:0;background:linear-gradient(#fff3 1px,transparent 1px) 0 33.3%/100% 33.3%,linear-gradient(90deg,#fff3 1px,transparent 1px) 33.3% 0/33.3% 100%;border-radius:inherit;opacity:.5}.crFr.rd::after{display:none}
.crZ{display:flex;align-items:center;gap:10px;padding:10px 22px;font-size:13px}.crZ input{flex:1;accent-color:#6ee7ff}
.crB{display:flex;gap:10px;padding:6px 16px calc(16px + env(safe-area-inset-bottom))}
.crB button{flex:1;padding:13px;border-radius:15px;border:1px solid #ffffff33;background:#ffffff12;color:#fff;font:800 14px inherit;cursor:pointer}
.crB .crOk{border:0;background:linear-gradient(135deg,#6ee7ff,#8b7bff);color:#10162a}

#mUser .pfLn{display:flex;flex-direction:column;gap:1px}#mUser .pfLt{font-weight:600;font-size:11px;color:#9aa6c6}

/* v230 — Okey masası: kahvehane teması, çerçeve ve seviye rozeti, grup vurgusu */
.gokey101-w{background:radial-gradient(ellipse at 50% -10%,rgba(255,176,80,.38),transparent 55%),repeating-linear-gradient(90deg,#4d2617 0 54px,#5a2e1c 54px 108px);border-radius:clamp(26px,7.5vw,50px);padding:clamp(6px,1.8vw,12px);box-shadow:0 18px 40px #000a,inset 0 0 40px #000b}
.gokey101-w::before{content:"☕ GÖNÜL KAHVESİ";display:block;width:max-content;max-width:90%;margin:2px auto 8px;padding:4px 16px;border-radius:8px;background:linear-gradient(#2a170c,#1a0d06);border:2px solid #c9993f;color:#f1c876;font:700 12px Georgia,serif;letter-spacing:2px;box-shadow:0 4px 12px #000a,0 0 16px rgba(255,179,71,.3)}
.gokey101-frame{background:linear-gradient(145deg,#c98a4a 0%,#8a5424 30%,#a96e38 55%,#5a3414 100%)!important;border:3px solid #3a200c}
.gokey101-felt{background:radial-gradient(ellipse at 50% 42%,#2a8a5c 0%,#176a45 45%,#0b4028 100%) padding-box,linear-gradient(135deg,#f1c876,#a8742c 50%,#f1c876) border-box!important;box-shadow:inset 0 0 36px rgba(0,0,0,.65),0 0 0 1px #2a150a!important}
.gokey101-felt::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 5px);pointer-events:none}
.gokey101-felt::after{content:"";position:absolute;left:5cqw;top:7cqw;width:3.4cqw;height:5cqw;border-radius:.4cqw .4cqw 1.6cqw 1.6cqw;background:linear-gradient(90deg,#8a2a0a,#e0601c 45%,#a43410);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);box-shadow:0 0 2cqw rgba(255,120,40,.6);opacity:.95;pointer-events:none;z-index:1}
.gokey101-av{background:conic-gradient(var(--ac),#f1c876,#fff3c4,var(--ac))!important;box-shadow:0 0 10px rgba(241,200,118,.6)!important}
.gokey101-ai{background:linear-gradient(#5a3a1e,#2a170c)!important}
.gokey101-pill{background:linear-gradient(#2a170c,#150a05)!important;border-color:rgba(201,153,63,.55)!important}
.gokey101-pill b{color:#fff3d6}
.gokey101-lv{position:absolute;left:-8px;bottom:-6px;z-index:5;padding:0 5px;border-radius:9px;background:#1a0f06;border:1.5px solid #f1c876;color:#f1c876;font:700 clamp(8px,2.4cqw,11px)/1.5 system-ui;font-style:normal}
.gokey101-av .frm{z-index:4}
.gokey101-rack{background:linear-gradient(180deg,#a06c38,#6a4222 55%,#4a2c13)!important;border:3px solid #35200d!important}
.gokey101-rr{background:linear-gradient(#3e2511,#5a3a1e)!important}
.gokey101-b{background:linear-gradient(#3a2412,#22130a)!important;border-color:rgba(201,153,63,.55)!important;color:#f1c876!important}
.gokey101-b.gokey101-go,.gokey101-b.gokey101-grn{color:#2a1606!important}
.gokey101-w .gokey101-gm .gokey101-t{box-shadow:0 .09em 0 #b4a272,0 0 0 .12em #f5cf64,0 0 .8em rgba(245,207,100,.8)}
.gokey101-w .gokey101-gp .gokey101-t{box-shadow:0 .09em 0 #b4a272,0 0 0 .12em #7be0ff,0 0 .8em rgba(123,224,255,.7)}
.gokey101-w .gokey101-msg{color:#f1c876}

/* v230 — Okey masası: kahvehane teması, çerçeve ve seviye rozeti, grup vurgusu */
.gokey-w{background:radial-gradient(ellipse at 50% -10%,rgba(255,176,80,.38),transparent 55%),repeating-linear-gradient(90deg,#4d2617 0 54px,#5a2e1c 54px 108px);border-radius:clamp(26px,7.5vw,50px);padding:clamp(6px,1.8vw,12px);box-shadow:0 18px 40px #000a,inset 0 0 40px #000b}
.gokey-w::before{content:"☕ GÖNÜL KAHVESİ";display:block;width:max-content;max-width:90%;margin:2px auto 8px;padding:4px 16px;border-radius:8px;background:linear-gradient(#2a170c,#1a0d06);border:2px solid #c9993f;color:#f1c876;font:700 12px Georgia,serif;letter-spacing:2px;box-shadow:0 4px 12px #000a,0 0 16px rgba(255,179,71,.3)}
.gokey-frame{background:linear-gradient(145deg,#c98a4a 0%,#8a5424 30%,#a96e38 55%,#5a3414 100%)!important;border:3px solid #3a200c}
.gokey-felt{background:radial-gradient(ellipse at 50% 42%,#2a8a5c 0%,#176a45 45%,#0b4028 100%) padding-box,linear-gradient(135deg,#f1c876,#a8742c 50%,#f1c876) border-box!important;box-shadow:inset 0 0 36px rgba(0,0,0,.65),0 0 0 1px #2a150a!important}
.gokey-felt::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 5px);pointer-events:none}
.gokey-felt::after{content:"";position:absolute;left:5cqw;top:7cqw;width:3.4cqw;height:5cqw;border-radius:.4cqw .4cqw 1.6cqw 1.6cqw;background:linear-gradient(90deg,#8a2a0a,#e0601c 45%,#a43410);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);box-shadow:0 0 2cqw rgba(255,120,40,.6);opacity:.95;pointer-events:none;z-index:1}
.gokey-av{background:conic-gradient(var(--ac),#f1c876,#fff3c4,var(--ac))!important;box-shadow:0 0 10px rgba(241,200,118,.6)!important}
.gokey-ai{background:linear-gradient(#5a3a1e,#2a170c)!important}
.gokey-pill{background:linear-gradient(#2a170c,#150a05)!important;border-color:rgba(201,153,63,.55)!important}
.gokey-pill b{color:#fff3d6}
.gokey-lv{position:absolute;left:-8px;bottom:-6px;z-index:5;padding:0 5px;border-radius:9px;background:#1a0f06;border:1.5px solid #f1c876;color:#f1c876;font:700 clamp(8px,2.4cqw,11px)/1.5 system-ui;font-style:normal}
.gokey-av .frm{z-index:4}
.gokey-rack{background:linear-gradient(180deg,#a06c38,#6a4222 55%,#4a2c13)!important;border:3px solid #35200d!important}
.gokey-rr{background:linear-gradient(#3e2511,#5a3a1e)!important}
.gokey-b{background:linear-gradient(#3a2412,#22130a)!important;border-color:rgba(201,153,63,.55)!important;color:#f1c876!important}
.gokey-b.gokey-go,.gokey-b.gokey-grn{color:#2a1606!important}
.gokey-w .gokey-gm .gokey-t{box-shadow:0 .09em 0 #b4a272,0 0 0 .12em #f5cf64,0 0 .8em rgba(245,207,100,.8)}
.gokey-w .gokey-gp .gokey-t{box-shadow:0 .09em 0 #b4a272,0 0 0 .12em #7be0ff,0 0 .8em rgba(123,224,255,.7)}
.gokey-w .gokey-msg{color:#f1c876}
/* v231 — Okey: SESLİYAYİN filigranı, ikram paneli, baloncuk, çay bardağı */
.gokey101-wm,.gokey-wm{gap:0;text-shadow:none!important}
.gokey101-wm span,.gokey-wm span{font:900 7.6cqw/1 Georgia,'Times New Roman',serif;letter-spacing:.16em;padding-left:.16em;background:linear-gradient(180deg,#fff3c4 0%,#f1c876 45%,#a8742c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.26;filter:drop-shadow(0 0 1.2cqw rgba(241,200,118,.35));white-space:nowrap}
.gokey101-wm em,.gokey-wm em{font:800 3.4cqw/1 system-ui;font-style:normal;letter-spacing:.7em;padding-left:.7em;color:#f1c876;opacity:.3;margin-top:1.2cqw}
.gokey101-wm small,.gokey-wm small{font-size:5cqw!important;opacity:.35!important;margin-bottom:1cqw}
.gokey101-tea,.gokey-tea{position:absolute;right:-9px;top:-7px;z-index:6;font-size:clamp(13px,4.4cqw,20px);line-height:1;filter:drop-shadow(0 2px 3px #000);animation:kvbob 2.6s ease-in-out infinite;pointer-events:none}
.gokey101-tea::after,.gokey-tea::after{content:"";position:absolute;left:35%;top:-9px;width:3px;height:9px;border-radius:3px;background:linear-gradient(#fff0,#fffb);filter:blur(1px);animation:kvst 2s infinite}
@keyframes kvbob{50%{transform:translateY(-2px)}}@keyframes kvst{50%{transform:translateY(-5px) scaleY(1.4);opacity:.3}}
.gokey101-seat,.gokey-seat{position:relative}
.kvB{position:absolute;left:50%;top:-4px;transform:translate(-50%,-100%);z-index:20;white-space:nowrap;padding:5px 11px;border-radius:12px;background:#fff7e0;color:#2a1606;font:700 11.5px system-ui;box-shadow:0 5px 14px #000a;animation:kvpop .25s ease-out;pointer-events:none}
.kvB::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-top-color:#fff7e0;border-bottom:0}
@keyframes kvpop{from{opacity:0;transform:translate(-50%,-80%) scale(.7)}}
.kvT{position:absolute;left:8px;right:8px;bottom:8px;z-index:40;padding:12px;border-radius:16px;background:linear-gradient(#2a170c,#150a05);border:1px solid #c9993f;box-shadow:0 12px 34px #000d;color:#f4e6c4;font:13px system-ui}
.kvT>b{display:block;color:#f1c876;font:700 13px Georgia,serif;letter-spacing:1px;margin-bottom:8px;text-align:center}
.kvK,.kvP{display:flex;gap:6px;flex-wrap:wrap}.kvW{margin:9px 0 5px;color:#b9a27a;font-size:11.5px}
.kvT button{flex:1 1 auto;padding:9px 10px;border-radius:11px;border:1px solid #c9993f66;background:#3a2412;color:#f1c876;font:700 12.5px system-ui;cursor:pointer}
.kvT button small{display:block;font-weight:600;color:#cdb98e;font-size:10.5px}
.kvT .kvK button.on{background:linear-gradient(#f5cf64,#c28a22);color:#2a1606;border-color:#fff6}.kvT .kvK button.on small{color:#4a3510}
.kvT .kvX{width:100%;margin-top:9px;background:transparent;border-color:#ffffff22;color:#a99a7a}
.gokey101-wm,.gokey-wm{justify-content:flex-end!important;padding-bottom:1.5cqw}
.gokey101-wm span,.gokey-wm span{font-size:4.9cqw!important;letter-spacing:.14em}
.gokey101-wm small,.gokey-wm small{display:none!important}
.gokey101-wm em,.gokey-wm em{font-size:2.6cqw!important;margin-top:.8cqw}
.kvT{bottom:auto;top:18%}
/* v232 — filigran daha belirgin ve modern */
.gokey101-wm span,.gokey-wm span{font:900 5.3cqw/1 'Segoe UI',system-ui,-apple-system,sans-serif!important;letter-spacing:.24em!important;padding-left:.24em;opacity:.78!important;background:linear-gradient(180deg,#fffbe6 0%,#ffe08a 38%,#e0a43a 70%,#9a6a1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 2.2cqw rgba(255,196,80,.55))!important}
.gokey101-wm em,.gokey-wm em{display:flex;align-items:center;gap:1.6cqw;opacity:.75!important;font:800 2.6cqw/1 system-ui!important;letter-spacing:.5em!important;color:#ffd77a!important;margin-top:1.4cqw!important;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.gokey101-wm em::before,.gokey101-wm em::after,.gokey-wm em::before,.gokey-wm em::after{content:"";width:9cqw;height:1px;background:linear-gradient(90deg,transparent,#ffd77a);opacity:.9}
.gokey101-wm em::after,.gokey-wm em::after{transform:scaleX(-1)}
/* v233 — Okey: tek ekrana sığan kompakt yerleşim */
.gokey101-w::before,.gokey-w::before{margin:0 auto 5px;padding:3px 14px;font-size:10.5px}
.gokey101-w,.gokey-w{padding:5px}
.gokey101-felt,.gokey-felt{aspect-ratio:1/.8!important}
.gokey101-note,.gokey-note{display:none!important}
.gokey101-info,.gokey-info{margin-top:5px;gap:4px}
.gokey101-msg,.gokey-msg{min-height:0;font-size:12px}
.gokey101-prog,.gokey-prog{height:20px}.gokey101-prog>span,.gokey-prog>span{font-size:10.5px;line-height:19px}
.gokey101-rack,.gokey-rack{margin-top:6px!important;padding:4px 6px 3px!important}
.gokey101-btns,.gokey-btns{gap:5px;margin-top:6px}
.gokey101-b,.gokey-b{min-height:36px!important;padding:0 9px!important;font-size:12px!important;border-radius:10px!important}
.gokey101-ic,.gokey-ic{flex:0 0 auto!important}
.gokey101-b[data-a=one],.gokey-b[data-a=one]{flex:1 1 100%!important;min-height:32px!important;font-size:11.5px!important}
.gtmsg{gap:2px;min-height:0}.gtmsg b{font-size:13px}.gtroot{gap:4px}.gtfoot{margin-top:2px}
.gokey101-w::before,.gokey-w::before{display:none!important}
.gokey101-msg,.gokey-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;min-height:0;padding:0 4px}
.gokey101-b[data-a=one],.gokey-b[data-a=one]{flex:1 1 auto!important;min-height:36px!important;font-size:11.5px!important;white-space:nowrap}
.gokey101-ic:not([data-a=one]),.gokey-ic:not([data-a=one]){min-width:40px;padding:0!important}
.gtfoot .btn,.gtfoot button{min-height:30px;padding:4px 12px;font-size:12px}
.gtmsg,.gtfoot,.gts{flex:none!important}.gtmsg{min-height:20px!important;position:relative;z-index:2}

.gokey101-b[data-a=aut],.gokey-b[data-a=aut]{flex:1 1 auto!important;min-height:36px!important;font-size:11.5px!important;white-space:nowrap}
/* v234 — oyun sohbet paneli: klavye açılınca üst kısmı ekran dışına taşmasın */
#gchat{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}
#gchat .gcl{height:230px;height:min(230px,calc(100dvh - 200px));min-height:64px}
#gchat .gch{padding:12px 10px 12px 14px;min-height:46px}

#gchat{cursor:grab;-webkit-user-select:none;user-select:none}
#gchat .gch,#gchat .gcl,#gchat .gcf2{touch-action:none}
#gchat input,#gchat textarea{-webkit-user-select:text;user-select:text;cursor:text}
/* v235 — Okey düğme yazıları beyaz */
.gokey101-b,.gokey-b,.gokey101-b.gokey101-go,.gokey-b.gokey-go,.gokey101-b.gokey101-grn,.gokey-b.gokey-grn{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.75)}
.gokey101-b.gokey101-go,.gokey-b.gokey-go{background:linear-gradient(#e0a02a,#a8680c)!important}
.gokey101-b.gokey101-grn,.gokey-b.gokey-grn{background:linear-gradient(#22b86a,#0d7a3e)!important}
.gokey101-b[disabled],.gokey-b[disabled]{opacity:.62!important}
/* v236 büyük hediyeler */
.bgf{position:fixed;inset:0;z-index:99999;background:transparent;pointer-events:none;animation:bgin .35s ease both}.bgf.out{animation:bgout .35s ease both}.bgf canvas{width:100%;height:100%;display:block}
@keyframes bgin{from{opacity:0}to{opacity:1}}@keyframes bgout{to{opacity:0}}
.gt{position:relative}.gbig{position:absolute;top:2px;right:4px;font-style:normal;font-size:17px;line-height:1;background:none;padding:0;filter:drop-shadow(0 0 5px #ffd34d);animation:gbtw 1.8s ease-in-out infinite;pointer-events:none}@keyframes gbtw{50%{transform:scale(1.2) rotate(12deg)}}
.bgv{display:grid;place-items:center}.bgv .bgm{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;display:block;background:transparent}
.bgcap{position:absolute;left:0;right:0;bottom:7%;text-align:center;color:#fff;text-shadow:0 2px 10px #000;animation:bgin .6s .3s both;pointer-events:none}
.bgcap b{display:block;font:900 clamp(22px,6vw,40px) Poppins,Inter,system-ui,sans-serif;background:linear-gradient(#fff6c9,#ffd34d,#e08a1e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px #000)}
.bgcap span{font:700 15px Poppins,Inter,system-ui,sans-serif}
/* v237 oda puanı + sıralama */
.rsc{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;opacity:1;padding:3px 9px;margin-left:8px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(20,18,30,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);overflow:hidden;white-space:nowrap}
.rsc[hidden]{display:none!important}
.rsc i{font-style:normal;font-size:13px;filter:drop-shadow(0 0 4px #ffcf4a)}
.rsc b{display:inline!important;max-width:none!important;font-size:12.5px!important;font-weight:800!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
.rsc u{width:1px;height:13px;background:rgba(255,255,255,.22)}
.rsc em{font-style:normal;color:#4ade80;font-weight:800}
.rsc::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:rscSw 3.2s ease-in-out infinite;pointer-events:none}
@keyframes rscSw{0%,55%{left:-60%}100%{left:130%}}

header .rnp .rnw{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-align:left}
header .rnp #rnT{display:inline-block;overflow:visible;text-overflow:clip;will-change:transform}
header .rnp.mq #rnT{animation:ttmq var(--t,6s) ease-in-out infinite alternate}
header .rnp .rsc{display:inline-flex;overflow:hidden;-webkit-text-fill-color:#fff}
header .rnp .rsc[hidden]{display:none}
/* v238 başlık kutusu: üstte kayan oda adı, altında puan/sıralama */
header .rnp{flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:3px!important;padding:0 12px!important}
header .rnp .rnw{flex:none!important;font-size:14px;line-height:16px}
header .rnp .rsc{align-self:flex-start;margin:0!important;padding:1px 8px!important;gap:5px!important;font-size:11px!important;line-height:15px}
header .rnp .rsc i{font-size:11px}header .rnp .rsc b{font-size:11px!important}header .rnp .rsc u{height:10px}
.rsc em.rku{color:#4ade80}.rsc em.rkd{color:#f87171}
/* v239 DJ kartında kamera simgesi */
.djbar .djcam{color:#ff7ad9;position:relative}.djbar .djcam::after{content:'';position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 6px #ff3b5c;animation:djcp 1.4s ease-in-out infinite}
@keyframes djcp{50%{opacity:.35}}
/* v240 oda ismi efektleri kaldırıldı (masaüstü + mobil): düz renk, hareketli gradyan/parıltı/giriş efekti yok; uzun isimde sadece kayma kalır */
.rht b .rhm{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--gold2,#e6c26e)!important;animation:none!important;filter:none!important;text-shadow:none!important}
.rht b.mq .rhm{animation:ttmq var(--t,6s) ease-in-out infinite alternate!important}
.rht .rhd{animation:none!important;box-shadow:none!important}
header .rnp.rnx,header .rnp.rnx::after,header .rnp.rnx #rnT{animation:none!important}
header .rnp #rnT{filter:none!important;text-shadow:none!important}
/* v241 DJ kartı ritim görselleştirici (canlı yayın sesine tepki verir) */
#djBar{position:relative;overflow:hidden}
#djBar>*:not(.djeq){position:relative;z-index:1}
#djBar .djeq{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:3px;pointer-events:none;z-index:0;opacity:.95}
#djBar .djeq i{flex:1;max-width:5px;height:100%;border-radius:4px;background:linear-gradient(to top,#ffcf5a,#ff7ad9 55%,#38f0d0);transform:scaleY(.1);transform-origin:center;will-change:transform;opacity:.55;transition:opacity .4s}
#djBar .djeq.live i{opacity:1}
#djBar.me .djeq{top:10px;right:14px;width:min(38%,130px);height:40px}
#djBar:not(.me) .djeq{left:12px;right:12px;bottom:4px;top:auto;height:100%;opacity:.16;gap:4px}
#djBar:not(.me) .djeq i{max-width:none}
@media(min-width:1024px){#djBar.me .djeq{top:12px;right:18px;height:44px;width:200px}}

/* v242 DJ kartı: kalp + EKG (v241 çubukların yerine) */
#djBar canvas.djeq{position:absolute;display:block;pointer-events:none;z-index:0;opacity:1}
#djBar.me canvas.djeq{top:7px;right:14px;left:auto;bottom:auto;width:min(44%,150px);height:46px}
#djBar:not(.me) canvas.djeq{left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:.22}
@media(min-width:1024px){#djBar.me canvas.djeq{top:8px;right:18px;width:210px;height:50px}}

/* v243 DJ kartı spektrum çubukları: tabana oturan ince çubuklar */
#djBar.me canvas.djeq{top:6px;right:14px;width:min(50%,170px);height:48px}
#djBar:not(.me) canvas.djeq{opacity:.3}
@media(min-width:1024px){#djBar.me canvas.djeq{top:8px;right:18px;width:240px;height:52px}}

/* v244 DJ avatar: sesle nefes alan altın halka + CANLI rozeti */
#djBar .dja{--lv:0}
#djBar .dja .av,#djBar .dja.sp .av{box-shadow:0 0 0 calc(1.5px + var(--lv)*2.2px) #e3c27a,0 0 calc(3px + var(--lv)*9px) rgba(227,194,122,calc(.35 + var(--lv)*.5))!important;transition:none}
#djBar .dja:before{content:"";position:absolute;inset:calc(-3px - var(--lv)*2px);border-radius:50%;border:1px solid rgba(227,194,122,calc(.15 + var(--lv)*.3));pointer-events:none}
#djBar .dja .djon{position:absolute;left:40%;bottom:-6px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:3px;padding:0 4px;border-radius:8px;background:#e5233b;color:#fff;font-style:normal;font-weight:800;font-size:6.5px;letter-spacing:.04em;line-height:1.3;border:1.5px solid #141826;box-shadow:0 0 8px #e5233b99;white-space:nowrap}
#djBar .dja .djon u{width:4px;height:4px;border-radius:50%;background:#fff;animation:djbl 1s infinite}
@keyframes djbl{50%{opacity:.2}}
#djBar .dja .djmi{right:-6px}

/* v245 DJ yayın arka planı satırı */
#djPb .djbgr{display:flex;align-items:center;gap:10px;margin:8px 0;padding:8px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff12}
#djPb .djbgp{flex:none;width:52px;height:52px;border-radius:10px;background:#ffffff10 center/cover;display:grid;place-items:center;font-size:22px}
#djPb .djbgt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}#djPb .djbgt b{font-size:13.5px}#djPb .djbgt small{font-size:11px;color:#9aa3bf;line-height:1.3}
#mDj .djbgr .btn{min-height:36px;padding:0 10px;font-size:12.5px}
#mDj .djbgs{display:flex;flex-direction:column;gap:6px;margin:-2px 0 8px;padding:8px 10px;border-radius:12px;background:#ffffff08}
#mDj .djbgs label{display:flex;align-items:center;gap:8px;font-size:12.5px}#mDj .djbgs label b{width:36px;text-align:right;color:#e3c27a;font-weight:700;order:2}#mDj .djbgs input{flex:1;order:1;min-width:0}
#mDj .djbgs label{flex-wrap:nowrap}
#mDj .djbgs label{display:grid;grid-template-columns:78px 1fr 40px}#mDj .djbgs label b{order:0}#mDj .djbgs label input{order:0}
#djPb .djbgr{flex-wrap:wrap}#djPb .djbgt{min-width:120px}

/* v247 DJ arka plan: kalın kaydırıcı + önizleme */
#mDj .djbgv{position:relative;height:120px;margin:2px 0 8px;border-radius:14px;overflow:hidden;background:linear-gradient(rgba(18,15,10,var(--fd,0)),rgba(18,15,10,var(--fd,0))),linear-gradient(rgba(10,8,6,var(--dm,.4)),rgba(10,8,6,var(--dm,.4))),var(--bgu) center/cover,#120f0a;border:1px solid #ffffff18;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:10px}
#mDj .djbgv .m1,#mDj .djbgv .m2{max-width:70%;padding:5px 10px;border-radius:12px;font-size:12px;background:rgba(14,11,8,.58);color:#f1ead8}#mDj .djbgv .m2{align-self:flex-end;background:rgba(60,42,12,.62)}
#mDj .djbgv span{position:absolute;left:8px;top:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0008;padding:1px 7px;border-radius:8px}
#mDj .djbgs{gap:14px;padding:12px}
#mDj .djbgs label{grid-template-columns:84px 1fr 44px;font-size:13.5px;font-weight:600}
#mDj .djbgs input[type=range]{-webkit-appearance:none;appearance:none;height:34px;background:transparent;margin:0;width:100%;touch-action:pan-y}
#mDj .djbgs input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:8px;background:linear-gradient(90deg,#ffffff1f,#e3c27a66)}
#mDj .djbgs input[type=range]::-moz-range-track{height:12px;border-radius:8px;background:linear-gradient(90deg,#ffffff1f,#e3c27a66)}
#mDj .djbgs input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-9px;border-radius:50%;background:#e3c27a;border:3px solid #fff;box-shadow:0 2px 8px #0009}
#mDj .djbgs input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#e3c27a;border:3px solid #fff}
#mDj .djbgs label>b{grid-column:3;grid-row:1}#mDj .djbgs label>input{grid-column:2;grid-row:1}

/* v248 DJ arka plan: ayrı saydam pop-up */
#djPb .dph{display:flex;align-items:center;gap:8px}
#djPb .djbgb{margin-left:auto;min-height:34px;padding:0 12px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff22;color:#fff;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
#djPb .djbgb.on{border-color:#e3c27a;color:#e3c27a}#djPb .djbgb i{width:7px;height:7px;border-radius:50%;background:#2dff8f}
#mDj .box{position:relative}
.djbgov{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-start;justify-content:center;padding:54px 10px 10px;background:rgba(8,6,12,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:inherit;overflow:auto}
.djbgov[hidden]{display:none}
.djbgov .djpb{width:100%;max-width:420px;padding:12px;border-radius:18px;background:rgba(24,20,38,.72);border:1px solid #ffffff22;box-shadow:0 12px 40px #000a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.djbgov .djph{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14.5px}
.djbgov .x2{width:34px;height:34px;border-radius:50%;background:#ffffff14;color:#fff}
.djbgov .djbgr2{display:flex;gap:8px;margin:0 0 8px}.djbgov .djbgr2 .btn{flex:1;min-height:40px}
.djbgov .djsw{display:flex;gap:10px;align-items:flex-start;margin:0 0 8px;font-size:13px;font-weight:600}.djbgov .djsw input{width:22px;height:22px;margin-top:2px;accent-color:#e3c27a;flex:none}
.djbgov .djsw small{display:block;font-weight:400;font-size:11px;color:#b6bdd4;line-height:1.35;margin-top:2px}
.djbgov .djbgv{margin-top:0}
.djbgov{align-items:center;padding:12px}.djbgov .djpb{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto}
.djbgov{left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100vw;height:100vh;height:100dvh;margin:0!important;box-sizing:border-box;transform:none!important}
#mDj .djbgs input[type=range]{border:0!important;padding:0!important;box-shadow:none!important;outline:none;background:transparent!important}
#mDj>.djbgov{max-width:none!important;width:100%!important;min-width:100%!important}

/* v251 kodla çizilen 100 çerçeve (css:101-200): 10 tema x 10 halka (sabit / dalgalı / dönerli / renk değiştiren); simgeler sadece çevrede hareketli */
.frm.cf.cfy{--t:3px;--an:none}
.frm.cf.cfy u{position:absolute;inset:0;container-type:size;text-decoration:none;display:block}
.frm.cf.cfy::before{background:var(--g);animation:var(--an);box-shadow:none;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--t) - .5px),#000 calc(100% - var(--t)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--t) - .5px),#000 calc(100% - var(--t)))}
.frm.cf.cfy u b{display:flex;align-items:center;justify-content:center;position:absolute;line-height:1;font-style:normal;font-weight:400;filter:drop-shadow(0 1px 2px #0009)}
.frm.cf.cfy u b.r{right:-14%;top:-8%;font-size:23cqw;opacity:0;animation:cfyr 3.4s ease-in-out infinite}
.frm.cf.cfy u b.g{left:-16%;top:-6%;font-size:25cqw;rotate:-14deg;opacity:0;animation:cfyg 3.4s ease-in-out -1.7s infinite}
.frm.cf.cfy u b.k{right:-5%;bottom:-5%;width:32cqw;height:32cqw;border-radius:50%;font-size:17cqw;background:linear-gradient(135deg,var(--c1),var(--c2));border:max(1px,2cqw) solid #fff;box-shadow:0 2px 6px #0007;filter:none;animation:cfyk 2.4s ease-in-out infinite}
@keyframes cfyr{0%{opacity:0;scale:.2;translate:-14% 40%}14%{opacity:1;scale:1.25;translate:0 0}24%{scale:1}62%{opacity:1;translate:3% -6%}100%{opacity:0;scale:.9;translate:10% -34%}}
@keyframes cfyg{0%{opacity:0;scale:.3;translate:6% 40%}20%{opacity:.5;scale:1}60%{opacity:.4;translate:-4% -8%}100%{opacity:0;translate:-10% -34%}}
@keyframes cfyk{0%,100%{scale:1}50%{scale:1.12}}
@keyframes cfyh{to{filter:hue-rotate(360deg)}}
@keyframes cfyw{to{transform:rotate(360deg)}}@keyframes cfyw2{to{transform:rotate(-360deg)}}
/* dalgalı halka (SVG) */
.frm.cf.cfy svg.cfw{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:cfyw 10s linear infinite}
.frm.cf.cfy svg.cfw.b{animation:cfyw2 7s linear infinite}
.frm.cf.cfy svg.cfw path{fill:none;stroke:var(--c1);stroke-width:2.4;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px var(--c1))}
.frm.cf.cfy svg.cfw.b path{stroke:var(--c2);stroke-width:1.6;opacity:.9}
.frm.cf.cfy.wv::before{display:none}
/* halka stilleri: 0-2 sabit, 3-4 dalgalı, 5-6 dönerli, 7-9 renk değiştiren */
.fx0{--g:linear-gradient(135deg,var(--c1),var(--c2))}
.fx1{--t:2px;--g:var(--c1);box-shadow:0 0 0 3px transparent,0 0 0 4.5px var(--c2)}
.fx2{--t:7px;--g:linear-gradient(135deg,var(--c1),var(--c2));opacity:.92;box-shadow:0 0 14px color-mix(in srgb,var(--c1) 55%,transparent)}
.fx5{--g:repeating-conic-gradient(var(--c1) 0 9deg,transparent 9deg 16deg);--an:cfs 8s linear infinite}
.fx6{--t:3.5px;--g:conic-gradient(transparent 0 55%,var(--c1) 85%,var(--c2) 100%);--an:cfs 2.2s linear infinite}
.fx7{--g:linear-gradient(135deg,var(--c1),var(--c2));--an:cfyh 5s linear infinite}
.fx8{--t:3.5px;--g:conic-gradient(var(--c1),var(--c2),var(--c1),var(--c2),var(--c1));--an:cfs 3s linear infinite,cfyh 5s linear infinite}
.fx9 svg.cfw{animation:cfyw 10s linear infinite,cfyh 5s linear infinite}
.avf:has(.cfy){margin:9px 10px 7px 6px}.avw.hasf:has(.cfy){margin-top:16px}
@media(prefers-reduced-motion:reduce){.frm.cf.cfy u b,.frm.cf.cfy svg.cfw,.frm.cf.cfy::before{animation:none!important}.frm.cf.cfy u b.r{opacity:1}.frm.cf.cfy u b.g{opacity:.4}}

/* v252 profil kartı: çerçeve avatarın DIŞINA tam otursun (kırpılmasın), düzenle düğmesi story açmasın */
.pc-ring.hasfr span{overflow:visible;width:calc(100% - 26px);height:calc(100% - 26px)}
.pc-ring.hasfr span .avf{display:block;width:100%;height:100%}
.pc-ring.hasfr span .av.big,#mUser .pc-ring.hasfr .av.big{width:100%;height:100%}
.pc-ring.hasfr .frm.cf{left:-6px;top:-6px;right:-6px;bottom:-6px}
.frm.cf.cfy.wv,.pc-ring.hasfr .frm.cf.cfy.wv{left:-8%;top:-8%;right:-8%;bottom:-8%}

/* v253 bildirim (toast) Story ekranının üstünde görünsün (hata mesajları görünmüyordu) */
.toast,#toast{z-index:100005!important}

/* v254 Story: premium onay penceresi */
.stPc{position:fixed;inset:0;z-index:100010;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(4,5,14,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .18s}
.stPc.on{opacity:1}
.stPcC{position:relative;overflow:hidden;width:min(330px,100%);padding:30px 22px 20px;border-radius:24px;text-align:center;color:#f4f1ff;background:linear-gradient(160deg,#261b4d 0%,#15112f 58%,#2a1a3c 100%);border:1px solid rgba(255,214,120,.5);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 18px 50px rgba(0,0,0,.65),0 0 40px rgba(232,51,109,.18);transform:translateY(14px) scale(.94);transition:transform .22s cubic-bezier(.2,1.3,.4,1)}
.stPc.on .stPcC{transform:none}
.stPcC::before{content:'';position:absolute;left:-40%;top:-60%;width:180%;height:90%;background:radial-gradient(closest-side,rgba(255,214,120,.2),transparent);pointer-events:none}
.stPcC::after{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);animation:stPcS 3.4s ease-in-out infinite;pointer-events:none}
@keyframes stPcS{0%,55%{left:-120%}100%{left:160%}}
.stPcI{position:relative;z-index:1;width:68px;height:68px;margin:-4px auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:radial-gradient(circle at 35% 30%,#ffe9a8,#e0a84a 60%,#9a6a14);box-shadow:0 6px 20px rgba(224,168,74,.5)}
.stPcC.dg .stPcI{background:radial-gradient(circle at 35% 30%,#ff9aa8,#e8336d 60%,#8f1240);box-shadow:0 6px 22px rgba(232,51,109,.55);animation:stPcB 1.8s ease-in-out infinite}
@keyframes stPcB{50%{transform:scale(1.07)}}
.stPcC h3{position:relative;z-index:1;margin:0 0 8px;font-size:19px;font-weight:800;color:#fff}
.stPcC p{position:relative;z-index:1;margin:0 0 16px;font-size:13.5px;line-height:1.5;color:#c9c4e6;word-break:break-word}
.stPcA{position:relative;z-index:1;display:flex;gap:10px}
.stPcA button{flex:1;min-height:46px;padding:0 10px;border-radius:14px;font:700 14.5px system-ui,sans-serif;cursor:pointer;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22)}
.stPcA button.go{border-color:transparent;background:linear-gradient(135deg,#ffd45c,#d99a14);color:#241a05;box-shadow:0 5px 16px rgba(224,168,74,.4)}
.stPcC.dg .stPcA button.go{background:linear-gradient(135deg,#ff5a7d,#c2185b);color:#fff;box-shadow:0 5px 18px rgba(232,51,109,.5)}
.stPcA button:active{transform:scale(.97)}
/* v255 profil kapağı büyük, avatar ortalı ve kapağa hafif biner */
#mUser .pfCv{height:168px}
#mUser .pfCv+.pc .pc-ring{margin-top:-46px;margin-left:auto;margin-right:auto}
#mUser .pfCv+.pc{text-align:center}
/* v256 Mağaza: sabit yükseklik, açılır menülerde kayma yok; başlık/X yerinde kalır, sadece liste kayar */
#mShop .box.shop{height:84vh;height:84dvh;max-height:84dvh;display:flex;flex-direction:column;overflow:hidden}
#mShop .box.shop>.grab,#mShop .box.shop>.shh,#mShop .box.shop>.shtabs{flex:none}
#mShop #shBody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:12px;scrollbar-width:none}
#mShop #shBody::-webkit-scrollbar{display:none}
/* v257 Mağaza: açılır (akordeon) satır */
#mShop .shac{border-radius:22px;border:1px solid #ffffff1c;background:linear-gradient(180deg,#ffffff0d,#ffffff05);overflow:hidden;transition:border-color .25s,box-shadow .25s}
#mShop .shac.open{border-color:#8a6cf0;box-shadow:0 0 0 1px #8a6cf055,0 8px 28px #6a4fd833}
#mShop .shah{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#mShop .shai{flex:none;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:24px;background:#3a2a1f;border:1px solid #d9a84a66}
#mShop .sht{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}#mShop .sht b{font-size:16px;color:#fff}#mShop .sht small{font-size:12px;color:#b9b2d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mShop .shp{flex:none;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#ffd777;background:#3a2a1f;border:1px solid #d9a84a66;white-space:nowrap}
#mShop .shc{flex:none;font-style:normal;font-size:18px;color:#b9b2d8;transition:transform .25s}
#mShop .shac.open .shc{transform:rotate(180deg)}
#mShop .shab{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
#mShop .shac.open .shab{grid-template-rows:1fr}
#mShop .shabi{overflow:hidden;min-height:0}
#mShop .shac.open .shabi{padding:0 12px 12px;border-top:1px solid #ffffff14}
#mShop .shabi .srt{margin-top:12px}
#mShop .sht b{white-space:nowrap}#mShop .shp{font-size:11px;padding:5px 8px}
/* v258 menü: profil resmi tıklanır, yetki adı premium efektli */
.dh .dhav{cursor:pointer;display:inline-flex;-webkit-tap-highlight-color:transparent;transition:transform .15s}.dh .dhav:active{transform:scale(.94)}
.dh .drwrl{display:inline-block;position:relative;overflow:hidden;margin-top:4px;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.4px;cursor:pointer;color:#2a1a00;background:linear-gradient(120deg,#ffe9a0,#ffc94d 35%,#ff9f43 70%,#ffd777);border:1px solid #fff3c4aa;box-shadow:0 0 14px #ffc94d66,inset 0 1px 0 #ffffffaa;max-width:100%;white-space:nowrap;text-overflow:ellipsis}
.dh .drwrl i{font-style:normal;position:relative;z-index:1;text-shadow:0 1px 0 #ffffff66}
.dh .drwrl::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,#ffffffcc,transparent);transform:skewX(-20deg);animation:drwShine 2.8s ease-in-out infinite}
@keyframes drwShine{0%,55%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.dh .drwrl::after{animation:none}}
/* v259 Story: kimler görebilir seçici */
.stVis{display:flex;align-items:center;gap:6px;margin:8px 0 2px;flex-wrap:wrap}
.stVis span{font-size:12px;color:#ffffffb8;margin-right:2px;flex:1 0 100%}
.stVis button{flex:1;padding:9px 8px;border-radius:12px;border:1px solid #ffffff2e;background:#ffffff14;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;backdrop-filter:blur(8px)}
.stVis button.on{background:linear-gradient(135deg,#7a5cff,#d84cff);border-color:#ffffff66;box-shadow:0 4px 16px #7a5cff66}
/* v260 Tüm Odalar: odada kimler var göz simgesi + premium liste */
.lbc .lbe{all:unset;box-sizing:border-box;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;cursor:pointer;color:#bfe9ff;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff3a;box-shadow:0 0 10px #4de0ff33;transition:transform .15s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.lbc .lbe svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lbc .lbe:hover{transform:scale(1.12);box-shadow:0 0 14px #4de0ff88}.lbc .lbe:active{transform:scale(.92)}
.lbc .lbr{display:inline-flex;align-items:center;gap:6px}
#mPeek .box{max-width:420px}#mPeek .nlist{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}
#mPeek .onh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.lbp .lbe{width:22px!important;height:22px!important;margin-left:6px;vertical-align:middle;display:inline-grid!important;background:#4de0ff22!important;border-color:#4de0ff66!important}
#mPeek .onh .rn{max-width:calc(100% - 60px);white-space:normal;overflow:visible;text-overflow:clip;flex:1 0 100%;font-size:16px}
/* v261 Odalar penceresi: her odanın online sayısı yazıyla */
#mRooms .rmt .rmon{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:3px auto 1px;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:800;color:#a9a6bd;background:#ffffff0f;border:1px solid #ffffff1c;white-space:nowrap}
#mRooms .rmt .rmon i{width:6px;height:6px;border-radius:50%;background:#7c7a8c;flex:none}
#mRooms .rmt .rmon.on{color:#eafff1;background:linear-gradient(135deg,#169a55,#0e7a45);border-color:#52e39a88}
#mRooms .rmt .rmon.on i{background:#7dffb8;box-shadow:0 0 6px #7dffb8}
[data-theme=light] #mRooms .rmt .rmon{color:#4a4560;background:#eceaf3;border-color:#00000018}[data-theme=light] #mRooms .rmt .rmon.on{color:#fff}
#mRooms .rmt .rmon{margin:0;flex:none;font-size:10.5px}
#mRooms .rmt .rbg{display:none}
#mRooms .rmt .rmon{padding:2px 7px;font-size:10px;gap:4px}
#mRooms .rmt .rtn{-webkit-line-clamp:2;font-size:12.5px;line-height:1.2}
/* v262 odada üstte oda ikonu */
#rnP{position:relative}
#rnP .rni{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:16px;line-height:1;background:#ffffff14;border:1.5px solid #ffffff55;box-shadow:0 0 10px #0006}
#rnP .rni[hidden]{display:none}#rnP .rni img{width:100%;height:100%;object-fit:cover;display:block}
#rnP.hasic{padding-left:48px!important}
/* v263 Odalar penceresi: online = yeşil kişiler simgesi + sayı, uzun ad kayar */
#mRooms .rmt .rmon{display:inline-flex;align-items:center;gap:5px;flex:none;margin:0;padding:3px 9px 3px 7px;border-radius:99px;font-size:13px;font-weight:800;color:#8d8aa0;background:#ffffff0d;border:1px solid #ffffff1c}
#mRooms .rmt .rmon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#mRooms .rmt .rmon b{font-weight:800;line-height:1}
#mRooms .rmt .rmon.on{color:#2fd06a;background:#2fd06a1c;border-color:#2fd06a66}
#mRooms .rmt .rtn{display:block;overflow:hidden;white-space:nowrap;-webkit-line-clamp:unset;-webkit-box-orient:unset;text-overflow:clip;font-size:13.5px;position:relative}
#mRooms .rmt .rtn .rtm{display:inline-block;white-space:nowrap;will-change:transform}
#mRooms .rmt .rtn.mq{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
#mRooms .rmt .rtn.mq .rtm{animation:rtmq 8s ease-in-out infinite alternate}
@keyframes rtmq{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(var(--mq))}}
@media (prefers-reduced-motion:reduce){#mRooms .rmt .rtn.mq .rtm{animation:none}}
/* v264 Loglar: IP sorgu */
.lgip{all:unset;cursor:pointer;color:#7fd4ff;text-decoration:underline dotted;font-size:inherit;-webkit-tap-highlight-color:transparent}.lgip:hover{color:#bfe9ff}
.ipq .ipqh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ipq .ipqh b{font-size:18px}
.ipq .ipu{padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid #ffffff14;margin-bottom:5px;font-size:13px;display:flex;flex-direction:column;gap:2px}
.ipq .ipu b[data-ipu]{cursor:pointer;color:#ffd978}.ipq .ipu small{font-size:11.5px}
#mPage.ipz{z-index:120}
.ipq .ipg{padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff1c;margin:8px 0}
.ipq .ipgt{font-weight:800;font-size:13px;margin-bottom:6px;color:#ffd978}
.ipq .ipr{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0;border-bottom:1px dashed #ffffff10}.ipq .ipr span{color:#a9a6bd}.ipq .ipr b{text-align:right}
.ipq .ipw{margin-top:6px;padding:6px 8px;border-radius:8px;background:#ff50601f;color:#ff9aa5;font-size:12.5px;font-weight:700}
.ipq .ipd{display:flex;flex-direction:column;gap:1px;padding:6px 0;border-bottom:1px dashed #ffffff10;font-size:13px}.ipq .ipd:last-child{border:0}
/* v265 Odalar: online ve puan sütunları eşit hizalı */
#mRooms .rmt .rmon{width:70px;min-width:70px;justify-content:center;box-sizing:border-box}
#mRooms .rmt .rts{width:64px;min-width:64px;text-align:right;white-space:nowrap}
#mRooms .rmt{gap:7px}#mRooms .rmt .rmon{width:60px;min-width:60px;padding:3px 6px;gap:4px;font-size:12.5px}#mRooms .rmt .rmon svg{width:16px;height:16px}#mRooms .rmt .rts{width:52px;min-width:52px;font-size:11.5px}
/* v266 Uygulama istatistikleri */
.apg{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;margin-top:6px}
.apc{padding:10px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff1a;display:flex;flex-direction:column;gap:2px}.apc small{color:#a9a6bd;font-size:11.5px}.apc b{font-size:22px;line-height:1.1}.apc em{font-style:normal;font-size:11px;color:#8d8aa0}
.apb{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:8px;margin:4px 0;font-size:13px}.apb i{height:8px;border-radius:99px;background:linear-gradient(90deg,#7a5cff,#4de0ff);min-width:3px;display:block}.apb b{text-align:right}
.apt>div{display:grid;grid-template-columns:1fr 1fr 1fr;padding:5px 2px;border-bottom:1px dashed #ffffff12;font-size:13px}.apt .aph{color:#a9a6bd;font-size:11.5px;font-weight:700}

/* v267 — açılış ekranı (#spl) + yeni giriş penceresi başlığı */
#spl{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#141a3d 0%,#0a0d1f 55%,#060814 100%);color:#fff;font-family:'Sora',system-ui,sans-serif;transition:opacity .6s ease}
#spl.out{opacity:0;pointer-events:none}
#spl .spg1,#spl .spg2,#spl .spg3{position:absolute;border-radius:50%;pointer-events:none}
#spl .spg1{left:-70px;top:24%;width:280px;height:280px;background:#f08a3c;filter:blur(95px);opacity:.5;animation:splgl 4s ease-in-out infinite}
#spl .spg2{right:-90px;top:36%;width:300px;height:300px;background:#2a56c0;filter:blur(105px);opacity:.6;animation:splgl 4s ease-in-out infinite;animation-delay:-2s}
#spl .spg3{left:calc(50% - 95px);top:14%;width:190px;height:190px;background:#c2386a;filter:blur(90px);opacity:.35}
#spl .spp{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:0;animation:splfl 5s linear infinite}
#spl .spm{position:relative;width:200px;height:200px;margin-bottom:30px;animation:splpop 1s cubic-bezier(.2,.8,.2,1) both}
#spl .spr{position:absolute;inset:0;border-radius:50px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 60px rgba(194,56,106,.3)}
#spl .spr::before{content:'';position:absolute;left:-60%;top:-60%;width:220%;height:220%;background:conic-gradient(from 0deg,#f08a3c,#c2386a,#2a56c0,#7cf3ff,#f08a3c);animation:splrot 6s linear infinite}
#spl .spi{position:absolute;inset:3px;border-radius:47px;overflow:hidden;background:#0a0d1f}
#spl .spi img{width:100%;height:100%;object-fit:cover;display:block}
#spl .spi em{position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:splsh 4s ease-in-out infinite}
#spl .spn{position:relative;font-size:32px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#ffd9b0,#fff 45%,#b9c8ff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:splin .9s .4s both}
#spl .spk{position:relative;margin-top:10px;display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;border:1px solid rgba(255,214,140,.4);background:linear-gradient(90deg,rgba(255,214,140,.14),rgba(255,214,140,.04));font-size:10px;font-weight:600;letter-spacing:3px;color:#ffd68c;animation:splin .9s .5s both}
#spl .spk svg{width:11px;height:11px;fill:#ffd68c}
#spl .spd{position:relative;margin-top:16px;font-size:13px;font-weight:300;color:#9aa4d6;letter-spacing:.4px;animation:splin .9s .6s both}
#spl .spb{position:absolute;bottom:calc(96px + env(safe-area-inset-bottom));width:150px;height:3px;border-radius:2px;background:#1a2040;overflow:hidden}
#spl .spb u{display:block;width:38%;height:100%;border-radius:2px;background:linear-gradient(90deg,#f08a3c,#c2386a,#2a56c0);animation:splld 1.6s ease-in-out infinite}
#spl small{position:absolute;bottom:calc(70px + env(safe-area-inset-bottom));font-size:11px;color:#6a74b0;letter-spacing:.5px}
@keyframes splpop{0%{transform:scale(.84) translateY(14px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}
@keyframes splgl{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.12)}}
@keyframes splrot{to{transform:rotate(360deg)}}
@keyframes splsh{0%,55%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(260%) skewX(-20deg)}}
@keyframes splfl{0%{transform:translateY(0);opacity:0}20%{opacity:.9}100%{transform:translateY(-120px);opacity:0}}
@keyframes splld{0%{transform:translateX(-100%)}100%{transform:translateX(280%)}}
@keyframes splin{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@media(max-height:600px){#spl .spm{width:140px;height:140px;margin-bottom:18px}#spl .spr{border-radius:36px}#spl .spi{border-radius:33px}#spl .spb,#spl small{display:none}}
@media(prefers-reduced-motion:reduce){#spl *{animation:none!important}}
/* giriş penceresi: efektli logo + kurumsal başlık, Google girişi gizli, misafir bağlantısı altta */
.ahd{gap:0;margin:0 0 14px}
.alg{position:relative;width:112px;height:112px;margin:2px 0 12px}
.alg-g{position:absolute;left:-26px;top:-26px;width:164px;height:164px;border-radius:50%;background:radial-gradient(circle,rgba(194,56,106,.45),rgba(194,56,106,0) 65%);animation:algg 3.6s ease-in-out infinite;pointer-events:none}
.alg-r{position:absolute;inset:0;border-radius:30px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 36px rgba(194,56,106,.3)}
.alg-r::before{content:'';position:absolute;left:-60%;top:-60%;width:220%;height:220%;background:conic-gradient(from 0deg,#f08a3c,#c2386a,#2a56c0,#7cf3ff,#f08a3c);animation:splrot 6s linear infinite}
.alg-i{position:absolute;inset:3px;border-radius:27px;overflow:hidden;background:#0a0d1f}
.alg-i img{width:100%;height:100%;object-fit:cover;display:block}
.alg-i em{position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:splsh 4s ease-in-out infinite}
.ahd b.awm{width:112px;text-align:center;font-family:'Plus Jakarta Sans','Sora',system-ui,sans-serif;font-size:14.5px;font-weight:800;letter-spacing:.1px;white-space:nowrap;background:linear-gradient(100deg,#ffd68c 0%,#fff 25%,#ffd68c 50%,#f08a3c 75%,#ffd68c 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:awts 5s linear infinite}
.ahd small{display:none!important}
/* Google girişi açık (v273): .authbox .aor ve #gbtn artık gizli değil */
.agl{display:block;margin:14px auto 0;padding:6px 10px;background:none;border:0;color:var(--mu,#9aa);font-size:12.5px}.agl:hover{color:var(--gold2,#ffd37a)}.agl[hidden]{display:none}
@keyframes algg{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes awts{0%{background-position:0 0}100%{background-position:220% 0}}
[data-theme=light] .ahd b.awm{background-image:linear-gradient(100deg,#b8741a,#e0a84a 50%,#b8741a);background-size:220% 100%}
/* v268 — avatar seçimi şifre satırının altında */
#aG.gsel{grid-template-columns:1fr 1fr}
#aAvR .avbtn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin:0 0 10px;padding:6px 12px;border-radius:14px;font-size:13.5px;font-weight:700;border:1.5px solid #c9a24e66;background:#c9a24e12;color:#c9a24e;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s,transform .12s}
#aAvR .avbtn:active{transform:scale(.98)}#aAvR .avbtn[hidden]{display:none}
#aAvR .avth{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1.5px solid #c9a24e;background:var(--p2);color:#c9a24e}
#aAvR .avth svg{width:20px;height:20px}#aAvR .avth img{width:100%;height:100%;object-fit:cover;display:block}
#aAvR .avth.has{border-color:#e0b85a;box-shadow:0 0 0 2px #e0b85a44}
/* v269 — avatar seçimi kaldırıldı; Bayan/Erkek şifrenin altında ve daha küçük */
#aAvR{display:none!important}
#aG.gsel{gap:8px;margin:0 0 10px}
#aG.gsel label span{flex-direction:row!important;gap:6px!important;height:40px!important;padding:4px 8px!important;border-radius:12px!important;font-size:12.5px!important}
#aG.gsel label span svg{width:15px!important;height:15px!important}
/* v270 — arkadaki "giriş yap / üye ol" kutusu kalktı; giriş yapılmamışken giriş penceresi kapatma düğmesiz */
body:not(.gidl) #gate .gbox{display:none}
body.gated #mAuth .authbox>.x{display:none}
/* v271 — giriş yapılmamışken dil seçici, giriş penceresinin üstünde ve dokunulabilir */
#lgTop{position:fixed;top:14px;right:16px;z-index:60;display:none}
body.gated #lgTop{display:block}
body.gated #gate .lgw{display:none}
/* v272 — sayfa yenilenince (dil değişimi vb.) boş uygulama iskeleti görünmesin: kısa, hareketsiz açılış ekranı yüklenene kadar kalır */
#spl.q *,#spl.q{animation:none!important}
#spl.q{transition-duration:.25s}
#spl.q .spm{opacity:1;transform:none}
#spl.q .spb u{animation:splld 1.6s ease-in-out infinite!important}

/* v273 — Google ile giriş açıldı */
.authbox .aor{margin:12px 0 6px}.authbox #gbtn{margin:8px 0 0;min-height:44px}


/* v275 — kendi mesajını düzenle/sil + üst canlı bildirimler */
.m .myMore{margin-left:6px;padding:0 6px;font-size:16px;line-height:1;color:var(--mu);background:none;border:0;opacity:.8}
.m .myAct{display:flex;gap:6px;margin-top:6px}.m .myAct[hidden]{display:none}
.m .myAct button{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:inherit;font-size:12.5px}
.m .myAct .myD{color:#ff9aa8}
.m .myEdBox{margin-top:4px}.m .myIn{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:inherit;font:inherit;font-size:14px;resize:vertical}
.m .myBt{display:flex;gap:6px;margin-top:6px}.m .myBt button{padding:6px 14px;border-radius:999px;border:0;background:var(--gold2);color:#201505;font-size:12.5px;font-weight:600}.m .myBt .myC{background:rgba(255,255,255,.12);color:inherit}
.m .myEd{display:block;margin-top:2px;font-size:10.5px;opacity:.55;font-style:italic}
#lvTop{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:min(92vw,400px);z-index:9000;display:flex;flex-direction:column;gap:6px;pointer-events:none}
#lvTop .lvC{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:8px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(18,20,40,.92);backdrop-filter:blur(10px);color:#fff;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.45);opacity:0;transform:translateY(-14px);transition:opacity .3s,transform .3s}
#lvTop .lvC.in{opacity:1;transform:none}
#lvTop .lvA{flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f08a3c,#c2386a);display:flex;align-items:center;justify-content:center;font-weight:800}#lvTop .lvA img{width:100%;height:100%;object-fit:cover}
#lvTop .lvT{flex:1;min-width:0;font-size:13.5px;line-height:1.3}#lvTop .lvT b{font-weight:700}#lvTop .lvR{display:block;opacity:.65;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lvTop .lvC>i{font-style:normal;font-size:18px}
.lvSet{margin:0 0 10px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.05)}.lvSet summary{cursor:pointer;font-weight:600;font-size:13.5px}
.lvSet .lvNote{margin:8px 0;font-size:12px;opacity:.65;line-height:1.4}.lvSet .lvRow{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13.5px;border-top:1px solid rgba(255,255,255,.07)}.lvSet .lvRow input{width:18px;height:18px}.lvSet .lvMaster{font-weight:600;border-top:0}
.pGlBox{margin:12px 0;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.pGlBox .note{margin:6px 0;font-size:12.5px;opacity:.8}.pGlBox .btn{margin-top:6px}
.vw>.frm{z-index:3}.vw>.frm.cf{left:-3px;top:-3px;right:-3px;bottom:-3px}.vhfr .avf{margin:3px}
.bb .dmMore{margin-left:6px;padding:0 5px;font-size:15px;line-height:1;color:inherit;background:none;border:0;opacity:.65;vertical-align:middle}
.bb .dmAct{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bb .dmAct button{padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:inherit;font-size:12px}.bb .dmAct .dmEin{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25);color:inherit;padding:6px 8px;font:inherit;font-size:14px}
.bb .dmEd{font-style:normal;opacity:.7;font-size:10.5px;margin-right:3px}.bb.dmDel .dmDt{font-style:italic;opacity:.7;font-size:13px}
.fcard .fdSel{width:100%;margin:4px 0;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:inherit;font-size:12.5px}.fcard .fdSel option{color:#000}
.m .bd>.nm .un{font-size:11.5px}.m .bd>.nm .mtm{font-size:10px;font-weight:500;opacity:.6;margin-left:2px;white-space:nowrap}
.m .bd>.nm .mtm{font-size:9.5px;font-weight:500;opacity:1;margin-left:0;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.1);color:var(--mu,#b8c6dc);line-height:1.4;white-space:nowrap}
.m .bd>.nm .mtm{font-size:12px;font-weight:500;padding:0;border-radius:0;background:none;color:inherit;opacity:.78;margin-left:0}.m .bd>.nm .mtm::before{content:"· ";opacity:.8}
/* v429 Google premium + çerçeve süre penceresi */
.gprem{display:none;position:relative;width:100%;height:48px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#fff,#eef1f6);box-shadow:0 8px 22px rgba(0,0,0,.4),inset 0 1px 0 #fff;transition:transform .15s,box-shadow .2s}
.gprem.rdy{display:block}.gprem:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.5),inset 0 1px 0 #fff}.gprem:active{transform:translateY(0) scale(.99)}
.gprem .gpv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937;font-weight:600;font-size:14.5px;letter-spacing:.1px;pointer-events:none}
.gprem .gpg{width:20px;height:20px;flex:none}.gprem .gpo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scaleY(1.22);opacity:.01;z-index:2;width:400px;overflow:hidden}.gprem .gpo iframe{max-width:none}
.frPopOv{position:fixed;inset:0;z-index:99990;background:rgba(5,8,14,.62);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}.frPopOv.open{opacity:1}
.frpSh{position:relative;width:min(440px,100%);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#1a2130,#0f141d);border:1px solid rgba(255,255,255,.1);border-radius:24px 24px 0 0;padding:26px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.55);transform:translateY(24px);transition:transform .25s cubic-bezier(.2,.8,.2,1);text-align:center}
.frPopOv.open .frpSh{transform:none}.frpX{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#cbd5e1;font-size:13px}
.frpPv{display:flex;justify-content:center;margin:2px 0 10px;filter:drop-shadow(0 0 22px rgba(255,200,90,.25))}.frpPv .avf .av{width:76px;height:76px;font-size:30px}
.frpH{margin:0;font-size:20px;font-weight:700;letter-spacing:.2px}.frpS{margin:4px 0 14px;font-size:12.5px;opacity:.6}
.frpL{display:flex;flex-direction:column;gap:8px}.frpO{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:inherit;text-align:left;transition:border-color .15s,background .15s}
.frpO.on{border-color:#f5c869;background:linear-gradient(135deg,rgba(245,200,105,.14),rgba(245,200,105,.04));box-shadow:0 0 0 1px rgba(245,200,105,.25)}
.frpR{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex:none;position:relative}.frpO.on .frpR{border-color:#f5c869}.frpO.on .frpR:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#f5c869}
.frpT{flex:1;display:flex;flex-direction:column;min-width:0}.frpT b{font-size:15px;font-weight:700}.frpT small{font-size:11px;opacity:.55;margin-top:1px}
.frpB{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.5px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.12);color:#cbd5e1;white-space:nowrap}.frpB.gold{background:linear-gradient(135deg,#f5c869,#e9a23b);color:#2a1c00}.frpB.sv{background:rgba(127,227,181,.15);color:#7fe3b5}
.frpP{font-weight:800;font-size:15px;white-space:nowrap}
.frpBal{margin:14px 0 10px;font-size:12px;opacity:.7}.frpBal b{opacity:1;color:#f5c869}
.frpGo{width:100%;height:50px;border:0;border-radius:15px;font-size:15.5px;font-weight:800;color:#2a1c00;background:linear-gradient(135deg,#ffd978,#f0a73a);box-shadow:0 10px 24px rgba(240,167,58,.35);transition:transform .12s,opacity .2s}.frpGo:active{transform:scale(.98)}.frpGo:disabled{opacity:.45;box-shadow:none}
@media(min-width:600px){.frPopOv{align-items:center}.frpSh{border-radius:24px}}
/* #430 mesaj yerleşimi: avatar ve kullanıcı adı aynı üst hizadan başlar, balon biraz aşağıda */
.m .mrw{align-items:flex-start}
.m .mrw>.avw{align-self:flex-start;margin-top:0}
.m .bd>.nm{min-height:24px;padding-top:0;margin:0}
.m .bd>.mc{margin-top:5px}
/* #431 avatar–ad boşluğu 8px */
.m .mrw{gap:8px}
.m .bd>.nm{padding-left:0}
/* #432 film: video çerçevesi 16:9, alt-üst siyah boşluk yok */
#chat.mvroom #mvBox.big{flex:0 0 auto;max-height:none}
#chat.mvroom #mvBox.big .mv-st{flex:none}
.mv-play .mv-v{height:auto;aspect-ratio:16/9}
.mv-play .mv-v iframe,.mv-play .mv-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* #433 film açıkken yeni film arama paneli */
#mvBox{position:relative}
.mv-so{position:absolute;left:0;right:0;top:34px;bottom:0;z-index:30;background:rgba(10,8,16,.97);padding:8px 12px;overflow-y:auto;border-radius:0 0 18px 18px}
.mv-sof{display:flex;gap:6px;margin-bottom:8px}.mv-sof input{flex:1;min-width:0;padding:9px 12px;border-radius:12px;border:1px solid #ffffff2a;background:#ffffff10;color:#fff;font-size:14px}
.mv-sof #mvSOx{width:38px;border-radius:12px;background:#ffffff14;border:1px solid #ffffff22;color:#fff;font-size:15px}
/* #434 film üst çubuğundaki sayfayı yenile ikonu görünür */
.mv-h #chRef svg{width:15px;height:15px;fill:none!important;stroke:#f3e3bd!important;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:1}
.mv-h #chRef{opacity:1;background:#ffffff14;border-color:#ffffff30}
/* #437 oyun sohbeti: oda sohbetindeki gibi ad + rozetler */
#gchat .gcm .gcb{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-right:6px;font-weight:700}
#gchat .gcm .gcb .nm,#gchat .gcm .gcb .nmo{display:inline-flex;align-items:center;gap:4px;padding:0;width:auto}
#gchat .gcm .gcb .gcn{display:inline-flex;align-items:center;gap:3px}
#gchat .gcm .gcb .vf{width:14px;height:14px;flex:none}
#gchat .gcm .gcb .mtm{font-size:11px;font-weight:400;opacity:.6;margin-left:2px}
#vrCam{cursor:grab}#vrCam .vch button{cursor:pointer}
#mPage{z-index:300}
.pgBack{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff2e;color:#f6d58a;font-weight:700;font-size:13px;cursor:pointer}
#mPage .box{padding-top:52px}
/* #445 özel mesaja tepki (hareketli GIF) */
#dmMsgs .bb.hasrx{margin-bottom:14px}
.rxs{position:absolute;bottom:-13px;display:flex;gap:3px;z-index:2}
.bb.me .rxs{right:8px}.bb.ot .rxs{left:8px}
.rxc{display:inline-flex;align-items:center;gap:2px;height:24px;padding:0 6px;border-radius:99px;background:#1d1a33;border:1px solid #ffffff2e;box-shadow:0 2px 6px #0007;color:#fff;font-size:11px;cursor:pointer}
.rxc.on{border-color:var(--gold,#e0a84a);background:#2a2113}
.rxc i{font-style:normal;font-weight:700;opacity:.85}
.rxi{height:18px;width:auto;display:block;image-rendering:auto}
.rxi.rx0{width:18px;animation:rxBeat 1.1s ease-in-out infinite}
@keyframes rxBeat{0%,100%{transform:scale(1)}30%{transform:scale(1.18)}55%{transform:scale(.96)}}
.dmRxBar{position:fixed;z-index:400;display:grid;grid-template-columns:repeat(8,1fr);gap:2px 4px;padding:8px 10px;border-radius:20px;background:rgba(24,20,40,.97);border:1px solid #ffffff2a;box-shadow:0 10px 30px #000b;animation:rxPop .16s ease-out}
@keyframes rxPop{from{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}
.dmRxBar button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:transparent;border:0;cursor:pointer;transition:transform .12s}
.dmRxBar button:active,.dmRxBar button:hover{transform:scale(1.22);background:#ffffff14}
.dmRxBar button.on{background:#e0a84a33}
.dmRxBar .rxi{height:26px;max-width:32px;object-fit:contain}.dmRxBar .rxi.rx0{width:26px}
[data-theme=light] .rxc{background:#fff;color:#221d14;border-color:#00000026}
[data-theme=light] .dmRxBar{background:#fff;border-color:#00000020}
/* #446 özel mesaj: arka plan rengi (tüm sohbet) + mesaj rengi ayrı */
#dmPal .palT{font-size:11.5px;font-weight:700;opacity:.7;margin:6px 4px 4px;width:100%}
#dmPal .palG{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px 4px}
#dmPal .palG button{width:26px;height:26px;border-radius:50%;border:2px solid #ffffff44}
#dmPal .palC{position:relative;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:conic-gradient(#f44,#fc4,#4f8,#4cf,#a6f,#f4a,#f44);overflow:hidden;cursor:pointer}
#dmPal .palC input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
#dmBox.hasbgc,.modal.full #dmBox.hasbgc{background:var(--dmbgc)!important}
#dmBox.hasbgc .dmh{background:color-mix(in srgb,var(--dmbgc) 86%,#000)!important}
#dmBox.hasbgc .dmin,#dmBox.hasbgc .dmrp{background:color-mix(in srgb,var(--dmbgc) 88%,#000)!important}
#dmBox.hasbgc .dmin #dmI,#dmBox.hasbgc .dmin input[type=text]{background:color-mix(in srgb,var(--dmbgc) 70%,#fff 14%)!important}
#dmBox.hasbgc .bb.ot .bin{background:color-mix(in srgb,var(--dmbgc) 72%,#fff 16%)}
#dmBox.hasbgc .dml,#dmBox.hasbgc .dmm{background:transparent}
#dmBox.hasbgc.hasdbg .dmm{background-image:linear-gradient(color-mix(in srgb,var(--dmbgc) 55%,transparent),color-mix(in srgb,var(--dmbgc) 55%,transparent)),var(--dmbg)}
/* #447 tema penceresi: ortada açılan popup */
#dmPal.open{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(340px,92vw)!important;max-height:86vh;overflow:auto;display:block!important;padding:14px!important;border-radius:20px!important;background:#15122a!important;border:1px solid #ffffff2a!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.6),0 20px 50px #000c!important;z-index:500!important}
#dmPal .palH{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:15px}
#dmPal .palX{width:30px;height:30px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff26;color:#fff}
#dmPal .palT{margin:10px 2px 6px}
#dmPal .palG{display:flex!important;flex-wrap:wrap;gap:9px;padding:0 2px}
#dmPal .palG button,#dmPal .palC{width:32px!important;height:32px!important;flex:none}
#dmPal .palG button.sel{outline:3px solid #fff;outline-offset:2px}
#dmPal .palR{display:flex;gap:8px;margin-top:8px}
#dmPal .palR .pbg{flex:1;width:auto!important;height:auto!important;border-radius:12px!important;padding:10px 6px;font-size:13px;background:#ffffff12;border:1px solid #ffffff26;color:#fff}
#dmPal .palR .pbg.ok{background:var(--dmc,#e0a84a);color:#1a1204;font-weight:800;border-color:transparent}
/* #448 yazı rengi + canlı önizleme: popup altta sayfa gibi, arkası karartılmaz */
#dmBox.hastc .bb .bin,#dmBox.hastc .bb .bt,#dmBox.hastc .bb .bin small,#dmBox.hastc .dmin #dmI{color:var(--dmtc)!important}
#dmBox.hastc .dmin #dmI::placeholder{color:var(--dmtc);opacity:.55}
#dmPal.open{left:0!important;right:0!important;top:auto!important;bottom:0!important;transform:none!important;width:auto!important;max-height:46vh!important;border-radius:20px 20px 0 0!important;box-shadow:0 -10px 30px #000a!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))!important}
#dmPal .palT{margin:8px 2px 5px}
#dmPal .palG{gap:8px}
#dmPal .palG button,#dmPal .palC{width:30px!important;height:30px!important}

/* Tüm Odalar > Radyolar sekmesi: çalan radyoda hareketli ses çubukları */
.lbeq{display:inline-flex;gap:2px;align-items:flex-end;height:11px;margin-right:5px;vertical-align:middle}.lbeq i{width:3px;height:3px;background:#e0a84a;border-radius:2px;animation:lbeq .9s ease-in-out infinite}.lbeq i:nth-child(2){animation-delay:-.3s}.lbeq i:nth-child(3){animation-delay:-.6s}@keyframes lbeq{0%,100%{height:3px}50%{height:11px}}
.lbrd .lbo .lbv{color:#e0a84a;font-weight:700}

/* Mobil Tüm Odalar sekmeleri: 4 sekme kaydırmadan sığsın */
body.mlob #lobby .lbtabs{flex-wrap:nowrap;overflow:visible;gap:0;justify-content:space-between}
body.mlob #lobby .lbtabs button{flex:0 1 auto;min-width:0;white-space:nowrap;font-size:clamp(11.5px,3.3vw,14px);padding:6px 4px}

/* Favoriler / En Son: odalar (altın) ve radyolar (camgöbeği) ayrı, ışıklı premium paneller */
.lbsec{--sc:#e0a84a;grid-column:1/-1;position:relative;overflow:hidden;padding:12px 10px 14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--sc) 45%,transparent);background:radial-gradient(120% 80% at 50% -15%,color-mix(in srgb,var(--sc) 30%,transparent),transparent 62%),linear-gradient(180deg,#ffffff0a,#00000038);box-shadow:0 0 26px color-mix(in srgb,var(--sc) 24%,transparent),inset 0 1px 0 #ffffff26,inset 0 0 40px color-mix(in srgb,var(--sc) 10%,transparent)}
.lbs-rad{--sc:#3fd8ff}
.lbsec::before{content:"";position:absolute;left:-45%;top:0;width:45%;height:2px;background:linear-gradient(90deg,transparent,var(--sc),#fff,var(--sc),transparent);filter:drop-shadow(0 0 6px var(--sc));animation:lbsw 4.5s linear infinite;pointer-events:none}
.lbsec::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sc) 45%,transparent),transparent 70%);opacity:.55;animation:lbgl 3.6s ease-in-out infinite;pointer-events:none}
@keyframes lbsw{to{left:100%}}@keyframes lbgl{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:.7;transform:scale(1.1)}}
.lbsec+.lbsec{margin-top:6px}
.lbsh{position:relative;z-index:1;margin:0 2px 10px;font-size:15.5px;font-weight:800;letter-spacing:.2px;display:flex;align-items:center;gap:8px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--sc) 55%,transparent))}
.lbsh .lbst{background:linear-gradient(90deg,#fff,var(--sc));-webkit-background-clip:text;background-clip:text;color:transparent}.lbsh .lbsi{font-size:18px}
.lbsh small{font-size:11px;font-weight:800;padding:1px 9px;border-radius:99px;background:color-mix(in srgb,var(--sc) 24%,transparent);color:var(--sc);-webkit-text-fill-color:var(--sc);box-shadow:0 0 10px color-mix(in srgb,var(--sc) 40%,transparent)}
.lbsec .lbg{position:relative;z-index:1}
.lbsec .lbc{box-shadow:0 0 16px color-mix(in srgb,var(--c) 28%,transparent),inset 0 1px 0 #ffffff22}
.lbs-rad .lbc{border-color:color-mix(in srgb,var(--sc) 40%,#ffffff1a)}
.lbsn{position:relative;z-index:1;margin:0 2px;font-size:13px;opacity:.75}
[data-theme=light] .lbsec{background:radial-gradient(120% 80% at 50% -15%,color-mix(in srgb,var(--sc) 22%,transparent),transparent 62%),#ffffffcc;box-shadow:0 0 20px color-mix(in srgb,var(--sc) 20%,transparent)}
[data-theme=light] .lbsh .lbst{background:linear-gradient(90deg,#2a2233,var(--sc));-webkit-background-clip:text;background-clip:text}
@media (prefers-reduced-motion:reduce){.lbsec::before,.lbsec::after{animation:none}}

/* Radyolar penceresi: yarım ekran, şeffaf (cam) panel; başlık ve ✕ sabit, sadece liste kayar */
#mRadio{background:rgba(0,0,0,.22)}
#mRadio .box.radbox{display:flex;flex-direction:column;height:55vh;max-height:55vh;padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(46,28,92,.70),rgba(20,14,40,.80))!important;-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);border-color:rgba(140,118,235,.55);box-shadow:0 -10px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18)}
#mRadio .radbox .onh{flex:0 0 auto;margin:0;padding:14px 56px 10px 16px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
#mRadio .radbox .x{top:8px;right:10px;z-index:3;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
#mRadio .radbox .rgrid{flex:1 1 auto;min-height:0;margin:0;padding:12px 12px 6px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;align-content:start}
#mRadio .radbox .rpg{flex:0 0 auto;padding:4px 12px 12px}
[data-theme=light] #mRadio .box.radbox{background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(246,241,230,.88))!important;border-color:rgba(122,99,214,.4)}
[data-theme=light] #mRadio .radbox .onh{border-bottom-color:#00000014;background:#ffffff66}
@media(min-width:700px){#mRadio .box.radbox{height:60vh;max-height:60vh}}

/* Site sesi düğmesi (odanın içinde, üst çubukta): premium altın/kırmızı ışıklı simge */
.sndb{position:relative;color:#ffd978;border-color:rgba(255,217,120,.55);background:radial-gradient(circle at 30% 25%,rgba(255,217,120,.26),rgba(124,92,255,.16) 72%);box-shadow:0 0 14px rgba(255,200,90,.30),inset 0 1px 0 rgba(255,255,255,.28)}
.sndb svg{width:21px;height:21px;overflow:visible;filter:drop-shadow(0 0 4px rgba(255,200,90,.55))}
.sndb:hover{transform:scale(1.06);color:#ffe9a6}
.sndb .w1,.sndb .w2{animation:sndw 1.8s ease-in-out infinite}.sndb .w2{animation-delay:.28s}
@keyframes sndw{0%,100%{opacity:.35}50%{opacity:1}}
.sndb.off{color:#ff8a8a;border-color:rgba(255,110,120,.6);background:radial-gradient(circle at 30% 25%,rgba(255,110,120,.26),rgba(60,20,34,.22) 72%);box-shadow:0 0 14px rgba(255,90,100,.32),inset 0 1px 0 rgba(255,255,255,.2)}
.sndb.off svg{filter:drop-shadow(0 0 4px rgba(255,90,100,.55))}
body.mlob #sndBtn,body.dk-lob #sndBtn{display:none!important}
[data-theme=light] .sndb{background:radial-gradient(circle at 30% 25%,#fff3d1,#ffffff 72%);color:#c98a12;border-color:rgba(201,138,18,.5)}
[data-theme=light] .sndb.off{background:radial-gradient(circle at 30% 25%,#ffe1e4,#fff 72%);color:#d93a4a;border-color:rgba(217,58,74,.5)}
@media (prefers-reduced-motion:reduce){.sndb .w1,.sndb .w2{animation:none}}

/* site sesi popup */
#sndPop{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(5,6,14,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .22s}
#sndPop.show{opacity:1;pointer-events:auto}
#sndPop .sp-c{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 34px 22px;border-radius:24px;background:linear-gradient(160deg,rgba(40,34,18,.92),rgba(18,16,30,.94));border:1px solid rgba(255,196,90,.55);box-shadow:0 0 38px rgba(255,180,70,.35),0 18px 50px rgba(0,0,0,.55);color:#fff;text-align:center;transform:scale(.85);transition:transform .28s cubic-bezier(.2,1.4,.4,1);max-width:82vw}
#sndPop.show .sp-c{transform:scale(1)}
#sndPop.off .sp-c{background:linear-gradient(160deg,rgba(48,18,22,.92),rgba(18,16,30,.94));border-color:rgba(255,110,110,.55);box-shadow:0 0 38px rgba(255,80,80,.32),0 18px 50px rgba(0,0,0,.55)}
#sndPop .sp-i svg{width:64px;height:64px}
#sndPop b{font-size:18px}
#sndPop small{font-size:12px;opacity:.7}
:root[data-theme=light] #sndPop .sp-c{color:#fff}
@media(prefers-reduced-motion:reduce){#sndPop,#sndPop .sp-c{transition:none}}

/* radyo arama */
#mRadio .radbox .onh{display:flex;align-items:center;gap:10px}
#mRadio .rqt{flex:0 0 auto;white-space:nowrap}
#mRadio .rqw{position:relative;flex:1 1 auto;min-width:0}
#mRadio .rqw input{width:100%;box-sizing:border-box;height:36px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;padding:0 34px 0 14px;font-size:14px;font-weight:500;outline:none}
#mRadio .rqw input:focus{border-color:rgba(255,196,90,.7);box-shadow:0 0 0 3px rgba(255,196,90,.18)}
#mRadio .rqw input::placeholder{color:rgba(255,255,255,.55)}
#mRadio .rqi{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.7;pointer-events:none}
[data-theme=light] #mRadio .rqw input{color:#222;background:#ffffffaa;border-color:#00000026}
[data-theme=light] #mRadio .rqw input::placeholder{color:#00000088}

.lgcn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.lgcn>div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:linear-gradient(160deg,rgba(255,196,90,.16),rgba(122,99,214,.14));border:1px solid rgba(255,196,90,.35)}
.lgcn span{font-size:12px;opacity:.75}.lgcn b{font-size:26px;line-height:1.1}.lgcn small{font-size:11px;opacity:.6}
/* oda başlığı: isim alanı geniş, simgeler kompakt */
@media(max-width:700px){
  body:not(.mlob):not(.dk-lob) header{gap:4px!important}
  body:not(.mlob):not(.dk-lob) header .ibtn,body:not(.mlob):not(.dk-lob) header .themeb{width:30px!important;height:30px!important;min-width:30px!important;font-size:14px!important;flex:0 0 30px}
  body:not(.mlob):not(.dk-lob) header .ibtn svg,body:not(.mlob):not(.dk-lob) header .themeb svg{width:16px!important;height:16px!important}
  body:not(.mlob):not(.dk-lob) header #seyaBtn img,body:not(.mlob):not(.dk-lob) header #seyaBtn svg{max-width:100%;max-height:100%}
  body:not(.mlob):not(.dk-lob) header .me{width:28px!important;height:28px!important;flex:0 0 28px}
  body:not(.mlob):not(.dk-lob) header .me .av,body:not(.mlob):not(.dk-lob) header .me img{width:28px!important;height:28px!important}
  body:not(.mlob):not(.dk-lob) header .rnp{flex:1 1 auto!important;padding:0 10px!important}
}
@media(max-width:390px){
  body:not(.mlob):not(.dk-lob) header{gap:3px!important}
  body:not(.mlob):not(.dk-lob) header .ibtn,body:not(.mlob):not(.dk-lob) header .themeb{width:26px!important;height:26px!important;min-width:26px!important;flex:0 0 26px}
  body:not(.mlob):not(.dk-lob) header .ibtn svg,body:not(.mlob):not(.dk-lob) header .themeb svg{width:14px!important;height:14px!important}
  body:not(.mlob):not(.dk-lob) header .me,body:not(.mlob):not(.dk-lob) header .me .av,body:not(.mlob):not(.dk-lob) header .me img{width:26px!important;height:26px!important;flex-basis:26px}
}
/* oda alt buton satırı: kompakt */
@media(max-width:700px){
  body:not(.mlob):not(.dk-lob) #qb{gap:4px!important}
  body:not(.mlob):not(.dk-lob) #qb .qbb{height:24px!important;padding:0 9px!important;font-size:11.5px!important;border-radius:12px!important}
  body:not(.mlob):not(.dk-lob) #qb #chInfo.onb{height:24px!important;min-height:24px!important;width:auto!important;padding:0 8px!important;font-size:11.5px!important;gap:4px!important}
  body:not(.mlob):not(.dk-lob) #qb #stBtn.onb,body:not(.mlob):not(.dk-lob) #qb #wlBtn.onb{height:24px!important;min-height:24px!important;width:auto!important;min-width:0;padding:0 9px!important;font-size:11.5px!important;gap:4px!important;border-radius:12px!important}
  body:not(.mlob):not(.dk-lob) #qb .onb::before{width:12px!important;height:12px!important}
  body:not(.mlob):not(.dk-lob) #qb #wlBtn svg{width:15px!important;height:13px!important}
  body:not(.mlob):not(.dk-lob) #qb .mwrap,body:not(.mlob):not(.dk-lob) #qb .ib{width:24px!important;height:24px!important}
}

/* ⋮ hızlı aksiyonlar paneli */
#mmBtn{color:inherit;display:inline-flex;align-items:center;justify-content:center}
#qaSheet{position:fixed;inset:0;z-index:9500}
#qaSheet[hidden]{display:none}
#qaSheet .qa-bd{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
#qaSheet.on .qa-bd{opacity:1}
#qaSheet .qa-box{position:absolute;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;max-height:78vh;overflow:auto;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#1d1238,#0d0820);border:1px solid rgba(155,140,255,.35);border-bottom:0;box-shadow:0 -10px 40px rgba(0,0,0,.5);transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.9,.3,1);color:#f2f0fa;padding-bottom:max(14px,env(safe-area-inset-bottom))}
#qaSheet.on .qa-box{transform:none}
#qaSheet .qa-grip{display:block;width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.28);margin:8px auto 2px}
#qaSheet .qa-h{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(90deg,rgba(122,99,214,.35),rgba(122,99,214,.05));border-bottom:1px solid rgba(255,255,255,.08)}
#qaSheet .qa-h b{flex:1;font-size:15px}
#qaSheet .qa-hi{width:32px;height:32px;border-radius:10px;background:rgba(155,140,255,.25);display:grid;place-items:center}
#qaSheet .qa-hi svg{width:18px;height:18px;stroke:#cfc6ff;fill:none;stroke-width:1.8}
#qaSheet .qa-x{all:unset;cursor:pointer;width:30px;height:30px;text-align:center;line-height:30px;opacity:.7}
#qaSheet .qa-b{padding:6px 14px 4px}
#qaSheet .qa-t{font-size:10.5px;letter-spacing:1.2px;font-weight:800;opacity:.5;margin:14px 0 8px}
#qaSheet .qa-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px}
#qaSheet .qa-i{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
#qaSheet .qa-i span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,#1a1230);border:1px solid color-mix(in srgb,var(--c) 38%,transparent);transition:transform .12s}
#qaSheet .qa-i:active span{transform:scale(.92)}
#qaSheet .qa-i svg{width:26px;height:26px;stroke:var(--c);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#qaSheet .qa-i em{font-style:normal;font-size:11px;line-height:1.2;font-weight:600;opacity:.9}
[data-theme=light] #qaSheet .qa-box{background:linear-gradient(180deg,#fff,#f4efe4);color:#1f1a2e;border-color:#00000022}
[data-theme=light] #qaSheet .qa-i span{background:color-mix(in srgb,var(--c) 14%,#fff)}
@media(prefers-reduced-motion:reduce){#qaSheet .qa-box,#qaSheet .qa-bd{transition:none}}

/* sohbet yan rayı (arka plansız, sadece simge) */
#qRail{position:absolute;right:8px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff}
#qRail .qr-l{display:flex;flex-direction:column;gap:2px}
#qRail .qr-l button,#qRail .qr-t{all:unset;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;color:inherit;-webkit-tap-highlight-color:transparent}
#qRail .qr-l button:active,#qRail .qr-t:active{transform:scale(.88)}
#qRail svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85)) drop-shadow(0 0 6px rgba(0,0,0,.45))}
#qRail .qr-l button.mo{color:#ff6b7f}
#qRail .qr-t svg{width:18px;height:18px;transition:transform .2s;opacity:.85}
#qRail.min .qr-l{display:none}
#qRail.min .qr-t svg{transform:rotate(180deg)}
[data-theme=light] #qRail{color:#1f1a2e}
[data-theme=light] #qRail svg{filter:drop-shadow(0 1px 2px rgba(255,255,255,.95)) drop-shadow(0 0 5px rgba(255,255,255,.7))}
[data-theme=light] #qRail .qr-l button.mo{color:#d8283f}

/* yan ray: simgeye özel renkler */
#qRail{--c-game:#7aa2ff;--c-mic:#4cd964;--c-mail:#4cc9f0;--c-ai:#b794ff;--c-cam:#ff7aa8;--c-wl:#2dd4bf;--c-share:#ffc857;--c-off:#ff6b7f}
[data-theme=light] #qRail{--c-game:#3563d8;--c-mic:#12a83a;--c-mail:#0a8fc4;--c-ai:#7a45e0;--c-cam:#e0366f;--c-wl:#0a9c8c;--c-share:#c98a00;--c-off:#d8283f}
#qRail .qr-l button[data-k=mic]{color:var(--c-mic)}
#qRail .qr-l button[data-k=mail]{color:var(--c-mail)}
#qRail .qr-l button[data-k=ai]{color:var(--c-ai)}
#qRail .qr-l button[data-k=game]{color:var(--c-game)}
#qRail .qr-l button[data-k=cam]{color:var(--c-cam)}
#qRail .qr-l button[data-k=wl]{color:var(--c-wl)}
#qRail .qr-l button[data-k=share]{color:var(--c-share)}
#qRail .qr-l button.mo{color:var(--c-off)}
#qRail .qr-l svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.8)) drop-shadow(0 0 7px color-mix(in srgb,currentColor 55%,transparent))}
[data-theme=light] #qRail .qr-l svg{filter:drop-shadow(0 1px 2px rgba(255,255,255,.95)) drop-shadow(0 0 5px rgba(255,255,255,.7))}
/* yan ray: tek parça şeffaf cam zemin */
#qRail .qr-l{padding:6px 3px;border-radius:22px;background:rgba(18,12,38,.38);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);box-shadow:0 6px 22px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14)}
[data-theme=light] #qRail .qr-l{background:rgba(255,255,255,.5);border-color:rgba(0,0,0,.1);box-shadow:0 6px 20px rgba(60,40,100,.18),inset 0 1px 0 rgba(255,255,255,.8)}
/* yan rayda olan butonlar üst alanda gizli (oda içinde) */
body:not(.mlob):not(.dk-lob) header #dmBtn,body:not(.mlob):not(.dk-lob) header #seyaBtn{display:none!important}

/* yan ray: SEYA AI profil + efekt */
#qRail .qr-l button.qr-ai{width:42px;height:42px}
#qRail .qr-ar{position:relative;display:block;width:34px;height:34px;border-radius:50%;padding:2px;box-shadow:0 0 12px #b794ff99,0 0 22px #ff7ad944}
#qRail .qr-ar::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#ff7ad9,#7a6bff,#2dd4ff,#ff7ad9);animation:qrspin 4s linear infinite}
#qRail .qr-ar::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid #b794ff88;animation:qrpulse 2s ease-out infinite;pointer-events:none}
#qRail .qr-av{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#140d2a}
#qRail .qr-av .seyav{box-shadow:none!important;width:100%;height:100%}
#qRail .qr-av svg,#qRail .qr-av img{width:100%;height:100%;filter:none!important;border-radius:50%}
#qRail .qr-ar i{position:absolute;right:-5px;bottom:-4px;font:800 8px/1 Sora,system-ui;font-style:normal;color:#fff;background:linear-gradient(135deg,#ff7ad9,#7a6bff);border-radius:99px;padding:2px 4px;border:1px solid #140d2a;z-index:2}
@keyframes qrspin{to{transform:rotate(360deg)}}
@keyframes qrpulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media(prefers-reduced-motion:reduce){#qRail .qr-ar::after,#qRail .qr-ar::before{animation:none}}
/* yan ray: hepsi aynı küçük boyut */
#qRail .qr-l button,#qRail .qr-l button.qr-ai{width:32px;height:32px}
#qRail .qr-l svg{width:20px;height:20px}
#qRail .qr-ar{width:26px;height:26px;padding:1.5px}
#qRail .qr-ar .qr-av svg{width:100%;height:100%}
#qRail .qr-ar i{font-size:6.5px;padding:1.5px 3px;right:-6px;bottom:-4px}
#qRail .qr-ar{width:23px;height:23px}#qRail .qr-ar::before{inset:-3px}

/* üst bardaki ses butonu kaldırıldı: ses artık yan raydaki mikrofon simgesinde */
#sndBtn{display:none!important}

/* oda adı yanı: Kaydet */
header #rfBtn.rfb{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:inherit}
header #rfBtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;transition:transform .18s}
header #rfBtn.on{color:#ffc857;border-color:#ffc85788!important;box-shadow:0 0 14px #ffc85755}
header #rfBtn.on svg{fill:#ffc857;stroke:#ffc857;transform:scale(1.08)}
[data-theme=light] header #rfBtn.on{color:#d99a00}[data-theme=light] header #rfBtn.on svg{fill:#e7a800;stroke:#c98a00}
body.mlob header #rfBtn,body.dk-lob header #rfBtn{display:none!important}
/* yan ray: biraz daha dikey */
#qRail .qr-l{gap:5px;padding:9px 3px}
#qRail .qr-l button,#qRail .qr-l button.qr-ai{height:38px}

/* oda sahibi */
header #owBtn{all:unset;box-sizing:border-box;position:relative;overflow:hidden;display:flex;align-items:center;gap:6px;flex:0 0 auto;max-width:112px;height:42px;padding:0 9px 0 5px;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,rgba(255,200,87,.2),rgba(122,99,214,.18));border:1px solid rgba(255,200,87,.5);box-shadow:0 0 14px rgba(255,200,87,.22);-webkit-tap-highlight-color:transparent}
header #owBtn[hidden]{display:none}
header #owBtn .ow-av{flex:0 0 30px;width:30px;height:30px}
header #owBtn .ow-av .av{width:30px;height:30px;font-size:13px}
header #owBtn .ow-t{display:flex;flex-direction:column;min-width:0;line-height:1.1}
header #owBtn .ow-t b{font-size:12px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header #owBtn .ow-t small{font-size:9px;font-weight:800;letter-spacing:.4px;background:linear-gradient(90deg,#ffe9a8,#ffc857);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
header #owBtn .ow-sh{position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:owsh 3.2s ease-in-out infinite;pointer-events:none}
@keyframes owsh{0%,55%{left:-70%}100%{left:140%}}
[data-theme=light] header #owBtn{background:linear-gradient(135deg,rgba(255,200,87,.35),rgba(122,99,214,.12));border-color:rgba(201,138,0,.55)}
[data-theme=light] header #owBtn .ow-t b{color:#1f1a2e}
[data-theme=light] header #owBtn .ow-t small{background:linear-gradient(90deg,#b8860b,#d99a00);-webkit-background-clip:text;background-clip:text}
@media(prefers-reduced-motion:reduce){header #owBtn .ow-sh{animation:none;opacity:0}}
body.mlob header #owBtn,body.dk-lob header #owBtn{display:none!important}
@media(max-width:390px){header #owBtn{max-width:92px;height:38px}header #owBtn .ow-av,header #owBtn .ow-av .av{width:26px;height:26px;flex-basis:26px}}
/* yönetim: @ üye seçimi */
.kwl{position:relative;display:block}
.kwh{display:block;font-size:11px;opacity:.6;margin-top:4px}
#kwPop{position:absolute;left:0;right:0;top:100%;z-index:50;margin-top:2px;max-height:240px;overflow:auto;border-radius:12px;background:#1a1330;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 30px rgba(0,0,0,.5)}
#kwPop[hidden]{display:none}
#kwPop .kwi{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;cursor:pointer;color:#fff;font-size:14px}
#kwPop .kwi:hover{background:rgba(255,255,255,.1)}
#kwPop .kwi .av{width:28px;height:28px;font-size:12px}
#kwPop .kwn{padding:10px 12px;font-size:13px;opacity:.7;color:#fff}
[data-theme=light] #kwPop{background:#fff;border-color:#00000022}[data-theme=light] #kwPop .kwi,[data-theme=light] #kwPop .kwn{color:#1f1a2e}
header #owBtn{max-width:96px;gap:5px;padding:0 7px 0 4px}header #owBtn .ow-t b{font-size:11.5px}

header #owBtn .ow-n{display:block;overflow:hidden;white-space:nowrap}
header #owBtn .ow-ni{display:inline-block;will-change:transform}
header #owBtn .ow-ni.mq{animation:ttmq var(--t,5s) ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){header #owBtn .ow-ni.mq{animation:none}}

header #owBtn{width:104px;max-width:104px;flex:0 0 104px}
header #owBtn .ow-t{flex:1 1 0;min-width:0;overflow:hidden}
header #owBtn .ow-t small{font-size:8.5px;letter-spacing:.2px}
@media(max-width:390px){header #owBtn{width:92px;max-width:92px;flex-basis:92px}}
/* AÇIK TEMA: net yazı ve simgeler */
[data-theme=light] body:not(.mlob):not(.dk-lob) #qb #chInfo.onb{background:linear-gradient(135deg,#d9f8e8,#d6f1fb)!important;border:1.5px solid #12a56a!important;color:#075a3a!important;-webkit-text-fill-color:#075a3a!important;font-weight:900!important;box-shadow:0 2px 8px #12a56a33!important}
[data-theme=light] body:not(.mlob):not(.dk-lob) #qb #stBtn.onb{background:linear-gradient(135deg,#ffe3ec,#ffe9d4)!important;border:1.5px solid #d9356f!important;color:#9c0f48!important;-webkit-text-fill-color:#9c0f48!important;font-weight:900!important;box-shadow:0 2px 8px #d9356f33!important}
[data-theme=light] body:not(.mlob):not(.dk-lob) #qb #wlBtn.onb{background:linear-gradient(135deg,#d6f6f2,#e6e0ff)!important;border:1.5px solid #0a9c8c!important;color:#065e55!important;-webkit-text-fill-color:#065e55!important;font-weight:900!important;box-shadow:0 2px 8px #0a9c8c33!important}
[data-theme=light] #qb .onb::before,[data-theme=light] #qb #wlBtn svg{color:currentColor;filter:none!important;opacity:1!important}
[data-theme=light] #qb #wlBtn svg *{stroke:currentColor}
[data-theme=light] header .rnp .rsc{background:#ffffffee!important;border:1px solid #00000022!important;color:#1f1a2e!important;-webkit-text-fill-color:#1f1a2e!important}
[data-theme=light] header .rnp .rsc b,[data-theme=light] header .rnp .rsc i,[data-theme=light] header .rnp .rsc u{color:#1f1a2e!important;-webkit-text-fill-color:#1f1a2e!important}
[data-theme=light] header #owBtn{background:linear-gradient(135deg,#fff3cf,#efe8ff);border:1.5px solid #b8860b}
[data-theme=light] header #owBtn .ow-t b{color:#14102a;font-weight:900}
[data-theme=light] header #owBtn .ow-t small{background:none;-webkit-text-fill-color:#7a4d00;color:#7a4d00;font-weight:900}
[data-theme=light] #qRail{--c-mic:#0b8a2e;--c-mail:#0679ad;--c-ai:#6a35d6;--c-cam:#cc1f5f;--c-wl:#077f73;--c-share:#b57400;--c-off:#c8102e}
[data-theme=light] #qRail .qr-l{background:rgba(255,255,255,.85);border:1.5px solid rgba(0,0,0,.14)}
[data-theme=light] #qRail svg{stroke-width:2.2}
[data-theme=light] #qRail .qr-l svg{filter:none}
[data-theme=light] #qRail .qr-t svg{stroke:#14102a}
[data-theme=light] header #rfBtn svg,[data-theme=light] header #bellBtn svg,[data-theme=light] header #themeBtn svg{stroke:#14102a;stroke-width:2.1}
[data-theme=light] #mmBtn,[data-theme=light] .ab,[data-theme=light] .eb{color:#14102a}
[data-theme=light] body:not(.mlob):not(.dk-lob) #qb #wlBtn.onb *{-webkit-text-fill-color:#065e55!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#065e55!important;opacity:1!important}
[data-theme=light] header .rnp .rsc i{opacity:1!important;filter:none!important}
/* puan / seviye alanı: sade ve küçük, beyaz parlama yok */
header .rnp .rsc{background:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0 !important;gap:4px!important;font-size:10px!important;line-height:12px!important;box-shadow:none!important}
header .rnp .rsc::after{display:none!important;animation:none!important}
header .rnp .rsc i{font-size:10px!important;filter:none!important}
header .rnp .rsc b{font-size:10px!important;font-weight:800!important}
header .rnp .rsc em{font-size:10px!important}
header .rnp .rsc u{height:8px!important}
header .rnp{gap:1px!important}
[data-theme=light] header .rnp .rsc{background:none!important;border:0!important}

/* Tüm odalara mesaj: üçlü kişi simgesi */
#bcBtn.bcg{color:#2dd4bf;display:inline-flex;align-items:center;justify-content:center}
#bcBtn.bcg svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#bcBtn.bcg[hidden]{display:none}
[data-theme=light] #bcBtn.bcg{color:#0a8f80}
[data-theme=light] .apill #bcBtn.bcg{color:#0a8f80!important}.apill #bcBtn.bcg{color:#2dd4bf}[data-theme=light] .apill #bcBtn.bcg{color:#0a8f80!important}
[data-theme=light] .apill #bcBtn.bcg svg,[data-theme=light] .apill #bcBtn.bcg svg *{stroke:#0a8f80!important}.apill #bcBtn.bcg svg,.apill #bcBtn.bcg svg *{stroke:currentColor}

/* yan ray: Mesajlar okunmamış sayısı */
#qRail .qr-l button{position:relative}
#qRail .qr-bd{position:absolute;top:1px;right:-1px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:99px;background:#ff3b5c;color:#fff;font:800 10px/16px system-ui,sans-serif;text-align:center;border:1.5px solid #140d2a;box-shadow:0 0 8px #ff3b5c88;animation:qrbd 1.6s ease-in-out infinite}
#qRail .qr-bd[hidden]{display:none}
[data-theme=light] #qRail .qr-bd{border-color:#fff}
@keyframes qrbd{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){#qRail .qr-bd{animation:none}}

/* mobil lobi üst bar: çizgi simgeler (renkli) */
body.mlob .lbm1 button[data-k=dm]{color:#4cc9f0}
body.mlob .lbm1 button[data-k=bell]{color:#ffc857}
body.mlob .lbm1 button[data-k=th]{color:#ffa94d}
body.mlob .lbm1 button[data-k=ref]{color:#52e39a}
body.mlob .lbm1 button[data-k=wl]{color:#2dd4bf}
body.mlob .lbm1 button[data-k=dm] svg,body.mlob .lbm1 button[data-k=bell] svg,body.mlob .lbm1 button[data-k=th] svg,body.mlob .lbm1 button[data-k=ref] svg{width:21px;height:21px;display:block;margin:auto;filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 45%,transparent))}
body.mlob .lbm1 button[data-k=dm],body.mlob .lbm1 button[data-k=bell],body.mlob .lbm1 button[data-k=th],body.mlob .lbm1 button[data-k=ref]{display:inline-grid;place-items:center}
[data-theme=light] body.mlob .lbm1 button[data-k=dm]{color:#0679ad}
[data-theme=light] body.mlob .lbm1 button[data-k=bell]{color:#b57400}
[data-theme=light] body.mlob .lbm1 button[data-k=th]{color:#c25e00}
[data-theme=light] body.mlob .lbm1 button[data-k=ref]{color:#0b8a50}
[data-theme=light] body.mlob .lbm1 button[data-k=wl]{color:#077f73}
[data-theme=light] body.mlob .lbm1 svg{filter:none!important;stroke-width:2.2}
[data-theme=light] body.mlob .lbm1 button.lbwl{color:#077f73!important;background:#d6f6f2!important;border-color:#0a9c8c!important;box-shadow:0 2px 8px #0a9c8c33!important}[data-theme=light] body.mlob .lbm1 button.lbwl svg{stroke:#077f73!important;filter:none!important}
/* lobi: SEYA AI rozeti */
.lbse,.dkseya{position:relative;overflow:visible}
.lbse::after,.dkseya::after{content:'AI';position:absolute;right:-3px;bottom:-3px;z-index:3;font:800 8px/1 Sora,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#ff7ad9,#7a6bff);border-radius:99px;padding:2px 4px;border:1px solid #0b0a0d;pointer-events:none}
[data-theme=light] .lbse::after,[data-theme=light] .dkseya::after{border-color:#fff}

/* alt çubuk ve yazı satırı: renkli çizgi simgeler */
#vrCtl .vb,#chRef,#rcBtn .rci,#pb,#mmBtn{background:none}
#vrCtl .vb svg,#chRef svg,#rcBtn .rci svg,#pb svg,#mmBtn svg{stroke:currentColor}
#vrCtl .vb[data-a=take],#vrCtl .vb[data-a=mm]{color:#4cd964}
#vrCtl .vb[data-a=mm].off,#vrCtl .vb[data-a=mm][class*=off]{color:#ff6b7f}
#vrCtl .vb[data-a=hand]{color:#ffc857}
#vrCtl .vb[data-a=cam]{color:#4cc9f0}
#vrCtl .vb[data-a=scr]{color:#b794ff}
#vrCtl .vb[data-a=flip]{color:#52e39a}
#rcBtn .rci{color:#ff9f43}
#chRef{color:#52e39a}
#pb{color:#ffd166}
#mmBtn{color:#b794ff}
#vrCtl .vb svg,#chRef svg,#rcBtn .rci svg{filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 40%,transparent))}
[data-theme=light] #vrCtl .vb[data-a=take],[data-theme=light] #vrCtl .vb[data-a=mm]{color:#0b8a2e}
[data-theme=light] #vrCtl .vb[data-a=mm].off{color:#c8102e}
[data-theme=light] #vrCtl .vb[data-a=hand]{color:#b57400}
[data-theme=light] #vrCtl .vb[data-a=cam]{color:#0679ad}
[data-theme=light] #vrCtl .vb[data-a=scr]{color:#6a35d6}
[data-theme=light] #vrCtl .vb[data-a=flip]{color:#0b8a50}
[data-theme=light] #rcBtn .rci{color:#c25e00}
[data-theme=light] #chRef{color:#0b8a50}
[data-theme=light] #pb{color:#b57400}
[data-theme=light] #mmBtn{color:#6a35d6}
[data-theme=light] #vrCtl .vb svg,[data-theme=light] #chRef svg,[data-theme=light] #rcBtn .rci svg{filter:none}

/* yan ray: emoji paneli açıkken yer dar ise sıkışık mod */
#qRail.tight .qr-l{gap:0;padding:4px 3px}
#qRail.tight .qr-l button,#qRail.tight .qr-l button.qr-ai{height:30px;width:32px}
#qRail.tight .qr-ar{width:20px;height:20px}
#qRail.tight svg{width:19px;height:19px}
#qRail.tight .qr-t{height:24px;width:24px}
/* yenile simgesi renkli */
html body #chRef.ib,html body #chRef.ib svg{color:#52e39a!important;stroke:#52e39a!important}
html body #chRef.ib svg{filter:drop-shadow(0 0 5px #52e39a66)}
html[data-theme=light] body #chRef.ib,html[data-theme=light] body #chRef.ib svg{color:#0b8a50!important;stroke:#0b8a50!important;filter:none}
/* emoji paneli: şeffaf cam, daha kısa, yan rayla çakışmaz */
#pk.pk{height:min(34vh,250px)!important;background:rgba(22,17,12,.5)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2)!important;backdrop-filter:blur(14px) saturate(1.2)!important;border-color:rgba(224,168,74,.4)!important;right:56px!important;box-shadow:0 10px 36px rgba(0,0,0,.45)!important}
[data-theme=light] #pk.pk{background:rgba(255,255,255,.55)!important;border-color:rgba(0,0,0,.14)!important}
#pk .pg button{background:rgba(255,255,255,.06)}
#qRail{z-index:8}
#chat .ch-h #chRef.ib,#chat .ch-h #chRef.ib svg{color:#52e39a!important;stroke:#52e39a!important}
#chat .ch-h #chRef.ib svg{filter:drop-shadow(0 0 5px #52e39a66)}
[data-theme=light] #chat .ch-h #chRef.ib,[data-theme=light] #chat .ch-h #chRef.ib svg{color:#0b8a50!important;stroke:#0b8a50!important;filter:none}
/* v488 profil kartı kompakt */
#mUser .ubox{width:min(340px,92vw)!important;max-height:78dvh!important;padding:10px 10px 8px!important;border-radius:22px!important}
#uBody{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:none}#uBody::-webkit-scrollbar{display:none}
#mUser .pfCv{height:74px!important;margin:-10px -10px 0!important;border-radius:21px 21px 0 0!important}
#mUser .pfCb{top:6px!important;left:6px!important;font-size:11px!important;padding:4px 9px!important}
#mUser .pfCv+.pc .pc-ring,#mUser .pc-ring{width:80px!important;height:80px!important;margin:-40px auto 4px!important}
#mUser .pc-ring .av.big,#mUser .pc-ring .avf .av.big{width:72px!important;height:72px!important;font-size:30px!important}
#mUser .pc-ring .avf{margin:0!important}
#mUser .pc-ring .pfAe{width:26px!important;height:26px!important;font-size:12px!important;border-width:2px!important}
#mUser .pc-n{font-size:18px!important;margin:0!important}
#mUser .pc-t{font-size:10.5px!important;padding:2px 9px!important;margin:2px 0!important}
#mUser .pc-s{font-size:11.5px!important}
#mUser .pfTn{font-size:11px!important;margin:3px 0 0!important}
#mUser .pfSt{margin:6px 0!important;padding:5px 0!important}#mUser .pfSt b{font-size:14px!important}#mUser .pfSt small{font-size:9.5px!important}
#mUser .pc-g{grid-template-columns:1fr 1fr 1fr!important;gap:5px!important;margin:6px 0 4px!important}
#mUser .pct{padding:5px 6px!important;border-radius:10px!important}#mUser .pct small{font-size:9.5px!important;margin-bottom:1px!important}#mUser .pct b{font-size:11.5px!important}
#mUser .pct.wide{grid-column:1/-1!important}
#mUser .pfFl{padding:8px!important;font-size:13px!important;margin:0 0 6px!important;border-radius:12px!important}
#mUser .cacts{gap:5px!important}#mUser .cbtn{padding:5px 3px!important}#mUser .cbtn i{font-size:16px!important}#mUser .cbtn small{font-size:9.5px!important}
/* v489 profil: İşlemler paneli */
#mUser .pfOb{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;margin:6px 0 2px;padding:10px 14px;border-radius:14px;cursor:pointer;color:#e8ecf8;font:700 13.5px system-ui,sans-serif;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
#mUser .pfOb i{font-style:normal;font-size:16px}#mUser .pfOb span{flex:1}#mUser .pfOb em{font-style:normal;font-size:20px;color:#8be0ff}
#mUser .pfOb:active{transform:scale(.98)}
#mUser .pfOps{animation:upop .2s ease-out}
#mUser .pfOh{display:flex;align-items:center;gap:10px;margin:2px 0 10px;padding-right:38px}
#mUser .pfOh b{flex:1;text-align:center;font-size:15px;letter-spacing:.4px;background:linear-gradient(180deg,#fff,#aeb7cf);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:48px}
#mUser .pfOh button{all:unset;cursor:pointer;padding:6px 12px;border-radius:99px;font:700 12px system-ui,sans-serif;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
#mUser .pfOps .mod{display:flex;flex-wrap:wrap;gap:6px;padding:10px;margin:0 0 8px;border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12)}
#mUser .pfOps .mod .btn,#mUser .pfOps .mod select,#mUser .pfOps .mod input{flex:1 1 auto;min-width:0;padding:9px 10px!important;border-radius:12px!important;font-size:13px!important}
#uBody.ops>*:not(.pfOps){display:none!important}
#uBody.ops>.pfOps{display:block!important}
/* v490 işlemler: her işlem ayrı satır */
#mUser .pfOps .pfRw{flex:1 1 100%;display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
#mUser .pfOps .pfRw small{font:700 11px system-ui,sans-serif;color:#aab4d4;letter-spacing:.3px}
#mUser .pfOps .pfRw>div{display:flex;gap:6px;align-items:stretch}
#mUser .pfOps .pfRw>div>*{flex:1 1 auto}
#mUser .pfOps .pfRw #kVal{flex:0 0 58px!important;width:58px!important;text-align:center}
#mUser .pfOps .pfRw #kUnit,#mUser .pfOps .pfRw #mDur{flex:0 0 86px}
#mUser .pfOps .pfRw .btn{flex:1 1 auto}
/* v491 takip kartları: ince, en üstte, kısa süre, sürükleyip kaydır */
#fvBox{top:calc(4px + env(safe-area-inset-top))!important;gap:4px!important}
.fvC{touch-action:pan-y;gap:6px!important;padding:3px 5px 3px 3px!important;font-size:11.5px!important;max-width:min(92vw,360px)!important;min-height:0!important;box-shadow:0 4px 14px #0008!important;animation:fvIn .25s ease-out}
.fvC span.ft{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2!important}
.fvC .fa{width:20px!important;height:20px!important;font-size:10px!important}
.fvC .go{padding:3px 9px!important;font-size:10.5px!important}
.fvC .rec{width:6px;height:6px;margin-right:3px}
/* v493 profil: çerçeveli avatar kayması düzeltmesi */
#mUser .pc-ring>span{display:block!important;width:72px!important;height:72px!important;margin:0!important;overflow:visible!important;line-height:0}
#mUser .pc-ring>span .avf{display:block!important;position:relative;width:72px!important;height:72px!important;margin:0!important}
#mUser .pc-ring>span .av.big,#mUser .pc-ring.hasfr>span .av.big{width:72px!important;height:72px!important;margin:0!important}
#mUser .pc-ring.hasfr>span,#mUser .pc-ring.hasfr>span .avf,#mUser .pc-ring.hasfr>span .av.big{width:62px!important;height:62px!important}
#mUser .pc-ring.hasfr .frm.cf{left:-9px!important;top:-9px!important;right:-9px!important;bottom:-9px!important}
/* v494 profil: kapak yüksek (avatar bitimine kadar), avatar küçük */
#mUser .pfCv{height:118px!important}
#mUser .pfCv::after{background:linear-gradient(transparent 70%,rgba(10,12,22,.7))!important}
#mUser .pfCv+.pc .pc-ring,#mUser .pc-ring{width:68px!important;height:68px!important;margin:-68px auto 6px!important}
#mUser .pc-ring>span,#mUser .pc-ring>span .avf,#mUser .pc-ring>span .av.big,#mUser .pc-ring .av.big{width:60px!important;height:60px!important;font-size:26px!important}
#mUser .pc-ring.hasfr>span,#mUser .pc-ring.hasfr>span .avf,#mUser .pc-ring.hasfr>span .av.big{width:52px!important;height:52px!important}
#mUser .pc-ring.hasfr .frm.cf{left:-8px!important;top:-8px!important;right:-8px!important;bottom:-8px!important}
#mUser .pc-ring .pfAe{width:22px!important;height:22px!important;font-size:10px!important;right:-2px!important;bottom:-2px!important}
/* v495 kapak alt kenarı yumuşak geçiş */
#mUser .pfCv{-webkit-mask-image:linear-gradient(#000 0,#000 48%,rgba(0,0,0,.85) 62%,rgba(0,0,0,.5) 78%,rgba(0,0,0,.18) 91%,transparent 100%);mask-image:linear-gradient(#000 0,#000 48%,rgba(0,0,0,.85) 62%,rgba(0,0,0,.5) 78%,rgba(0,0,0,.18) 91%,transparent 100%)}
#mUser .pfCv::after{display:none!important}
#mUser .pfCv .pfCb{-webkit-mask-image:none}

.rr.rr2{flex-direction:column;align-items:stretch;gap:6px}.rr2 .rh{display:flex;align-items:center;gap:8px}.rr2 .rhs{flex:1;min-width:0;color:var(--mu,#9aa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr2 .btn{flex:none;padding:6px 10px;font-size:13px}.rpd summary{cursor:pointer;font-size:12px;color:#e0a84a;list-style:none}.rpd summary::-webkit-details-marker{display:none}.rpd small{display:block;margin-top:4px;line-height:1.5;color:var(--mu,#9aa)}

/* yönetim menüsü: gruplar */
#mAdm .atabs{gap:8px}
#mAdm .agq{display:block;margin:2px 0 2px}#mAdm .agq input{width:100%;box-sizing:border-box;height:38px;border-radius:12px;border:1px solid var(--ln);background:#ffffff0a;color:var(--tx);padding:0 12px;font-size:14px}
#mAdm .ag{border:1px solid var(--ln);border-radius:16px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);overflow:hidden;position:relative}
#mAdm .ag::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(180deg,#f6d58a,#a86bff)}
#mAdm .ag[hidden]{display:none}
#mAdm .ag summary{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;cursor:pointer;list-style:none;font-size:13px;letter-spacing:.3px;user-select:none}
#mAdm .ag summary::-webkit-details-marker{display:none}
#mAdm .ag summary .agi{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:#ffffff10}
#mAdm .ag summary b{font-weight:700;flex:1;color:var(--tx)}
#mAdm .ag summary em{font-style:normal;font-size:11px;color:var(--mu);background:#ffffff0d;border-radius:9px;padding:1px 8px}
#mAdm .ag summary::after{content:'›';color:var(--mu);font-size:18px;transition:transform .2s}
#mAdm .ag[open] summary::after{transform:rotate(90deg)}
#mAdm .agb{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:2px 10px 12px 14px}
#mAdm .agb button{display:flex;flex-direction:row;align-items:center;gap:8px;width:auto;min-width:0;height:40px;padding:0 8px;border-radius:12px;background:#ffffff08;border:1px solid var(--ln);font-size:13px;line-height:1.1;text-align:left;overflow:hidden}
#mAdm .agb button i{width:26px;height:26px;border-radius:9px;font-size:14px;flex:none}
#mAdm .agb button::after{display:none}
#mAdm .agb button.on{background:linear-gradient(135deg,#e0a84a33,#a86bff2b);border-color:#e0a84a88;font-weight:700}
#mAdm .agb button.agh{display:none}
@media(min-width:900px){#mAdm .agb{grid-template-columns:1fr}}
[data-theme=light] #mAdm .ag{background:#00000006}
#mAdm .agb button[hidden]{display:none}
#mAdm .ag,#mAdm .agq{flex:none}

/* #519 yönetim paneli: premium görünüm */
#mAdm .box{background:radial-gradient(120% 60% at 50% -10%,#e0a84a1c,transparent 60%),radial-gradient(90% 50% at 100% 100%,#a86bff18,transparent 60%),var(--p1,#14110d);border:1px solid #e0a84a40;box-shadow:0 24px 70px #000a,0 0 0 1px #ffffff08 inset,0 0 40px #e0a84a14}
#mAdm .box>b,#mAdm #aTitle{letter-spacing:.2px}
#mAdm #aTitle{background:linear-gradient(90deg,#fff2cf,#f6d58a 45%,#c9a4ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
#mAdm .agq{position:relative}
#mAdm .agq::before{content:'';position:absolute;left:12px;top:50%;width:14px;height:14px;margin-top:-7px;opacity:.55;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0a84a' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E")}
#mAdm .agq input{padding-left:34px;background:linear-gradient(180deg,#ffffff10,#ffffff06);border-color:#e0a84a33;transition:border-color .2s,box-shadow .2s}
#mAdm .agq input:focus{outline:0;border-color:#e0a84a99;box-shadow:0 0 0 3px #e0a84a22}
#mAdm .ag{background:linear-gradient(160deg,#ffffff0f,#ffffff03 55%,#a86bff0a);border-color:#ffffff1a;box-shadow:0 6px 22px #0005;transition:border-color .25s,box-shadow .25s}
#mAdm .ag[open]{border-color:#e0a84a44;box-shadow:0 8px 28px #0006,0 0 22px #e0a84a12}
#mAdm .ag summary{padding:12px 14px 12px 18px;font-size:12.5px;text-transform:uppercase;letter-spacing:1.1px}
#mAdm .ag summary .agi{width:30px;height:30px;background:linear-gradient(135deg,#e0a84a30,#a86bff2a);box-shadow:0 0 0 1px #ffffff14 inset}
#mAdm .ag summary em{background:#e0a84a1f;color:#f6d58a;font-weight:700}
#mAdm .agb{padding:2px 12px 14px 16px;gap:7px}
#mAdm .agb button{height:42px;background:linear-gradient(180deg,#ffffff0d,#ffffff04);border-color:#ffffff14;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}
#mAdm .agb button:hover{transform:translateY(-1px);border-color:#e0a84a66}
#mAdm .agb button:active{transform:scale(.97)}
#mAdm .agb button i{background:linear-gradient(135deg,#ffffff18,#ffffff08)}
#mAdm .agb button.on{background:linear-gradient(135deg,#f6d58a2e,#a86bff30);border-color:#f6d58a99;box-shadow:0 0 18px #e0a84a30,0 0 0 1px #ffffff10 inset;color:#fff}
#mAdm .agb button.on i{background:linear-gradient(135deg,#f6d58a,#e0a84a);box-shadow:0 2px 10px #e0a84a66}
#mAdm #aBody .asec,#mAdm #aBody .sf{background:linear-gradient(160deg,#ffffff0c,#ffffff04);border:1px solid #ffffff16;border-radius:16px;box-shadow:0 4px 18px #0004}
#mAdm #aBody .btn.pri{background:linear-gradient(180deg,#f6d58a,#e0a84a);color:#201505;border:0;font-weight:700;box-shadow:0 4px 16px #e0a84a44}
#mAdm #aBody .rr,#mAdm #aBody .ucd{transition:background .15s}
#mAdm #aBody .rr:hover{background:#ffffff08}
[data-theme=light] #mAdm .box{background:#fff;border-color:#e0a84a66}[data-theme=light] #mAdm #aTitle{background:linear-gradient(90deg,#8a5a00,#6a3bd0);-webkit-background-clip:text;background-clip:text}
[data-theme=light] #mAdm .ag{background:#00000005;box-shadow:none}

.vrIvW{margin:10px 0;text-align:center}.vrIvW .btn{width:100%}

/* ===== Admin Paneli (xp) — koyu lacivert + mor neon ===== */
html.xp-lock{overflow:hidden}html.xp-lock .toast{z-index:300}
.xpr{--xb:#0c0b1f;--xc:#14122e;--xc2:#1b1840;--xl:#2d2a5e;--xp1:#7b5cff;--xp2:#b24dff;--xt:#ece9ff;--xm:#9b97c9;position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:14px;color:var(--xt);font-family:Sora,system-ui,sans-serif}
.xpr[hidden]{display:none}
.xpr *{box-sizing:border-box}
.xp-bd{position:absolute;inset:0;background:#05040fd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.xp-box{position:relative;width:min(1100px,100%);height:min(780px,100%);display:flex;flex-direction:column;background:radial-gradient(900px 400px at 85% -10%,#2a1b6a66,transparent),var(--xb);border:1px solid #5b44d6aa;border-radius:22px;box-shadow:0 0 0 1px #0008,0 0 38px #7b5cff40,0 30px 80px #000c;overflow:hidden}
.xp-hd{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--xl);flex:none}
.xp-hi{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#5d3df0,#a24bff);box-shadow:0 0 18px #7b5cff80;flex:none}
.xp-hi svg{width:24px;height:24px;color:#fff}
.xp-ht{min-width:0;flex:1}.xp-ht h2{margin:0;font-size:19px;line-height:1.2}.xp-ht p{margin:2px 0 0;font-size:12.5px;color:var(--xm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-brand{font-weight:800;font-size:15px;letter-spacing:.3px;background:linear-gradient(90deg,#9d85ff,#e07bff);-webkit-background-clip:text;background-clip:text;color:transparent;flex:none}
.xp-x{width:38px;height:38px;border-radius:12px;background:var(--xc);border:1px solid var(--xl);color:var(--xt);display:grid;place-items:center;flex:none}
.xp-x svg{width:18px;height:18px}.xp-x:hover{border-color:var(--xp1)}
.xp-main{flex:1;min-height:0;display:flex}
.xp-nav{width:220px;flex:none;padding:14px 12px;border-right:1px solid var(--xl);display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.xp-nav button{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;background:none;border:1px solid transparent;color:var(--xm);font-size:14px;font-weight:600;text-align:left}
.xp-nav button i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#ffffff0c;flex:none}
.xp-nav button svg{width:17px;height:17px}
.xp-nav button:hover{color:var(--xt);background:#ffffff08}
.xp-nav button.on{color:#fff;background:linear-gradient(135deg,#4a30d0aa,#8a3fe0aa);border-color:#8d6cff;box-shadow:0 0 16px #7b5cff55}
.xp-nav button.on i{background:#ffffff22}
.xp-navlogo{margin-top:auto;display:flex;align-items:center;gap:8px;padding:14px 8px 4px;color:var(--xm);font-size:12px}
.xp-navlogo i{width:22px;height:22px;display:grid;place-items:center}.xp-navlogo svg{width:18px;height:18px;color:var(--xp1)}.xp-navlogo b{font-weight:700}
.xp-body{flex:1;min-width:0;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}
.xp-card{background:linear-gradient(180deg,var(--xc2),var(--xc));border:1px solid var(--xl);border-radius:18px;padding:16px}
.xp-card h3{margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:8px}.xp-card h3 em{font-style:normal;font-size:11px;color:var(--xm);background:#ffffff10;border-radius:99px;padding:1px 8px}
.xp-mu{color:var(--xm);font-size:12px;margin:4px 0 0}
.xp-l{display:block;font-size:12.5px;font-weight:600;color:var(--xm);margin:12px 0 6px;position:relative}.xp-l b{color:#f87}.xp-l small{font-weight:400}
.xp-cnt{position:absolute;right:0;top:0;font-weight:400;font-size:11px}
.xpr input:not([type=checkbox]),.xpr select,.xpr textarea{width:100%;background:#0a0920;border:1px solid var(--xl);border-radius:12px;padding:10px 12px;color:var(--xt);font:inherit;font-size:14px;outline:0}
.xpr input:focus,.xpr select:focus{border-color:var(--xp1);box-shadow:0 0 0 3px #7b5cff30}
.xpr select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--xm) 50%),linear-gradient(135deg,var(--xm) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
.xp-rk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:14px;align-items:start}
.xp-rk .xp-ex{grid-column:1/-1}
.xp-sw{display:flex;gap:9px;flex-wrap:wrap}.xp-sw button{width:30px;height:30px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px #0008 inset}
.xp-sw button.on{border-color:#fff;box-shadow:0 0 12px currentColor,0 0 0 2px #0008}
.xp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xp-prev{margin-top:14px;background:#0a0920;border:1px dashed var(--xl);border-radius:14px;padding:10px 12px}.xp-prev small{display:block;color:var(--xm);font-size:11px;margin-bottom:6px}
.xp-prev #xpPv{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.xp-n{font-size:12px;color:var(--xm)}
.xp-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid;border-radius:99px;padding:3px 11px;font-size:12px;font-weight:700;white-space:nowrap}
.xp-chip.dim{background:#ffffff0a;border-color:var(--xl);color:var(--xm);font-weight:600}
.xp-act{display:flex;gap:10px;margin-top:16px}
.xp-b1,.xp-b2{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:13px;font-weight:700;font-size:14px;flex:1}
.xp-b1 svg,.xp-b2 svg{width:17px;height:17px}
.xp-b1{background:linear-gradient(135deg,#5d3df0,#a24bff);color:#fff;border:0;box-shadow:0 0 18px #7b5cff66}
.xp-b1:disabled{opacity:.4;box-shadow:none}
.xp-b2{background:var(--xc);border:1px solid var(--xl);color:var(--xt)}
.xp-ph{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.xp-ph .xp-srch{width:210px;max-width:100%}
.xp-srch{position:relative;display:block}.xp-srch svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--xm)}.xp-srch input{padding-left:35px!important}
.xp-cat{border:1px solid var(--xl);border-radius:14px;background:#0a092066;margin-bottom:8px;overflow:hidden}
.xp-cath{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;background:none;border:0;color:var(--xt);font-size:13.5px;text-align:left}
.xp-cath b{flex:1;font-weight:700}.xp-cath em{font-style:normal;font-size:11.5px;color:#c9b8ff;background:#7b5cff28;border-radius:99px;padding:1px 9px}
.xp-cath s{width:18px;height:18px;color:var(--xm);transition:transform .2s;text-decoration:none}.xp-cath s svg{width:18px;height:18px}
.xp-cat.op .xp-cath s{transform:rotate(180deg)}
.xp-cai{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#7b5cff22;font-size:15px}
.xp-cab{display:none;padding:2px 12px 12px;grid-template-columns:1fr 1fr;gap:6px 14px}.xp-cat.op .xp-cab{display:grid}
.xp-ck{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer;min-width:0;padding:5px 0}
.xp-ck input{position:absolute;opacity:0;width:0;height:0}
.xp-ck i{width:20px;height:20px;border-radius:7px;border:1.5px solid #5a54a0;flex:none;display:grid;place-items:center;background:#0a0920}
.xp-ck input:checked+i{background:linear-gradient(135deg,#5d3df0,#a24bff);border-color:#a98bff}
.xp-ck input:checked+i::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.xp-ck input:focus-visible+i{box-shadow:0 0 0 3px #7b5cff55}
.xp-rl{display:flex;flex-direction:column;gap:8px}
.xp-rli{display:flex;align-items:center;gap:8px;background:#0a092066;border:1px solid var(--xl);border-radius:13px;padding:6px 8px}.xp-rli.on{border-color:var(--xp1);box-shadow:0 0 12px #7b5cff40}
.xp-rli>button:first-child{flex:1;display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--xt);text-align:left;min-width:0}.xp-rli small{color:var(--xm);font-size:11.5px}
.xp-del{width:32px;height:32px;border-radius:10px;background:none;border:1px solid transparent;color:var(--xm);display:grid;place-items:center;flex:none}.xp-del svg{width:15px;height:15px}
.xp-del.sure{background:#f43f5e33;border-color:#f43f5e;color:#ff9aa8}
.xp-as{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.xp-ul{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:min(520px,52vh);overflow-y:auto}
.xp-ur{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:13px;background:#0a092066;border:1px solid transparent;color:var(--xt);text-align:left;width:100%}
.xp-ur.on{border-color:var(--xp1);background:#7b5cff22;box-shadow:0 0 12px #7b5cff40}
.xp-ur>span,.xp-tu>span,.xp-su>span{display:flex;flex-direction:column;min-width:0}.xp-ur b,.xp-tu b,.xp-su b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-ur small,.xp-tu small,.xp-su small{font-size:11.5px;color:var(--xm)}
.xpr .av,.xpr .avw,.xpr img.av{width:38px;height:38px;border-radius:50%;flex:none}
.xp-su{display:flex;align-items:center;gap:11px;background:#0a0920;border:1px solid var(--xl);border-radius:14px;padding:10px 12px}.xp-su .xp-chip{margin-left:auto}
.xp-exl{display:grid;grid-template-columns:1fr;gap:2px}
.xp-more{background:none;border:0;color:#b9a3ff;font-size:12.5px;font-weight:700;padding:6px 0}
.xp-tools{display:flex;gap:10px;margin-bottom:12px}.xp-tools .xp-srch{flex:1}.xp-tools select{width:150px;flex:none}
.xp-th,.xp-tr{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.4fr) minmax(0,1fr) 44px;gap:10px;align-items:center;padding:9px 10px}
.xp-th{font-size:11.5px;color:var(--xm);font-weight:700;border-bottom:1px solid var(--xl)}
.xp-tr{border-bottom:1px solid #2d2a5e66}.xp-tr:last-of-type{border-bottom:0}
.xp-tu{display:flex;align-items:center;gap:11px;min-width:0}
.xp-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--xm)}.xp-st::before{content:"";width:8px;height:8px;border-radius:50%;background:#6b678f}.xp-st.on{color:#5eead4}.xp-st.on::before{background:#34d399;box-shadow:0 0 8px #34d399}
.xp-ta{text-align:right}.xp-dots{width:34px;height:34px;border-radius:10px;background:var(--xc);border:1px solid var(--xl);color:var(--xt);display:inline-grid;place-items:center}.xp-dots svg{width:17px;height:17px}
.xp-pg{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12.5px;color:var(--xm);flex-wrap:wrap}
.xp-pg div{display:flex;gap:6px;align-items:center}.xp-pg button{min-width:32px;height:32px;border-radius:9px;background:var(--xc);border:1px solid var(--xl);color:var(--xt);font-size:13px}.xp-pg button.on{background:linear-gradient(135deg,#5d3df0,#a24bff);border-color:#a98bff}
.xp-mn{position:absolute;z-index:5;min-width:200px;background:#171538;border:1px solid #6a4fe0;border-radius:14px;padding:6px;box-shadow:0 14px 40px #000b,0 0 20px #7b5cff40}
.xp-mn button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px;background:none;border:0;color:var(--xt);font-size:13.5px}.xp-mn button:hover{background:#7b5cff30}
@media(max-width:760px){
.xpr{padding:0}.xp-box{height:100%;border-radius:0;border:0}
.xp-hd{padding:12px 14px;gap:10px}.xp-hi{width:40px;height:40px}.xp-ht h2{font-size:16px}.xp-brand{display:none}
.xp-main{flex-direction:column}
.xp-nav{width:100%;flex-direction:row;border-right:0;border-bottom:1px solid var(--xl);padding:8px 10px;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.xp-nav button{flex:none;padding:8px 12px;font-size:13px;white-space:nowrap}.xp-nav button i{display:none}.xp-navlogo{display:none}
.xp-body{padding:12px}
.xp-rk,.xp-as{grid-template-columns:minmax(0,1fr)}
.xp-cab{grid-template-columns:1fr}
.xp-th{display:none}
.xp-tr{grid-template-columns:minmax(0,1fr) 40px;grid-template-areas:"u a" "c s";row-gap:6px;padding:12px 6px}
.xp-tu{grid-area:u}.xp-ta{grid-area:a}.xp-tc{grid-area:c}.xp-tcs{grid-area:s;text-align:right}
.xp-tools{flex-direction:column}.xp-tools select{width:100%}
.xp-ul{max-height:260px}
}
#mAdm .agx{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin:2px 0 8px;border-radius:16px;text-align:left;color:#fff;background:linear-gradient(135deg,#3a2a9a,#7b3fd8);border:1px solid #9b7bff;box-shadow:0 0 18px #7b5cff55}
#mAdm .agx[hidden]{display:none}
#mAdm .agx>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}#mAdm .agx b{font-size:15px}#mAdm .agx small{font-size:11.5px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mAdm .agx em{font-style:normal;font-size:22px;opacity:.8}
.xpr input[type=color]{height:40px;padding:3px 4px;cursor:pointer}
@media(max-width:760px){.xp-tr{grid-template-columns:minmax(0,1fr) auto}.xp-tcs{white-space:nowrap}}
#xpm .xp-body #aBody{display:block!important;flex:none;overflow:visible;padding:0;animation:none}
#xpm #aBody .asec,#xpm #aBody .sf{background:linear-gradient(180deg,var(--xc2),var(--xc));border:1px solid var(--xl);border-radius:16px}
#xpm #aBody .btn.pri{background:linear-gradient(135deg,#5d3df0,#a24bff);color:#fff;border:0;font-weight:700;box-shadow:0 0 14px #7b5cff55}
#xpm #aBody .btn{border-color:var(--xl)}
html.xp-lock .modal.open{z-index:250!important}

/* ===== Yönetim paneli: Admin Paneli ile aynı mor-lacivert tema + sabit üst çubuk ===== */
:root:not([data-theme=light]) #mAdm{--p:#14122e;--p2:#1b1840;--ln:#2d2a5e;--gold:#a98bff;--gold2:#c9b8ff;--tx:#ece9ff;--mu:#9b97c9}
:root:not([data-theme=light]) #mAdm .box{background:radial-gradient(900px 400px at 85% -10%,#2a1b6a66,transparent),#0c0b1f;border:1px solid #5b44d6aa;box-shadow:0 0 0 1px #0008,0 0 38px #7b5cff40,0 30px 80px #000c}
:root:not([data-theme=light]) #mAdm #aTitle{background:linear-gradient(90deg,#ece9ff,#b9a3ff 55%,#e07bff);-webkit-background-clip:text;background-clip:text;color:transparent}
:root:not([data-theme=light]) #mAdm .box>b{border-bottom:1px solid #2d2a5e;padding-bottom:12px;flex:none}
:root:not([data-theme=light]) #mAdm .x{background:#14122e;border-color:#2d2a5e}
:root:not([data-theme=light]) #mAdm #aBack{background:#1b1840;border:1px solid #2d2a5e}
:root:not([data-theme=light]) #mAdm .agq input{background:#0a0920;border-color:#2d2a5e}
:root:not([data-theme=light]) #mAdm .agq input:focus{border-color:#7b5cff;box-shadow:0 0 0 3px #7b5cff30}
:root:not([data-theme=light]) #mAdm .agq::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98bff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E")}
:root:not([data-theme=light]) #mAdm .ag{background:linear-gradient(180deg,#1b1840,#14122e);border-color:#2d2a5e;box-shadow:0 6px 22px #0006}
:root:not([data-theme=light]) #mAdm .ag::before{background:linear-gradient(180deg,#7b5cff,#b24dff)}
:root:not([data-theme=light]) #mAdm .ag[open]{border-color:#6a4fe0;box-shadow:0 8px 28px #0007,0 0 22px #7b5cff30}
:root:not([data-theme=light]) #mAdm .ag summary .agi{background:linear-gradient(135deg,#5d3df044,#a24bff33)}
:root:not([data-theme=light]) #mAdm .ag summary em{background:#7b5cff28;color:#c9b8ff}
:root:not([data-theme=light]) #mAdm .agb button{background:#0a092066;border-color:#2d2a5e}
:root:not([data-theme=light]) #mAdm .agb button:hover{border-color:#7b5cff}
:root:not([data-theme=light]) #mAdm .agb button.on{background:linear-gradient(135deg,#4a30d0aa,#8a3fe0aa);border-color:#8d6cff;box-shadow:0 0 16px #7b5cff55}
:root:not([data-theme=light]) #mAdm .agb button.on i{background:linear-gradient(135deg,#7b5cff,#b24dff);box-shadow:0 2px 10px #7b5cff88}
:root:not([data-theme=light]) #mAdm #aBody .asec,:root:not([data-theme=light]) #mAdm #aBody .sf{background:linear-gradient(180deg,#1b1840,#14122e);border-color:#2d2a5e}
:root:not([data-theme=light]) #mAdm #aBody .btn.pri{background:linear-gradient(135deg,#5d3df0,#a24bff);color:#fff;box-shadow:0 0 16px #7b5cff66}
:root:not([data-theme=light]) #mAdm #aBody .btn{border-color:#2d2a5e}
:root:not([data-theme=light]) #mAdm #aBody input,:root:not([data-theme=light]) #mAdm #aBody select,:root:not([data-theme=light]) #mAdm #aBody textarea{background:#0a0920;border-color:#2d2a5e}
:root:not([data-theme=light]) #mAdm #aBody input:focus,:root:not([data-theme=light]) #mAdm #aBody select:focus,:root:not([data-theme=light]) #mAdm #aBody textarea:focus{border-color:#7b5cff;outline:0}
:root:not([data-theme=light]) #mAdm .agx{border-color:#9b7bff}
#mAdm .agq{position:sticky;top:0;z-index:2;background:#0c0b1f;padding:2px 0 6px}
html:has(#mAdm.open){overflow:hidden}
#mAdm.open .box{overscroll-behavior:contain}
@media(max-width:899px){#mAdm.open{padding:12px}#mAdm .box{height:calc(100dvh - 24px);max-height:none}#mAdm .atabs,#mAdm #aBody{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}

/* ===== Profil menüsü (yan menü): Yönetim paneliyle aynı lacivert-mor tema ===== */
:root:not([data-theme=light]) .drwp{--tx:#ece9ff;--mu:#9b97c9;--ln:#2d2a5e;background:#0c0b1f;border-right:1px solid #5b44d6aa;box-shadow:12px 0 40px #0009,0 0 30px #7b5cff30;background-image:radial-gradient(500px 260px at 90% -5%,#2a1b6a66,transparent)}
:root:not([data-theme=light]) .drwbg{background:#0008}
:root:not([data-theme=light]) .drwp .dh .nm2 b{font-weight:600;letter-spacing:.1px}
:root:not([data-theme=light]) .dh .drwrl{background:#2a2266;color:#c9b8ff;border:1px solid #5a45d0;box-shadow:none;font-weight:600;letter-spacing:.2px;padding:2px 11px}
:root:not([data-theme=light]) .dh .drwrl i{text-shadow:none}
:root:not([data-theme=light]) .dh .drwrl::after{display:none}
:root:not([data-theme=light]) .drwp .xb2{background:#1b1840;border-color:#2d2a5e;color:#ece9ff}
:root:not([data-theme=light]) .dit{font-weight:500}
:root:not([data-theme=light]) .dit:hover,:root:not([data-theme=light]) .dit:active{background:#ffffff07}
:root:not([data-theme=light]) .dit .ic{background:#1b1840;border:1px solid #2d2a5e}
:root:not([data-theme=light]) .dit .ch{color:#6d69a8}
:root:not([data-theme=light]) .dit .bd2{background:#2a2266;color:#c9b8ff;font-weight:600}
:root:not([data-theme=light]) .dit.hi{background:#16143a}
:root:not([data-theme=light]) .dit.adm{background:linear-gradient(135deg,#3a2a9a,#7b3fd8);box-shadow:0 0 16px #7b5cff55;border:1px solid #9b7bff}
:root:not([data-theme=light]) .dit.out{color:#d98a8a}
:root:not([data-theme=light]) .dsec{color:#8a86bd;font-size:11px;letter-spacing:.16em;font-weight:600}
:root:not([data-theme=light]) .drwp .stat2{border:1px dashed #3a3578;background:#14122e}
:root:not([data-theme=light]) .drwp .psb{background:#14122e;border-color:#2d2a5e}
:root:not([data-theme=light]) .drwp .psb i{box-shadow:none}
:root:not([data-theme=light]) .drwp .psl{background:#14122e;border-color:#3a3578}
:root:not([data-theme=light]) .lvc{background:#14122e;border-color:#2d2a5e}
:root:not([data-theme=light]) .lvc .lv{background:#1b1840;border-color:#5a45d0;color:#c9b8ff}
:root:not([data-theme=light]) .lvc .bar{background:#1b1840}
:root:not([data-theme=light]) .lvc .bar i{background:linear-gradient(90deg,#7b5cff,#b24dff);box-shadow:none}
:root:not([data-theme=light]) .dtl button{background:#14122e;border:1px solid #2d2a5e;font-weight:500}
:root:not([data-theme=light]) .dtl .t1 i,:root:not([data-theme=light]) .dtl .t2 i,:root:not([data-theme=light]) .dtl .t3 i,:root:not([data-theme=light]) .dtl .t4 i{background:#2a2266;box-shadow:inset 0 0 0 1px #5a45d0}
:root:not([data-theme=light]) .dtl .t1,:root:not([data-theme=light]) .dtl .t2,:root:not([data-theme=light]) .dtl .t3,:root:not([data-theme=light]) .dtl .t4{background:#14122e}

/* ===== Profil menüsü: yönetim paneli teması + sabit üst alan + alt menüler ===== */
#drw .drwp{padding-top:0}
#drw .dh{position:sticky;top:0;z-index:4;margin:0 -14px 10px;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 12px;background:#0c0b1f;border-bottom:1px solid #2d2a5e}
body.mlob #drw{z-index:105}
.dhd{position:sticky;top:-22px;z-index:6;margin:-22px -22px 10px;padding:18px 22px 10px;background:var(--p);min-height:56px}
.dhd>b,.dhd>.onh{display:block;padding-right:40px}
.dhd .x{top:12px}
body.drwOn #mProf .box,body.drwOn #mTop .box,body.drwOn #mNotif .box,body.drwOn #mGift .box,body.drwOn #mWheel .box,body.drwOn #mPage .box,body.drwOn #mSys .box,body.drwOn #mStat .box,body.drwOn #mWal .box,body.drwOn #mShop .box,body.drwOn #mApp .box,body.drwOn #mCset .box,body.drwOn #mDM .box{--p:#14122e;--p2:#1b1840;--ln:#2d2a5e;--gold:#a98bff;--gold2:#c9b8ff;--tx:#ece9ff;--mu:#9b97c9;background:radial-gradient(700px 320px at 90% -10%,#2a1b6a66,transparent),#0c0b1f!important;border:1px solid #5b44d6aa!important;box-shadow:0 0 0 1px #0008,0 0 34px #7b5cff40,0 24px 70px #000c!important;color:#ece9ff}
body.drwOn .dhd{background:#0c0b1f;border-bottom:1px solid #2d2a5e}
body.drwOn .modal .box .x{background:#14122e;border-color:#2d2a5e}
body.drwOn #mProf .box .btn.pri,body.drwOn #mProf .box .btn.f,body.drwOn #mGift .box .btn.pri,body.drwOn #mWheel .box .btn.pri,body.drwOn #mSys .box .btn.pri{background:linear-gradient(135deg,#5d3df0,#a24bff);color:#fff;border:0;box-shadow:0 0 14px #7b5cff66}
body.drwOn #mProf .box input,body.drwOn #mProf .box select,body.drwOn #mProf .box textarea,body.drwOn #mSys .box textarea,body.drwOn #mGift .box input{background:#0a0920;border-color:#2d2a5e}
body.drwOn #pgBack,#mPage #pgBack{display:none!important}
#mPage .dhd{display:flex;align-items:center;min-height:60px}#mPage .dhd #pgT{padding-right:44px}
.dhd{padding:12px 22px 8px;min-height:52px}#mPage .dhd{min-height:52px}.dhd .x{top:10px}

/* ===== Mikrofon/el/kamera açılır pencereleri: yönetim paneli teması ===== */
:root:not([data-theme=light]) #vrPop .box.vrbox{--p:#14122e;--p2:#1b1840;--ln:#2d2a5e;--gold:#a98bff;--gold2:#c9b8ff;--tx:#ece9ff;--mu:#9b97c9;background:radial-gradient(600px 260px at 90% -10%,#2a1b6a66,transparent),#0c0b1f;border:1px solid #5b44d6aa;box-shadow:0 0 0 1px #0008,0 0 34px #7b5cff40,0 24px 70px #000c;color:#ece9ff}
:root:not([data-theme=light]) #vrPop .x{background:#14122e;border-color:#2d2a5e}
:root:not([data-theme=light]) #vrPop .btn.pri{background:linear-gradient(135deg,#5d3df0,#a24bff);color:#fff;border:0;box-shadow:0 0 14px #7b5cff66}
:root:not([data-theme=light]) #vrPop .rr{border-color:#2d2a5e}
#vrPop .vhme{margin-left:auto;font-size:12px;color:var(--mu);padding:4px 10px;border-radius:99px;background:#ffffff0d}
#pb .pbe{font-size:21px;line-height:1;display:block;filter:none}
.inp #pb,#pb{background:none!important;border:0!important;box-shadow:none!important;outline:0}

/* seçilen çıkartma/GIF/emoji görselleri mesaj alanının içinde (yazının solunda) */
.ipill .att{padding:0;margin:0 6px 0 0;gap:6px;flex:none;flex-wrap:nowrap;max-width:46%;overflow-x:auto;overflow-y:visible;align-items:center;scrollbar-width:none}
.ipill .att::-webkit-scrollbar{display:none}
.ipill .att .at{min-width:34px;height:34px;padding:2px;border-radius:10px;flex:none}
.ipill .att .at img{height:28px;max-width:60px;object-fit:contain}
.ipill .att .at span{font-size:22px;line-height:1}
.ipill .att .at button{top:-4px;right:-4px;width:16px;height:16px;font-size:9px;line-height:1}
.ipill .att .at button{opacity:0;top:0;right:0;width:100%;height:100%;border-radius:10px}
.ipill .att,#chat .ipill .att{padding:0!important}
.ipill:has(#att[style*="flex"]){padding-left:6px!important}
.ipill .att .at{background:none;border:0;padding:0;min-width:0;height:34px}
.ipill .att .at img{height:32px;border-radius:8px}

/* ===== Tekli Oyunlar (so-*) ===== */
.so-nav{display:flex;gap:7px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.so-nav::-webkit-scrollbar{display:none}
.so-nav button{flex:none;padding:8px 12px;border-radius:999px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font:700 12.5px/1 sans-serif;font-family:inherit;cursor:pointer}
.so-sum{font-size:12.5px;color:var(--mu);padding:0 2px 8px}.so-sum b{color:var(--tx)}.so-hot{color:#ffd166!important}
.so-sh{position:relative;display:flex;flex-direction:column;gap:8px;min-height:440px;align-items:center;width:100%;max-width:380px}
.so-top{width:100%;max-width:360px;display:flex;align-items:center;gap:10px;font-size:13px}
.so-df{padding:3px 9px;border-radius:999px;background:var(--p2);border:1px solid var(--ln);font-size:11.5px;font-weight:700}.so-df:empty{display:none}
.so-sc{font-size:24px;font-variant-numeric:tabular-nums;min-width:70px}.so-gh{margin-left:auto;color:var(--mu);font-size:12px;text-align:right}.so-gh b{color:var(--tx)}
.so-gear{width:34px;height:34px;border-radius:50%;background:var(--p2);border:1px solid var(--ln);color:var(--tx);cursor:pointer}
.so-gb{width:100%;max-width:360px;height:6px;border-radius:6px;background:var(--p2);position:relative;overflow:hidden}.so-gb i{position:absolute;left:0;top:0;bottom:0;border-radius:6px}.so-gb .gh{background:#ffffff22}.so-gb .me{background:linear-gradient(90deg,#8b7bff,#6ee7ff);z-index:1;transition:width .2s}
.so-g{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:10px;user-select:none;-webkit-user-select:none}
.so-ov{display:none;position:absolute;inset:0;z-index:5;background:#0d0a1cee;border-radius:16px;align-items:center;justify-content:center;padding:14px}.so-ov.is-on{display:flex}
.so-res{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:320px}.so-res h3{margin:0;font-size:19px}.so-em{font-size:44px;line-height:1}
.so-big{font-size:38px;font-weight:800;font-variant-numeric:tabular-nums;color:#ffd166}.so-big.dim{font-size:20px;color:var(--mu)}
.so-msg{margin:0;font-size:13px;color:var(--mu)}.so-msg b{color:var(--tx)}.so-msg.warn{color:#ffb65a}.so-msg.dim{opacity:.8}
.so-pb{padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#ffb347,#ff6b8a);color:#2a1205;font-weight:800;font-size:13px}
.so-nb{padding:6px 12px;border-radius:12px;background:#8b7bff33;border:1px solid #8b7bff77;font-size:13px}
.so-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.so-dfs{display:grid;gap:8px;width:100%;margin-top:4px}.so-dfb{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);cursor:pointer}.so-dfb b{font-size:15px}.so-dfb small{color:var(--mu);font-size:11.5px}.so-dfb.is-on{border-color:#8b7bff;background:#8b7bff22}
.so-ctl{display:flex;gap:8px;justify-content:center;width:100%}.so-ctl button{flex:1;max-width:64px;height:48px;border-radius:14px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font-size:19px;touch-action:manipulation;cursor:pointer}.so-sh.one .so-ctl{justify-content:flex-end}.so-sh.one .so-acts{justify-content:flex-end}
#mSolo{z-index:70}.so-box{padding:16px 14px 22px!important;max-height:88vh}.so-hd{display:flex;align-items:center;margin-bottom:10px}.so-hd b{font-size:17px;flex:1}
.so-load{color:var(--mu);text-align:center;padding:18px 0;font-size:13.5px}.so-note{color:var(--mu);font-size:12.5px;margin:4px 0 10px}.so-note b{color:var(--tx)}
.so-chips{display:flex;gap:6px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none}.so-chips::-webkit-scrollbar{display:none}.so-chip{flex:none;padding:7px 12px;border-radius:999px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font:600 12.5px/1 sans-serif;font-family:inherit;cursor:pointer}.so-chip.is-on{background:linear-gradient(135deg,#8b7bff,#6ee7ff);color:#10162a;border-color:transparent;font-weight:800}
.so-lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.so-lb li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--p2);cursor:pointer}.so-lb li.mine{outline:1px solid #8b7bff;background:#8b7bff22}
.so-lb .so-rk{width:26px;text-align:center;font-weight:800;color:var(--mu)}.so-lb .so-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.so-lb .so-nm small{color:var(--mu);font-weight:500}.so-lb .so-sv{font-weight:800;font-variant-numeric:tabular-nums}
.so-lb .av{width:30px;height:30px;flex:none}.so-lb.ssm li{padding:6px 9px}
.so-me{margin:10px 0 0;font-size:13px;color:var(--mu)}.so-me b{color:var(--tx)}
.so-card{padding:12px;border-radius:16px;background:var(--p2);border:1px solid var(--ln);margin-bottom:10px}.so-ch{margin-bottom:8px;font-size:14px}
.so-sds{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.so-sd{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px;border-radius:10px;background:#ffffff0a;border:1px solid var(--ln);font-size:11px}.so-sd b{font-size:14px}.so-sd small{color:var(--mu);font-size:9.5px}.so-sd.dn{background:#34d39922;border-color:#34d39977}.so-sd.cu{border-color:#ffd166}
.so-task{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ln)}.so-task:first-of-type{border-top:0}.so-task>div{flex:1;min-width:0}.so-task b{font-size:13.5px}.so-task small{color:var(--mu);font-size:11.5px}.so-task .so-ic{font-size:22px}.so-task em{color:#34d399;font-style:normal;font-weight:800}.so-rw{color:var(--mu);font-size:12.5px;white-space:nowrap}
.so-pr{height:6px;border-radius:6px;background:#ffffff14;margin:5px 0 3px;overflow:hidden}.so-pr i{display:block;height:100%;background:linear-gradient(90deg,#8b7bff,#6ee7ff);border-radius:6px}
.so-bds{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.so-bd{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:12px 8px;border-radius:14px;background:var(--p2);border:1px solid var(--ln)}.so-bd.off{opacity:.42;filter:grayscale(.8)}.so-bd .so-ic{font-size:30px;line-height:1.1}.so-bd b{font-size:13px}.so-bd small{color:var(--mu);font-size:11px}.so-own{color:#34d399;font-weight:800;font-size:12px}.so-bds.ssm{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
.so-stat{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.so-stat>div{padding:12px;border-radius:14px;background:var(--p2);border:1px solid var(--ln);display:flex;flex-direction:column;gap:2px}.so-stat b{font-size:19px}.so-stat small{color:var(--mu);font-size:11.5px}
.so-sw{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--ln);cursor:pointer}.so-sw input{position:absolute;opacity:0;pointer-events:none}.so-sw i{flex:none;width:44px;height:26px;border-radius:99px;background:#ffffff1f;position:relative;transition:.2s}.so-sw i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.so-sw input:checked+i{background:#8b7bff}.so-sw input:checked+i:after{left:21px}.so-sw span{display:flex;flex-direction:column}.so-sw small{color:var(--mu);font-size:11.5px}
.gmb.so-chal{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:6px auto;max-width:340px;border-radius:16px;background:linear-gradient(135deg,#2a1a52,#1a1236);border:1px solid #7a63d6}.so-chal .so-ic{font-size:26px}.so-chal>div{flex:1;min-width:0}.so-chal b{display:block;font-size:13px}.so-chal small{color:#bcb4e8;font-size:11.5px}
.sga-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.sga-r{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 10px}.sga-r label{display:flex;flex-direction:column;gap:4px;font-size:12px}.sga-r span{display:flex;gap:4px}.sga-r input{width:76px}.sga-s{display:flex;align-items:center;gap:6px;padding:6px 0;border-top:1px solid var(--ln)}.sga-s>span{flex:1;min-width:0;font-size:13px}.sga-s small{display:block;color:var(--mu)}
/* tema ürünleri */
#plBody.th-neon canvas{filter:hue-rotate(95deg) saturate(1.7) drop-shadow(0 0 8px #3dff9a)}
#plBody.th-gold .mc2 .b,#plBody.th-gold .mc2 .f{background:linear-gradient(135deg,#7a5410,#f5d061)!important;color:#3a2606}
#plBody.th-night .msw{background:#0b1020}#plBody.th-night .ms{background:#1b2440;color:#9fb4ff;border-color:#2d3a66}#plBody.th-night .ms.o{background:#0f1530}
/* Kelime Bul */
.swd{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.swd-i{margin:0;font-size:12px;color:var(--mu)}.swd-g{display:flex;flex-direction:column;gap:5px}.swd-r{display:flex;gap:5px}
.swd-c{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;border:2px solid var(--ln);background:var(--p2);font:800 21px/1 sans-serif;font-family:inherit;color:var(--tx);text-transform:uppercase}.swd-c.wf{border-color:#8b7bff}.swd-c.wok{background:#2f9e5a;border-color:#2f9e5a;color:#fff}.swd-c.wpr{background:#c9a227;border-color:#c9a227;color:#fff}.swd-c.wab{background:#3a3a52;border-color:#3a3a52;color:#cfcfe6}
.swd-m{margin:0;min-height:16px;font-size:12.5px;color:#ffb65a}.swd-k{display:flex;flex-direction:column;gap:5px;width:100%}.swd-k>div{display:flex;gap:4px;justify-content:center}
.swd-k button{flex:1;max-width:34px;height:42px;border-radius:7px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font:700 14px/1 sans-serif;font-family:inherit;padding:0;touch-action:manipulation}.swd-k button.ww{max-width:48px;font-size:15px}.swd-k button.wok{background:#2f9e5a;color:#fff}.swd-k button.wpr{background:#c9a227;color:#fff}.swd-k button.wab{background:#2a2a3e;color:#777}
/* 2048 */
.g48w{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.g48{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:6px;width:min(100%,340px);aspect-ratio:1;padding:6px;border-radius:14px;background:#2a2342;touch-action:none}
.g48 i{display:grid;place-items:center;border-radius:8px;background:#ffffff0f;font:800 clamp(14px,5.5vw,26px)/1 sans-serif;font-family:inherit;font-style:normal;color:#fff}
.g48 .t2{background:#eee4da;color:#776e65}.g48 .t4{background:#ede0c8;color:#776e65}.g48 .t8{background:#f2b179}.g48 .t16{background:#f59563}.g48 .t32{background:#f67c5f}.g48 .t64{background:#f65e3b}.g48 .t128{background:#edcf72}.g48 .t256{background:#edcc61}.g48 .t512{background:#edc850}.g48 .t1024{background:#edc53f;font-size:.8em}.g48 .t2048{background:#edc22e;font-size:.8em;box-shadow:0 0 14px #edc22e}.g48 .tx{background:#3c3a32;font-size:.7em}
.g48.pas .t2{background:#ffe8f0;color:#8a5a6a}.g48.pas .t4{background:#ffd9e6;color:#8a5a6a}.g48.pas .t8{background:#ffc4d8}.g48.pas .t16{background:#f7b6e8}.g48.pas .t32{background:#d6b8ff}.g48.pas .t64{background:#b7c4ff}.g48.pas .t128{background:#9fdcff}.g48.pas .t256{background:#9fffe0;color:#2a5a4a}.g48.pas .t512{background:#d9ffa6;color:#4a5a2a}.g48.pas .t1024{background:#fff1a0;color:#6a5a2a}.g48.pas .t2048{background:#ffd0a0;color:#6a4a2a}
/* Blok Düşür */
.tt{display:flex;gap:10px;align-items:flex-start;justify-content:center}.tt>canvas{width:min(54vw,200px);height:auto;border-radius:10px;border:2px solid var(--ln);touch-action:none}.tt-s{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--mu)}.tt-s b{font-size:20px;color:var(--tx)}.tt-s .nx{background:#0d0a1c;border-radius:8px;width:64px;height:48px}
/* Çabuk Hesap */
.smq{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.smq-t{width:100%;height:8px;border-radius:8px;background:var(--p2);overflow:hidden}.smq-t i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#34d399,#fbbf24,#f43f5e)}
.smq-q{font:800 40px/1.1 sans-serif;font-family:inherit;padding:18px 0;font-variant-numeric:tabular-nums;transition:color .15s}.smq-q.bad{color:#f43f5e}.smq-o{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.smq-o button{height:62px;border-radius:16px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font:800 24px/1 sans-serif;font-family:inherit;touch-action:manipulation}.smq-o button:active{background:#8b7bff55}.smq-i{margin:0;min-height:18px;font-size:13px;color:var(--mu)}
/* Tuğla Kır */
.bk{width:min(100%,320px);height:auto;border-radius:12px;border:2px solid var(--ln);touch-action:none;background:#0d0a1c}
/* Refleks */
.rf{width:100%;height:260px;border-radius:22px;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;touch-action:manipulation;cursor:pointer;transition:background .1s}.rf .rf-t{font-size:30px;font-weight:800}.rf .rf-s{font-size:13px;opacity:.85}
.rf.ridle{background:#3a3a60}.rf.rwait{background:#b03a48}.rf.rgo{background:#22c55e}.rf.rbad{background:#c2410c}.rf.rdone{background:#4338ca}.rf-l{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;min-height:26px}.rf-l span{padding:4px 10px;border-radius:999px;background:var(--p2);font-size:12.5px;font-weight:700}
/* Amiral Battı */
.sbt{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.sbt-i{margin:0;font-size:13px;color:var(--mu);text-align:center}.sbt-i b{color:var(--tx)}.sbt-l{color:var(--mu);font-size:11.5px;align-self:flex-start}
.sbt-g{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:2px;width:min(100%,320px);padding:4px;border-radius:12px;background:#0f2a4a}.sbt-g.ssm{width:min(70%,220px)}
.sbt-c{aspect-ratio:1;border-radius:4px;border:0;background:#1d4a7a;display:grid;place-items:center;font-size:clamp(10px,3.4vw,16px);padding:0;color:#fff;touch-action:manipulation}.sbt-c.ship{background:#8a97a8}.sbt-c.miss{background:#2b5f93;color:#9bd}.sbt-c.hit{background:#c2410c}.sbt-c.sunk{background:#7f1d1d}
/* Bağlantı */
.slk-w{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.slk{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:3px;width:min(100%,340px);aspect-ratio:1;padding:4px;border-radius:12px;background:#1a1530;touch-action:none}
.slk>i{position:relative;display:grid;place-items:center;border-radius:6px;background:#ffffff0c;border:1px solid #ffffff10}.slk>i b{width:62%;height:62%;border-radius:50%;box-shadow:0 0 8px #0006}.slk-i{margin:0;font-size:12.5px;color:var(--mu)}
/* Uçuş */
.flp{width:min(100%,300px);height:auto;border-radius:12px;border:2px solid var(--ln);touch-action:none}
/* Dama */
.dm{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.dm-b{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(100%,336px);aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #5a3a1a}
.dm-c{position:relative;display:grid;place-items:center;font-style:normal}.dm-c.lt{background:#e8d2a6}.dm-c.dk{background:#a9774a}.dm-c.ssel{outline:3px solid #ffd166;outline-offset:-3px}.dm-c.shint:after{content:"";width:34%;height:34%;border-radius:50%;background:#22c55e99;position:absolute}
.dm-p{width:76%;height:76%;border-radius:50%;box-shadow:0 2px 4px #0006,inset 0 -3px 0 #0003}.dm-p.dmw{background:radial-gradient(circle at 35% 30%,#fff,#d8d8e8)}.dm-p.dmk{background:radial-gradient(circle at 35% 30%,#555,#16161e)}.dm-p.kg:after{content:"♛";position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(12px,4.4vw,20px);color:#f59e0b}.dm-p.can{outline:2px solid #22c55e88}
/* Dört Sıra */
.c4{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.c4-h{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:min(100%,336px)}.c4-h button{height:30px;border-radius:8px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);font-size:13px;touch-action:manipulation}.c4-h button:disabled{opacity:.3}
.c4-b{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:min(100%,336px);padding:6px;border-radius:14px;background:#1d3aa8}.c4-c{aspect-ratio:1;border-radius:50%;background:#0d1a52;box-shadow:inset 0 2px 5px #0008}.c4-c.cr{background:radial-gradient(circle at 35% 30%,#ff7a7a,#d11a2a)}.c4-c.cy{background:radial-gradient(circle at 35% 30%,#fff08a,#e5b800)}.c4-c.win{box-shadow:0 0 0 3px #fff,0 0 14px #fff}.c4-c.last{outline:2px dashed #fff8;outline-offset:-4px}
/* Yol Geç */
.srd{width:min(100%,320px);height:auto;border-radius:12px;border:2px solid var(--ln);touch-action:none}
/* Kelime Zinciri */
.wc{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.wc-w{text-align:center;padding:14px 8px}.wc-w small{color:var(--mu)}.wc-w b{font-size:32px}.wc-n{margin-top:6px;font-size:13px;color:var(--mu)}.wc-n b{font-size:15px;color:#ffd166}.wc-m{margin:0;min-height:18px;font-size:13px;color:#ffb65a}
.wc-f{display:flex;gap:8px;width:100%}.wc-f input{flex:1;min-width:0;padding:12px;border-radius:12px;border:1px solid var(--ln);background:var(--p2);color:var(--tx);font-size:16px}.wc-h{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.wc-h span{padding:3px 9px;border-radius:999px;background:var(--p2);font-size:11.5px;color:var(--mu)}
/* Nonogram */
.nn{display:grid;grid-template-columns:auto repeat(var(--n),var(--cs));grid-template-rows:auto repeat(var(--n),var(--cs));gap:2px;max-width:100%;overflow-x:auto;touch-action:none;user-select:none}.nn>i{grid-row:auto}
.nn-c{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;font-size:11px;line-height:13px;color:var(--mu);height:auto;min-height:var(--cs)}.nn-c u,.nn-r u{text-decoration:none}
.nn-r{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding-right:5px;font-size:11px;color:var(--mu);min-width:18px}
.nn b{background:var(--p2);border:1px solid var(--ln);border-radius:5px;display:grid;place-items:center}.nn b.nf{background:#8b7bff;border-color:#8b7bff}.nn b.nx:after{content:"✕";color:var(--mu);font-size:13px}

body:has(#mSolo.open) #gchat{display:none!important}
.so-pc{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0;padding:9px 12px;border-radius:14px;background:var(--p2);border:1px solid var(--ln);color:var(--tx);text-align:left;cursor:pointer}.so-pc>span{font-size:22px}.so-pc>div{flex:1;min-width:0;display:flex;flex-direction:column}.so-pc b{font-size:13px}.so-pc small{color:var(--mu);font-size:11.5px}.so-pc em{color:var(--mu);font-style:normal;font-size:18px}
.gmb.so-chal{text-align:left}

.gmc-row{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gmc-row::-webkit-scrollbar{display:none}.gmc-b{flex:none;background:var(--p2);color:var(--tx);border:1px solid var(--ln);border-radius:999px;padding:6px 13px;font:600 13px system-ui;cursor:pointer;white-space:nowrap}.gmc-b.on{background:linear-gradient(135deg,var(--gold),#e0a82a);color:#1a1200;border-color:transparent}

/* listelerde (Popüler, Online, Kim nerede) çerçeveli/çerçevesiz avatarlar aynı genişlik/hizada */
.tpr>.avf,.onr.nr>.avf,.onr>.avf{margin:0 7px!important;flex:none}
.tpr>.av,.onr.nr>.av,.onr>.av{margin:0 7px;flex:none}
.tpr .rkn,.tpr .rk{flex:none}

.rkc{font-style:normal;font-size:10px;font-weight:800;margin-left:3px}.rkc.rku,.rksc2 .rku{color:#4ade80}.rkc.rkd,.rksc2 .rkd{color:#f87171}.rksc{display:block;font-size:10.5px;opacity:.75;margin-top:2px;font-weight:700}.rksc2{font-size:9.5px;font-weight:800;opacity:.8;text-align:center;margin-top:2px;white-space:nowrap}.rksc2 span{margin-right:2px}

#mRooms .rmt{gap:8px}
#mRooms .rmt .rtn{flex:1 1 0;min-width:0;font-size:13px}
#mRooms .rmt .rkn{flex:none;width:30px;text-align:center;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
#mRooms .rmt .rkn.rku{color:#4ade80}#mRooms .rmt .rkn.rkd{color:#f87171}
#mRooms .rmt .rmon{flex:none;width:38px;box-sizing:border-box;justify-content:center;padding:1px 0;gap:3px;font-size:9.5px;height:18px}
#mRooms .rmt .rmon svg{width:10px;height:10px}
#mRooms .rmt .rts{flex:none;width:52px;text-align:right;font-size:10.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
#mRooms .rmt{gap:6px;padding:5px 8px}
#mRooms .rmt .rkn{width:26px;font-size:10.5px}
#mRooms .rmt .rmon{width:34px;min-width:0;max-width:34px;padding:0;height:17px;font-size:9.5px;gap:3px}
#mRooms .rmt .rts{width:44px;min-width:0;font-size:10px}
#mRooms .rmt .rtn{font-size:12.5px;text-overflow:ellipsis}

.lbc .lbr b.lbup{display:inline-grid;place-items:center;width:26px;height:22px;padding:0;border-radius:99px;background:linear-gradient(135deg,#22e58b,#0fae62);border:1px solid #9dffcf99;box-shadow:0 0 0 0 #34f5a088,0 2px 8px #0fae6266;animation:lbupP 2s infinite}
.lbc .lbr b.lbup svg{width:14px;height:14px;fill:#fff;filter:drop-shadow(0 1px 1px #00000055);animation:lbupB 1.4s ease-in-out infinite}
@keyframes lbupP{0%{box-shadow:0 0 0 0 #34f5a099,0 2px 8px #0fae6266}70%{box-shadow:0 0 0 7px #34f5a000,0 2px 8px #0fae6266}100%{box-shadow:0 0 0 0 #34f5a000,0 2px 8px #0fae6266}}
@keyframes lbupB{0%,100%{transform:translateY(1px)}50%{transform:translateY(-1.5px)}}