/* Conlora 4 - tasarim sistemi */
:root{
  --bg0:#09090a;--bg1:#0f0f11;--bg2:#141416;--bg3:#1b1b1e;--bg4:#22222650;--bg5:#29292d;--card:#17171a;--hover:#ffffff0d;--active:#ffffff17;
  --line:#ffffff0f;--line2:#ffffff1c;--tx:#ededef;--tx2:#b5b5bc;--tx3:#86868f;--tx4:#5e5e67;
  --accent:#f4f4f5;--accent2:#d6d6dc;--accent-soft:#ffffff1c;--on-accent:#0a0a0b;--glow:0 0 0 1px #ffffff2e,0 8px 30px #ffffff12;
  --green:#3ecf8e;--red:#f2545b;--yellow:#f5b947;--blue:#5b8cff;--pink:#ff7ac6;--cyan:#2bc4c4;
  --mention:#f5b9471a;--mention-bar:#f5b947;
  --r1:6px;--r2:10px;--r3:14px;--r4:20px;--shadow:0 12px 40px #00000066,0 2px 8px #0000004d;--shadow-sm:0 4px 14px #00000040;
  --rail:72px;--side:248px;--members:248px;--top:52px;--fs:1;--msg-gap:16px;--sat:1;
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  color-scheme:dark;
}
[data-theme=light]{--bg0:#e3e5ee;--bg1:#eceef5;--bg2:#f4f5fa;--bg3:#ffffff;--bg5:#e1e3ec;--card:#ffffff;--hover:#0000000a;--active:#00000012;--line:#0000000f;--line2:#0000001c;--tx:#1d1d2b;--tx2:#46465a;--tx3:#6c6c82;--tx4:#9a9aae;--mention:#f5b94726;color-scheme:light;--shadow:0 12px 40px #1d1d2b26,0 2px 8px #1d1d2b14}
[data-theme=emerald]{--bg0:#040705;--bg1:#080d0a;--bg2:#0c120f;--bg3:#111915;--bg4:#1a241f50;--bg5:#1d2a23;--card:#0f1713;--hover:#ffffff0d;--active:#ffffff17;--line:#9effc80f;--line2:#9effc81c;--tx:#e8f3ec;--tx2:#a9bdb1;--tx3:#74897c;--tx4:#53655a;--accent:#1fe07a;--accent2:#5dffb0;--accent-soft:#1fe07a2e;--on-accent:#03140b;--glow:0 0 0 1px #1fe07a40,0 8px 30px #1fe07a26;}
[data-theme=violet]{--bg0:#08080f;--bg1:#0c0c16;--bg2:#11111c;--bg3:#171724;--bg5:#242437;--card:#13131f;--line:#b4a8ff10;--line2:#b4a8ff1e;--tx:#ecebf6;--tx2:#b3b1c8;--tx3:#7f7c98;--tx4:#5b5873;--accent:#7c5cff;--accent2:#a594ff;--accent-soft:#7c5cff2e;--on-accent:#fff}
[data-theme=amoled]{--bg0:#000;--bg1:#000;--bg2:#050507;--bg3:#0c0c10;--bg5:#16161c;--card:#0c0c10}
[data-theme=purple]{--bg0:#0b0b12;--bg1:#111119;--bg2:#16161f;--bg3:#1c1c27;--bg5:#2a2a38;--card:#1a1a24;--line:#ffffff12;--line2:#ffffff1f;--tx:#e9e9f2;--tx2:#b4b4c6;--tx3:#80809a;--tx4:#5c5c72;--accent:#7c6cff;--accent2:#9b8cff;--accent-soft:#7c6cff33;--on-accent:#fff}
[data-theme=midnight]{--bg0:#070b1d;--bg1:#0b1026;--bg2:#0f1530;--bg3:#151c3d;--bg5:#1e2650;--card:#131a38;--accent:#6c8cff}
[data-theme=forest]{--bg0:#08130e;--bg1:#0c1913;--bg2:#13241c;--bg3:#182d23;--bg5:#21392d;--card:#162a20;--accent:#3ecf8e;--on-accent:#06281a}
[data-theme=sunset]{--bg0:#160a10;--bg1:#1d0e16;--bg2:#2a1620;--bg3:#341b28;--bg5:#432336;--card:#2f1924;--accent:#ff7a59}
[data-theme=ocean]{--bg0:#061520;--bg1:#081b29;--bg2:#0c2230;--bg3:#112b3c;--bg5:#183a50;--card:#0f2737;--accent:#2bc4c4;--on-accent:#032628}
[data-theme=custom]{--bg2:var(--custom-bg,#26263a);--bg1:color-mix(in srgb,var(--custom-bg,#26263a) 80%,#000);--bg0:color-mix(in srgb,var(--custom-bg,#26263a) 60%,#000);--bg3:color-mix(in srgb,var(--custom-bg,#26263a) 85%,#fff);--card:color-mix(in srgb,var(--custom-bg,#26263a) 92%,#fff)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow:hidden;background:var(--bg0);color:var(--tx);font-family:var(--font);font-size:calc(15px * var(--fs));line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.sat-adj{filter:saturate(var(--sat))}
[data-font=serif] .mtext{font-family:Georgia,'Times New Roman',serif}[data-font=mono] .mtext{font-family:var(--mono);font-size:.93em}[data-font=rounded] .mtext{font-family:'Nunito','Varela Round',var(--font)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
button:disabled{cursor:not-allowed;opacity:.5}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%}
svg{width:20px;height:20px;flex-shrink:0;display:block}
input,textarea,select{font:inherit;color:inherit}
::selection{background:var(--accent-soft)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--tx4)}::-webkit-scrollbar-track{background:transparent}
*{scrollbar-width:thin;scrollbar-color:var(--bg5) transparent}
.reduce-motion *{animation:none!important;transition:none!important}
.hidden{display:none!important}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:8px}.row.gap{gap:10px}.row.wrap,.wrap{flex-wrap:wrap}.center{text-align:center}.block{display:block}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ellipsis2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.muted{color:var(--tx3)}.faint{color:var(--tx4);font-weight:500}.small{font-size:.87em}.tiny{font-size:.78em}.mono{font-family:var(--mono);font-size:.9em}.ital{font-style:italic}.pad{padding:12px}.red{color:var(--red)}
.req{color:var(--red)}.warn{color:var(--yellow)}
.show-sm{display:none!important}
@media(max-width:900px){.hide-sm{display:none!important}.show-sm{display:inline-flex!important}}
@media(max-width:520px){.hide-xs{display:none!important}}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r1);background:var(--accent);color:var(--on-accent);font-weight:600;font-size:.93em;white-space:nowrap;transition:filter .15s,transform .1s,background .15s;position:relative}
.btn:hover{filter:brightness(1.1);text-decoration:none}.btn:active{transform:translateY(1px)}
.btn svg{width:18px;height:18px}
.btn.ghost{background:var(--bg5);color:var(--tx)}.btn.ghost:hover{background:var(--active);filter:none}
.btn.danger{background:var(--red);color:#fff}.btn.danger.ghost{background:transparent;color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.btn.danger.ghost:hover{background:var(--red);color:#fff}
.btn.green{background:var(--green);color:#12052b}
.btn.sm{height:32px;padding:0 12px;font-size:.87em}.btn.xs{height:26px;padding:0 9px;font-size:.8em;border-radius:5px}.btn.lg{height:46px;padding:0 22px;font-size:1em}
.btn.block{display:flex;width:100%}
.btn.on{background:var(--accent);color:var(--on-accent)}
.btn.ok{background:var(--green);color:#12052b}
.btn.loading{color:transparent!important}.btn.loading::after{content:'';position:absolute;width:18px;height:18px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
.plus-btn{background:linear-gradient(135deg,#ff7ac6,#7c5cff 55%,#5b8cff);color:#fff}
.link{color:var(--accent2);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.link:hover{text-decoration:underline}.link svg{width:16px;height:16px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r1);color:var(--tx2);position:relative;transition:background .12s,color .12s;flex-shrink:0}
.icon-btn:hover{background:var(--hover);color:var(--tx)}.icon-btn.on{color:var(--tx);background:var(--active)}.icon-btn.off{color:var(--red)}.icon-btn.red{color:var(--red)}.icon-btn.red:hover{background:#f2545b22}
.icon-btn.xs{width:24px;height:24px;border-radius:5px}.icon-btn.xs svg{width:15px;height:15px}
.round-btn{width:36px;height:36px;border-radius:50%;background:var(--bg1);display:inline-flex;align-items:center;justify-content:center;color:var(--tx2)}.round-btn:hover{color:var(--tx);background:var(--bg0)}.round-btn.ok:hover{color:var(--green)}.round-btn.no:hover{color:var(--red)}.round-btn svg{width:18px;height:18px}
.call-btn{width:52px;height:52px;border-radius:50%;background:var(--bg5);display:inline-flex;align-items:center;justify-content:center;color:var(--tx);transition:filter .15s,background .15s}.call-btn:hover{filter:brightness(1.2)}.call-btn svg{width:22px;height:22px}
.call-btn.red{background:var(--red);color:#fff}.call-btn.green{background:var(--green);color:#12052b}.call-btn.off{background:#f2545b33;color:var(--red)}.call-btn.on{background:#fff;color:#111}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--bg5);font-size:.85em;font-weight:500;color:var(--tx2);cursor:pointer;border:1px solid transparent;user-select:none}
.chip:hover{color:var(--tx)}.chip.on{background:var(--accent-soft);color:var(--tx);border-color:var(--accent)}.chip.xs{padding:2px 8px;font-size:.75em}.chip input{accent-color:var(--accent)}.chip small{color:var(--tx3)}.chip.lock{opacity:.7}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.seg{display:inline-flex;background:var(--bg1);border-radius:var(--r2);padding:3px;gap:2px;margin-bottom:14px}.seg button{padding:6px 14px;border-radius:8px;font-weight:600;font-size:.87em;color:var(--tx3)}.seg button.on{background:var(--bg5);color:var(--tx)}

/* ---------- Form ---------- */
.input{width:100%;height:40px;padding:0 12px;border-radius:var(--r1);background:var(--bg0);border:1px solid var(--line);color:var(--tx);outline:none;transition:border-color .15s,box-shadow .15s}
textarea.input{height:auto;padding:10px 12px;resize:vertical;min-height:40px;line-height:1.45}
select.input{cursor:pointer;padding-right:28px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tx3) 50%),linear-gradient(135deg,var(--tx3) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.bad{border-color:var(--red)}
.input.sm{height:32px;font-size:.9em}.input.lg{height:48px;font-size:1.05em}
.input:disabled{opacity:.55}
.emo-in{width:56px!important;text-align:center;flex:none}
.field{display:block;font-size:.75em;font-weight:700;letter-spacing:.03em;color:var(--tx3);margin-bottom:14px;text-transform:none}
.field>.input,.field>textarea,.field>select,.field>.pw,.field>.in-ic,.field>.copy-row,.field>.in-pre{margin-top:7px;font-size:calc(1em / .75 * .93);letter-spacing:0;font-weight:400}
.field small{display:block;font-weight:400;letter-spacing:0;margin-top:5px;font-size:1.05em}
.field input[type=file]{margin-top:8px;font-size:1.2em;font-weight:400;color:var(--tx2)}
.field input[type=color]{margin-top:8px}
input[type=color]{width:44px;height:34px;border:0;border-radius:8px;background:none;cursor:pointer;padding:0}
input[type=range]{accent-color:var(--accent);cursor:pointer}input[type=range].wide{width:100%;margin-top:8px}
.cap{display:block;font-size:.74em;font-weight:800;letter-spacing:.06em;color:var(--tx3);margin:16px 0 8px}
.in-ic{position:relative;display:flex;align-items:center}.in-ic>span{position:absolute;left:10px;color:var(--tx3)}.in-ic>span svg{width:17px;height:17px}.in-ic .input{padding-left:34px}
.in-pre{display:flex;align-items:center;background:var(--bg0);border:1px solid var(--line);border-radius:var(--r1)}.in-pre span{padding:0 4px 0 12px;color:var(--tx3);white-space:nowrap;font-size:.9em}.in-pre .input{border:0;background:none;box-shadow:none;padding-left:0}
.copy-row{display:flex;gap:8px}.copy-row .input{flex:1;font-family:var(--mono);font-size:.86em}
.pw{position:relative}.pw .input{padding-right:42px}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--tx3);padding:6px}.pw-eye svg{width:18px;height:18px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.92em;cursor:pointer;margin:10px 0}.check input{margin-top:3px;accent-color:var(--accent);width:16px;height:16px}
.swi{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;cursor:pointer}.swi input{opacity:0;width:0;height:0;position:absolute}
.swi span{position:absolute;inset:0;background:var(--tx4);border-radius:999px;transition:background .18s}.swi span::before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px #0004}
.swi input:checked+span{background:var(--green)}.swi input:checked+span::before{transform:translateX(18px)}.swi input:disabled+span{opacity:.5;cursor:not-allowed}
.radio-list{display:flex;flex-direction:column;gap:6px}
.radio{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--r2);background:var(--bg1);cursor:pointer;border:1px solid transparent}.radio:hover{background:var(--hover)}
.radio input{accent-color:var(--accent);width:18px;height:18px;margin-top:2px;flex-shrink:0}.radio span{display:flex;flex-direction:column}.radio b{font-weight:600}.radio small{color:var(--tx3);font-size:.85em}
.radio:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.set-row>div:first-child{display:flex;flex-direction:column;min-width:0}.set-row b{font-weight:600;display:flex;align-items:center;gap:6px}.set-row b svg{width:16px;height:16px}.set-row small{color:var(--tx3);font-size:.85em;margin-top:2px}
.err{color:var(--red);font-size:.88em;min-height:1.2em;margin:6px 0}
.ok-tag,.bad-tag,.warn-tag,.lv-tag,.plus-tag,.new-tag,.tag{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:5px;font-size:.7em;font-weight:800;letter-spacing:.04em;vertical-align:middle}
.ok-tag{background:#3ecf8e26;color:var(--green)}.bad-tag{background:#f2545b26;color:var(--red)}.warn-tag{background:#f5b94726;color:var(--yellow)}.lv-tag{background:#ff7ac626;color:var(--pink)}
.plus-tag{background:linear-gradient(135deg,#ff7ac6,#7c5cff);color:#fff}.new-tag{background:var(--red);color:#fff;margin-left:auto}
.tag{background:var(--bg5);color:var(--tx2)}.tag.approved{background:#3ecf8e26;color:var(--green)}.tag.rejected{background:#f2545b26;color:var(--red)}.tag.pending{background:#f5b94726;color:var(--yellow)}
.banner-note{padding:12px 14px;border-radius:var(--r2);background:var(--accent-soft);border:1px solid #7c5cff55;font-size:.9em;margin:10px 0;line-height:1.55}.banner-note.warn{background:#f5b9471a;border-color:#f5b94755}.banner-note pre{margin:8px 0}
.kbd,kbd{font-family:var(--mono);font-size:.8em;padding:2px 7px;border-radius:5px;background:var(--bg0);border:1px solid var(--line2);border-bottom-width:2px}
code{font-family:var(--mono);font-size:.86em;background:var(--bg0);padding:1px 5px;border-radius:4px}
pre.code{position:relative;background:var(--bg0);border:1px solid var(--line);border-radius:var(--r1);padding:12px 14px;overflow:auto;margin:6px 0;max-height:420px}pre.code code{background:none;padding:0;white-space:pre;font-size:.84em;line-height:1.55;display:block}
.code-copy{position:absolute;top:6px;right:6px;opacity:0;padding:5px;border-radius:5px;background:var(--bg5);color:var(--tx2)}.code-copy svg{width:15px;height:15px}pre.code:hover .code-copy{opacity:1}
.spin{display:inline-block;width:22px;height:22px;border:3px solid var(--tx4);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Avatar ---------- */
.av{position:relative;width:40px;height:40px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;user-select:none}
.av .pic{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.av .ini{font-size:.95em}
.av.xxs{width:16px;height:16px;font-size:.55em}.av.xs{width:24px;height:24px;font-size:.7em}.av.sm{width:32px;height:32px;font-size:.82em}.av.md{width:40px;height:40px}.av.lg{width:56px;height:56px;font-size:1.3em}.av.xl{width:80px;height:80px;font-size:1.8em}.av.xxl{width:96px;height:96px;font-size:2.1em}
.av.group svg{width:55%;height:55%}
.av .dot{position:absolute;right:-2px;bottom:-2px;width:34%;height:34%;min-width:10px;min-height:10px;border-radius:50%;border:3px solid var(--bg2);background:var(--tx4)}
.av.xl .dot,.av.xxl .dot{border-width:5px;right:2px;bottom:2px;width:26%;height:26%}
.dot.online{background:var(--green)}.dot.idle{background:var(--yellow)}.dot.dnd{background:var(--red)}.dot.offline,.dot.invisible{background:#80809a;box-shadow:inset 0 0 0 2px var(--bg2)}
.dot.idle::after{content:'';position:absolute;width:55%;height:55%;border-radius:50%;background:var(--bg2);top:-8%;left:-8%}
.dot.dnd::after{content:'';position:absolute;width:55%;height:20%;border-radius:2px;background:var(--bg2);top:40%;left:22%}
.sdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--tx4);margin-right:5px}
.deco{position:absolute;inset:-12%;border-radius:50%;pointer-events:none}
.deco-neon{box-shadow:0 0 0 2px #2bc4c4,0 0 12px 2px #2bc4c4aa;animation:neon 2.4s ease-in-out infinite}
.deco-frost{border:3px dashed #9fdcff;animation:spin 14s linear infinite;box-shadow:0 0 10px #9fdcff88}
.deco-sakura{background:radial-gradient(circle at 15% 15%,#ffb7d5 0 9%,transparent 10%),radial-gradient(circle at 85% 20%,#ff8fc0 0 7%,transparent 8%),radial-gradient(circle at 80% 85%,#ffb7d5 0 8%,transparent 9%),radial-gradient(circle at 12% 80%,#ff8fc0 0 6%,transparent 7%);animation:float 4s ease-in-out infinite}
.deco-fire{box-shadow:0 0 0 2px #ff7a3c,0 -4px 14px 2px #ff9d3c,0 0 22px #ff4d2e88;animation:flame 1.2s ease-in-out infinite alternate}
.deco-galaxy{background:conic-gradient(from 0deg,#7c5cff,#ff7ac6,#2bc4c4,#7c5cff);-webkit-mask:radial-gradient(circle,transparent 66%,#000 67%);mask:radial-gradient(circle,transparent 66%,#000 67%);animation:spin 6s linear infinite}
.deco-crown::before{content:'\1F451';position:absolute;top:-28%;left:50%;transform:translateX(-50%) rotate(-12deg);font-size:calc(1em + 6px)}
.av.md .deco-crown::before,.av.sm .deco-crown::before{font-size:14px}
.deco-plus_orbit{border:2px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(135deg,#ff7ac6,#7c5cff,#5b8cff) border-box;-webkit-mask:radial-gradient(circle,transparent 65%,#000 66%);mask:radial-gradient(circle,transparent 65%,#000 66%);animation:spin 5s linear infinite}
.deco-plus_spark{background:radial-gradient(circle at 20% 10%,#fff 0 3%,transparent 4%),radial-gradient(circle at 90% 40%,#ffd0ec 0 3%,transparent 4%),radial-gradient(circle at 30% 95%,#cfc8ff 0 3%,transparent 4%);animation:twinkle 1.6s ease-in-out infinite}
@keyframes neon{50%{box-shadow:0 0 0 2px #ff7ac6,0 0 14px 3px #ff7ac6aa}}@keyframes float{50%{transform:translateY(-3px) rotate(6deg)}}@keyframes flame{to{box-shadow:0 0 0 2px #ffb03c,0 -6px 18px 3px #ffcf3c,0 0 26px #ff4d2eaa}}@keyframes twinkle{50%{opacity:.35}}

/* ---------- Ad stilleri (Plus) ---------- */
.uname{font-weight:600}
.ns-gradient-sunset{background:linear-gradient(90deg,#ff7a59,#ff4d8d);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.ns-gradient-ocean{background:linear-gradient(90deg,#2bc4c4,#5b8cff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.ns-gradient-aurora{background:linear-gradient(90deg,#3ecf8e,#7c5cff,#ff7ac6);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.ns-gradient-gold{background:linear-gradient(90deg,#f5b947,#fff2b8,#d4932a);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.ns-neon{color:#7ff6ff!important;text-shadow:0 0 6px #2bc4c4,0 0 12px #2bc4c4aa}
.ns-glitch{color:#fff!important;text-shadow:1.5px 0 #ff2d6f,-1.5px 0 #2df3ff;animation:glitch 2.5s infinite}
.ns-rainbow{background:linear-gradient(90deg,#ff5f6d,#ffc371,#3ecf8e,#5b8cff,#a46bff,#ff5f6d);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:rainbow 4s linear infinite}
.ns-fire{background:linear-gradient(0deg,#ff4d2e,#ffb03c,#fff1a8);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 3px #ff6a2e88)}
.ns-ice{background:linear-gradient(90deg,#e0f7ff,#8fd3ff,#e0f7ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 3px #8fd3ff88)}
@keyframes glitch{0%,92%,100%{transform:none}93%{transform:translateX(1px)}95%{transform:translateX(-1px) skewX(4deg)}97%{transform:translateX(1px)}}@keyframes rainbow{to{background-position:200% 0}}
.no-role-colors .m-name .uname,.no-role-colors .mem-n .uname{color:inherit!important}

/* ---------- Rozetler ---------- */
.badge{display:inline-flex;width:22px;height:22px}.badge svg{width:100%;height:100%}
.pf-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;padding:8px 10px;background:var(--bg0);border-radius:var(--r2);position:absolute;right:14px;top:110px;min-height:10px}.pf-badges:empty{display:none}.pf-badges.inl{position:static;background:none;padding:0;justify-content:flex-start;margin-top:4px}
.boost-anim{animation:boostPulse 2.2s ease-in-out infinite}
@keyframes boostPulse{0%,100%{transform:scale(1) rotate(0)}25%{transform:scale(1.12) rotate(-8deg)}50%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 4px #ff7ac6)}75%{transform:scale(1.08) rotate(8deg)}}
.boost-b{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;color:#fff;background:linear-gradient(135deg,#ff7ac6,#b44dff);animation:boostPulse 2.4s ease-in-out infinite;vertical-align:middle}.boost-b svg{width:12px;height:12px}
.boost-b.lv1{background:linear-gradient(135deg,#ff9ad5,#ff7ac6)}.boost-b.lv2{background:linear-gradient(135deg,#ff7ac6,#c45cff)}.boost-b.lv3{background:linear-gradient(135deg,#c45cff,#7c5cff)}.boost-b.lv4{background:linear-gradient(135deg,#7c5cff,#2bc4c4)}.boost-b.lv5{background:linear-gradient(135deg,#2bc4c4,#3ecf8e)}.boost-b.lv6{background:conic-gradient(from 0deg,#ff7ac6,#f5b947,#3ecf8e,#5b8cff,#ff7ac6);box-shadow:0 0 8px #ff7ac688}
.bot-tag{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:4px;background:var(--accent);color:var(--on-accent);font-size:.62em;font-weight:800;letter-spacing:.03em;margin-left:5px;vertical-align:middle}
.clan-tag{font-size:.68em;padding:1px 5px;border-radius:4px;background:var(--bg5);color:var(--tx2);margin-left:5px;font-weight:700}
.vbadge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#3b82f6;color:#fff;font-size:10px;font-weight:900;margin-right:5px;vertical-align:middle}.pbadge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;margin-right:5px}
.rdot{display:inline-block;width:11px;height:11px;border-radius:50%;flex-shrink:0}
.role-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;background:var(--bg1);font-size:.8em;font-weight:500}
.ricon{width:16px;height:16px;object-fit:contain;margin-left:4px;vertical-align:middle;display:inline-block;font-size:14px;line-height:16px}

/* ---------- nykleme ---------- */
.boot{position:fixed;inset:0;background:var(--bg0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:999;transition:opacity .35s}
.boot.out{opacity:0;pointer-events:none}.boot-logo img{width:72px;height:72px;animation:bootPulse 1.4s ease-in-out infinite}.boot-text{color:var(--tx3);font-weight:600;letter-spacing:.02em}
@keyframes bootPulse{50%{transform:scale(.88) rotate(-6deg);opacity:.7}}
.fatal{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.fatal .art{font-size:56px}

/* ---------- Giri ekran ---------- */
.auth{position:relative;min-height:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(1200px 600px at 10% 0%,#7c5cff33,transparent),radial-gradient(900px 600px at 100% 100%,#ff7ac622,transparent),var(--bg0)}
.blob{position:fixed;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;animation:blob 18s ease-in-out infinite}.b1{width:420px;height:420px;background:#7c5cff;top:-120px;left:-80px}.b2{width:360px;height:360px;background:#ff7ac6;bottom:-120px;right:-60px;animation-delay:-6s}.b3{width:260px;height:260px;background:#2bc4c4;top:40%;left:55%;animation-delay:-12s;opacity:.3}
@keyframes blob{33%{transform:translate(40px,30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.94)}}
.auth-home{position:fixed;top:18px;left:22px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25em;color:var(--tx);z-index:2}.auth-home img{width:34px;height:34px}.auth-home:hover{text-decoration:none}
.auth-card{position:relative;z-index:1;width:100%;max-width:480px;background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:var(--r4);padding:32px;box-shadow:var(--shadow);animation:popIn .3s ease}
.auth-card.wide{max-width:800px}.auth-card h1{font-size:1.6em;font-weight:800;text-align:center;margin-bottom:4px}.auth-card .sub{color:var(--tx3);text-align:center;margin-bottom:20px}
.auth-grid{display:grid;grid-template-columns:1fr 240px;gap:32px;align-items:center}.auth-side{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:28px}.auth-side h3{font-weight:700}.auth-side p{color:var(--tx3);font-size:.9em}
.qr-art{width:150px;height:150px;border-radius:var(--r3);background:linear-gradient(135deg,#7c5cff,#ff7ac6);display:flex;align-items:center;justify-content:center}.qr-art img{width:84px;height:84px;filter:drop-shadow(0 4px 12px #0005)}
.auth-switch{margin-top:12px;font-size:.9em;color:var(--tx3)}.auth-note{padding:10px 12px;border-radius:var(--r2);background:var(--accent-soft);margin-bottom:14px;font-size:.9em}
.auth-card form .btn.lg{margin-top:8px}.code-input,.code-in{text-align:center;font-size:1.6em!important;letter-spacing:.5em;font-family:var(--mono);height:56px!important}
.big-emoji{font-size:64px;margin-bottom:8px}
.pw-meter{height:5px;background:var(--bg0);border-radius:3px;overflow:hidden;margin-top:-6px}.pw-meter i{display:block;height:100%;width:0;transition:width .2s,background .2s;background:var(--red)}.pw-meter i.mid{background:var(--yellow)}.pw-meter i.strong{background:var(--green)}
@media(max-width:760px){.auth-grid{grid-template-columns:1fr}.auth-side{display:none}.auth-card{padding:24px 18px}}
.oauth{display:flex;flex-direction:column;gap:12px}.oa-head{display:flex;align-items:center;justify-content:center;gap:14px}.oa-dots{display:flex;gap:4px}.oa-dots i{width:6px;height:6px;border-radius:50%;background:var(--tx4);animation:dots 1.2s infinite}.oa-dots i:nth-child(2){animation-delay:.2s}.oa-dots i:nth-child(3){animation-delay:.4s}
.oa-who{display:flex;align-items:center;gap:8px;justify-content:center;font-size:.88em;color:var(--tx3)}.oa-box{background:var(--bg1);border-radius:var(--r2);padding:14px}.oa-list{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:8px}.oa-list li{display:flex;gap:8px;align-items:center;font-size:.92em}.oa-list svg{color:var(--green);width:17px;height:17px}
.oa-perms summary{cursor:pointer;color:var(--tx2);font-size:.9em}.oa-perms ul{list-style:none;padding:8px 0;display:grid;gap:4px;font-size:.88em}.oa-perms li{display:flex;gap:6px}.oa-perms svg{width:15px;color:var(--green)}

/* ---------- Uygulama iskeleti ---------- */
#root{height:100%}
.app{display:grid;grid-template-columns:var(--rail) var(--side) 1fr;height:100%;overflow:hidden;position:relative}
.app.with-members{grid-template-columns:var(--rail) var(--side) 1fr var(--members)}
body.has-ann .app{height:calc(100% - 36px)}
.announce{height:36px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:.9em;padding:0 44px;position:relative;text-align:center}.announce .icon-btn{position:absolute;right:6px;color:#fff}.announce a{color:#fff;text-decoration:underline}
.rail{background:var(--bg0);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}
.rail-item{position:relative;width:var(--rail);display:flex;justify-content:center;flex-shrink:0}
.rail-item .pill{position:absolute;left:0;top:50%;width:4px;height:0;border-radius:0 4px 4px 0;background:var(--tx);transform:translateY(-50%);transition:height .18s}
.rail-item.unread .pill{height:8px}.rail-item:hover .pill{height:20px}.rail-item.active .pill{height:40px}
.ri{width:48px;height:48px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-radius .2s,background .2s,color .2s;color:var(--tx);font-weight:700;font-size:.95em}
.ri img{width:100%;height:100%;object-fit:cover}.ri span{padding:0 4px;text-align:center;line-height:1.1}
.rail-item:hover .ri,.rail-item.active .ri{border-radius:16px;background:var(--accent);color:var(--on-accent)}
.ri.brand{background:var(--bg3)}.ri.brand img{width:30px;height:30px;object-fit:contain}.rail-item.active .ri.brand,.rail-item:hover .ri.brand{background:var(--accent);color:var(--on-accent)}
.ri.add{color:var(--green);background:var(--bg2)}.ri.add svg{width:22px;height:22px}.rail-item:hover .ri.add,.rail-item.active .ri.add{background:var(--green);color:#12052b}
.rail-sep{width:32px;height:2px;border-radius:1px;background:var(--line2);flex-shrink:0}
.rb-badge{position:absolute;right:10px;bottom:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:.72em;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg0);box-sizing:content-box;pointer-events:none}
.boost-gem{position:absolute;left:12px;bottom:0;width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,#ff7ac6,#b44dff);border:2px solid var(--bg0);transform:rotate(45deg);animation:gem 3s ease-in-out infinite}.boost-gem.lv2{background:linear-gradient(135deg,#c45cff,#7c5cff)}.boost-gem.lv3{background:conic-gradient(#ff7ac6,#f5b947,#3ecf8e,#5b8cff,#ff7ac6)}
@keyframes gem{50%{transform:rotate(45deg) scale(1.15);filter:brightness(1.3)}}
.av.rail-av{width:48px;height:48px}.dmu .rb-badge{right:10px}
.rail-item.dragging{opacity:.4}.rail-item.drop-before::before{content:'';position:absolute;top:-6px;left:16px;right:16px;height:3px;border-radius:2px;background:var(--green)}.rail-item.drop-on .ri{box-shadow:0 0 0 3px var(--green)}
.folder{display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--rail);position:relative}
.folder-head{width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--fc) 30%,var(--bg2));display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px;position:relative}
.fmini{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700}.fmini img{width:100%;height:100%;object-fit:cover}
.fopen{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:var(--fc)}.folder.open .folder-head{grid-template-columns:1fr;background:color-mix(in srgb,var(--fc) 22%,var(--bg2))}.folder.open .fmini{display:none}.folder.open .fopen{display:flex}
.folder-list{display:none;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--fc,#5b8cff) 12%,transparent);border-radius:24px;padding-bottom:6px}.folder.open .folder-list{display:flex}
.side{background:var(--bg1);display:flex;flex-direction:column;min-width:0;overflow:hidden;border-top-left-radius:var(--r3)}
.side-head{height:var(--top);flex-shrink:0;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--line);box-shadow:0 1px 0 #0000001a}
.side-title{padding:0 6px;font-size:1em;display:flex;align-items:center;gap:8px}.side-title svg{width:18px;height:18px}
.side-search{width:100%;height:30px;border-radius:var(--r1);background:var(--bg0);color:var(--tx3);font-size:.85em;padding:0 10px;text-align:left}
.side-body{flex:1;overflow-y:auto;padding:8px 8px 12px}
.side-cap{display:flex;align-items:center;justify-content:space-between;font-size:.72em;font-weight:800;letter-spacing:.05em;color:var(--tx3);padding:16px 8px 6px;text-transform:uppercase}.side-cap:hover{color:var(--tx2)}
.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 10px;border-radius:var(--r1);color:var(--tx3);font-weight:600;margin-bottom:2px;position:relative}.nav-item:hover{background:var(--hover);color:var(--tx2)}.nav-item.active{background:var(--active);color:var(--tx)}.nav-item svg{width:22px;height:22px}
.dm-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r1);cursor:pointer;color:var(--tx3);position:relative;margin-bottom:1px}.dm-item:hover{background:var(--hover);color:var(--tx2)}.dm-item.active{background:var(--active);color:var(--tx)}.dm-item.unread{color:var(--tx)}.dm-item.unread b{font-weight:700}
.dm-item.in-call::after{content:'';position:absolute;left:30px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px var(--bg1)}
.dm-text{flex:1;min-width:0;display:flex;flex-direction:column}.dm-text b{font-weight:500;font-size:.95em}.dm-text small{font-size:.76em;color:var(--tx3)}
.dm-x{opacity:0}.dm-item:hover .dm-x{opacity:1}
.empty-side{color:var(--tx4);font-size:.88em;text-align:center;padding:24px 10px;line-height:1.6}
.mention-badge{min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:var(--red);color:#fff;font-size:.72em;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}
.mini-badge,.nb{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
.main{background:var(--bg2);display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}
.members{background:var(--bg1);overflow:hidden;display:none;flex-direction:column}.app.with-members .members{display:flex}
.scrim{display:none}
/* Kullanc paneli */
.me-panel{flex-shrink:0;height:58px;display:flex;align-items:center;gap:4px;padding:0 8px;background:color-mix(in srgb,var(--bg0) 65%,var(--bg1))}
.me-id{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:4px 6px;border-radius:var(--r1)}.me-id:hover{background:var(--hover)}
.me-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.me-text b{font-size:.88em}.me-text small{font-size:.74em;color:var(--tx3)}
.me-btns{display:flex}.me-btns .icon-btn{width:32px;height:32px}.me-btns svg{width:19px;height:19px}
/* Ses paneli (kenar ubuu alt) */
.vpanel{flex-shrink:0;padding:8px;background:color-mix(in srgb,var(--bg0) 65%,var(--bg1));border-bottom:1px solid var(--line)}
.vp-row{display:flex;align-items:center;gap:2px}.vp-st{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:2px 4px;border-radius:var(--r1);text-align:left}.vp-st:hover{background:var(--hover)}.vp-st svg{width:18px;height:18px}
.vp-st div{display:flex;flex-direction:column;min-width:0}.vp-st b{font-size:.85em}.vp-st small{font-size:.74em;color:var(--tx3)}
.vp-st.ok{color:var(--green)}.vp-st.wait{color:var(--yellow)}.vp-st.bad{color:var(--red)}.vp-st small{color:var(--tx3)}
.vp-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px;margin-top:6px}.vp-btns .btn{background:var(--bg5);color:var(--tx);height:32px;padding:0 6px;font-size:.78em}.vp-btns .btn.on{background:var(--accent);color:var(--on-accent)}.vp-btns .btn svg{width:17px;height:17px}
@media(max-width:1100px){.vp-btns .btn span{display:none}}
/* st ubuk */
.topbar{height:var(--top);flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 10px 0 16px;border-bottom:1px solid var(--line);box-shadow:0 1px 0 #0000001a;min-width:0;background:var(--bg2);position:relative;z-index:3}
.topbar .title{display:flex;align-items:center;gap:8px;min-width:0;font-size:1em;flex-shrink:1}.topbar .title>svg,.topbar .title .ch-ic svg{color:var(--tx3);width:22px;height:22px}.topbar .title b{font-weight:700}
.tb-sep{width:1px;height:24px;background:var(--line2);flex-shrink:0}
.topic{color:var(--tx3);font-size:.88em;max-width:420px;min-width:0;text-align:left}.topic:hover{color:var(--tx2)}
.tb-acts{display:flex;align-items:center;gap:2px;flex-shrink:0}
.tb-search{position:relative;margin:0 4px}.tb-search input{width:150px;height:28px;border-radius:var(--r1);background:var(--bg0);border:0;padding:0 26px 0 8px;font-size:.84em;transition:width .2s;outline:none}.tb-search input:focus{width:240px}.tb-search i{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--tx3)}.tb-search svg{width:15px;height:15px}
.hamb{display:none}
.crumb{display:inline-flex;align-items:center;gap:4px;color:var(--tx3);font-weight:600}.crumb:hover{color:var(--tx)}.crumb-sep{color:var(--tx4)}
.tabs-inline{display:flex;align-items:center;gap:4px;margin-left:10px;overflow-x:auto;scrollbar-width:none}.tabs-inline::-webkit-scrollbar{display:none}
.tab{padding:3px 10px;border-radius:var(--r1);color:var(--tx3);font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tab:hover{background:var(--hover);color:var(--tx2)}.tab.active{background:var(--active);color:var(--tx)}
.tab.add{background:var(--green);color:#12052b}.tab.add.active{background:transparent;color:var(--green)}
.page-scroll{flex:1;overflow-y:auto;min-height:0}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px 20px;color:var(--tx3)}.empty .art{font-size:56px;margin-bottom:6px;filter:drop-shadow(0 6px 16px #0004)}.empty h2,.empty h3{color:var(--tx)}.empty.sm{padding:20px 10px}.empty.sm .art{font-size:40px}.empty.grow{flex:1}
.skel{display:flex;gap:12px;padding:10px 12px;align-items:center}.skel>div{flex:1;display:flex;flex-direction:column;gap:7px}.sk-av{width:38px;height:38px;border-radius:50%;background:var(--bg5);flex-shrink:0;animation:sk 1.2s ease-in-out infinite}.sk-l{height:11px;border-radius:6px;background:var(--bg5);animation:sk 1.2s ease-in-out infinite}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w60{width:60%}.w80{width:80%}.w90{width:90%}
@keyframes sk{50%{opacity:.45}}
.net{position:fixed;top:0;left:50%;transform:translate(-50%,-100%);padding:6px 16px;border-radius:0 0 10px 10px;font-size:.84em;font-weight:700;z-index:300;transition:transform .25s}.net.slow{background:var(--yellow);color:#2a1d00;transform:translate(-50%,0)}.net.down{background:var(--red);color:#fff;transform:translate(-50%,0)}.net.ok{background:var(--green);color:#12052b;transform:translate(-50%,0)}.net.ok::after{content:'Ba\00011fland\000131'}

.net.ok{font-size:0}.net.ok::after{font-size:13px}
/* ---------- Sunucu kenar ubuu ---------- */
.srv-head{width:calc(100% + 20px);margin:0 -10px;height:var(--top);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 16px;font-weight:700;text-align:left;transition:background .15s;background-size:cover;background-position:center}
.srv-head:hover{background-color:var(--hover)}.srv-head.has-banner{height:120px;align-items:flex-end;padding-bottom:12px;text-shadow:0 1px 4px #000a}
.side-head:has(.srv-head.has-banner){height:120px;padding:0 10px;overflow:hidden}
.srv-name{display:flex;align-items:center;gap:6px;min-width:0}
.boost-ic{display:inline-flex;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7ac6,#b44dff);color:#fff;flex-shrink:0}.boost-ic svg{width:11px;height:11px}.boost-ic.lv3{background:conic-gradient(#ff7ac6,#f5b947,#3ecf8e,#5b8cff,#ff7ac6)}
.side-ev{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border-radius:var(--r1);color:var(--tx2);font-weight:600;font-size:.9em;margin-bottom:6px;border-bottom:1px solid var(--line)}.side-ev:hover{background:var(--hover)}
.chan-list{display:flex;flex-direction:column}
.cat{margin-top:14px}.cat-h{display:flex;align-items:center;gap:2px;padding:4px 2px 4px 0;font-size:.72em;font-weight:800;letter-spacing:.05em;color:var(--tx3);cursor:pointer;text-transform:uppercase;user-select:none}.cat-h:hover{color:var(--tx)}
.cat-h>svg{width:12px;height:12px;transition:transform .15s}.cat.closed .cat-h>svg{transform:rotate(-90deg)}.cat-h .icon-btn{margin-left:auto;opacity:0;width:20px;height:20px}.cat-h:hover .icon-btn{opacity:1}
.ch{display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;border-radius:var(--r1);color:var(--tx3);margin:1px 0;position:relative;cursor:pointer;text-decoration:none!important;user-select:none}
.ch:hover{background:var(--hover);color:var(--tx2)}.ch.active{background:var(--active);color:var(--tx)}.ch.unread{color:var(--tx)}.ch.unread .ch-name{font-weight:700}.ch.muted{opacity:.45}
.ch.unread:not(.active)::before{content:'';position:absolute;left:-8px;top:50%;width:4px;height:8px;border-radius:0 4px 4px 0;background:var(--tx);transform:translateY(-50%)}
.ch-ic{position:relative;display:inline-flex;flex-shrink:0;color:var(--tx4)}.ch-ic svg{width:20px;height:20px}.ch.active .ch-ic,.ch:hover .ch-ic{color:var(--tx3)}
.lock-ov{position:absolute;right:-4px;bottom:-3px;background:var(--bg1);border-radius:3px;display:flex}.lock-ov svg{width:10px;height:10px}
.ch-emoji{font-size:17px;width:20px;text-align:center}
.ch-name{flex:1;font-weight:500;font-size:.95em}
.ch-acts{display:none;gap:1px}.ch:hover .ch-acts,.ch.active .ch-acts{display:flex}.ch-acts .icon-btn{width:22px;height:22px}.ch-acts svg{width:15px;height:15px}
.ch-lim{font-size:.7em;background:var(--bg0);padding:1px 5px;border-radius:5px;color:var(--tx3)}
.ch.thread{margin-left:26px;height:28px;font-size:.9em}.th-curve{position:absolute;left:-14px;top:-6px;width:12px;height:20px;border-left:2px solid var(--line2);border-bottom:2px solid var(--line2);border-bottom-left-radius:8px}
.ch.drop-before::after{content:'';position:absolute;top:-2px;left:8px;right:8px;height:2px;background:var(--green)}
.vusers{padding:2px 0 4px 32px}.vuser{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:var(--r1);font-size:.88em;color:var(--tx3);cursor:pointer}.vuser:hover{background:var(--hover);color:var(--tx2)}
.vuser .av{transition:box-shadow .1s}.vuser.speaking .av{box-shadow:0 0 0 2px var(--green)}.vu-ic{margin-left:auto;display:flex;gap:2px;align-items:center;color:var(--tx4)}.vu-ic svg{width:14px;height:14px}.vu-ic .red{color:var(--red)}
.live-tag{background:var(--red);color:#fff;font-size:.62em;font-weight:800;padding:1px 5px;border-radius:4px;letter-spacing:.04em}
.home-nav{margin-bottom:4px}
/* ---------- Sohbet ---------- */
.chat-wrap{flex:1;display:flex;min-height:0;position:relative}
.chat-col{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}
.chat-col.dropping::after{content:'Dosyalar\000131 b\000131rak';position:absolute;inset:12px;border:3px dashed var(--accent);border-radius:var(--r3);background:color-mix(in srgb,var(--bg2) 80%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.3em;font-weight:700;z-index:20}
.msgs{flex:1;overflow-y:auto;overflow-x:hidden;overflow-anchor:auto;position:relative}
.msgs-in{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding-bottom:18px}
.load-more{display:flex;justify-content:center;padding:20px}
.chat-welcome{padding:24px 16px 16px;margin-top:auto}.chat-welcome h1{font-size:1.9em;font-weight:800;margin:10px 0 4px}.chat-welcome h3{color:var(--tx2);font-weight:600;margin-bottom:8px}.chat-welcome p{color:var(--tx3)}
.cw-ic{width:68px;height:68px;border-radius:50%;background:var(--bg5);display:flex;align-items:center;justify-content:center}.cw-ic svg,.cw-ic .ch-ic svg{width:40px;height:40px;color:var(--tx)}.cw-ic .ch-emoji{font-size:36px;width:auto}
.cw-acts{display:flex;gap:8px;margin-top:12px}.grp-big{width:80px;height:80px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--on-accent)}.grp-big svg{width:40px;height:40px}
.day-sep{display:flex;align-items:center;margin:18px 16px 6px;font-size:.75em;font-weight:700;color:var(--tx3)}.day-sep::before,.day-sep::after{content:'';flex:1;height:1px;background:var(--line2)}.day-sep span{padding:0 8px}
.new-sep{display:flex;align-items:center;margin:8px 16px;position:relative}.new-sep::before{content:'';flex:1;height:1px;background:var(--red)}.new-sep span{background:var(--red);color:#fff;font-size:.65em;font-weight:800;padding:1px 6px;border-radius:4px;margin-left:-1px}
.no-hist{margin:auto;padding:30px;color:var(--tx3);display:flex;gap:8px;align-items:center}
.msg{position:relative;display:grid;grid-template-columns:56px 1fr;padding:2px 48px 2px 16px;margin-top:var(--msg-gap);column-gap:0;min-height:22px}
.msg.grouped{margin-top:0}
.msg:hover{background:color-mix(in srgb,var(--bg0) 18%,transparent)}
.msg.mentioned{background:var(--mention)}.msg.mentioned::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--mention-bar)}
.msg.flash{animation:flash 2s ease}@keyframes flash{0%,40%{background:var(--accent-soft)}}
.msg.pending .m-body{opacity:.55}.msg.failed .mtext{color:var(--red)}
.msg.pop-in{animation:msgIn .18s ease-out}@keyframes msgIn{from{opacity:0;transform:translateY(6px)}}
.msg.del-out{animation:delOut .18s ease forwards}@keyframes delOut{to{opacity:0;transform:translateX(-8px);height:0;margin:0;padding:0}}
.msg.editing{background:color-mix(in srgb,var(--bg0) 25%,transparent)}
.m-av{grid-column:1;grid-row:span 3;padding-top:2px;cursor:pointer}.m-av .av{width:40px;height:40px}
.m-head{grid-column:2;display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap}
.m-name{font-weight:600;cursor:pointer}.m-name:hover .uname{text-decoration:underline}
.m-head time{font-size:.74em;color:var(--tx4);font-weight:500}
.silent-ic{color:var(--tx4)}.silent-ic svg{width:12px;height:12px;display:inline}
.gut-t{position:absolute;left:0;width:64px;text-align:center;top:5px;font-size:.68em;color:var(--tx4);opacity:0}.msg:hover .gut-t{opacity:1}
.m-body{grid-column:2;min-width:0}
.mtext{word-wrap:break-word;overflow-wrap:anywhere;white-space:normal;line-height:1.48;color:var(--tx)}
.mtext.jumbo{font-size:2.6em;line-height:1.2}.mtext.jumbo .cemoji{width:48px;height:48px}
[data-emoji=sm] .mtext.jumbo{font-size:1.8em}[data-emoji=lg] .mtext.jumbo{font-size:3.4em}
.mtext a{word-break:break-all}
.mtext .md-h1{font-size:1.5em;font-weight:800;margin:6px 0 2px}.mtext .md-h2{font-size:1.25em;font-weight:800;margin:6px 0 2px}.mtext .md-h3{font-size:1.08em;font-weight:700;margin:4px 0 2px}.md-sub{display:block;color:var(--tx3);font-size:.78em}
.md-ul,.md-ol{padding-left:22px;margin:2px 0}.mtext blockquote{border-left:4px solid var(--tx4);padding:0 10px;margin:2px 0;color:var(--tx2)}
.mtext pre.code{max-width:min(100%,720px)}
.edited{font-size:.7em;color:var(--tx4);margin-left:4px}
.cemoji{width:22px;height:22px;object-fit:contain;vertical-align:-5px;display:inline-block}.cemoji.big{width:48px;height:48px}
.ment{background:var(--accent-soft);color:var(--accent2);padding:0 3px;border-radius:4px;font-weight:600;cursor:pointer}.ment:hover{background:var(--accent);color:var(--on-accent)}.ment.role{background:color-mix(in srgb,var(--rc,var(--accent)) 22%,transparent);color:var(--rc,var(--accent2))}
.spoiler{background:var(--bg0);color:transparent;border-radius:4px;cursor:pointer;padding:0 2px;transition:color .15s,background .15s}.spoiler.shown,.show-spoilers .spoiler{background:var(--bg5);color:inherit}
.ts{background:var(--bg5);padding:0 4px;border-radius:4px}
.reply-bar{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-size:.84em;color:var(--tx3);margin:2px 0 3px 18px;padding-left:38px;position:relative;cursor:pointer;min-width:0}
.reply-bar .rb-curve{position:absolute;left:18px;top:50%;width:32px;height:12px;border-left:2px solid var(--line2);border-top:2px solid var(--line2);border-top-left-radius:6px}
.reply-bar b{color:var(--tx2);font-weight:600;flex-shrink:0}.reply-bar b.at::before{content:'@'}.reply-bar:hover span{color:var(--tx)}.reply-bar .av{flex-shrink:0}.reply-bar svg{width:14px;height:14px;display:inline;vertical-align:-2px}
.reply-bar.inter{cursor:default}.cmd-n{color:var(--accent2);font-weight:600}
.atts{display:flex;flex-direction:column;gap:6px;margin-top:4px;align-items:flex-start}.atts.grid{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:4px}.atts.g3{grid-template-columns:repeat(3,minmax(0,170px))}.atts.grid .att-img{width:100%!important;aspect-ratio:1!important}
.att-img{position:relative;border-radius:var(--r2);overflow:hidden;cursor:zoom-in;max-width:100%;background:var(--bg0);max-height:350px}.att-img img{width:100%;height:100%;object-fit:cover;display:block}
.gif-tag{position:absolute;left:6px;top:6px;background:#000a;color:#fff;font-size:.65em;font-weight:800;padding:1px 5px;border-radius:4px}
.spoiler-att img,.spoiler-att video{filter:blur(40px)}.sp-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;font-weight:800;letter-spacing:.08em;font-size:.85em;cursor:pointer;z-index:2}.att-file .sp-cover{border-radius:var(--r2)}
.att-vid{position:relative;border-radius:var(--r2);overflow:hidden;max-width:min(100%,480px);background:#000}.att-vid video{display:block;max-width:100%;max-height:360px}
.att-file{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r2);background:var(--bg1);border:1px solid var(--line);width:min(100%,420px)}
.att-file .grow{display:flex;flex-direction:column}.att-file a{font-weight:600}.att-file small{color:var(--tx3);font-size:.78em}.af-ic{font-size:28px;line-height:1}.af-ic svg{width:30px;height:30px;color:var(--accent)}.att-file audio{width:100%;margin-top:6px;height:34px}
.att-file.sm{width:100%;padding:8px}
.vmsg{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:var(--bg1);border:1px solid var(--line);width:min(100%,340px)}
.vm-play{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vm-play svg{width:15px;height:15px}
.vm-wave{flex:1;display:flex;align-items:center;gap:2px;height:28px;cursor:pointer}.vm-wave i{flex:1;background:var(--tx4);border-radius:2px;min-width:2px}.vm-wave i.on{background:var(--accent2)}
.vm-t{font-size:.78em;color:var(--tx3);font-family:var(--mono);min-width:34px}.vm-rate{font-size:.72em;font-weight:800;background:var(--bg5);padding:2px 6px;border-radius:999px;color:var(--tx2)}
.sticker{margin-top:4px}.sticker img{width:160px;height:160px;object-fit:contain}
[data-sticker=never] .sticker img,[data-sticker=hover] .sticker:not(:hover) img{animation-play-state:paused}
.embed{display:flex;gap:14px;max-width:520px;margin-top:6px;padding:10px 14px 12px 12px;background:var(--bg1);border-radius:var(--r1);border-left:4px solid var(--ec,var(--bg5));position:relative}
.no-embeds .embed:not(.yt):not(.link){display:none}
.em-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.em-author{display:flex;align-items:center;gap:7px;font-size:.84em;font-weight:600;color:var(--tx2)}.em-author img{width:22px;height:22px;border-radius:50%}
.em-title{font-weight:700}.em-title a{color:var(--accent2)}.em-desc{font-size:.92em;color:var(--tx2);word-wrap:break-word;overflow-wrap:anywhere}
.em-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.em-f{grid-column:1/-1;font-size:.9em}.em-f.inl{grid-column:auto}.em-f b{display:block;font-size:.92em;margin-bottom:2px}
.em-img{max-width:100%;border-radius:var(--r1);margin-top:4px;cursor:zoom-in;max-height:300px;object-fit:contain;align-self:flex-start}.em-thumb{width:80px;height:80px;object-fit:cover;border-radius:var(--r1);flex-shrink:0;cursor:zoom-in}
.em-foot{font-size:.76em;color:var(--tx3)}
.yt-frame{position:relative;width:100%;max-width:420px;aspect-ratio:16/9;background:#000 center/cover;border-radius:var(--r1);cursor:pointer}.yt-play{position:absolute;inset:0;margin:auto;width:64px;height:44px;border-radius:12px;background:#ff0000e6;color:#fff;display:flex;align-items:center;justify-content:center}.yt-play svg{width:22px;height:22px}
.yt-wrap{width:100%;max-width:480px;aspect-ratio:16/9}.yt-wrap iframe{width:100%;height:100%;border:0;border-radius:var(--r1)}
.sp-embed{max-width:420px;margin-top:6px}.sp-embed iframe{width:100%;border:0;border-radius:12px}
.unfurls:empty{display:none}
.fwd{margin-top:4px;border-left:3px solid var(--line2);padding-left:10px;max-width:560px}.fwd-h{display:flex;align-items:center;gap:5px;color:var(--tx3);font-size:.82em}.fwd-h svg{width:15px;height:15px}.fwd-b{margin-top:4px}.fwd-src{font-size:.76em;color:var(--tx4);margin-top:4px}
.comps{display:flex;flex-direction:column;gap:6px;margin-top:8px}.comp-row{display:flex;flex-wrap:wrap;gap:6px}
.cbtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r1);font-weight:600;font-size:.88em;background:var(--bg5);color:var(--tx);transition:filter .12s;position:relative}.cbtn:hover{filter:brightness(1.15);text-decoration:none}
.cbtn.primary{background:var(--accent);color:var(--on-accent)}.cbtn.success{background:#4c2d9d;color:#fff}.cbtn.danger{background:#d8434a;color:#fff}.cbtn.link{color:var(--tx)}.cbtn.link svg{width:13px;height:13px}.cbtn .ce{font-size:1.1em}
.cbtn.loading{color:transparent}.cbtn.loading::after{content:'';position:absolute;inset:0;margin:auto;width:16px;height:16px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}
.comp-sel{display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(100%,400px);height:40px;padding:0 12px;border-radius:var(--r1);background:var(--bg0);border:1px solid var(--line);cursor:pointer;color:var(--tx3)}.comp-sel.dis{opacity:.5;cursor:not-allowed}.comp-sel svg{width:16px;height:16px}
.sel-pop{display:flex;flex-direction:column;max-height:320px;overflow:auto;padding:4px}.sel-o{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r1);text-align:left}.sel-o:hover{background:var(--hover)}.sel-o.on{background:var(--accent-soft)}.sel-o small{display:block;color:var(--tx3);font-size:.8em}.sel-o .cbx{width:16px;height:16px;border-radius:4px;border:2px solid var(--tx4)}.sel-o.on .cbx{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.sel-f{padding:6px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
.poll{margin-top:6px;max-width:460px;padding:14px;border-radius:var(--r2);background:var(--bg1);border:1px solid var(--line)}
.poll-q{font-weight:700;font-size:1.05em}.poll-sub{font-size:.78em;color:var(--tx3);margin-bottom:10px}
.poll-o{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r1);background:var(--bg2);border:1px solid var(--line);margin-bottom:6px;overflow:hidden;text-align:left}
.poll-o:hover:not(:disabled){border-color:var(--accent)}.poll-o.me{border-color:var(--accent)}.poll-o:disabled{cursor:default;opacity:1}
.pbar{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft);transition:width .4s ease;z-index:0}.poll-o.win .pbar{background:#3ecf8e33}
.poll-o>span{position:relative;z-index:1}.pt{flex:1;font-weight:500}.pc{font-size:.8em;color:var(--tx2);font-weight:600}.pchk{width:18px;height:18px;border-radius:50%;border:2px solid var(--tx4);display:flex;align-items:center;justify-content:center}.poll-o.me .pchk{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pchk svg{width:12px;height:12px}
.poll-f{display:flex;gap:12px;align-items:center;font-size:.8em;color:var(--tx3);flex-wrap:wrap;margin-top:4px}
.thread-chip{display:flex;align-items:center;gap:10px;margin-top:6px;padding:8px 12px;border-radius:var(--r2);background:var(--bg1);border:1px solid var(--line);max-width:460px;text-align:left}.thread-chip:hover{border-color:var(--accent)}.thread-chip b{font-size:.9em}.thread-chip span{color:var(--accent2);font-size:.82em;font-weight:600}.thread-chip small{color:var(--tx3);margin-left:auto;font-size:.76em}
.xpost{font-size:.76em;color:var(--tx3);margin-top:3px}
.send-fail{font-size:.8em;color:var(--red);margin-top:2px}
.upl{margin-top:6px;max-width:360px}.upl-bar{height:5px;border-radius:3px;background:var(--bg0);overflow:hidden}.upl-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .15s;color:var(--on-accent)}.upl small{font-size:.75em;color:var(--tx3)}
.reacts{grid-column:2;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.react{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 7px;border-radius:8px;background:var(--bg1);border:1px solid transparent;font-size:.85em;transition:transform .1s}.react:hover{border-color:var(--tx4)}.react:active{transform:scale(.92)}
.react.me{background:var(--accent-soft);border-color:var(--accent)}.react b{font-weight:700;color:var(--tx2);font-size:.9em}.react.me b{color:var(--accent2)}.react .re{font-size:1.1em;line-height:1}.react .cemoji{width:18px;height:18px}
.react.burst{background:linear-gradient(135deg,#ff7ac633,#7c5cff33);animation:burstGlow 2s ease-in-out infinite}@keyframes burstGlow{50%{box-shadow:0 0 10px #ff7ac677}}
.react.add{opacity:0;color:var(--tx3)}.msg:hover .react.add{opacity:1}.react.add svg{width:16px;height:16px}.react.add i{font-style:normal;font-weight:800;font-size:.9em;margin-left:-4px}
.burst-p{position:fixed;font-size:22px;pointer-events:none;z-index:500;animation:burstP 1s ease-out forwards}@keyframes burstP{to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}
.msg.sys{display:flex;align-items:center;gap:12px;padding:4px 48px 4px 34px;color:var(--tx3);font-size:.92em;flex-wrap:wrap;margin-top:6px}.sys-ic{width:20px;display:flex;justify-content:center;color:var(--green);font-size:16px}.sys-ic svg{width:16px;height:16px}
.msg.sys.leave .sys-ic{color:var(--red)}.msg.sys.pin .sys-ic,.msg.sys.thr .sys-ic,.msg.sys.call .sys-ic{color:var(--tx2)}.msg.sys.call.ended .sys-ic{color:var(--tx4)}.msg.sys.boost .sys-ic{color:var(--pink)}
.sys-t{flex:1;min-width:0}.sys-t time{font-size:.8em;color:var(--tx4);margin-left:4px}.sys-u{font-weight:600;color:var(--tx)}.sys-u:hover{text-decoration:underline}.msg.sys .reacts{width:100%;padding-left:32px}
.msg.eph{background:var(--accent-soft)}.eph-note{grid-column:2;font-size:.76em;color:var(--tx3);display:flex;align-items:center;gap:5px;margin-top:3px}.eph-note svg{width:14px;height:14px}
.msg.thinking .m-body{color:var(--tx3);font-style:italic;display:flex;align-items:center;gap:6px}
.msg-acts{position:absolute;right:16px;top:-16px;display:flex;align-items:center;background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r1);box-shadow:var(--shadow-sm);z-index:5;padding:1px}
.msg-acts button{width:32px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:var(--tx2)}.msg-acts button:hover{background:var(--hover);color:var(--tx)}.msg-acts svg{width:18px;height:18px}.msg-acts .qr{font-size:17px}.ab-sep{width:1px;height:18px;background:var(--line2);margin:0 2px}
.compact .msg{grid-template-columns:auto 1fr;padding-left:16px;margin-top:2px}.compact .m-av{display:none}.compact.no-avatars .m-av{display:none}.compact .m-head{display:inline-flex;grid-column:1;margin-right:6px}.compact .m-body{grid-column:2}.compact .gut-t{position:static;opacity:1;width:auto;grid-column:1;margin-right:8px}.compact .reply-bar{margin-left:0;padding-left:20px}
.compact:not(.no-avatars) .m-av{display:block;grid-row:auto;margin-right:6px}.compact:not(.no-avatars) .m-av .av{width:20px;height:20px;font-size:.6em}
.edit-box{margin:4px 0}.edit-box textarea{resize:none}.edit-box .tiny{margin-top:4px}
.del-prev{background:var(--bg1);border-radius:var(--r2);padding:10px;margin-bottom:10px;max-height:200px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.del-prev.sm{margin-top:10px}
.msg-mini{display:flex;gap:10px;align-items:flex-start;min-width:0}.mm-head{display:flex;align-items:baseline;gap:6px}.mm-head small{color:var(--tx4);font-size:.75em}.mm-body{color:var(--tx2);font-size:.92em;word-wrap:break-word;overflow-wrap:anywhere;max-height:6em;overflow:hidden}
.jump{position:absolute;bottom:calc(100% - 100% + 92px);left:50%;transform:translateX(-50%);z-index:6;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:.84em;padding:6px 14px;border-radius:999px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:8px;bottom:96px}.jump svg{width:15px;height:15px}.jump b{font-weight:800}
.newbar{position:absolute;top:0;left:16px;right:16px;z-index:6;background:var(--accent);color:var(--on-accent);font-size:.82em;font-weight:600;padding:5px 12px;border-radius:0 0 10px 10px;display:flex;justify-content:space-between;cursor:pointer}.newbar .link{color:#fff}
.typing{font-size:.78em;color:var(--tx2);display:flex;align-items:center;gap:6px;min-height:18px;opacity:0;transition:opacity .15s}.typing.on{opacity:1}
.dots{display:inline-flex;gap:3px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--tx2);animation:dots 1.2s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dots{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
/* ---------- Mesaj yazma alan ---------- */
.composer-wrap{flex-shrink:0;padding:0 16px 6px;position:relative}
.composer{display:flex;align-items:flex-end;gap:2px;background:var(--bg5);border-radius:var(--r2);padding:4px 6px;position:relative;min-height:48px}
.composer.disabled{opacity:.7}
.cmp-plus{width:40px;height:40px;border-radius:50%;color:var(--tx2)}.cmp-plus svg{width:22px;height:22px;background:var(--tx3);color:var(--bg5);border-radius:50%;padding:3px;box-sizing:border-box}.cmp-plus:hover svg{background:var(--tx)}
.cmp-in{flex:1;min-width:0;position:relative;align-self:center}
.cmp-in textarea{width:100%;border:0;background:none;outline:none;resize:none;padding:10px 6px;line-height:1.4;max-height:320px;display:block;font-size:1em;color:var(--tx)}
.cmp-in textarea::placeholder{color:var(--tx4)}
.cmp-lock{position:absolute;inset:0;display:flex;align-items:center;padding:0 6px;color:var(--tx3);font-size:.92em;gap:8px;background:var(--bg5)}
.cmp-btns{display:flex;align-items:center;align-self:flex-end;padding-bottom:3px}.cmp-btns .icon-btn{width:38px;height:38px}.cmp-btns svg{width:22px;height:22px}
.emo-btn:hover svg{transform:scale(1.15) rotate(-8deg);color:var(--yellow)}
.send-btn{display:none!important;color:var(--accent)!important}.composer.has-text .send-btn{display:inline-flex!important}
@media(pointer:fine){.composer.has-text .send-btn{display:none!important}}
.composer.has-text #c-mic{display:none!important}
.cmp-foot{display:flex;align-items:center;gap:8px;height:20px;padding:0 4px}.char-count{font-size:.75em;color:var(--tx3)}.char-count.over{color:var(--red);font-weight:700}.slow-ind{font-size:.74em;color:var(--tx3)}
.reply-strip{display:flex;align-items:center;gap:8px;background:var(--bg1);border-radius:var(--r2) var(--r2) 0 0;padding:8px 12px;font-size:.84em;color:var(--tx3);margin-bottom:-6px;padding-bottom:14px}.reply-strip b{color:var(--tx)}.at-tog{font-size:.85em}.at-tog.on{color:var(--accent2)}.at-tog:not(.on){color:var(--tx4)}
.files-bar{display:none;gap:10px;overflow-x:auto;padding:12px;background:var(--bg5);border-radius:var(--r2) var(--r2) 0 0;margin-bottom:-6px;padding-bottom:16px;border-bottom:1px solid var(--line)}.files-bar.on{display:flex}
.fcard{position:relative;width:170px;flex-shrink:0;background:var(--bg1);border-radius:var(--r2);padding:8px;display:flex;flex-direction:column;gap:4px}.fcard img,.fcard video{width:100%;height:120px;object-fit:cover;border-radius:var(--r1)}.fcard.sp img,.fcard.sp video{filter:blur(16px)}
.fc-ic{height:120px;display:flex;align-items:center;justify-content:center;font-size:48px;background:var(--bg0);border-radius:var(--r1)}.fc-n{font-size:.82em;font-weight:600}.fcard small{font-size:.74em;color:var(--tx3)}
.fc-acts{position:absolute;top:-8px;right:-8px;display:flex;background:var(--bg2);border-radius:var(--r1);box-shadow:var(--shadow-sm);border:1px solid var(--line)}
.recording .cmp-in,.recording .cmp-btns,.recording .cmp-plus{visibility:hidden}
.rec-bar{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 10px;background:var(--bg5);border-radius:var(--r2);z-index:3}
.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--red);animation:recPulse 1s infinite}@keyframes recPulse{50%{opacity:.3}}
#rec-t{font-family:var(--mono);font-size:.88em;min-width:40px}.rec-wave{flex:1;display:flex;align-items:center;gap:2px;height:30px;overflow:hidden;justify-content:flex-end}.rec-wave i{width:3px;background:var(--accent2);border-radius:2px;flex-shrink:0}
.cmd-form{background:var(--bg1);border:1px solid var(--line2);border-radius:var(--r2);margin-bottom:8px;overflow:hidden;box-shadow:var(--shadow-sm)}
.cf-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.cf-head img{width:22px;height:22px;border-radius:50%}
.cf-opts{display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px}.cf-o{display:flex;flex-direction:column;gap:4px;font-size:.78em;font-weight:700;color:var(--tx3);min-width:160px;flex:1}.cf-o.req span::after{color:var(--red)}
.cf-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--line)}
.ac{position:absolute;left:16px;right:16px;bottom:calc(100% + 4px);background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r2);box-shadow:var(--shadow);max-height:340px;overflow:auto;z-index:30;padding:6px}
.ac-h{font-size:.7em;font-weight:800;letter-spacing:.05em;color:var(--tx3);padding:6px 8px}
.ac-i{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:var(--r1);text-align:left;min-width:0}.ac-i.on{background:var(--active)}.ac-i b{font-weight:600;white-space:nowrap}.ac-i small{color:var(--tx3);font-size:.82em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ac-i code{font-size:.75em}.ac-i code.opt{opacity:.6}
.ac-ic{width:24px;display:flex;justify-content:center;color:var(--tx3);font-weight:800}.ac-ic svg{width:18px;height:18px}.ac-av{width:24px;height:24px;border-radius:50%}.ac-app{font-size:.72em;color:var(--tx4);margin-left:auto}.ac-emo{font-size:20px;width:24px;text-align:center}
/* ---------- Seici (emoji/GIF/kartma) ---------- */
.picker{position:fixed;width:420px;height:440px;background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r3);box-shadow:var(--shadow);z-index:200;display:flex;flex-direction:column;overflow:hidden;animation:popIn .15s ease}
.picker.sheet{left:0;right:0;bottom:0;top:auto;width:100%;height:62vh;border-radius:var(--r4) var(--r4) 0 0}
.pk-tabs{display:flex;gap:4px;padding:10px 10px 0;align-items:center}.pk-tabs button{padding:6px 12px;border-radius:var(--r1);font-weight:700;font-size:.87em;color:var(--tx3)}.pk-tabs button.on{background:var(--active);color:var(--tx)}
.pk-burst{margin-left:auto;font-size:.8em;display:flex;align-items:center;gap:4px;color:var(--tx2);cursor:pointer}
.pk-search{padding:8px 10px}.pk-search input{width:100%;height:34px;border-radius:var(--r1);background:var(--bg0);border:0;padding:0 10px;outline:none}
.pk-body{flex:1;overflow-y:auto;padding:0 8px 8px}.pk-body h5{font-size:.7em;font-weight:800;letter-spacing:.05em;color:var(--tx3);padding:10px 4px 4px;position:sticky;top:0;background:var(--bg2);z-index:1}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}
.pk-e{height:40px;border-radius:var(--r1);font-size:26px;display:flex;align-items:center;justify-content:center;line-height:1}.pk-e:hover{background:var(--hover)}.pk-e img{width:30px;height:30px;object-fit:contain}.pk-e.lock{filter:grayscale(1);opacity:.5}
.pk-foot{height:46px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 12px;flex-shrink:0;font-size:.9em}.pf-big{font-size:28px}.pf-big img{width:28px;height:28px}
.gif-grid{columns:2;column-gap:6px}.gif-grid button{display:block;width:100%;margin-bottom:6px;border-radius:var(--r1);overflow:hidden;background:var(--bg0)}.gif-grid img{width:100%;display:block}.gif-sk{display:block;height:110px;margin-bottom:6px;border-radius:var(--r1);background:var(--bg5);animation:sk 1.2s infinite;break-inside:avoid}
.giphy-attr{font-size:.7em;color:var(--tx4);text-align:center;padding:6px}
.stk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stk-grid button{aspect-ratio:1;border-radius:var(--r2);padding:6px}.stk-grid button:hover{background:var(--hover)}.stk-grid img{width:100%;height:100%;object-fit:contain}.stk-grid .lock{opacity:.4;filter:grayscale(1)}
/* ---------- Yan panel ---------- */
.spanel{width:400px;flex-shrink:0;background:var(--bg1);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.sp-head{height:48px;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;border-bottom:1px solid var(--line);flex-shrink:0}.sp-head h3{flex:1;font-size:.98em;display:flex;align-items:center;gap:8px}.sp-head svg{width:18px;height:18px}
.sp-sub{padding:10px 12px;border-bottom:1px solid var(--line)}.sp-sub .seg{margin:0}
.sp-body{flex:1;overflow:auto;padding:10px}.sp-count{font-size:.78em;font-weight:700;color:var(--tx3);margin:0 4px 8px}
.feed{display:flex;flex-direction:column;gap:8px;padding:16px;max-width:900px;margin:0 auto}
.feed-item{background:var(--bg1);border-radius:var(--r2);padding:12px;cursor:pointer;border:1px solid var(--line);position:relative}.feed-item:hover{border-color:var(--line2);background:var(--bg3)}
.feed-src{display:flex;align-items:center;gap:6px;font-size:.78em;color:var(--tx3);margin-bottom:8px}.feed-src .icon-btn{margin-left:auto}.srv-mini{width:22px;height:22px;border-radius:7px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--bg5);font-size:.55em;font-weight:800;flex-shrink:0}.srv-mini img{width:100%;height:100%;object-fit:cover}
.fi-acts{position:absolute;top:8px;right:8px;display:none;gap:4px}.feed-item:hover .fi-acts{display:flex}
.thr-item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:var(--r2);background:var(--bg2);margin-bottom:6px;border:1px solid var(--line)}.thr-item:hover{border-color:var(--accent)}.thr-item b{display:flex;gap:5px;align-items:center}.thr-item b svg{width:14px;height:14px}.thr-item small{display:block;color:var(--tx3);font-size:.76em}.thr-item p{color:var(--tx2);font-size:.86em;margin-top:4px}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mg-item{aspect-ratio:1;border-radius:var(--r1);overflow:hidden;background:var(--bg0);position:relative}.mg-item img,.mg-item video{width:100%;height:100%;object-fit:cover}.mg-v{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff}.mg-v svg{width:28px;height:28px;filter:drop-shadow(0 2px 4px #000)}
.link-item{padding:8px;border-bottom:1px solid var(--line)}.link-item a{display:block}.link-item small{color:var(--tx3);font-size:.75em}
.srch-hints{padding:6px;min-width:260px}.srch-hints h5{font-size:.7em;color:var(--tx3);padding:4px 8px;font-weight:800;letter-spacing:.05em}.srch-hints button{display:flex;gap:8px;width:100%;padding:6px 8px;border-radius:var(--r1);text-align:left}.srch-hints button:hover{background:var(--hover)}.srch-hints small{color:var(--tx3)}
.topic-full{white-space:pre-wrap;line-height:1.55}
/* ---------- Forum ---------- */
.forum-page{flex:1;overflow:auto;padding:20px;max-width:1000px;width:100%;margin:0 auto}
.forum-head{display:flex;gap:10px;margin-bottom:12px}.fh-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg0);border-radius:var(--r2);padding:0 12px;border:1px solid var(--line)}.fh-search input{flex:1;height:42px;border:0;background:none;outline:none}.fh-search svg{color:var(--tx3);width:18px}
.fo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.fo-sort{display:flex;gap:10px;align-items:center;margin-bottom:12px}.fo-sort select{width:auto}
.fo-guide{background:var(--bg1);border-radius:var(--r2);padding:12px 14px;margin-bottom:14px;border:1px solid var(--line);font-size:.9em}.fo-guide b{display:flex;gap:6px;align-items:center;margin-bottom:4px}.fo-guide svg{width:16px;height:16px}
.fo-list{display:flex;flex-direction:column;gap:8px}
.fo-post{display:flex;gap:14px;padding:14px 16px;border-radius:var(--r2);background:var(--bg1);border:1px solid var(--line);text-align:left;width:100%}.fo-post:hover{background:var(--bg3);border-color:var(--line2)}
.fo-post h3{font-size:1.05em;margin:4px 0;display:flex;gap:6px;align-items:center}.fo-post h3 svg{width:15px}.fo-post p{color:var(--tx3);font-size:.88em}.fp-tags{display:flex;gap:4px;flex-wrap:wrap}
.fp-meta{display:flex;gap:14px;font-size:.78em;color:var(--tx3);margin-top:8px}.fp-meta span{display:flex;align-items:center;gap:4px}.fp-meta svg{width:14px;height:14px}
.fp-img{width:110px;height:84px;object-fit:cover;border-radius:var(--r1);flex-shrink:0}
/* ---------- ye listesi ---------- */
.mem-head{padding:10px 10px 4px}.mem-scroll{flex:1;overflow:auto;padding:0 8px 16px}
.mem-cap{font-size:.72em;font-weight:800;letter-spacing:.05em;color:var(--tx3);padding:18px 8px 6px;text-transform:uppercase}
.mem{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:var(--r1);cursor:pointer;min-width:0}.mem:hover{background:var(--hover)}.mem.off{opacity:.38}.mem.off:hover{opacity:1}
.mem-t{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.25}.mem-n{display:flex;align-items:center;gap:3px;min-width:0;font-size:.95em}.mem-n .uname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mem-t small{font-size:.75em;color:var(--tx3)}.mem-t small b{font-weight:600}.mem-t small svg{width:12px;height:12px;display:inline;vertical-align:-2px}
.owner{color:var(--yellow);display:inline-flex}.owner svg{width:14px;height:14px}.to-ic{font-size:12px}
/* ---------- Profil ---------- */
.popout{position:fixed;z-index:180;background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r3);box-shadow:var(--shadow);overflow:hidden;animation:popIn .14s ease;max-height:calc(100vh - 16px);overflow-y:auto}
.popout.sheet{left:0!important;right:0;bottom:0;top:auto!important;border-radius:var(--r4) var(--r4) 0 0;max-height:85vh}
@keyframes popIn{from{opacity:0;transform:scale(.96) translateY(4px)}}
.profile-pop{width:340px}.profile-pop.sheet{width:100%}
.profile{position:relative;background:var(--bg2)}.profile.themed{background:linear-gradient(180deg,var(--p1) 0,color-mix(in srgb,var(--p2) 70%,var(--bg0)) 100%)}
.profile.themed .pf-body{background:color-mix(in srgb,var(--bg0) 55%,transparent);margin:0 10px 10px;border-radius:var(--r2)}
.pf-banner{height:120px;background-size:cover;background-position:center}
.pf-av{position:absolute;left:16px;top:66px;border-radius:50%;padding:6px;background:var(--bg2)}.profile.themed .pf-av{background:color-mix(in srgb,var(--p1) 70%,#000)}
.pf-av .av .dot{border-color:var(--bg2)}
.pf-body{padding:58px 16px 16px}
.pf-body h2{font-size:1.25em;font-weight:800;display:flex;align-items:center;flex-wrap:wrap}.pf-un{color:var(--tx2);font-size:.88em}.pf-cs{margin-top:8px;font-size:.9em;color:var(--tx2)}
.pf-sec{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.pf-sec h4{font-size:.7em;font-weight:800;letter-spacing:.05em;color:var(--tx3);margin-bottom:6px}.pf-sec p{font-size:.9em;word-wrap:break-word}
.pf-sec.adm{background:#f2545b14;border-radius:var(--r1);padding:8px;border:1px dashed #f2545b55}
.pf-act{display:flex;align-items:center;gap:8px;font-size:.92em}.pf-act svg{color:var(--accent2)}
.pf-roles,.pf-conns,.pf-cmds{display:flex;flex-wrap:wrap;gap:5px}.conn{display:inline-flex;gap:5px;padding:4px 8px;border-radius:6px;background:var(--bg1);font-size:.82em;font-weight:500}
.pf-mutual{display:flex;flex-wrap:wrap;gap:6px}.pf-mutual .srv-mini{width:30px;height:30px;border-radius:10px}
.pf-actions{display:flex;gap:6px;margin-top:14px}.pf-id{margin-top:10px;font-size:.72em;color:var(--tx4)}.pf-id .link{color:var(--tx3);font-weight:400}
.profile-modal{width:min(600px,100%)}.profile-modal .pf-banner{height:210px}.profile-modal .pf-av{top:150px}.profile-modal .pf-badges{top:220px}.profile-modal .pf-body{padding-top:70px}
.profile.pmini{border-radius:var(--r3);overflow:hidden;border:1px solid var(--line)}.profile.pmini .pf-badges{display:none}
.pc-mini{width:300px}.pc-banner{height:70px}.pc-mini>.av{margin:-36px 0 0 14px;border:5px solid var(--bg2);box-sizing:content-box}.pc-name{padding:6px 16px 8px;display:flex;flex-direction:column}.pc-name small{color:var(--tx3)}
.menu-list{padding:6px;border-top:1px solid var(--line);display:flex;flex-direction:column}.menu-list button{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r1);font-size:.9em;font-weight:500}.menu-list button:hover{background:var(--accent);color:var(--on-accent)}.menu-list button.on{background:var(--active)}.menu-list .sep{height:1px;background:var(--line);margin:4px 0}
/* ---------- Balam mens ---------- */
.ctx{position:fixed;z-index:400;min-width:200px;max-width:280px;background:var(--bg0);border:1px solid var(--line2);border-radius:var(--r2);box-shadow:var(--shadow);padding:6px;animation:popIn .1s ease;max-height:calc(100vh - 16px);overflow-y:auto}
.ctx.wide{min-width:240px}
.ctx button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border-radius:5px;font-size:.88em;font-weight:500;color:var(--tx2);text-align:left}
.ctx button:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.ctx button.red{color:var(--red)}.ctx button.red:hover{background:var(--red);color:#fff}
.ctx .ci{width:18px;display:flex;justify-content:center;flex-shrink:0;font-size:15px}.ctx .ci svg{width:17px;height:17px}.ctx .cl{flex:1}.ctx .chint{font-size:.85em;color:var(--tx4)}.ctx button:hover .chint{color:#fffc}
.ctx .cc{width:18px;height:18px;border-radius:4px;border:2px solid var(--tx4);display:flex;align-items:center;justify-content:center}.ctx .cc.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ctx .cc svg{width:12px;height:12px}
.ctx .sep{height:1px;background:var(--line2);margin:4px 6px}.ctx .sep+.sep,.ctx .sep:first-child,.ctx .sep:last-child{display:none}
.ctx-head{font-size:.72em;font-weight:800;color:var(--tx3);padding:4px 9px 6px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctx-qr{display:flex;justify-content:space-between;padding:4px;margin-bottom:2px}.ctx-qr button{width:36px;height:36px;justify-content:center;font-size:20px;padding:0;border-radius:50%;background:var(--bg2)}.ctx-qr button:hover{background:var(--bg5)!important}
.ctx-vol{padding:6px 9px;font-size:.84em}.ctx-vol span{display:block;margin-bottom:4px;color:var(--tx2)}.ctx-vol input{width:calc(100% - 48px)}.ctx-vol b{font-size:.85em;margin-left:6px}
.ctx.sheet{left:0!important;right:0;bottom:0;top:auto!important;max-width:none;border-radius:var(--r4) var(--r4) 0 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));max-height:75vh}.ctx.sheet button{padding:12px;font-size:.98em}
/* ---------- Modal ---------- */
#modal-root .overlay{position:fixed;inset:0;background:#000b;z-index:250;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}
.overlay.closing{opacity:0;transition:opacity .16s}@keyframes fadeIn{from{opacity:0}}
.modal{width:min(480px,100%);max-height:calc(100vh - 32px);background:var(--bg2);border-radius:var(--r3);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:modalIn .2s cubic-bezier(.2,.9,.3,1.2)}
.modal.sm{width:min(420px,100%)}.modal.md{width:min(620px,100%)}.modal.lg{width:min(860px,100%)}
@keyframes modalIn{from{opacity:0;transform:scale(.92)}}
.modal-h{display:flex;align-items:flex-start;gap:10px;padding:18px 18px 8px}.modal-h h3{font-size:1.2em;font-weight:800;display:flex;align-items:center;gap:8px}.modal-h h3 svg{width:20px;height:20px}.modal-h p{color:var(--tx3);font-size:.9em;margin-top:4px}.modal-h .x{margin:-6px -6px 0 0}
.modal-b{padding:8px 18px 14px;overflow-y:auto;flex:1}
.modal-f{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;background:var(--bg1);align-items:center}
.ctype-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.ctype{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r2);background:var(--bg1);cursor:pointer;border:1px solid transparent}.ctype:hover{background:var(--hover)}.ctype input{display:none}.ctype .cti{color:var(--tx2)}.ctype .cti svg{width:24px;height:24px}.ctype b{display:block;font-weight:600}.ctype small{color:var(--tx3);font-size:.82em}.ctype.sm{padding:8px 12px}
.ctype .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--tx3);padding:0;background:none;flex-shrink:0}.ctype:has(input:checked){background:var(--active);border-color:var(--line2)}.ctype:has(input:checked) .radio{border:6px solid var(--accent)}
.pick-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;margin:10px 0}.pick-list.sm{max-height:180px}
.pick{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r1);cursor:pointer;width:100%;text-align:left}.pick:hover{background:var(--hover)}.pick small{color:var(--tx3);font-size:.8em;margin-left:4px}.pick input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
.role-picks{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.tpl-list{display:flex;flex-direction:column;gap:8px}.tpl{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r2);border:1px solid var(--line2);text-align:left}.tpl:hover{background:var(--hover)}.tpl-ic{font-size:26px}.tpl b{display:block}.tpl small{color:var(--tx3);font-size:.82em}
.as-or{text-align:center;margin-top:16px;display:flex;flex-direction:column;gap:8px}.as-or b{font-size:1.05em}
.up-circle{width:84px;height:84px;margin:6px auto 16px;border-radius:50%;border:2px dashed var(--tx3);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;color:var(--tx3)}.up-circle span{display:flex;flex-direction:column;align-items:center;font-size:.7em;font-weight:800}.up-circle img{width:100%;height:100%;object-fit:cover}
.invite-card{text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.ic-banner{height:110px;width:calc(100% + 48px);margin:-24px -24px 0;background:center/cover}.ic-icon{width:80px;height:80px;border-radius:24px;overflow:hidden;background:var(--bg5);display:flex;align-items:center;justify-content:center;font-size:1.6em;font-weight:800;margin-top:-10px;border:5px solid var(--bg2);box-sizing:content-box}.ic-icon img{width:100%;height:100%;object-fit:cover}
.ic-banner+.ic-icon{margin-top:-46px}.ic-stats{display:flex;gap:14px;font-size:.85em;color:var(--tx2)}.ic-desc{color:var(--tx3);font-size:.9em;margin:4px 0 8px}
.prev-chans{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0 10px}.prev-chans span{display:inline-flex;align-items:center;gap:4px;background:var(--bg1);padding:3px 8px;border-radius:6px;font-size:.8em;color:var(--tx2)}.prev-chans svg{width:13px;height:13px}
.qs-modal{width:min(560px,100%);padding:16px}.qs{display:flex;flex-direction:column;gap:10px}.qs-list{display:flex;flex-direction:column;max-height:50vh;overflow:auto}.qs-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r1);text-align:left}.qs-item.on,.qs-item:hover{background:var(--active)}.qs-item small{margin-left:auto;color:var(--tx3);font-size:.78em}.qs-item svg{width:18px;height:18px;color:var(--tx3)}
.rules-gate,.welcome{text-align:center;padding:24px;display:flex;flex-direction:column;gap:10px;align-items:center}.rg-icon{width:72px;height:72px;border-radius:22px;overflow:hidden;background:var(--bg5);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4em}.rg-icon img{width:100%;height:100%;object-fit:cover}
.rules{text-align:left;width:100%;counter-reset:r;list-style:none;display:flex;flex-direction:column;gap:6px;margin:8px 0;max-height:40vh;overflow:auto}.rules li{counter-increment:r;display:flex;gap:10px;background:var(--bg1);padding:10px 12px;border-radius:var(--r1);font-size:.92em}.rules li::before{content:counter(r);font-weight:800;color:var(--accent2);min-width:18px}
.wl-list{display:flex;flex-direction:column;gap:6px;width:100%;margin:6px 0}.wl{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r2);background:var(--bg1);text-align:left;width:100%}.wl:hover{background:var(--bg3)}.wl-e{font-size:22px}.wl b{display:block}.wl small{color:var(--tx3);font-size:.82em}
.onboard{width:min(560px,100%)}#ob{padding:24px}.ob-prog{height:5px;background:var(--bg0);border-radius:3px;overflow:hidden;margin-bottom:18px}.ob-prog i{display:block;height:100%;background:var(--accent);transition:width .3s;color:var(--on-accent)}
.ob-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:16px 0}.ob-opt{padding:14px;border-radius:var(--r2);border:2px solid var(--line2);text-align:left;display:flex;flex-direction:column;gap:2px}.ob-opt:hover{border-color:var(--tx4)}.ob-opt.on{border-color:var(--accent);background:var(--accent-soft)}.ob-e{font-size:24px}.ob-opt small{color:var(--tx3);font-size:.8em}
.ev-card{background:var(--bg1);border-radius:var(--r2);padding:14px;margin-bottom:10px;border:1px solid var(--line)}.ev-img{height:130px;border-radius:var(--r1);background:center/cover;margin-bottom:10px}.ev-when{font-size:.8em;font-weight:700;color:var(--accent2)}.ev-when.live{color:var(--green)}.ev-card h3{margin:4px 0}.ev-card p{color:var(--tx2);font-size:.9em;margin-bottom:8px}
.copy-row .btn.ok{background:var(--green)}
.viewer{background:#000e!important;flex-direction:column}.img-viewer{max-width:94vw;max-height:84vh;object-fit:contain;border-radius:6px;box-shadow:0 10px 60px #000}
.vw-x{position:absolute;top:14px;right:14px;color:#fff;background:#fff2}.vw-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff2;color:#fff;display:flex;align-items:center;justify-content:center}.vw-nav.l{left:16px}.vw-nav.r{right:16px}.vw-count{position:absolute;top:20px;left:50%;transform:translateX(-50%);color:#fff;font-weight:700}.vw-open{margin-top:12px;color:#fff;opacity:.7;font-size:.88em}
.boost-modal .bm-hero{padding:28px 20px 20px;text-align:center;background:linear-gradient(160deg,#ff7ac6,#7c5cff 60%,#2b2470);color:#fff;position:relative}.bm-gem{width:64px;height:64px;margin:0 auto 10px;border-radius:20px;background:#fff3;display:flex;align-items:center;justify-content:center;animation:boostPulse 2.5s infinite}.bm-gem svg{width:34px;height:34px}
.bm-bar{position:relative;height:8px;border-radius:4px;background:#0004;margin:16px 10px 0}.bm-bar b{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#fff}.bm-bar i{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#0006;border:2px solid #fff8;transform:translate(-50%,-50%)}.bm-bar i.on{background:#fff}
.bm-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bm-lv{background:var(--bg1);border-radius:var(--r2);padding:12px;border:1px solid var(--line);opacity:.75}.bm-lv.on{opacity:1;border-color:var(--pink)}.bm-lv h4{font-size:.95em}.bm-lv h4 small{display:block;color:var(--tx3);font-weight:500;font-size:.8em}.bm-lv ul{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:5px;font-size:.8em}.bm-lv li{display:flex;gap:5px}.bm-lv li svg{width:14px;height:14px;color:var(--pink)}
@media(max-width:600px){.bm-levels{grid-template-columns:1fr}}
/* ---------- Bildirimler, ipular ---------- */
#toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:600;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.toast{background:var(--bg0);border:1px solid var(--line2);color:var(--tx);padding:10px 16px;border-radius:var(--r2);box-shadow:var(--shadow);font-size:.9em;font-weight:500;animation:toastIn .2s ease;max-width:min(92vw,520px);pointer-events:auto}.toast.err{border-color:#f2545b77}.toast.ok{border-color:#3ecf8e77}.toast.out{opacity:0;transform:translateY(8px);transition:all .25s}
@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}
#notices{position:fixed;top:14px;right:14px;z-index:550;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100vw - 28px))}
.notice{display:flex;gap:10px;align-items:flex-start;background:var(--bg0);border:1px solid var(--line2);border-radius:var(--r2);padding:10px 12px;box-shadow:var(--shadow);cursor:pointer;animation:noticeIn .25s ease}.notice b{font-size:.88em}.notice p{font-size:.84em;color:var(--tx2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notice.out{opacity:0;transform:translateX(20px);transition:all .25s}
.notice.unlock{background:var(--accent);color:var(--on-accent);border:0;flex-direction:column;gap:2px}.notice.unlock p{color:#fffc}
@keyframes noticeIn{from{opacity:0;transform:translateX(30px)}}
.tip{position:fixed;z-index:700;background:#0b0b10;color:#f0f0f6;padding:6px 10px;border-radius:7px;font-size:.82em;font-weight:600;pointer-events:none;box-shadow:0 6px 20px #0008;max-width:300px;display:none;white-space:pre-wrap;word-break:break-word}
.tip::after{content:'';position:absolute;border:5px solid transparent}.tip[data-side=top]::after{top:100%;left:50%;margin-left:-5px;border-top-color:#0b0b10}.tip[data-side=bottom]::after{bottom:100%;left:50%;margin-left:-5px;border-bottom-color:#0b0b10}.tip[data-side=right]::after{right:100%;top:50%;margin-top:-5px;border-right-color:#0b0b10}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:800;overflow:hidden}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:conf 2.6s cubic-bezier(.2,.6,.4,1) forwards}@keyframes conf{to{top:105vh;transform:rotate(720deg) translateX(40px)}}
.stream-mode .blur-txt,.stream-mode .pf-sec.adm,.stream-mode #em-v{filter:blur(6px)}
.blur-txt{filter:blur(5px);transition:filter .2s}

/* ---------- Ses ve grnt ---------- */
.voice-page{flex:1;display:flex;flex-direction:column;min-height:0;background:#000;position:relative}
.voice-page.idle{background:radial-gradient(800px 400px at 50% 0,#7c5cff22,transparent),var(--bg0);align-items:center;justify-content:center}
.vp-idle{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px}.vp-ic{width:90px;height:90px;border-radius:50%;background:var(--bg5);display:flex;align-items:center;justify-content:center}.vp-ic svg,.vp-ic .ch-ic svg{width:44px;height:44px;color:var(--tx)}
.vp-avs{display:flex;gap:-8px;margin:8px 0 14px}.vp-av{margin-left:-10px;border-radius:50%;border:4px solid var(--bg0)}.vp-av:first-child{margin-left:0}.vp-av.speaking{box-shadow:0 0 0 3px var(--green)}
.voice-page.live{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto}
.vgrid{grid-column:1;grid-row:1;display:grid;gap:8px;padding:10px;align-content:center;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));overflow:auto;min-height:0}
.vgrid[data-n="1"]{grid-template-columns:minmax(0,960px)}.vgrid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,640px))}
.vgrid.has-focus{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:120px;align-content:start}.vgrid.has-focus .tile.focus{grid-column:1/-1;grid-row:span 4;aspect-ratio:auto}.vgrid.has-focus .tile:not(.focus){aspect-ratio:auto}
.tile{position:relative;aspect-ratio:16/9;border-radius:var(--r3);overflow:hidden;background:var(--bg3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .12s;min-height:0}
.tile-bg{position:absolute;inset:0;opacity:.35;filter:saturate(1.2)}
.tile-av{position:relative;z-index:1;border-radius:50%;transition:box-shadow .12s}.tile-av .av{width:clamp(56px,22%,96px);height:auto;aspect-ratio:1}
.tile.speaking{box-shadow:inset 0 0 0 3px var(--green)}.tile.speaking .tile-av{box-shadow:0 0 0 4px var(--green)}
.tile-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;background:#000;z-index:2}.tile.has-video .tile-v{display:block}.tile.has-video .tile-av{display:none}.tile.screen .tile-v{object-fit:contain}.tile.mirror .tile-v{transform:scaleX(-1)}
.tile-n{position:absolute;left:8px;bottom:8px;z-index:3;display:flex;align-items:center;gap:5px;background:#000a;color:#fff;padding:3px 9px;border-radius:7px;font-size:.82em;max-width:calc(100% - 16px)}.tile-n b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.tn-ic{display:flex;color:#ff8a8f}.tn-ic svg{width:14px;height:14px}
.tile-badges{position:absolute;top:8px;left:8px;z-index:3;display:flex;gap:4px;align-items:center}.tile-badges .conn{background:#000a;color:#fff;font-size:.72em;padding:2px 7px;border-radius:6px}.tile-badges .lm{background:#000a;color:#fff;font-size:.7em;padding:2px 6px;border-radius:6px;display:flex;align-items:center}.tile-badges .lm svg{width:12px;height:12px}
.tile-fs{position:absolute;top:6px;right:6px;z-index:3;opacity:0;background:#000a!important;color:#fff!important}.tile:hover .tile-fs{opacity:1}
.tile.ringing .tile-av{animation:ringPulse 1.4s infinite}@keyframes ringPulse{50%{box-shadow:0 0 0 12px #3ecf8e33}}
.sb-float{position:absolute;z-index:4;font-size:42px;bottom:20%;left:50%;transform:translateX(-50%);animation:sbFloat 1.8s ease-out forwards}@keyframes sbFloat{to{transform:translate(-50%,-120px) scale(1.4);opacity:0}}
.vbar{grid-column:1/-1;grid-row:2;display:flex;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:10px;background:linear-gradient(transparent,#000c)}
.vb-c{flex:1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.vb-l,.vb-r{width:80px;display:flex}.vb-r{justify-content:flex-end}.vbar .icon-btn{color:#fff}
.vside{grid-column:2;grid-row:1;width:320px;background:var(--bg1);border-left:1px solid var(--line);overflow:auto}
.dmcall{background:#000;flex-shrink:0;position:relative;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.dmcall.idle{background:linear-gradient(180deg,#14141d,#0b0b12);align-items:center;padding:18px;gap:8px}.dmcall.idle p{color:var(--tx2);font-size:.9em}.dc-tiles{display:flex;gap:10px}.dc-btns{display:flex;gap:10px}
.dmcall.live{height:min(48vh,440px)}.dmcall.live.full{position:fixed;inset:0;z-index:150;height:auto}
.dmcall .vgrid{flex:1}.dmcall .vbar{position:absolute;left:0;right:0;bottom:0}
#callui.incoming{position:fixed;inset:0;z-index:450;background:#000a;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}
.ic-card{width:260px;background:var(--bg2);border-radius:var(--r4);padding:28px 20px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow);text-align:center;animation:modalIn .25s}
.ic-av{position:relative;margin-bottom:10px}.ic-pulse{position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--green);animation:icPulse 1.5s ease-out infinite}@keyframes icPulse{to{transform:scale(1.4);opacity:0}}
.ic-card small{color:var(--tx3)}.ic-btns{display:flex;gap:18px;margin-top:16px}
#mini.mini{position:fixed;right:16px;bottom:86px;width:300px;aspect-ratio:16/9;background:#000;border-radius:var(--r3);overflow:hidden;z-index:160;box-shadow:var(--shadow);cursor:grab;touch-action:none}#mini.mini video{width:100%;height:100%;object-fit:contain}
#mini .mini-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:4px;padding:6px 8px;background:linear-gradient(transparent,#000c);color:#fff;font-size:.8em}.mini-bar b{flex:1}.mini-bar .icon-btn{color:#fff}
.yt-host{position:fixed;left:-9999px;top:0;width:320px;height:180px;opacity:.01;pointer-events:none;z-index:40;border-radius:10px;overflow:hidden;background:#000}.yt-host.shown{opacity:1;pointer-events:auto}.yt-host iframe,.yt-host>div{width:100%!important;height:100%!important;border:0}.mus-vid{aspect-ratio:16/9;width:100%;border-radius:10px;background:#000}
.stage{background:radial-gradient(900px 400px at 50% -10%,#7c5cff33,transparent),var(--bg0)!important;display:flex!important;flex-direction:column;overflow:auto}
.stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.stage h5,.stage-hands h5{font-size:.72em;font-weight:800;letter-spacing:.05em;color:var(--tx3);padding:14px 18px 6px}
.stage-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;justify-content:start!important;padding:0 18px!important}.stage-grid .tile{aspect-ratio:1}
.stage-hands{margin:0 18px;background:var(--bg1);border-radius:var(--r2);padding-bottom:8px}.stage-hands .pick{padding:6px 14px}
.aud-list{display:flex;flex-wrap:wrap;gap:14px;padding:6px 18px 110px}.aud{width:76px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;position:relative}.aud small{max-width:100%;color:var(--tx2);font-size:.76em}.aud .hand{position:absolute;top:-4px;right:6px;font-size:18px}
.stage .vbar{position:sticky;bottom:0;margin-top:auto;background:linear-gradient(transparent,var(--bg0) 40%)}
.sb-popout{width:360px}.sb-pop{padding:10px}.sb-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 8px}.sb-h b{display:flex;gap:6px;align-items:center}.sb-h input{width:90px}
.sb-pop h5{font-size:.7em;font-weight:800;color:var(--tx3);letter-spacing:.05em;padding:8px 4px 4px}
.sb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sb-s{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:var(--r2);background:var(--bg1);transition:transform .1s,background .1s}.sb-s:hover{background:var(--bg5)}.sb-s.fired{transform:scale(.92);background:var(--accent);color:var(--on-accent)}.sb-s span{font-size:22px}.sb-s b{font-size:.75em;font-weight:600;max-width:100%}.sb-s.lock{opacity:.45}
.sb-prev{position:absolute;top:4px;right:4px;opacity:0;width:20px;height:20px;border-radius:50%;background:var(--bg0);display:flex;align-items:center;justify-content:center}.sb-prev svg{width:10px;height:10px}.sb-s:hover .sb-prev{opacity:1}
.mus{display:flex;flex-direction:column;gap:8px;padding:12px}.mus-h{display:flex;justify-content:space-between;align-items:center}.mus-h b{display:flex;gap:6px;align-items:center}
.mus-now{display:flex;gap:10px;align-items:center;background:var(--bg2);padding:10px;border-radius:var(--r2)}.mus-now img{width:64px;height:48px;object-fit:cover;border-radius:6px}.mus-art{width:64px;height:48px;border-radius:6px;background:var(--bg5);display:flex;align-items:center;justify-content:center;font-size:22px}.mus-now small{color:var(--tx3);font-size:.76em;display:block}
.mus-ctl{display:flex;align-items:center;gap:2px}.mus-ctl input{flex:1;margin-left:6px}.mus-add{display:flex;gap:6px}
.mus h5{font-size:.7em;font-weight:800;color:var(--tx3);letter-spacing:.05em}.mus-q{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow:auto}.mq{display:flex;gap:8px;font-size:.84em;padding:5px 6px;border-radius:5px}.mq:hover{background:var(--hover)}.mq span{color:var(--tx4);width:16px}
.tbl-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r2);margin:8px 0}.tbl{width:100%;border-collapse:collapse;font-size:.86em}.tbl th{text-align:left;font-size:.78em;color:var(--tx3);font-weight:800;letter-spacing:.03em;padding:8px 10px;background:var(--bg1);position:sticky;top:0}.tbl td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:middle}.tbl tr:hover td{background:var(--hover)}
/* ---------- Ayarlar katman ---------- */
.settings-ov{position:fixed;inset:0;z-index:220;display:flex;background:var(--bg2);opacity:0;transform:scale(1.04);transition:opacity .18s,transform .18s;outline:none}.settings-ov.in{opacity:1;transform:none}
.set-nav{flex:1 0 218px;display:flex;justify-content:flex-end;background:var(--bg1);overflow-y:auto}.set-nav-in{width:232px;padding:56px 8px 24px 16px;display:flex;flex-direction:column;gap:1px}
.set-nav h6{font-size:.7em;font-weight:800;letter-spacing:.05em;color:var(--tx3);padding:14px 10px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-nav h6:first-of-type{padding-top:8px}
.set-nav button{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r1);color:var(--tx2);font-weight:500;font-size:.93em;text-align:left}.set-nav button svg{width:18px;height:18px;color:var(--tx3)}.set-nav button:hover{background:var(--hover);color:var(--tx)}.set-nav button.on{background:var(--active);color:var(--tx)}.set-nav button.red,.set-nav button.red svg{color:var(--red)}
.set-nav .input{margin-bottom:8px}.set-nav .sep{height:1px;background:var(--line);margin:8px 10px}.set-ver{font-size:.72em;color:var(--tx4);padding:12px 10px;line-height:1.6}
.set-main{flex:1 1 800px;display:flex;overflow-y:auto;position:relative}
.set-body{width:100%;max-width:740px;padding:56px 40px 100px;position:relative}
.set-body h2{font-size:1.3em;font-weight:800;margin-bottom:16px}.set-body h3{font-size:1.05em;font-weight:700;margin:24px 0 10px}
.set-sec{padding:16px 0;border-bottom:1px solid var(--line)}.set-sec:last-child{border-bottom:0}.set-sec h4{font-size:.74em;font-weight:800;letter-spacing:.05em;color:var(--tx3);margin-bottom:8px;display:flex;align-items:center;gap:8px}.set-sec p{margin-bottom:8px}
.danger-zone{border:1px solid #f2545b55;border-radius:var(--r2);padding:16px;margin-top:20px}
.set-x{position:fixed;top:56px;right:max(16px,calc((100vw - 1300px)/2));display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--tx3);z-index:2}.set-x svg{width:36px;height:36px;padding:7px;border:2px solid var(--tx4);border-radius:50%}.set-x:hover{color:var(--tx)}.set-x small{font-size:.7em;font-weight:800}
.set-back{margin-bottom:14px;gap:6px;align-items:center;color:var(--tx2);font-weight:600}
.save-bar{position:sticky;bottom:20px;margin-top:30px;display:flex;align-items:center;gap:12px;background:var(--bg0);padding:10px 12px 10px 16px;border-radius:var(--r2);box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:all .25s cubic-bezier(.2,.9,.3,1.2);pointer-events:none;z-index:5}.save-bar.on{transform:none;opacity:1;pointer-events:auto}.save-bar span{flex:1;font-weight:600;font-size:.92em}
.acct-card{background:var(--bg0);border-radius:var(--r3);overflow:hidden;margin-bottom:24px}.ac-banner{height:100px;background-size:cover;background-position:center}.ac-top{display:flex;align-items:flex-end;gap:14px;padding:0 16px;margin-top:-36px}.ac-top .av{border:6px solid var(--bg0);box-sizing:content-box}.ac-top h3{font-size:1.2em;font-weight:800;margin:0}
.ac-fields{margin:16px;background:var(--bg2);border-radius:var(--r2);padding:16px;display:flex;flex-direction:column;gap:18px}.ac-f{display:flex;align-items:center;justify-content:space-between;gap:10px}.ac-f small{font-size:.72em;font-weight:800;letter-spacing:.04em;color:var(--tx3)}.ac-f>div>div{margin-top:2px;word-break:break-all}
.pf-edit{display:grid;grid-template-columns:1fr 300px;gap:30px}.pf-prev h6{font-size:.72em;font-weight:800;color:var(--tx3);margin-bottom:8px}.pf-prev .profile{position:sticky;top:0}
.deco-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.deco-o{padding:12px;border-radius:var(--r2);background:var(--bg1);border:2px solid transparent}.deco-o.on{border-color:var(--accent)}.deco-o.lock{opacity:.45}
.ns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:8px}.ns-o{padding:10px;border-radius:var(--r2);background:var(--bg1);border:2px solid transparent;display:flex;flex-direction:column;gap:2px;font-size:1.25em;letter-spacing:0;font-weight:400}.ns-o small{font-size:.65em;color:var(--tx3)}.ns-o.on{border-color:var(--accent)}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.theme-o{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.82em;font-weight:600;color:var(--tx2)}.theme-o i{width:64px;height:64px;border-radius:50%;background:var(--tc);border:3px solid var(--line2);box-shadow:inset 0 0 0 4px #ffffff10}.theme-o.on i{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.acc-o{width:34px;height:34px;border-radius:50%;border:3px solid transparent}.acc-o.on{border-color:#fff}
.appear-prev{background:var(--bg1);border-radius:var(--r2);padding:14px;margin-bottom:14px}
.mic-test{display:flex;align-items:center;gap:12px;margin-top:8px}.meter{flex:1;height:10px;border-radius:5px;background:var(--bg0);position:relative;overflow:hidden}.meter i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--yellow);transition:width .05s}.meter i.open{background:var(--green)}.meter b{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff}
.cam-prev{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.cam-prev video{width:100%;max-width:420px;aspect-ratio:16/9;background:#000;border-radius:var(--r2);transform:scaleX(-1)}
.kb-list{display:flex;flex-direction:column}.kb-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.kb-row span:first-child{color:var(--tx2)}
.conn-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.conn-add{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r2);background:var(--bg1);font-weight:600;font-size:.9em}.conn-add:hover{background:var(--bg5)}.conn-add span{font-size:20px}
.conn-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r2);background:var(--bg1);margin-bottom:8px}.conn-card .set-row{border:0;padding:0}.cc-e{font-size:24px}.conn-card small{display:block;color:var(--tx3);font-size:.78em}


.app-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r2);background:var(--bg1);margin:8px 0;border:1px solid var(--line)}.app-card img{width:40px;height:40px;border-radius:50%}.app-ic{width:40px;height:40px;border-radius:50%;background:var(--bg5);display:flex;align-items:center;justify-content:center}.app-card small{display:block;color:var(--tx3);font-size:.8em}



.boost-hero{display:flex;gap:16px;align-items:center;padding:20px;border-radius:var(--r3);background:linear-gradient(135deg,#ff7ac633,#7c5cff33);margin-bottom:16px}.boost-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r2);background:var(--bg1);margin-bottom:6px}.boost-row small{display:block;color:var(--tx3);font-size:.78em}
.ticket-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:var(--r2);background:var(--bg1);margin:6px 0;text-align:left}.ticket-row:hover{background:var(--bg3)}.ticket-row small{display:block;color:var(--tx3);font-size:.78em}
.ticket-thread{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-height:50vh;overflow:auto}.tk-msg{background:var(--bg1);padding:10px 12px;border-radius:var(--r2)}.tk-msg.staff{background:var(--accent-soft);border:1px solid #7c5cff44}.tk-msg small{color:var(--tx4);margin-left:8px;font-size:.75em}.tk-msg p{margin-top:4px;font-size:.92em}
.news{display:flex;flex-direction:column;gap:12px}.news-card{background:var(--bg1);border-radius:var(--r3);padding:18px}.news-card h3{margin:8px 0}.news-card ul{padding-left:18px;display:flex;flex-direction:column;gap:5px;color:var(--tx2)}
.steps{padding-left:20px;display:flex;flex-direction:column;gap:14px}.steps li b{display:block}.steps li small{color:var(--tx3)}.qr-box{display:flex;gap:16px;align-items:center;margin-top:8px;flex-wrap:wrap}#qr{background:#fff;padding:8px;border-radius:8px;min-width:176px;min-height:176px;display:flex;align-items:center;justify-content:center}.secret{display:block;margin:6px 0;font-size:.95em;word-break:break-all}
.backup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.backup-codes code{text-align:center;padding:8px;font-size:1em;background:var(--bg0)}
.crop{position:relative;width:300px;height:300px;margin:0 auto 10px;border-radius:var(--r2);overflow:hidden;background:#000}.crop canvas{display:block;cursor:grab;touch-action:none}.crop-ring{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 400px #000a;pointer-events:none}
/* Sunucu ayarlar */
.ov-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.ov-icon{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:var(--bg5);display:flex;align-items:center;justify-content:center;font-size:1.8em;font-weight:800;flex-shrink:0}.ov-icon img{width:100%;height:100%;object-fit:cover}.ov-up{position:absolute;inset:0;background:#0008;color:#fff;opacity:0;display:flex;align-items:center;justify-content:center}.ov-icon:hover .ov-up{opacity:1}
.ov-banner{height:140px;border-radius:var(--r2);background:var(--bg0) center/cover;display:flex;align-items:center;justify-content:center;color:var(--tx4);margin-bottom:8px}
.role-default{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r2);background:var(--bg1);cursor:pointer;margin-bottom:14px}.role-default:hover{background:var(--bg3)}.role-default small{display:block;color:var(--tx3);font-size:.8em}
.role-list{display:flex;flex-direction:column;gap:2px;margin-top:10px}.role-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r1);cursor:pointer;background:var(--bg1)}.role-item:hover{background:var(--bg3)}.role-item.dragging{opacity:.4}.role-item .drag{color:var(--tx4);cursor:grab;letter-spacing:-2px}.role-item>svg{width:16px;color:var(--tx3)}
.role-ed-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.role-ed-head h2{flex:1;margin:0;display:flex;align-items:center;gap:8px;font-size:1.15em}
.color-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.cg{width:30px;height:30px;border-radius:6px;border:2px solid transparent}.cg.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}
.role-prev{margin-top:16px;padding:14px;border-radius:var(--r2);background:var(--bg1);display:flex;gap:8px;align-items:center}
.perm-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.perm-row>div{display:flex;flex-direction:column;min-width:0}.perm-row b{font-weight:600;font-size:.95em}.perm-row small{color:var(--tx3);font-size:.82em;margin-top:2px}.perm-row small.warn{color:var(--yellow)}
.tri{display:flex;border-radius:var(--r1);overflow:hidden;border:1px solid var(--line2);flex-shrink:0}.tri button{width:32px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--tx3);font-weight:800}.tri button svg{width:15px;height:15px}.tri button+button{border-left:1px solid var(--line2)}.tri button.on{background:var(--bg5);color:var(--tx)}.tri button.on.allow{background:var(--green);color:#12052b}.tri button.on.deny{background:var(--red);color:#fff}
.cp-wrap{display:grid;grid-template-columns:200px 1fr;gap:16px;margin-top:12px}.cp-side{display:flex;flex-direction:column;gap:2px}.cp-t{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r1);text-align:left;font-size:.9em}.cp-t:hover{background:var(--hover)}.cp-t.on{background:var(--active)}
.slot-bar{position:relative;height:28px;border-radius:var(--r1);background:var(--bg1);overflow:hidden;margin:8px 0 12px;display:flex;align-items:center;padding:0 10px;font-size:.82em;font-weight:700}.slot-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft)}.slot-bar span{position:relative}
.expr-list{display:flex;flex-direction:column;gap:2px;margin-top:12px}.expr-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r1);background:var(--bg1)}.expr-item img{width:32px;height:32px;object-fit:contain}.expr-item>span{font-size:22px}
.am-card{padding:4px 16px;border-radius:var(--r2);background:var(--bg1);margin-bottom:14px;border:1px solid var(--line)}.am-card.on{border-color:var(--green)}.am-card .set-row{border:0}.am-card .big{font-size:1.4em}
.am-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.am-rule{background:var(--bg1);border-radius:var(--r2);padding:14px;border:1px solid var(--line)}.am-rule h4{margin-bottom:6px}.am-rule .set-row{padding:8px 0}
.audit-row{background:var(--bg1);border-radius:var(--r2);margin:6px 0;border:1px solid var(--line)}.audit-row summary{display:flex;gap:10px;align-items:center;padding:10px 12px;cursor:pointer;list-style:none}.audit-row summary::-webkit-details-marker{display:none}.audit-row summary small{display:block;color:var(--tx4);font-size:.75em}.audit-row summary span{color:var(--tx2)}.audit-d{padding:0 12px 12px 54px;font-size:.86em;display:flex;flex-direction:column;gap:3px}
.rule-ed{display:flex;gap:6px;align-items:center;margin:6px 0}.rule-ed>span{width:22px;font-weight:800;color:var(--tx3);text-align:center}.rule-ed .input{flex:1}.rule-ed .emo-in{flex:none}
.ob-q{background:var(--bg1);border-radius:var(--r2);padding:12px;margin-bottom:10px;border:1px solid var(--line)}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}.stat{background:var(--bg1);border-radius:var(--r2);padding:14px;border:1px solid var(--line)}.stat small{display:block;color:var(--tx3);font-size:.78em;font-weight:600}.stat b{font-size:1.4em;font-weight:800}
.chart-card{background:var(--bg1);border-radius:var(--r2);padding:14px;margin-bottom:12px;border:1px solid var(--line)}.chart-card h4{font-size:.85em;margin-bottom:10px;color:var(--tx2)}
.mini-chart{display:flex;align-items:flex-end;gap:3px;height:120px}.mini-chart i{flex:1;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;opacity:.85;transition:opacity .1s;color:var(--on-accent)}.mini-chart i:hover{opacity:1}.mc-x{display:flex;justify-content:space-between;font-size:.72em;color:var(--tx4);margin-top:4px}
.top-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.9em}.top-row span{flex:1}
.members-tbl td small.block{display:block}
/* Uygulama dizini ve bot ekleme */
.app-dir{display:flex;flex-direction:column;gap:8px;margin-top:12px}.dir-card{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:var(--r2);background:var(--bg1);border:1px solid var(--line)}.dir-card p{color:var(--tx2);font-size:.88em;margin:4px 0}.dir-card small{color:var(--tx3);font-size:.78em}.dir-card code{font-size:.75em}
.add-bot{padding:20px}.ab-top{display:flex;gap:14px;align-items:center;margin-bottom:16px}.ab-perms{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto;background:var(--bg1);padding:10px;border-radius:var(--r2);margin-bottom:10px}.ab-p{display:flex;align-items:center;gap:8px;font-size:.88em;cursor:pointer}.ab-p input{accent-color:var(--accent)}.ab-p svg{width:15px;color:var(--green)}.add-bot .modal-f{margin:10px -20px -20px}
/* ---------- Gelitirici Portal ---------- */
.dev-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.dev-nav a,.dev-app{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r1);color:var(--tx2);font-weight:500;text-decoration:none!important}.dev-nav a:hover,.dev-app:hover{background:var(--hover);color:var(--tx)}.dev-nav a.on,.dev-app.on{background:var(--active);color:var(--tx)}.dev-nav svg{width:18px;height:18px}
.dev-page{max-width:1000px;margin:0 auto;padding:24px 24px 80px}.dev-page h2{font-size:1.3em;font-weight:800;margin-bottom:14px}.dev-page h3{margin:24px 0 10px}
.dev-hero{padding:34px;border-radius:var(--r4);background:radial-gradient(600px 300px at 90% 0,#ff7ac644,transparent),linear-gradient(135deg,#2a2370,#16162a);margin-bottom:18px}.dev-hero h1{font-size:2em;font-weight:800;margin-bottom:8px}.dev-hero p{color:#d6d4f5;max-width:620px;margin-bottom:16px}
.dev-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dev-step{background:var(--bg1);border-radius:var(--r2);padding:14px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--line)}.dev-step span{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.dev-step small{color:var(--tx3);font-size:.82em}
.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.dev-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;border-radius:var(--r3);background:var(--bg1);border:1px solid var(--line);text-align:center;color:var(--tx);text-decoration:none!important;transition:transform .15s,border-color .15s}.dev-card:hover{transform:translateY(-3px);border-color:var(--accent)}.dev-card small{color:var(--tx3);font-size:.8em}.dev-card.add{border-style:dashed;color:var(--tx3);justify-content:center}.dev-card.add svg{width:36px;height:36px}
.dev-tabs{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.dev-tabs a{display:flex;align-items:center;gap:6px;padding:12px 12px;color:var(--tx3);font-weight:600;font-size:.9em;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none!important}.dev-tabs a:hover{color:var(--tx)}.dev-tabs a.on{color:var(--tx);border-color:var(--accent)}.dev-tabs svg{width:16px;height:16px}
.dev-online{font-size:.8em;font-weight:700;color:var(--tx3)}.dev-online.on{color:var(--green)}
.dev-gen{display:flex;gap:24px;align-items:flex-start;margin-bottom:16px}.dg-av{display:flex;flex-direction:column;align-items:center;gap:10px}
.kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:12px 0}.kv{background:var(--bg1);border-radius:var(--r2);padding:12px;border:1px solid var(--line)}.kv small{font-size:.7em;font-weight:800;color:var(--tx3);letter-spacing:.04em}.kv>div{display:flex;align-items:center;gap:6px;margin-top:6px}.kv code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;padding:0}
.token-box{background:var(--bg0);border:1px solid var(--line2);border-radius:var(--r2);padding:14px;margin:10px 0;word-break:break-all}.token-box code{background:none;font-size:.95em}.token-box.masked code{letter-spacing:2px;color:var(--tx4)}
.scope-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:8px 0 12px}.scope-grid .chip{border-radius:var(--r1);justify-content:flex-start;flex-wrap:wrap;padding:8px 10px}.scope-grid .chip small{width:100%;padding-left:22px}
.cmd-card{background:var(--bg1);border-radius:var(--r2);padding:12px;margin-bottom:10px;border:1px solid var(--line)}.opt-list{margin:8px 0 0 12px;padding-left:12px;border-left:2px solid var(--line2)}.opt-row{display:flex;gap:6px;align-items:center;margin:6px 0;flex-wrap:wrap}.opt-row .input{width:auto;min-width:110px}.opt-row .input.grow{flex:1}
.cmd-row{padding:8px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cmd-row small{width:100%;color:var(--tx3)}
.studio-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r2);background:var(--bg1);margin:8px 0;border:1px solid var(--line)}.studio-card.off{opacity:.55}.studio-card small{display:block;color:var(--tx3);font-size:.8em}.sk{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1em}
.log-box{background:var(--bg0);border-radius:var(--r2);padding:8px;max-height:420px;overflow:auto;font-family:var(--mono);font-size:.8em;border:1px solid var(--line)}.log{display:flex;gap:10px;padding:3px 4px;border-bottom:1px solid #ffffff08}.log time{color:var(--tx4);white-space:nowrap}.log b{width:46px;flex-shrink:0}.log.info b{color:var(--blue)}.log.warn b{color:var(--yellow)}.log.error b{color:var(--red)}
.calc-top{display:flex;gap:12px;flex-wrap:wrap}
.docs h1{font-size:1.7em;font-weight:800;margin-bottom:10px}.docs h2{font-size:1.15em;margin:26px 0 8px}.docs p{color:var(--tx2);line-height:1.65;margin-bottom:8px}.method{font-family:var(--mono);font-size:.78em;font-weight:800;padding:2px 6px;border-radius:4px}.method.GET{background:#3ecf8e26;color:var(--green)}.method.POST{background:#5b8cff26;color:var(--blue)}
.host-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.host-card{background:var(--bg1);border-radius:var(--r3);padding:18px;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.host-card.best{border-color:var(--accent);background:linear-gradient(160deg,var(--accent-soft),var(--bg1))}.host-card h3{display:flex;gap:8px;align-items:center;margin:0}.host-card p{color:var(--tx2);font-size:.9em;flex:1}
.check-list{list-style:none;display:flex;flex-direction:column;gap:8px}.check-list li{padding-left:26px;position:relative;color:var(--tx2)}.check-list li::before{content:'\2713';position:absolute;left:0;color:var(--green);font-weight:900}
.eb-page{display:grid;grid-template-columns:1fr 1fr;gap:24px}.eb-out h6{font-size:.72em;font-weight:800;color:var(--tx3);margin:0 0 8px}.eb-prev{background:var(--bg2);border-radius:var(--r2);padding:14px;margin-bottom:14px;border:1px solid var(--line)}
/* ---------- Ana sayfa sayfalar ---------- */
.friends-wrap{flex:1;display:flex;min-height:0}.friends{flex:1;overflow:auto;padding:16px 20px;min-width:0}
.search-in{margin-bottom:14px}.fr-cap{font-size:.72em;font-weight:800;letter-spacing:.05em;color:var(--tx3);padding:4px 10px 10px;border-bottom:1px solid var(--line)}
.fr-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r2);cursor:pointer;border-top:1px solid var(--line);margin-top:-1px}.fr-row:hover{background:var(--hover);border-color:transparent}.fr-row:hover+.fr-row{border-color:transparent}
.fr-text{flex:1;min-width:0;display:flex;flex-direction:column}.fr-text small{color:var(--tx3);font-size:.82em}.fr-btns{display:flex;gap:8px}.fr-row:hover .round-btn{background:var(--bg0)}
.add-friend{padding:10px 0}.add-friend h2{font-size:1em;font-weight:800;margin-bottom:4px}.af-row{display:flex;gap:8px;margin:14px 0;background:var(--bg0);border-radius:var(--r2);padding:6px;border:1px solid var(--line)}.af-row .input{border:0;background:none;box-shadow:none}.ok-msg{color:var(--green);font-size:.9em}.err-msg{color:var(--red);font-size:.9em}
.af-more{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.af-more h3{font-size:.8em;font-weight:800;color:var(--tx3);margin-bottom:10px}.card-btn{display:flex;align-items:center;gap:12px;width:100%;max-width:420px;padding:14px;border-radius:var(--r2);background:var(--bg1);border:1px solid var(--line);margin-bottom:8px;font-weight:600}.card-btn:hover{background:var(--bg3)}.card-btn span{flex:1}
.now-active{width:340px;flex-shrink:0;border-left:1px solid var(--line);padding:16px;overflow:auto}.now-active h3{font-size:1.15em;font-weight:800;margin-bottom:14px}
.na-card{display:flex;gap:10px;align-items:center;padding:12px;border-radius:var(--r2);background:var(--bg1);margin-bottom:8px;cursor:pointer;border:1px solid var(--line)}.na-card:hover{background:var(--bg3)}.na-card small{display:block;color:var(--tx3);font-size:.8em}.na-card.call svg{color:var(--green)}
.na-empty{text-align:center;padding:16px 8px}.na-empty p{color:var(--tx3);font-size:.88em;margin-top:6px}
@media(max-width:1200px){.now-active{display:none}}
.plus-page,.quests-page,.shop-page,.discover{max-width:1060px;margin:0 auto;padding:20px 20px 60px}
.plus-hero{position:relative;padding:48px 32px;border-radius:var(--r4);overflow:hidden;background:linear-gradient(135deg,#3b1f6e,#6a2a8c 45%,#1e3a8a);margin-bottom:20px;text-align:center}.plus-hero h1{font-size:2.3em;font-weight:800;line-height:1.15;margin:12px 0}.plus-hero p{color:#e2dcff}
.ph-glow{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,#ff7ac655,transparent 30%,#5b8cff55,transparent 60%);animation:spin 18s linear infinite;pointer-events:none}
.plus-hero>*{position:relative}.lp-pill{display:inline-block;padding:4px 12px;border-radius:999px;background:#fff2;font-size:.72em;font-weight:800;letter-spacing:.1em}
.plus-active{margin-top:14px;display:inline-block;padding:8px 14px;border-radius:var(--r2);background:#0004}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.plan{padding:22px;border-radius:var(--r3);background:var(--bg1);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.plan.full{background:linear-gradient(160deg,#ff7ac622,#7c5cff22,var(--bg1));border-color:#7c5cff77}.plan h3{font-size:1.3em;font-weight:800}.plan>p{color:var(--tx3)}.plan ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin:8px 0;flex:1}.plan li{display:flex;gap:8px;font-size:.92em}.plan li svg{width:17px;color:var(--green)}.plan-buy{display:flex;flex-direction:column;gap:6px}
.sec-title{font-size:1.3em;font-weight:800;margin:28px 0 12px}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.feat{background:var(--bg1);border-radius:var(--r2);padding:16px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--line)}.feat span{font-size:26px}.feat small{color:var(--tx3);font-size:.84em}
.prod-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.prod{background:var(--bg1);border-radius:var(--r2);padding:14px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line)}.prod small{color:var(--tx3);font-size:.82em;flex:1}
.gift-box{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 12px;padding:20px;border-radius:var(--r3);background:var(--bg1);border:1px solid var(--line)}.gift-box h3{display:flex;gap:8px;align-items:center}
.pay-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.pay{padding:12px 14px;border-radius:var(--r2);background:var(--bg1);border:1px solid var(--line);text-align:left}.pay:hover{border-color:var(--accent)}.pay small{display:block;color:var(--tx3);font-size:.82em}
.order-ref{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border-radius:var(--r2);background:var(--bg0);margin-bottom:12px}.order-ref b{font-family:var(--mono);font-size:1.5em;letter-spacing:.06em}.note-box{background:var(--bg1);border-radius:var(--r1);padding:10px;white-space:pre-wrap;font-size:.9em;margin:8px 0}
.list-rows{display:flex;flex-direction:column;gap:4px}.lr{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg1);border-radius:var(--r1);font-size:.9em}
.q-hero{padding:30px;border-radius:var(--r4);background:linear-gradient(135deg,#1f3a5f,#2a2370);margin-bottom:18px}.q-hero h1{font-size:1.8em;font-weight:800}.q-hero p{color:#d4dcf5;margin:6px 0 14px}
.orb-pill{padding:5px 12px;border-radius:999px;background:var(--bg5);font-weight:800;font-size:.88em}
.quest{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--r2);background:var(--bg1);margin-bottom:8px;border:1px solid var(--line)}.quest.done{opacity:.6}.q-ic{font-size:28px}.quest .bar{height:7px;border-radius:4px;background:var(--bg0);overflow:hidden;margin:6px 0 4px}.quest .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--pink))}.quest small{color:var(--tx3);font-size:.8em}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.shop-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 12px 16px;border-radius:var(--r3);background:var(--bg1);border:1px solid var(--line)}.shop-item.on{border-color:var(--accent)}
.dc-hero{padding:48px 24px;border-radius:var(--r4);text-align:center;background:radial-gradient(500px 240px at 20% 0,#ff7ac655,transparent),radial-gradient(500px 240px at 80% 100%,#2bc4c455,transparent),linear-gradient(135deg,#2a2370,#16162a);margin-bottom:22px}.dc-hero h1{font-size:2em;font-weight:800}.dc-hero p{color:#d6d4f5;margin:8px 0 18px}
.dc-search{display:flex;align-items:center;gap:10px;max-width:520px;margin:0 auto;background:#fff;color:#222;border-radius:var(--r2);padding:0 14px}.dc-search svg{color:#666}.dc-search input{flex:1;height:46px;border:0;outline:none;background:none;color:#222}
.dc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.dc-card{background:var(--bg1);border-radius:var(--r3);overflow:hidden;cursor:pointer;border:1px solid var(--line);transition:transform .15s,box-shadow .15s}.dc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.dc-banner{height:120px;background-size:cover;background-position:center}.dc-icon{width:56px;height:56px;border-radius:16px;overflow:hidden;background:var(--bg5);display:flex;align-items:center;justify-content:center;font-weight:800;margin:-28px 0 0 14px;border:4px solid var(--bg1);position:relative}.dc-icon img{width:100%;height:100%;object-fit:cover}
.dc-body{padding:8px 14px 14px}.dc-body h3{font-size:1em;font-weight:700;display:flex;align-items:center}.dc-body p{color:var(--tx3);font-size:.86em;margin:4px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.dc-stats{display:flex;gap:14px;font-size:.78em;color:var(--tx3)}
.tour{text-align:center;padding:28px 24px 20px}.tour-e{font-size:56px;margin-bottom:6px}.tour h2{font-size:1.35em;margin-bottom:6px}.tour-dots{display:flex;justify-content:center;gap:6px;margin:16px 0}.tour-dots i{width:8px;height:8px;border-radius:50%;background:var(--bg5)}.tour-dots i.on{background:var(--accent);width:22px;border-radius:4px;color:var(--on-accent)}
.tpl-prev{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto;background:var(--bg1);border-radius:var(--r2);padding:8px;margin:8px 0}.tpl-prev .ch{height:28px;cursor:default}
/* ---------- Mobil ---------- */
@media(max-width:900px){
  :root{--top:50px}
  .app,.app.with-members{grid-template-columns:1fr;grid-template-rows:1fr}
  .rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);z-index:60;transform:translateX(-100%);transition:transform .22s ease;padding-top:calc(12px + env(safe-area-inset-top))}
  .side{position:fixed;left:var(--rail);top:0;bottom:0;width:min(calc(100vw - var(--rail) - 44px),300px);z-index:60;transform:translateX(calc(-100% - var(--rail)));transition:transform .22s ease;border-radius:0;padding-top:env(safe-area-inset-top)}
  .app.show-side .rail,.app.show-side .side{transform:none}
  .main{grid-column:1;height:100%;padding-top:env(safe-area-inset-top)}
  .members{position:fixed;right:0;top:0;bottom:0;width:min(86vw,300px);z-index:60;display:flex!important;transform:translateX(100%);transition:transform .22s ease;padding-top:env(safe-area-inset-top)}
  .app.show-members .members{transform:none}
  .scrim{display:block;position:fixed;inset:0;background:#0008;z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}.app.show-side .scrim,.app.show-members .scrim{opacity:1;pointer-events:auto}
  .hamb{display:inline-flex}
  .topbar{padding:0 6px}.topic{display:none}.tb-sep{display:none}.tabs-inline{margin-left:4px}
  .msg{padding-right:12px;padding-left:10px;grid-template-columns:50px 1fr}.msg.sys{padding-left:20px}.reply-bar{margin-left:10px}
  .msg-acts{display:none}
  .composer-wrap{padding:0 8px calc(6px + env(safe-area-inset-bottom))}
  .spanel{position:fixed;inset:0;width:auto;z-index:70;padding-top:env(safe-area-inset-top)}
  .settings-ov{flex-direction:column}.set-nav{flex:1;justify-content:flex-start}.set-nav-in{width:100%;padding:20px 12px 40px}
  .settings-ov .set-main{position:absolute;inset:0;background:var(--bg2);transform:translateX(100%);transition:transform .22s}.settings-ov.has-tab .set-main{transform:none}
  .set-body{padding:16px 16px 90px}.set-x{top:12px;right:12px}.set-x small{display:none}.set-x svg{width:32px;height:32px}
  .pf-edit{grid-template-columns:1fr}.am-grid{grid-template-columns:1fr}.cp-wrap{grid-template-columns:1fr}.host-grid{grid-template-columns:1fr}.dev-steps{grid-template-columns:1fr 1fr}.eb-page{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}
  .voice-page.live{grid-template-columns:1fr}.vside{position:fixed;inset:auto 0 0 0;width:auto;max-height:60vh;z-index:40;border-radius:var(--r4) var(--r4) 0 0;grid-column:1}
  .vgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.vgrid[data-n="2"]{grid-template-columns:1fr}
  .call-btn{width:48px;height:48px}.vb-l,.vb-r{width:40px}
  #mini.mini{width:200px;bottom:90px;right:10px}
  .picker{width:100%}
  #modal-root .overlay{align-items:flex-end;padding:0}.modal{width:100%!important;max-height:92vh;border-radius:var(--r4) var(--r4) 0 0;animation:sheetIn .22s ease}
  @keyframes sheetIn{from{transform:translateY(40px);opacity:0}}
  .viewer{align-items:center!important}
  .dmcall.live{height:42vh}
  .forum-page{padding:12px}.fo-post{padding:12px}.fp-img{width:80px;height:64px}
  .dev-page,.plus-page,.quests-page,.shop-page,.discover{padding:14px 12px 60px}.dev-hero,.plus-hero,.dc-hero{padding:26px 16px}.plus-hero h1{font-size:1.7em}
  .tb-search{display:none}
  .profile-pop{width:100%}
}
@media(max-width:520px){.atts.grid{grid-template-columns:repeat(2,1fr)}.embed{max-width:100%}.em-fields{grid-template-columns:1fr 1fr}.ic-card{width:calc(100vw - 40px)}.bm-levels{grid-template-columns:1fr}}
@media(hover:none){.ch-acts{display:none!important}.dm-x{display:none}.react.add{opacity:1}}
/* dzeltmeler */
.set-nav-in>*{flex-shrink:0}
.side-title b{display:flex;align-items:center;gap:8px}
.tile-av .av{width:84px!important;height:84px!important;font-size:2em}
.vgrid.has-focus .tile:not(.focus) .tile-av .av,.stage-grid .tile-av .av{width:56px!important;height:56px!important;font-size:1.3em}

/* Conlora 5 - yeni bilesenler: profil, rozetler, baglantilar, sinema, oyunlar, kamera, afis, mobil duzeltmeleri */

/* ---------- Mobil kayma duzeltmeleri ---------- */
html,body{overscroll-behavior:none;touch-action:manipulation;max-width:100%;overflow-x:hidden}
#root{height:var(--vvh,100%);overflow:hidden;position:relative}
.main,.chat-col,.chat-wrap,.msgs,.msgs-in{min-width:0;max-width:100%}
.msgs{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.msg{min-width:0;transition:transform .18s ease}.msg.swiping{transition:none}
.msg .m-body,.msg .m-text,.m-content{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.msg pre{max-width:100%;overflow-x:auto}
.msg.swiping::after,.msg.sw-ready::after{content:"";position:absolute;right:-56px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--bg5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M20 20v-7a4 4 0 00-4-4H4'/%3E%3C/svg%3E") center/16px no-repeat;opacity:.5;transition:opacity .15s,background-color .15s}
.msg.sw-ready::after{opacity:1;background-color:var(--accent);color:var(--on-accent)}
.msg{position:relative}
@media(max-width:900px){
  input,textarea,select,.input{font-size:16px!important}
  .composer textarea,#c-ta{font-size:16px!important}
  .main{padding-bottom:0}
  .kb-open .composer-wrap{padding-bottom:6px}
  .modal{max-height:calc(var(--vvh,100vh) - 10px)!important}
  .popout{max-height:calc(var(--vvh,100vh) - 16px)}
  .topbar .title span{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .icon-btn{min-width:38px;min-height:38px}
  .settings-ov{height:var(--vvh,100%)}
}

/* ---------- Toast ---------- */
.toast{display:flex;align-items:center;gap:8px}.toast .t-ic{display:inline-flex;flex-shrink:0}.toast.ok .t-ic{color:var(--green)}.toast.err .t-ic{color:var(--red)}
.empty .art svg,.fatal .art svg{color:var(--tx3);opacity:.8}.empty .art,.fatal .art{display:flex;justify-content:center}
.tour-e svg{color:var(--accent2)}.q-ic svg{color:var(--accent2)}

/* ---------- Profil (yeniden tasarim) ---------- */
.profile{overflow:hidden}
.pf-banner{height:120px;background-size:cover;background-position:center;position:relative}
.pf-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0003)}
.pf-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 14px;margin-top:-48px;position:relative;z-index:2}
.pf-av{position:relative!important;left:auto!important;top:auto!important;flex-shrink:0;border-radius:50%;padding:6px;background:var(--bg2)}
.pf-badges{position:static!important;display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end;align-items:center;padding:4px 6px;margin-bottom:6px;background:var(--bg0);border:1px solid var(--line);border-radius:10px;max-width:60%;min-height:0}
.pf-badges:empty{display:none}
.pf-badges .badge{width:22px;height:22px;transition:transform .15s}.pf-badges .badge:hover{transform:translateY(-2px) scale(1.12)}
.profile.themed .pf-badges{background:color-mix(in srgb,var(--bg0) 70%,transparent)}
.pf-body{padding:8px 16px 16px!important}
.profile.themed .pf-body{margin:8px 10px 10px;padding:12px 14px 14px!important}
.profile-modal .pf-banner{height:200px}.profile-modal .pf-top{margin-top:-56px}.profile-modal .pf-body{padding-top:10px!important}
.profile.pmini .pf-badges{display:flex}
.pf-act{display:flex;align-items:center;gap:10px;background:var(--bg1);border-radius:var(--r2);padding:10px}.pa-ic{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent2);display:grid;place-items:center;flex-shrink:0}.pa-ic svg{width:22px;height:22px}.pf-act b{display:block}.pf-act small{color:var(--tx3);font-size:.78em}
.pf-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.pg{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--bg1);border:1px solid var(--line);text-align:left;color:var(--tx)}.pg:hover{border-color:var(--gc)}.pg svg{color:var(--gc);flex-shrink:0}.pg b{display:block;font-size:.92em}.pg small{display:block;color:var(--tx3);font-size:.72em}

/* ---------- Rozetler ---------- */
.badge{position:relative;display:inline-flex;width:22px;height:22px;filter:drop-shadow(0 1px 2px #0006)}
.badge svg{width:100%;height:100%;display:block}
.boost-b svg{animation:none}.boost-b.lv3 svg,.boost-b.lv4 svg,.boost-b.lv5 svg,.boost-b.lv6 svg{animation:bPulse 2.4s ease-in-out infinite}
@keyframes bPulse{50%{filter:drop-shadow(0 0 4px #ff7ac6)}}

/* ---------- Baglantilar ---------- */
.cico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font-weight:800;font-size:11px;letter-spacing:-.02em;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff1f}
.pf-conns{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px!important}
.conn{display:flex!important;align-items:center;gap:8px!important;padding:7px 9px!important;border-radius:10px!important;background:var(--bg1)!important;border:1px solid var(--line);color:var(--tx)!important;text-decoration:none!important;min-width:0;position:relative;overflow:hidden}
.conn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cc)}
a.conn:hover{border-color:var(--cc);background:var(--bg5)!important}
.cc-av{width:30px;height:30px;border-radius:9px;object-fit:cover;flex-shrink:0;background:var(--bg5)}
.cc-t{display:flex;flex-direction:column;min-width:0;flex:1}.cc-t b{display:flex;align-items:center;gap:4px;font-size:.86em;min-width:0}.cc-t small{color:var(--tx3);font-size:.72em}
.cc-v{display:inline-flex;color:var(--green);flex-shrink:0}.cc-go{color:var(--tx4);display:inline-flex}.cc-go svg{width:14px;height:14px}
.conn-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.conn-add{display:flex;align-items:center;gap:10px;padding:9px 12px!important;border:1px solid var(--line);text-align:left;color:var(--tx)}.conn-add:hover{border-color:var(--accent)}
.conn-add span{font-size:inherit!important}.ca-api{color:var(--green);display:inline-flex}
.conn-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.conn-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px!important;background:var(--bg1);border-radius:var(--r2);margin:0!important}.conn-card .conn{flex:1 1 220px;background:var(--bg2)!important}.cc-act{display:flex;align-items:center;gap:4px}.cc-act .set-row{border:0;padding:0;margin:0}.cc-act .set-row .t{display:none}

/* ---------- Rol sembolleri ---------- */
.ricon.sym{display:inline-flex;vertical-align:-3px;margin-left:4px}
.sym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin-top:6px}
.sym-o{height:40px;border-radius:10px;background:var(--bg1);border:1px solid var(--line);display:grid;place-items:center}.sym-o:hover{background:var(--bg5)}.sym-o.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}

/* ---------- Gorsel duzenleyici / afis ---------- */
.crop{height:auto!important}.crop canvas{width:100%;height:100%}.crop.rect .crop-ring{border-radius:0;box-shadow:inset 0 0 0 2px #fff6}
.ie-ctl{display:flex;align-items:center;gap:8px;margin:6px 0}.ie-ctl label{flex:1;display:flex;align-items:center;gap:8px;color:var(--tx3)}.ie-ctl input{flex:1}
.ie-f{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px}.ie-f label small{display:block;color:var(--tx3);font-size:.74em;font-weight:700}.ie-f input{width:100%}
.ie-pre{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ban-pre{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bp{width:30px;height:30px;border-radius:50%;border:2px solid #fff3}.bp:hover{transform:scale(1.1)}.ban-pre input[type=color]{width:34px;height:34px;padding:0;border:0;background:none}

/* ---------- Gelismis kamera ---------- */
.cam-prev{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--r2);overflow:hidden;margin-bottom:12px}.cam-prev video{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block}.cam-prev.mirror video{transform:scaleX(-1)}
.cam-tag{position:absolute;left:8px;top:8px;background:#000a;color:#fff;font-size:.72em;padding:3px 8px;border-radius:6px}
.cam-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.cam-grid .field input[type=range]{display:block;width:100%;margin-top:16px}
.cam-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.cf{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.74em;color:var(--tx2);flex-shrink:0}.cf span{width:56px;height:40px;border-radius:8px;background:linear-gradient(135deg,#f5b947,#ff7ac6 50%,#5b8cff);border:2px solid transparent}.cf.on span{border-color:var(--accent)}.cf.on{color:var(--tx)}

/* ---------- Etkinlikler ---------- */
.act-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.act-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:var(--r3);background:var(--bg1);border:1px solid var(--line);text-align:left;color:var(--tx);overflow:hidden;--gc:var(--accent)}
.act-card:hover{border-color:var(--gc);transform:translateY(-2px)}.act-card{transition:transform .15s,border-color .15s}
.act-card small{color:var(--tx3);font-size:.76em;line-height:1.3}
.act-art{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--gc),color-mix(in srgb,var(--gc) 40%,#000));margin-bottom:4px}.act-art svg{width:28px;height:28px}
.act-card.cine{grid-column:1/-1;--gc:#f2545b;background:linear-gradient(120deg,#2a0f1a,#16161f 60%)}.act-card.cine .live-tag{position:absolute;right:12px;top:12px}

/* ---------- 3D Sinema ---------- */
body.cine-on #mini{display:none}
.cinema{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;background:#05050a;color:#fff;--wall:#2a0f16;--floor:#140709;--seat:#7a1424;--glow:#ffd9a0;animation:fadeIn .25s ease}
.cinema.min{display:none}
.cinema.th-uzay{--wall:#0b1030;--floor:#060818;--seat:#2b3a8a;--glow:#9fc4ff}
.cinema.th-neon{--wall:#1a0630;--floor:#0b0218;--seat:#ff2fb3;--glow:#3cf2ff}
.cinema.th-acikhava{--wall:transparent;--floor:#0d0f1a;--seat:#3b2a1a;--glow:#fff1c1}
.cinema.th-retro{--wall:#3a2410;--floor:#1c1006;--seat:#a33a1c;--glow:#ffcf7a}
.cine-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0}
.th-uzay .cine-sky,.th-acikhava .cine-sky{opacity:1}
.th-uzay .cine-sky{background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent),radial-gradient(ellipse at 50% 120%,#1b2a7a,#05050a 70%)}
.th-acikhava .cine-sky{background:radial-gradient(1px 1px at 15% 20%,#fff,transparent),radial-gradient(1px 1px at 60% 12%,#fff,transparent),radial-gradient(1px 1px at 82% 30%,#fff,transparent),linear-gradient(#0a1030,#1d2a4a 60%,#0d0f1a)}
.cine-sky i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:twinkle 3s infinite}.cine-sky i:nth-child(1){left:30%;top:15%}.cine-sky i:nth-child(2){left:75%;top:40%;animation-delay:1s}.cine-sky i:nth-child(3){left:55%;top:8%;animation-delay:2s}
@keyframes twinkle{50%{opacity:.2}}
.cine-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:linear-gradient(#000c,transparent)}
.ct-l{display:flex;align-items:center;gap:8px;min-width:0}.ct-l b{max-width:50vw}.ct-r{display:flex;gap:4px}.cinema .icon-btn{color:#fff}
.cine-hall{flex:1;position:relative;perspective:1100px;perspective-origin:50% 35%;overflow:hidden;min-height:0}
.cine-room{position:absolute;inset:0}
.cine-wall{position:absolute;top:0;bottom:0;width:19%;background:linear-gradient(90deg,color-mix(in srgb,var(--wall) 55%,#000),var(--wall))}
.cine-wall.l{left:0;clip-path:polygon(0 0,100% 13%,100% 80%,0 100%)}
.cine-wall.r{right:0;clip-path:polygon(0 13%,100% 0,100% 100%,0 80%);background:linear-gradient(270deg,color-mix(in srgb,var(--wall) 55%,#000),var(--wall))}
.cine-wall::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22px,#0000002e 22px 24px)}
.cine-ceil{position:absolute;left:0;right:0;top:0;height:13%;clip-path:polygon(0 0,100% 0,81% 100%,19% 100%);background:linear-gradient(color-mix(in srgb,var(--wall) 40%,#000),color-mix(in srgb,var(--wall) 75%,#000))}
.cine-floor{position:absolute;left:0;right:0;bottom:0;height:20%;clip-path:polygon(19% 0,81% 0,100% 100%,0 100%);background:linear-gradient(color-mix(in srgb,var(--floor) 70%,#000),var(--floor))}
.cine-screen{position:absolute;left:50%;top:15%;width:min(60%,calc(62vh * 16 / 9));aspect-ratio:16/9;transform:translateX(-50%) rotateX(4deg);transform-origin:bottom;border-radius:6px;background:#000;box-shadow:0 0 0 5px #0a0a0a,0 0 0 7px #ffffff14,0 0 90px 12px color-mix(in srgb,var(--glow) 32%,transparent)}
.cine-glow{position:absolute;left:0;right:0;top:100%;height:120%;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--glow) 22%,transparent),transparent 65%);pointer-events:none}
.cine-media{position:absolute;inset:0;overflow:hidden;border-radius:6px}.cine-media iframe,.cine-media video,.cine-media>div{width:100%!important;height:100%!important;border:0;display:block;object-fit:contain;background:#000}
.cine-err{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:#ccc}
.cine-seats{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);width:min(96%,1000px);display:flex;flex-wrap:wrap-reverse;justify-content:center;gap:4px 10px;z-index:2}
.seat{position:relative;width:70px;display:flex;flex-direction:column;align-items:center;animation:seatIn .4s ease both;animation-delay:var(--d)}
@keyframes seatIn{from{opacity:0;transform:translateY(20px)}}
.seat-back{width:66px;height:34px;margin-top:-18px;border-radius:14px 14px 6px 6px;background:linear-gradient(var(--seat),color-mix(in srgb,var(--seat) 55%,#000));box-shadow:inset 0 3px 0 #ffffff22,0 6px 12px #0008;position:relative;z-index:2}
.seat small{position:relative;z-index:3;margin-top:-16px;font-size:10px;color:#fff;max-width:64px;text-shadow:0 1px 2px #000}
.chr{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;animation:bob 3.2s ease-in-out infinite;animation-delay:var(--d)}
@keyframes bob{50%{transform:translateY(-3px)}}
.chr-head{position:relative;z-index:2;border-radius:50%;box-shadow:0 3px 8px #0009;transition:transform .2s}.chr-head .av{width:38px;height:38px;border:2px solid #0006}
.chr-body{position:relative;width:44px;height:26px;margin-top:-6px;border-radius:20px 20px 8px 8px;background:linear-gradient(var(--bc),color-mix(in srgb,var(--bc) 50%,#000))}
.chr-body .arm{position:absolute;top:6px;width:10px;height:18px;border-radius:6px;background:color-mix(in srgb,var(--bc) 80%,#000)}.chr-body .arm.l{left:-4px;transform:rotate(18deg)}.chr-body .arm.r{right:-4px;transform:rotate(-18deg)}
.chr.speaking .chr-head{transform:scale(1.12)}.chr.speaking .chr-head .av{border-color:var(--green);box-shadow:0 0 0 3px #3ecf8e66}
.chr.speaking .chr-body .arm.r{animation:wave .6s ease-in-out infinite alternate}@keyframes wave{to{transform:rotate(-50deg) translateY(-4px)}}
.cine-bar{position:relative;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#000d;backdrop-filter:blur(10px);border-top:1px solid #ffffff14}
.cine-bar .call-btn{width:42px;height:42px}.cine-bar .call-btn.sm{width:38px;height:38px}.cine-bar .icon-btn{font-weight:800;font-size:.8em}
.cb-time{font-size:.78em;color:#ccc;min-width:40px;text-align:center}.cb-state{display:flex;align-items:center;gap:6px;font-size:.84em;color:#ddd}.cb-state svg{width:14px;height:14px}
.cb-prog{position:relative;flex:1;min-width:120px;height:6px;border-radius:3px;background:#ffffff26}.cb-prog i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--accent);width:0;color:var(--on-accent)}
.cb-prog input{position:absolute;inset:-8px 0;width:100%;opacity:0;cursor:pointer}
.cb-vol{display:flex;align-items:center;gap:6px;color:#ccc}.cb-vol input{width:80px}.cine-bar select.input{width:auto;background:#ffffff14;color:#fff;border-color:#ffffff22}
.cine-bar .muted{color:#aaa}
.cine-pill{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:120;display:flex;align-items:center;gap:8px;max-width:min(80vw,360px);padding:9px 16px;border-radius:999px;background:#f2545b;color:#fff;font-weight:700;font-size:.86em;box-shadow:var(--shadow);animation:popIn .2s ease}.cine-pill svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:900px){.cine-screen{width:92%;top:8%}.cine-wall,.cine-ceil{display:none}.cine-floor{clip-path:none}.seat{width:54px}.chr-head .av{width:30px;height:30px}.chr-body{width:34px;height:20px}.seat-back{width:50px;height:26px}.cb-vol input{width:60px}.cine-bar{gap:6px}.cine-bar .btn.sm{padding:6px 10px}.ct-l .live-tag{display:none}}

/* ---------- Oyunlar ---------- */
.games-page{max-width:1000px;margin:0 auto;padding:22px 20px 60px}
.g-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:var(--r4);background:linear-gradient(120deg,#2a1d5a,#16161f 70%);border:1px solid var(--line);margin-bottom:18px}.g-hero h1{font-size:1.8em;font-weight:800}.g-hero p{color:var(--tx2);max-width:520px;margin-top:6px}
.g-hero-art{display:grid;grid-template-columns:repeat(2,52px);gap:8px}.g-hero-art span{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--gc),color-mix(in srgb,var(--gc) 40%,#000));transform:rotate(-6deg)}.g-hero-art span:nth-child(2n){transform:rotate(6deg)}
.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:16px}
.g-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--r3);background:var(--bg1);border:1px solid var(--line);text-align:left;color:var(--tx);transition:transform .15s,border-color .15s}.g-card:hover{transform:translateY(-2px);border-color:var(--gc)}
.g-art{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--gc),color-mix(in srgb,var(--gc) 40%,#000));flex-shrink:0;box-shadow:0 8px 20px color-mix(in srgb,var(--gc) 30%,transparent)}
.g-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.g-info small{color:var(--tx3);font-size:.8em}.g-best{display:inline-flex;align-items:center;gap:4px;font-size:.75em;font-weight:700;color:var(--yellow)}.g-best svg{width:13px;height:13px}
.g-play{width:36px;height:36px;border-radius:50%;background:var(--gc);color:#fff;display:grid;place-items:center}.g-play svg{width:14px;height:14px}
.game-modal{width:min(560px,100%)!important}
.game-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.gh-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--gc)}.game-h h3{font-size:1em}
.game-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;user-select:none;-webkit-user-select:none;touch-action:none;overflow:auto}
.gcv{width:min(100%,400px);aspect-ratio:1;border-radius:12px;background:#10131b;touch-action:none;display:block}.gcv.tall{width:auto;height:min(62vh,520px);max-width:100%;aspect-ratio:auto}
.dpad{display:none;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,46px);gap:6px;justify-content:center}.dpad button{border-radius:12px;background:var(--bg5);color:var(--tx);display:grid;place-items:center}.dpad button:active{background:var(--accent);color:var(--on-accent)}
.dpad button[data-d=U]{grid-column:2;grid-row:1}.dpad button[data-d=L]{grid-column:1;grid-row:2}.dpad button[data-d=D]{grid-column:2;grid-row:2}.dpad button[data-d=R]{grid-column:3;grid-row:2}.dpad .drop{grid-column:3;grid-row:1}.dpad.tetris button[data-d=U]{grid-column:1;grid-row:1}
@media(pointer:coarse){.dpad{display:grid}}
.game-body{position:relative;min-height:0;overflow:auto}.game-over{position:absolute;inset:0;display:grid;place-items:center;background:#000a;backdrop-filter:blur(4px);z-index:5;padding:16px}.game-over.hidden{display:none}
.go-card{background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r3);padding:22px;text-align:center;max-width:100%;animation:popIn .2s ease}.go-card h2{font-size:2.6em;font-weight:800}.go-rec{display:inline-flex;gap:6px;align-items:center;color:var(--yellow);font-weight:800;margin-bottom:4px}.go-card .row{margin-top:14px;flex-wrap:wrap;justify-content:center}
.g2048{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;width:min(100%,380px);aspect-ratio:1;background:#2a2635;border-radius:12px;touch-action:none}
.t2{border-radius:8px;background:#3a3546;display:grid;place-items:center;font-weight:800;font-size:clamp(16px,6vw,30px);color:#fff}.t2.pop{animation:popIn .15s ease}
.t2.v2{background:#4a4458}.t2.v4{background:#5b5270}.t2.v8{background:#f5a04a}.t2.v16{background:#f5844a}.t2.v32{background:#f2645b}.t2.v64{background:#f2445b}.t2.v128{background:#f5c94a;font-size:clamp(14px,5vw,26px)}.t2.v256{background:#f5c034}.t2.v512{background:#e8b020}.t2.v1024{background:#7c5cff;font-size:clamp(12px,4vw,22px)}.t2.v2048,.t2.v4096{background:#3ecf8e;font-size:clamp(12px,4vw,22px)}
.gmem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,380px)}
.mc{aspect-ratio:3/4;perspective:600px;background:none}.mc-in{position:relative;display:block;width:100%;height:100%;transition:transform .35s;transform-style:preserve-3d}.mc.on .mc-in{transform:rotateY(180deg)}
.mc-f,.mc-b{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;display:grid;place-items:center}.mc-f{background:linear-gradient(135deg,#ff7ac6,#7c5cff);box-shadow:inset 0 0 0 3px #ffffff30}.mc-b{background:var(--bg1);transform:rotateY(180deg);border:1px solid var(--line2)}.mc-b svg{width:44%;height:44%}.mc.ok .mc-b{box-shadow:0 0 0 2px var(--green)}
.grefl{width:min(100%,420px);aspect-ratio:4/3;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:1.2em;touch-action:none}.grefl b{font-size:1.8em}.grefl.wait{background:#c0392b}.grefl.go{background:#3c27ae}.grefl.early{background:#f39c12}.grefl.show{background:#34495e}
.lb{display:flex;flex-direction:column;gap:4px}.lb-r{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:var(--bg1)}.lb-r.me{box-shadow:inset 0 0 0 1px var(--accent)}.lb-n{width:22px;text-align:center;font-weight:800;color:var(--tx3)}

/* ---------- 404 ---------- */
.nf{max-width:560px;margin:8vh auto;text-align:center;padding:20px}.nf h1{font-size:1.6em;margin:14px 0 6px}.nf .row{margin-top:18px;flex-wrap:wrap;justify-content:center}
.nf-art{display:flex;align-items:center;justify-content:center;gap:8px;font-size:96px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.nf-art i{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--accent-soft);color:var(--accent2);animation:spin 8s linear infinite}.nf-art i svg{width:46px;height:46px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Muzik oynaticisi ---------- */
.mus-vid{margin-bottom:2px}

/* ---------- Gelistirici portali ekleri ---------- */
.ax-wrap{display:grid;grid-template-columns:280px 1fr;gap:16px}.ax-list{display:flex;flex-direction:column;gap:2px;max-height:520px;overflow:auto}.ax-it{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:8px;text-align:left;color:var(--tx2);font-size:.86em}.ax-it:hover,.ax-it.on{background:var(--bg5);color:var(--tx)}
.ax-m{font-family:var(--mono);font-size:.7em;font-weight:800;padding:2px 6px;border-radius:5px;background:#3ecf8e22;color:var(--green)}.ax-m.post{background:#5b8cff22;color:var(--blue)}.ax-m.patch{background:#f5b94722;color:var(--yellow)}.ax-m.delete{background:#f2545b22;color:var(--red)}
.ax-out{background:var(--bg0);border-radius:var(--r2);padding:12px;font-family:var(--mono);font-size:.8em;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-all}
@media(max-width:900px){.ax-wrap{grid-template-columns:1fr}.ax-list{max-height:220px}.cam-grid{grid-template-columns:1fr 1fr}.g-hero{flex-direction:column;align-items:flex-start;padding:20px}.g-hero-art{display:none}}

/* ---------- Mobil alt gezinme (ekmece akken) ---------- */
.m-nav{display:none}
@media(max-width:900px){
  .m-nav{display:flex;position:fixed;left:0;bottom:0;width:calc(var(--rail) + min(calc(100vw - var(--rail) - 44px),300px));z-index:62;background:var(--bg0);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));transform:translateX(-110%);transition:transform .22s ease}
  .app.show-side .m-nav{transform:none}
  .m-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--tx3);font-size:10px;font-weight:700;padding:4px 0;border-radius:10px}.m-nav button svg{width:22px;height:22px}.m-nav button:active{background:var(--hover);color:var(--tx)}
  .app.show-side .side,.app.show-side .rail{padding-bottom:64px}
}

/* ---------- Kod ile Bot (tarayc ii dzenleyici) ---------- */
.code-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.code-head>div:first-child{flex:1 1 380px}.code-head p{max-width:720px}
.host-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r3);background:var(--bg1);border:1px solid var(--line);min-width:min(100%,360px)}.host-card small{display:block;color:var(--tx3);font-size:.76em}
.hc-dot{width:12px;height:12px;border-radius:50%;background:var(--tx4);flex-shrink:0}.host-card.on{border-color:#3ecf8e66;background:linear-gradient(90deg,#3ecf8e14,var(--bg1))}.host-card.on .hc-dot{background:var(--green);box-shadow:0 0 0 4px #3ecf8e33;animation:bPulse 2s infinite}
.code-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.code-ed{border-radius:var(--r3);overflow:hidden;border:1px solid var(--line2);background:#0d0e14}
.ce-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#13141c;border-bottom:1px solid var(--line)}.ce-file{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.8em;color:var(--tx2)}.ce-file svg{width:14px;height:14px}
.ce-st{font-size:.76em;color:var(--tx3);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-st.ok{color:var(--green)}.ce-st.warn{color:var(--yellow)}.ce-st.err{color:var(--red)}
.ce-bar kbd{font-family:var(--mono);font-size:.72em;opacity:.7;margin-left:4px}
.ce-body{display:flex;height:min(68vh,620px);position:relative}
.ce-ln{flex-shrink:0;width:44px;overflow:hidden;padding:12px 0;background:#0a0b10;color:#4a4d63;font:13px/20px var(--mono);text-align:right;user-select:none}.ce-ln span{display:block;padding-right:10px}.ce-ln span.err{background:#f2545b33;color:#ff8a8f}
.ce-area{position:relative;flex:1;min-width:0}
.ce-area pre,.ce-area textarea{position:absolute;inset:0;margin:0;padding:12px 14px;font:13px/20px var(--mono);white-space:pre;tab-size:2;overflow:auto;border:0;outline:0;letter-spacing:0;word-spacing:0}
.ce-hl{color:#d4d7e8;pointer-events:none;overflow:hidden!important}
.ce-area textarea{background:transparent;color:transparent;caret-color:#fff;resize:none;-webkit-text-fill-color:transparent}
.ce-area textarea::selection{background:#7c5cff55;-webkit-text-fill-color:transparent}
.ce-hl i{font-style:normal}.hc{color:#6b7090}.hs{color:#75c2e0}.hn{color:#f5b947}.hk{color:#c792ea}.hg{color:#5bc8ff}.hf{color:#82aaff}
.code-side{display:flex;flex-direction:column;gap:12px}
.cs-card{background:var(--bg1);border:1px solid var(--line);border-radius:var(--r3);padding:12px}.cs-card h4{display:flex;align-items:center;gap:6px;font-size:.88em;margin-bottom:6px}.cs-card h4 svg{width:15px;height:15px;color:var(--accent2)}
.cs-out{margin-top:8px;display:flex;flex-direction:column;gap:6px}.cs-msg{background:var(--bg2);border-radius:8px;padding:8px;font-size:.86em}.cs-emb{border-left:3px solid var(--accent);padding:4px 8px;margin-top:4px;background:var(--bg1);border-radius:4px}.cs-err{background:#f2545b1a;color:#ff8a8f;border-radius:8px;padding:8px;font-size:.82em}.err-t{color:var(--red)}
.cs-con{background:#0d0e14;border-radius:6px;padding:6px 8px;font:11px/16px var(--mono);white-space:pre-wrap;color:#b9bdd6}
.cs-ref{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.cs-ref code{display:block;font-size:.72em;color:var(--accent2);word-break:break-word}.cs-ref small{display:block;color:var(--tx3);font-size:.7em}
.cs-logs{max-height:220px;overflow:auto;font:11px/16px var(--mono)}.lg{padding:3px 0;border-bottom:1px solid var(--line);color:var(--tx2);word-break:break-word}.lg time{color:var(--tx4);margin-right:6px}.lg.error{color:#ff8a8f}
@media(max-width:1100px){.code-wrap{grid-template-columns:1fr}.ce-body{height:58vh}}

/* ---------- Performans: uzun listelerde ar efektleri azalt ---------- */
.mem{content-visibility:auto;contain-intrinsic-size:auto 44px}
.msgs-in{contain:layout style}
.members .deco,.dm-list .deco,.msg .deco,.mem .uname,.msg .uname{animation:none!important}
@media(pointer:coarse),(max-width:900px){
  .deco,.boost-anim,.ns-glitch,.ns-rainbow,.ns-neon,.react.burst,.boost-b svg{animation:none!important}
  .modal,.overlay,.toast{animation-duration:.12s!important}
  .cine-bar{backdrop-filter:none;background:#000e}
  .badge{filter:none}
}

/* ---------- Mobil: Hesabm ve Profil dzenleme (rozet tamas dzeltmesi) ---------- */
.ac-top>.grow{min-width:0}.ac-top .pf-badges.inl{display:flex;flex-wrap:wrap;gap:3px;max-width:100%}.ac-top h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.set-x svg{background:var(--bg2)}
@media(max-width:900px){
  .acct-card .ac-banner{height:84px}
  .ac-top{flex-wrap:wrap;align-items:flex-end;gap:10px;padding:0 12px 14px;margin-top:-34px}
  .ac-top>.av{width:72px!important;height:72px!important;flex-shrink:0}
  .ac-top>.grow{flex:1 1 calc(100% - 100px);padding-bottom:4px}
  .ac-top>.btn{flex:1 1 100%;justify-content:center}
  .pf-edit{display:flex!important;flex-direction:column;gap:18px}
  .pf-prev{order:-1}
  .pf-prev .profile{position:static!important;max-width:420px;margin:0 auto}
  .pf-prev .pf-banner{height:86px}
  .pf-prev .pf-top{margin-top:-38px;padding:0 12px}
  .pf-prev .pf-av .av{width:72px!important;height:72px!important;font-size:1.6em}
  .pf-prev .pf-badges{max-width:calc(100% - 96px)}
  .pf-top .pf-badges{max-width:calc(100% - 110px);padding:3px 5px}
  .pf-top .pf-badges .badge{width:20px;height:20px}
  .profile-modal .pf-banner{height:150px}.profile-modal .pf-top{margin-top:-50px}
  .deco-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
  .ns-grid{grid-template-columns:1fr 1fr!important}
  .ban-pre .bp{width:34px;height:34px}
  .deco-o{overflow:hidden;display:grid;place-items:center;padding:10px}
}

/* ---------- Profil arka plan temalar (Maaza) ---------- */
.pbg{position:relative;isolation:isolate}
.profile.pbg .pf-body{background:color-mix(in srgb,var(--bg0) 62%,transparent);margin:8px 10px 10px;border-radius:var(--r2);padding:12px 14px 14px!important;backdrop-filter:blur(2px)}
.profile.pbg .pf-av{background:color-mix(in srgb,var(--bg0) 70%,transparent)}
.pbg-aurora{background:linear-gradient(160deg,#0b1a3a,#1d6b6b 35%,#3ecf8e 55%,#7c5cff 80%,#160b3a);background-size:200% 200%;animation:pbgMove 14s ease-in-out infinite alternate}
.pbg-gece{background:radial-gradient(1.5px 1.5px at 12% 20%,#fff,transparent),radial-gradient(1px 1px at 70% 15%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 55%,#fffb,transparent),radial-gradient(1px 1px at 85% 70%,#fff,transparent),radial-gradient(1px 1px at 25% 85%,#fff9,transparent),radial-gradient(ellipse at 50% 120%,#3b2a8a,#0a0b25 65%)}
.pbg-lav{background:radial-gradient(circle at 20% 110%,#ffb03c,transparent 40%),radial-gradient(circle at 80% 100%,#ff4d2e,transparent 45%),linear-gradient(#1a0505,#4a0d0d 60%,#8a1f0a);background-size:150% 150%;animation:pbgMove 10s ease-in-out infinite alternate}
.pbg-okyanus{background:radial-gradient(ellipse at 50% -20%,#7fd8ff55,transparent 60%),repeating-linear-gradient(170deg,#ffffff08 0 14px,transparent 14px 34px),linear-gradient(#053a5c,#04243d 60%,#021524)}
.pbg-sakura{background:radial-gradient(circle at 15% 20%,#ffd1e4 0 3px,transparent 4px),radial-gradient(circle at 75% 35%,#ffb7d5 0 4px,transparent 5px),radial-gradient(circle at 40% 70%,#ffc6de 0 3px,transparent 4px),radial-gradient(circle at 90% 85%,#ffd1e4 0 3px,transparent 4px),linear-gradient(160deg,#5a2342,#2a1430 70%);background-size:120px 120px,140px 140px,110px 110px,150px 150px,100% 100%}
.pbg-siber{background:linear-gradient(#0000 95%,#ff2fb366 95%) 0 0/100% 24px,linear-gradient(90deg,#0000 95%,#3cf2ff55 95%) 0 0/24px 100%,linear-gradient(#12052a,#05010f)}
.pbg-altin{background:linear-gradient(115deg,#3a2a08,#8a6a1c 30%,#f5d77a 45%,#8a6a1c 60%,#3a2a08);background-size:250% 100%;animation:pbgMove 6s linear infinite}
.pbg-orman{background:radial-gradient(circle at 30% 30%,#9ad3ff22,transparent 30%),radial-gradient(circle at 70% 60%,#9ad3ff1a,transparent 25%),linear-gradient(170deg,#100c2a,#18163d 50%,#070614)}
@keyframes pbgMove{from{background-position:0% 50%}to{background-position:100% 50%}}
.pbg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px}
.pbg-card{display:flex;flex-direction:column;gap:8px;align-items:center;background:var(--bg1);border:1px solid var(--line);border-radius:var(--r3);padding:10px;text-align:center}.pbg-card.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.pbg-prev{width:100%;height:110px;border-radius:12px;display:grid;place-items:center}
.pbg-pick{display:flex;flex-wrap:wrap;gap:8px}.pbp{width:52px;height:52px;border-radius:12px;border:2px solid var(--line2);display:grid;place-items:center;color:#fff;font-size:.72em;font-weight:700;background:var(--bg1)}.pbp.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.pbp.lock{opacity:.55}
@media(pointer:coarse),(max-width:900px){.pbg-aurora,.pbg-lav,.pbg-altin{animation:none}}

/* ---------- (kaldrld) ablon ie aktarma ---------- */
.tpl.dc-imp{margin-top:8px;border:1px dashed #5865f2aa;background:linear-gradient(90deg,#5865f214,transparent)}.tpl.dc-imp .tpl-ic{color:#8b95ff}
.dc-prev{margin-top:12px;display:flex;flex-direction:column;gap:10px}.dc-head small{display:block;color:var(--tx3);font-size:.8em}
.dc-chs{max-height:240px;overflow:auto;background:var(--bg1);border-radius:var(--r2);padding:8px}.dc-cat{display:flex;align-items:center;gap:4px;font-size:.72em;font-weight:800;color:var(--tx3);margin:8px 0 2px}.dc-cat svg{width:12px;height:12px}
.dc-ch{display:flex;align-items:center;gap:6px;padding:3px 6px;color:var(--tx2);font-size:.88em}.dc-ch.in{padding-left:16px}.dc-ch svg{width:16px;height:16px;color:var(--tx3);flex-shrink:0}
.cs-card .row select.input{flex:0 0 112px;width:112px}.cs-card .row .grow{min-width:0;flex:1}.orb-pill svg{vertical-align:-2px;color:#c9a7ff}

/* ---------- Yrnebilir 3D sinema salonu ---------- */
.cine-hall{container-type:size}
.cine-screen{top:3%!important;width:min(70cqw,calc(44cqh * 16 / 9))!important}
.cine-media iframe{width:100%;height:100%;border:0}
.cw{position:absolute;left:0;right:0;bottom:0;height:52%;z-index:2;touch-action:none;cursor:crosshair}
.cw::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0006);clip-path:polygon(21% 0,79% 0,100% 100%,0 100%);pointer-events:none}
.cw-hint{position:absolute;left:50%;top:6px;transform:translateX(-50%);background:#000a;color:#fff;font-size:.78em;padding:5px 12px;border-radius:999px;pointer-events:none;white-space:nowrap;z-index:200}
.cw-seat{position:absolute;width:calc(58px * var(--k));height:calc(40px * var(--k));transform:translate(-50%,-50%);border:0;background:none;cursor:pointer;padding:0}
.cw-seat i{position:absolute;inset:0;border-radius:12px 12px 6px 6px;background:linear-gradient(var(--seat),color-mix(in srgb,var(--seat) 50%,#000));box-shadow:inset 0 3px 0 #ffffff22,0 calc(8px * var(--k)) 14px #000a}
.cw-seat::after{content:"";position:absolute;left:8%;right:8%;bottom:-18%;height:30%;border-radius:4px;background:color-mix(in srgb,var(--seat) 70%,#000)}
.cw-seat:hover i{filter:brightness(1.25)}.cw-seat.taken{cursor:not-allowed}.cw-seat.mine i{box-shadow:0 0 0 2px var(--green),inset 0 3px 0 #ffffff22}
.cw-chr{position:absolute;transform:translate(-50%,-92%) scale(var(--k));transform-origin:50% 100%;display:flex;flex-direction:column;align-items:center;pointer-events:none;transition:left .45s linear,top .45s linear}
.cw-chr.me{transition:none}
.cw-chr small{margin-top:2px;font-size:11px;font-weight:700;color:#fff;background:#0009;padding:1px 6px;border-radius:6px;max-width:90px;text-shadow:none}.cw-chr.me small{background:var(--accent);color:var(--on-accent)}
.cw-chr .chr{animation:none}.cw-chr .chr-head .av{width:40px;height:40px}
.chr-legs{display:flex;gap:6px;margin-top:-2px}.chr-legs i{width:9px;height:14px;border-radius:0 0 4px 4px;background:color-mix(in srgb,var(--bc) 55%,#000);transform-origin:top}
.cw-chr.walk .chr-legs i:first-child{animation:leg .36s ease-in-out infinite alternate}.cw-chr.walk .chr-legs i:last-child{animation:leg .36s ease-in-out infinite alternate-reverse}.cw-chr.walk .chr{animation:bob .36s ease-in-out infinite}
@keyframes leg{from{transform:rotate(22deg)}to{transform:rotate(-22deg)}}
.cw-chr.sit{transform:translate(-50%,-78%) scale(var(--k))}.cw-chr.sit .chr-legs{display:none}.cw-chr.sit small{display:none}
.cw-joy{display:none;position:absolute;left:18px;bottom:calc(92px + env(safe-area-inset-bottom));width:110px;height:110px;border-radius:50%;background:#ffffff1a;border:2px solid #ffffff33;z-index:5;touch-action:none}.cw-joy i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border-radius:50%;background:#ffffffcc;box-shadow:0 4px 12px #0008}
@media(pointer:coarse){.cw-joy{display:block}.cw{cursor:default}}
@media(max-width:900px){.cw{height:50%}.cw-chr .chr-head .av{width:34px;height:34px}.cine-bar .cb-vol,.cine-bar #cb-th{display:none}}

/* ---------- Sunucu etiketi ---------- */
.clan-tag{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 6px 1px 5px;border-radius:6px;background:color-mix(in srgb,var(--tc) 22%,transparent);border:1px solid color-mix(in srgb,var(--tc) 55%,transparent);color:color-mix(in srgb,var(--tc) 70%,#fff);font-size:.68em;font-weight:800;letter-spacing:.04em;vertical-align:middle;line-height:1.5}
.clan-tag b{font-weight:800}.clan-tag svg{flex-shrink:0}.clan-tag.big{font-size:.62em;padding:2px 8px 2px 6px;border-radius:7px}
.tag-ed.locked{opacity:.55;pointer-events:none}.tag-prev{padding:10px 12px;background:var(--bg1);border-radius:var(--r2);margin-bottom:8px;font-size:1.1em}.tag-syms{margin-top:8px}
.clan-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.cl-o{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:12px;background:var(--bg1);border:2px solid var(--line2);max-width:130px;color:var(--tx2)}.cl-o.on{border-color:var(--accent)}.cl-o small{font-size:.7em;max-width:110px}
.vbadge.v2{background:none;width:18px;height:18px;border-radius:0}.vbadge.v2 svg{width:100%;height:100%}
@media(max-width:900px){.cw-seat{width:calc(min(58px,9.5vw) * var(--k));height:calc(min(40px,6.6vw) * var(--k))}.cw-joy{width:88px;height:88px;left:12px;bottom:calc(104px + env(safe-area-inset-bottom));opacity:.85}.cw-joy i{width:38px;height:38px;margin:-19px}.cw-hint{font-size:.7em}}

/* ---------- Tasarm cilas ---------- */
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff33}::-webkit-scrollbar-track{background:transparent}
*{scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}
.btn{transition:transform .08s ease,filter .15s ease,background .15s ease;box-shadow:0 1px 0 #ffffff14 inset,0 2px 8px #0003}.btn:active{transform:translateY(1px) scale(.99)}.btn:hover{filter:brightness(1.08)}
.btn.ghost{box-shadow:none}
:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:6px}
.input{transition:border-color .15s,box-shadow .15s}.input:focus{box-shadow:0 0 0 3px var(--accent-soft)}
.msg:hover{background:linear-gradient(90deg,var(--hover),transparent 85%)}
.att-img{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0003}.att-img img{transition:transform .25s ease}.att-img:hover img{transform:scale(1.015)}
.modal{box-shadow:0 24px 70px #000a,0 0 0 1px var(--line2)}
.rail-item .srv-btn,.rail .srv{transition:border-radius .18s ease,transform .12s ease}
.topbar{backdrop-filter:saturate(1.2);border-bottom:1px solid var(--line)}
.toast{border-radius:12px;backdrop-filter:blur(6px)}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- Sinema 2: byk ekran, VIP koltuk, tepkiler, animasyonlar ---------- */
.cine-screen{top:2.5%!important;width:min(88cqw,calc(52cqh * 16 / 9))!important;transform:translateX(-50%)!important;animation:scrOn .7s cubic-bezier(.2,.9,.3,1) both}
@keyframes scrOn{from{opacity:0;transform:translateX(-50%) scaleY(.02)}60%{opacity:1}to{transform:translateX(-50%) scaleY(1)}}
.cine-screen::before{content:"";position:absolute;inset:-14px -18px;border-radius:14px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--glow) 18%,transparent),transparent 70%);z-index:-1;animation:glowP 4s ease-in-out infinite}
@keyframes glowP{50%{opacity:.55}}
.cw{height:44%!important}
.cw-seat{animation:seatPop .45s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--n) * 18ms)}
@keyframes seatPop{from{opacity:0;transform:translate(-50%,-30%) scale(.6)}}
.cw-seat.vip{width:calc(74px * var(--k));height:calc(50px * var(--k))}
.cw-seat.vip i{background:linear-gradient(#ffd76b,#d18a12);box-shadow:inset 0 3px 0 #fff6,0 0 22px #ffcf5a88,0 8px 16px #000a}
.vip-crown{position:absolute;left:50%;top:-16px;transform:translateX(-50%);color:#ffd76b;filter:drop-shadow(0 2px 4px #000a);animation:crownB 2.4s ease-in-out infinite}
@keyframes crownB{50%{transform:translate(-50%,-3px)}}
.cw-seat.admin-can i{box-shadow:0 0 0 2px #ffd76b,inset 0 3px 0 #ffffff22}.cw-seat.admin-can{cursor:pointer}
.cw-chr{animation:chrIn .5s ease both}@keyframes chrIn{from{opacity:0;transform:translate(-50%,-70%) scale(calc(var(--k) * .6))}}
.cw-chr.sitdown .chr{animation:sitB .45s cubic-bezier(.3,1.6,.5,1)}@keyframes sitB{0%{transform:translateY(-14px)}60%{transform:translateY(3px)}to{transform:none}}
.cw-float{position:absolute;left:50%;bottom:100%;font-size:26px;pointer-events:none;animation:emoUp 2.2s cubic-bezier(.2,.8,.3,1) forwards;filter:drop-shadow(0 3px 6px #0008)}
@keyframes emoUp{0%{opacity:0;transform:translate(-50%,10px) scale(.4)}15%{opacity:1;transform:translate(-50%,-10px) scale(1.25)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),-90px) scale(1)}}
.cw-emo{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:999px;background:#0008;backdrop-filter:blur(8px);border:1px solid #ffffff1f}
.cw-emo button{width:40px;height:40px;border-radius:50%;font-size:20px;display:grid;place-items:center;transition:transform .12s}.cw-emo button:hover{transform:scale(1.18);background:#ffffff14}.cw-emo button.pop{animation:emoBtn .35s}@keyframes emoBtn{50%{transform:scale(1.4)}}
.cine-top,.cine-bar{animation:barIn .35s ease both}@keyframes barIn{from{opacity:0;transform:translateY(-8px)}}
.cine-bar{border-top:1px solid #ffffff1a;background:linear-gradient(#000a,#000e)}
@media(max-width:900px){
  .cine-screen{width:96cqw!important;top:2%!important}
  .cw{height:48%!important}
  .cw-emo{top:auto;bottom:calc(98px + env(safe-area-inset-bottom));right:8px;transform:none;flex-direction:column;padding:5px;gap:3px}.cw-emo button{width:34px;height:34px;font-size:17px}
  .cine-top{padding:calc(6px + env(safe-area-inset-top)) 8px 6px}.cine-top .icon-btn{min-width:40px;min-height:40px}
  .cine-bar{gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.cine-bar .cb-time{display:none}.cine-bar .btn.sm{font-size:.78em}
}
/* Telefon yatay: ekran neredeyse tam boy, kontroller ince */
@media(max-height:520px) and (orientation:landscape){
  .cine-top{position:absolute;left:0;right:0;top:0;z-index:7;background:linear-gradient(#000c,transparent)}
  .cine-screen{width:min(80cqw,calc(70cqh * 16 / 9))!important;top:1%!important}
  .cw{height:34%!important}.cw-chr small{display:none}
  .cine-bar{padding:4px 10px}.cine-bar .call-btn{width:36px;height:36px}
  .cw-joy{width:76px;height:76px;bottom:62px}.cw-emo{bottom:auto;top:56px;flex-direction:row}
}

/* ---------- Tasarm cilas 2 ---------- */
.ch{transition:background .15s ease,color .15s ease,transform .12s ease}
.ch.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),var(--active) 70%)!important;box-shadow:inset 3px 0 0 var(--accent)}
.ch:active,.nav-item:active,.dm-item:active{transform:scale(.985)}
.nav-item{transition:background .15s ease,color .15s ease}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}
.dm-item{transition:background .15s ease}
.side-head,.topbar{background:color-mix(in srgb,var(--bg2) 92%,transparent)}
.msg.pop-in{animation:msgIn2 .24s cubic-bezier(.2,.9,.3,1.1)}@keyframes msgIn2{from{opacity:0;transform:translateY(8px)}}
.react{transition:transform .12s ease,background .15s}.react:hover{transform:translateY(-1px)}
.modal-h h3{letter-spacing:-.01em}
.composer{border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 0 3px var(--accent-soft)}
.empty .art svg{animation:floatA 4s ease-in-out infinite}@keyframes floatA{50%{transform:translateY(-6px)}}
.call-btn{transition:transform .12s ease,filter .15s,background .15s}.call-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.call-btn:active{transform:scale(.95)}
.tile{transition:box-shadow .2s ease,transform .2s ease}.tile.speaking{box-shadow:0 0 0 3px var(--green),0 0 24px #3ecf8e55}
@media(max-width:900px) and (orientation:portrait){
  .cw-emo{flex-direction:row;left:112px;right:8px;bottom:calc(112px + env(safe-area-inset-bottom));top:auto;transform:none;justify-content:space-between;border-radius:16px;overflow-x:auto}
  .cw-emo button{flex:0 0 auto}
  .cw{height:50%!important}
}

/* ===== 5.6: mesaj gnderimi, profil dzenleyici, kamera/ekran ===== */
.send-pend{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:.74em;color:var(--t3)}
.send-pend i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:spDot 1s infinite ease-in-out}
.send-pend i:nth-child(2){animation-delay:.15s}.send-pend i:nth-child(3){animation-delay:.3s}
.send-pend span{margin-left:4px}
@keyframes spDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.msg.pending .mtext{opacity:.6}
.msg.offline .send-pend{color:var(--yellow,#f5b947)}
.msg.just-sent{animation:jsIn .35s ease-out}
@keyframes jsIn{from{background:rgba(124,92,255,.10)}to{background:transparent}}
.send-fail{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.8em;color:var(--red,#f2545b);margin-top:4px}
.ban-pre .bp.on{outline:2px solid var(--t1,#fff);outline-offset:2px}
.pf-sb{position:sticky;bottom:12px;z-index:6}
@media (max-width:700px){.pf-sb{bottom:calc(8px + env(safe-area-inset-bottom));margin-left:-4px;margin-right:-4px}.pf-sb span{font-size:.82em}}
.sp-wrap .sp-prev{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--bg2,rgba(255,255,255,.04));margin-bottom:12px}
.sp-av{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center}
.sp-av img{width:100%;height:100%;object-fit:cover}
.tile-self{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,rgba(10,10,20,.15),rgba(10,10,20,.72));color:#fff;opacity:0;transition:opacity .2s;z-index:3;text-align:center;padding:10px}
.tile.screen:hover .tile-self,.tile.screen .tile-self:focus-within{opacity:1}
@media (pointer:coarse){.tile-self{opacity:1;background:linear-gradient(180deg,transparent 40%,rgba(10,10,20,.75));justify-content:flex-end}}
.tile-self small{opacity:.8;font-size:.75em}
.tile.has-video .tile-v{animation:tvIn .35s ease-out}
@keyframes tvIn{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}

/* =====================================================================
   5.7  Yeil/Siyah tema, animasyonlar, yeni sayfalar
   ===================================================================== */
:root{--grad:linear-gradient(135deg,#a594ff,#7c5cff 45%,#2b0a9d);--ease2:cubic-bezier(.2,.9,.25,1)}
body{background:radial-gradient(1200px 600px at 100% -10%,#120b2a55,transparent 60%),radial-gradient(900px 500px at -10% 110%,#0e082655,transparent 60%),var(--bg0)}
.rail{background:linear-gradient(180deg,#030306,#06050a)}
.rail-item .pill{background:var(--accent);box-shadow:0 0 12px var(--accent);color:var(--on-accent)}
.rail-item .ri{transition:border-radius .25s var(--ease2),background .2s,transform .2s,box-shadow .25s}
.rail-item:hover .ri{transform:translateY(-1px);box-shadow:0 6px 20px #7c5cff2e}
.rail-item.active .ri{box-shadow:0 0 0 1px #7c5cff66,0 8px 26px #7c5cff33}
.ri.brand{background:#090712;box-shadow:inset 0 0 0 1px #7c5cff33}.rail-item.active .ri.brand,.rail-item:hover .ri.brand{background:#100c24}
.ri.brand img{transition:transform .5s var(--ease2)}.rail-item:hover .ri.brand img{transform:rotate(-8deg) scale(1.08)}
.btn{transition:filter .15s,transform .12s,background .15s,box-shadow .25s}
.btn:not(.ghost):not(.danger):not(.red):hover{box-shadow:0 6px 22px #7c5cff40}
.btn:active{transform:translateY(1px) scale(.985)}
.input:focus,.input:focus-visible{border-color:#7c5cff88!important;box-shadow:0 0 0 3px #7c5cff22!important}
.nav-item.active,.nav-item.on{background:linear-gradient(90deg,#7c5cff24,#7c5cff08)!important;color:var(--tx)!important;box-shadow:inset 2px 0 0 var(--accent)}
.modal{animation:mdIn .28s var(--ease2) both}
@keyframes mdIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.boot{background:radial-gradient(500px 300px at 50% 45%,#160e32,transparent 70%),#030306}
.boot-logo{position:relative}
.boot-logo::before{content:"";position:absolute;inset:-18px;border-radius:30px;background:conic-gradient(from 0deg,transparent,#7c5cff,transparent 40%);animation:spin 1.4s linear infinite;filter:blur(6px);opacity:.75}
.boot-logo img{position:relative;border-radius:20px}
@keyframes spin{to{transform:rotate(360deg)}}
.toast.ok .t-ic{color:var(--accent)}
::-webkit-scrollbar-thumb{background:#1e1c2a}::-webkit-scrollbar-thumb:hover{background-color:#2e2a4a}
.sdot.on{background:var(--accent)!important;box-shadow:0 0 8px var(--accent);color:var(--on-accent)}

/* ---------- zel durum penceresi ---------- */
.cs-modal .cs-hero{position:relative;padding:22px 20px 18px;overflow:hidden;border-radius:var(--r3) var(--r3) 0 0;background:linear-gradient(160deg,#150f2a,#07060d)}
.cs-glow{position:absolute;inset:-40% -10% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#7c5cff55,transparent 65%);animation:floatG 6s ease-in-out infinite}
@keyframes floatG{50%{transform:translate(-40px,30px)}}
.cs-card{position:relative;display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:#ffffff08;border:1px solid #ae9eff1a;backdrop-filter:blur(6px)}
.cs-pi{min-width:0}.cs-pi b{font-size:1.05em}.cs-pi small{display:block;color:var(--tx3);margin-top:2px}
.cs-pl{display:flex;align-items:center;gap:6px;color:var(--tx2);min-height:22px}.cs-pl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-pe{font-size:1.25em;line-height:1;animation:popE .35s var(--ease2)}
@keyframes popE{from{transform:scale(.3);opacity:0}}
.cs-st{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cs-sto{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);font-size:.82em;font-weight:600;transition:.15s}
.cs-sto.on{border-color:var(--accent);background:#7c5cff14;box-shadow:0 0 0 3px #7c5cff1c}
.cs-row{display:flex;align-items:center;gap:8px}.cs-row .input{flex:1}
.cs-emo{width:44px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--bg2);border:1px solid var(--line2);font-size:22px;transition:transform .15s,border-color .15s}
.cs-emo:hover{transform:scale(1.06);border-color:var(--accent)}.cs-emo svg{width:22px;height:22px;color:var(--tx3)}
.cs-tabs{margin:4px 0 10px}
.cs-pane{max-height:230px;overflow:auto;margin-bottom:12px}
.cs-pre{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.cs-p{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);font-size:.86em;font-weight:600;transition:.15s}
.cs-p span{font-size:1.2em}.cs-p:hover{border-color:#7c5cff66;background:#7c5cff10;transform:translateY(-1px)}
.cs-sym{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;margin-bottom:6px}
.cs-sym button{height:40px;border-radius:9px;background:var(--bg2);font-size:18px;color:var(--accent2);transition:.12s;white-space:nowrap;overflow:hidden}
.cs-sym button:hover{background:#7c5cff1f;transform:scale(1.08)}
.cs-epick .picker.inline{position:static;width:100%;height:230px;box-shadow:none;border:1px solid var(--line);animation:none}
.cs-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cs-menu{display:flex!important;flex-direction:column;align-items:flex-start!important}.cs-menu small{color:var(--tx3);font-size:.75em}
@media(max-width:600px){.cs-st{grid-template-columns:1fr 1fr}.cs-two{grid-template-columns:1fr}.cs-pre{grid-template-columns:1fr 1fr}}

/* ---------- Kefet ---------- */
.dc-hero{position:relative;overflow:hidden;text-align:left!important;padding:46px 36px!important;background:linear-gradient(145deg,#110c26,#040408 70%)!important;border:1px solid #ae9eff1a}
.dc-orbs i{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:orbF 9s ease-in-out infinite}
.dc-orbs i:nth-child(1){width:320px;height:320px;right:-60px;top:-120px;background:#7c5cff}
.dc-orbs i:nth-child(2){width:220px;height:220px;right:30%;bottom:-140px;background:#2b0a9d;animation-delay:-3s}
.dc-orbs i:nth-child(3){width:160px;height:160px;left:-50px;top:20%;background:#a594ff;opacity:.25;animation-delay:-6s}
@keyframes orbF{50%{transform:translate(-30px,20px) scale(1.1)}}
.dc-hero-in{position:relative;max-width:620px}
.dc-kicker{display:inline-block;font-size:.72em;font-weight:800;letter-spacing:.14em;color:var(--accent);padding:5px 10px;border-radius:99px;background:#7c5cff1a;border:1px solid #7c5cff33;margin-bottom:12px}
.dc-hero h1{font-size:clamp(1.6em,3.4vw,2.5em);line-height:1.12}.dc-hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.dc-hero p{color:var(--tx2);margin:10px 0 18px}
.dc-search{max-width:520px;margin:0!important;background:#020204cc!important;border:1px solid #ae9eff26;box-shadow:0 10px 30px #0008}
.dc-count{margin-top:12px;font-size:.84em;color:var(--accent2);font-weight:600}
.dc-bar{display:flex;align-items:center;gap:12px;margin:18px 0 6px;flex-wrap:wrap}
.dc-chips{display:flex;gap:6px;overflow-x:auto;flex:1;scrollbar-width:none;padding:2px}.dc-chips::-webkit-scrollbar{display:none}
.dc-chips .chip{white-space:nowrap;flex:none}.dc-chips .chip small{opacity:.6;margin-left:4px}.dc-chips .chip.on{background:var(--accent);color:var(--on-accent)}
.dc-sort{flex:none}
.dc-h{font-size:1.05em;margin:22px 2px 12px;display:flex;align-items:center;gap:8px}.dc-h::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--grad)}
.dc-featgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.dc-card{background:linear-gradient(180deg,#0f0d16,#0a090e)!important;border:1px solid #ae9eff14!important;animation:cardIn .45s var(--ease2) both;transition:transform .25s var(--ease2),box-shadow .25s,border-color .25s!important;position:relative}
.dc-card:hover{transform:translateY(-4px)!important;border-color:#7c5cff55!important;box-shadow:0 18px 40px #000a,0 0 0 1px #7c5cff33,0 0 40px #7c5cff1a!important}
.dc-card .dc-banner{position:relative;transition:transform .5s var(--ease2)}.dc-card:hover .dc-banner{transform:scale(1.04)}
.dc-card.big .dc-banner{height:150px}
.dc-feat,.dc-joined{position:absolute;top:10px;font-size:.7em;font-weight:800;padding:4px 8px;border-radius:99px;backdrop-filter:blur(6px)}
.dc-feat{left:10px;background:#000a;color:#ffd76b}.dc-joined{right:10px;background:#7c5cffcc;color:#ffffff}
.dc-body h3{display:flex;align-items:center;gap:5px;min-width:0}
.dc-meta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px}
.dc-cat,.dc-lv{display:inline-flex;align-items:center;gap:4px;font-size:.72em;font-weight:700;padding:3px 8px;border-radius:99px;background:#ffffff0a;color:var(--tx2)}
.dc-lv{color:#ff9ad5;background:#ff7ac61a}.dc-lv svg{width:12px;height:12px}
.dc-grid.loading{opacity:.55;transition:opacity .2s}
.dc-ci{width:22px;text-align:center}.nav-item small{margin-left:auto;font-size:.72em;color:var(--tx4)}
@keyframes cardIn{from{opacity:0;transform:translateY(14px)}}
@media(max-width:700px){.dc-hero{padding:26px 18px!important}.dc-bar{flex-direction:column;align-items:stretch}.dc-featgrid{grid-template-columns:1fr}.dc-sort{align-self:flex-start}}

/* ---------- Orb: gnlk seri, rozetler ---------- */
.orb-hero{display:flex;align-items:center;gap:20px;text-align:left!important;background:linear-gradient(135deg,#130d2a,#06050a)!important;border:1px solid #ae9eff1a;position:relative;overflow:hidden}
.orb-ball{width:84px;height:84px;flex:none;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ded6ff,#a594ff 22%,#7c5cff 48%,#180657 80%);box-shadow:0 0 40px #7c5cff88,inset -8px -10px 20px #0006;animation:orbBob 3.2s ease-in-out infinite;position:relative}
.orb-ball i{position:absolute;inset:-10px;border-radius:50%;border:2px dashed #a594ff55;animation:spin 12s linear infinite}
@keyframes orbBob{50%{transform:translateY(-6px)}}
.sk-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}.sk-line b{color:#ffb35c}
.sk-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:14px 0 6px}
.sk-d{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:var(--bg1);border:1px solid var(--line);font-size:.8em;transition:.2s}
.sk-d b{font-size:1.4em}.sk-d small{color:var(--tx4)}.sk-d span{font-weight:700;color:var(--tx3)}
.sk-d.got{background:#7c5cff14;border-color:#7c5cff55}.sk-d.got span{color:var(--accent)}
.sk-d.today{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff22;animation:todayP 1.6s ease-in-out infinite}
.sk-d.big{background:linear-gradient(160deg,#2a1f05,#120d03);border-color:#ffd76b44}
@keyframes todayP{50%{box-shadow:0 0 0 6px #7c5cff10}}
.quest.ready{border-color:#7c5cff66!important;box-shadow:0 0 24px #7c5cff14}
.orb-shoplink{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px;border-radius:var(--r3);background:var(--bg1);border:1px solid var(--line)}.orb-shoplink>div:first-child{color:var(--accent)}
.orb-shoplink small{display:block;color:var(--tx3)}
.badge-item .bi-ic svg{width:64px;height:64px;filter:drop-shadow(0 6px 16px #7c5cff44);animation:orbBob 3s ease-in-out infinite}
@media(max-width:600px){.orb-hero{flex-direction:column;text-align:center!important}.sk-week{gap:4px}.sk-d{padding:8px 2px;font-size:.68em}}

/* ---------- Sinema: gerek 3D salon ---------- */
.cinema{--amb:var(--glow);--cx:0;--cz:0}
.cine-hall{perspective:900px!important;perspective-origin:calc(50% + var(--cx) * 6%) 30%!important}
.cine-par{position:absolute;inset:0;transform:translateX(calc(var(--cx) * -1.4%)) scale(calc(1 + var(--cz) * -.015));transition:transform .1s linear;pointer-events:none}
.cine-wall .sconce{position:absolute;top:34%;left:40%;width:10px;height:22px;border-radius:5px;background:#ffd9a0;box-shadow:0 0 30px 10px #ffb85a55;transition:opacity .8s}
.cine-wall .sconce.b{top:58%}.cine-wall.r .sconce{left:auto;right:40%}
.cinema.playing .sconce{opacity:.12}
.cine-ceil i{position:absolute;top:30%;width:5px;height:5px;border-radius:50%;background:#fff3d6;box-shadow:0 0 10px 3px #ffe2a888;transition:opacity .8s}
.cine-ceil i:nth-child(1){left:22%}.cine-ceil i:nth-child(2){left:31%}.cine-ceil i:nth-child(3){left:40%}.cine-ceil i:nth-child(4){left:50%}.cine-ceil i:nth-child(5){left:60%}.cine-ceil i:nth-child(6){left:69%}.cine-ceil i:nth-child(7){left:78%}
.cinema.playing .cine-ceil i{opacity:.15}
.cine-floor3d{position:absolute;left:-20%;right:-20%;bottom:-6%;height:78%;transform-style:preserve-3d;pointer-events:none}
.cf-plane{position:absolute;inset:0;transform:rotateX(64deg);transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#ffffff06 0 2px,transparent 2px 60px),repeating-linear-gradient(0deg,#00000040 0 3px,transparent 3px 70px),radial-gradient(60% 80% at 50% 0%,color-mix(in srgb,var(--amb) 18%,transparent),transparent 70%),linear-gradient(color-mix(in srgb,var(--floor) 60%,#000),var(--floor))}
.cf-aisle{position:absolute;top:0;bottom:0;width:2px;background:repeating-linear-gradient(#ffd27a 0 6px,transparent 6px 40px);opacity:.55;box-shadow:0 0 8px #ffbf4a}
.cf-aisle.l{left:16%}.cf-aisle.r{right:16%}
.cine-stage{position:absolute;left:18%;right:18%;top:calc(3% + min(52cqh,50cqw * 9 / 16) + 2px);height:3.2%;background:linear-gradient(#2a2a2a,#0a0a0a);border-radius:2px;box-shadow:0 6px 18px #000c}
.cine-curtain{position:absolute;top:0;width:13%;height:68%;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--seat) 90%,#000) 0 10px,color-mix(in srgb,var(--seat) 60%,#000) 10px 18px,color-mix(in srgb,var(--seat) 85%,#fff1) 18px 22px);box-shadow:inset 0 -40px 40px #000a;border-radius:0 0 30% 30%/0 0 12% 12%}
.cine-curtain.l{left:3%;transform-origin:left top;animation:curtL 1.4s var(--ease2) both}.cine-curtain.r{right:3%;transform-origin:right top;animation:curtL 1.4s var(--ease2) both}
@keyframes curtL{from{width:47%}}
.cine-valance{position:absolute;left:3%;right:3%;top:0;height:3.4%;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--seat) 80%,#000) 0 14px,color-mix(in srgb,var(--seat) 55%,#000) 14px 28px);border-radius:0 0 40% 40%/0 0 100% 100%;box-shadow:0 6px 14px #000a}
.th-acikhava .cine-curtain,.th-acikhava .cine-valance,.th-uzay .cine-curtain{display:none}
.cine-screen{box-shadow:0 0 0 4px #050505,0 0 0 6px #ffffff12,0 0 120px 24px color-mix(in srgb,var(--amb) 30%,transparent),0 40px 120px color-mix(in srgb,var(--amb) 22%,transparent)!important;transition:box-shadow 1s}
.cine-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#ffffff0d 50%,transparent 60%);border-radius:inherit}
.cine-beam{position:absolute;left:50%;bottom:-4%;width:70%;height:70%;transform:translateX(-50%);pointer-events:none;clip-path:polygon(47% 100%,53% 100%,100% 0,0 0);background:linear-gradient(0deg,color-mix(in srgb,var(--amb) 34%,transparent),color-mix(in srgb,var(--amb) 6%,transparent) 80%,transparent);mix-blend-mode:screen;opacity:0;transition:opacity 1.2s;filter:blur(2px)}
.cinema.playing .cine-beam{opacity:.32}
.cine-beam i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.6;animation:dust 7s linear infinite}
.cine-beam i:nth-child(1){left:40%;top:70%}.cine-beam i:nth-child(2){left:55%;top:40%;animation-delay:-2s}.cine-beam i:nth-child(3){left:48%;top:20%;animation-delay:-4.5s}
@keyframes dust{50%{transform:translate(14px,-30px);opacity:.15}100%{transform:translate(-10px,-60px);opacity:.6}}
.cine-amb{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 50% at 50% 18%,color-mix(in srgb,var(--amb) 14%,transparent),transparent 70%);transition:background 1s}
.cinema:not(.playing) .cine-amb{background:radial-gradient(80% 60% at 50% 40%,#ffd9a00f,transparent 70%)}
.cw-riser{position:absolute;height:calc(14px * var(--k));transform:translateY(-10%);background:linear-gradient(#ffffff0a,#0000);border-top:1px solid #ffffff10;border-radius:3px;pointer-events:none;box-shadow:0 -2px 10px #0006}
.cw-seat i{border-radius:14px 14px 5px 5px!important;background:linear-gradient(170deg,color-mix(in srgb,var(--seat) 100%,#fff2),var(--seat) 35%,color-mix(in srgb,var(--seat) 45%,#000))!important;box-shadow:inset 0 2px 0 #ffffff33,inset 0 -6px 10px #0005,0 calc(10px * var(--k)) 16px #000c!important}
.cw-seat .cush{position:absolute;left:6%;right:6%;bottom:-26%;height:34%;border-radius:4px 4px 8px 8px;background:linear-gradient(color-mix(in srgb,var(--seat) 85%,#fff1),color-mix(in srgb,var(--seat) 55%,#000));box-shadow:0 4px 8px #0009}
.cw-seat .arm{position:absolute;bottom:-30%;width:10%;height:58%;border-radius:4px;background:linear-gradient(#2a2a2a,#0c0c0c);box-shadow:0 3px 6px #000a}
.cw-seat .arm.l{left:-6%}.cw-seat .arm.r{right:-6%}
.cw-seat::after{display:none}
.cw-chr{filter:drop-shadow(0 calc(10px * var(--k)) 8px #000c)}
.cw-chr .chr-head .av{box-shadow:0 0 0 2px #0008}
.cw-chr.me .chr-head .av{box-shadow:0 0 0 2px var(--accent),0 0 14px #7c5cff88}
@media(max-width:900px){.cine-curtain{width:8%}.cine-beam{width:96%}.cine-stage{left:4%;right:4%}.cf-plane{transform:rotateX(58deg)}}
@media (prefers-reduced-motion:reduce){.cine-beam i,.dc-orbs i,.orb-ball,.cs-glow{animation:none}}

/* ---------- Mobil iyiletirmeler ---------- */
@media(max-width:700px){
  .modal{max-height:calc(100dvh - 24px)}
  .modal.md,.modal.sm{width:calc(100vw - 16px)!important}
  .topbar{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg2) 86%,transparent)}
  .composer,.cmp{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .shop-grid{grid-template-columns:repeat(2,1fr)!important}
  .call-btn{width:48px!important;height:48px!important}
}
.cs-pane:has(.cs-epick){max-height:none}
.cs-epick .picker.inline{height:320px!important;display:flex;flex-direction:column}
.cs-epick .picker.inline .pk-body{flex:1;min-height:0;overflow:auto}
@media(max-width:900px) and (orientation:portrait){.cinema .cw-emo{left:auto!important;right:8px!important;top:34%!important;bottom:auto!important;flex-direction:column!important;padding:6px 4px!important;width:auto!important}.cinema .cw-emo button{width:36px;height:36px;font-size:18px}}
.q-hero{background:linear-gradient(135deg,#140f2c,#070610 70%)!important;border:1px solid #ae9eff1a}.q-hero p{color:var(--tx2)!important}
.quest .bar i{background:var(--grad)!important;box-shadow:0 0 10px #7c5cff66}
.orb-pill{background:#100d1d!important;border:1px solid #7c5cff33;color:var(--accent2)}.orb-pill svg{color:var(--accent)!important}
.plus-hero{background:linear-gradient(135deg,#140f2c,#06050a)!important}
.dev-hero{background:linear-gradient(135deg,#130e25,#06050a)!important}

/* =====================================================================
   5.8  Davet kart, satran, mobil dzen
   ===================================================================== */
.inv-cards{display:flex;flex-direction:column;gap:8px;margin-top:6px;max-width:440px}
.inv-card{border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#100e17,#0b0a11);border:1px solid #ae9eff1a;box-shadow:0 10px 30px #0006;animation:cardIn .35s var(--ease2) both}
.inv-card .ic-ban{height:96px;background-size:cover;background-position:center}
.inv-card .ic-body{padding:0 16px 16px;position:relative}
.inv-card .ic-icon{width:72px;height:72px;border-radius:20px;margin-top:-36px;border:5px solid #100e17;overflow:hidden;background:#100e17;display:grid;place-items:center;font-weight:800;font-size:1.4em}
.inv-card .ic-icon>*{width:100%;height:100%;border-radius:15px}
.inv-card .ic-name{display:flex;align-items:center;gap:6px;font-size:1.25em;font-weight:800;margin-top:8px}.inv-card .ic-name .vbadge svg{width:20px;height:20px}
.inv-card .ic-st{display:flex;gap:14px;color:var(--tx2);font-size:.9em;margin-top:4px}.inv-card .ic-st span{display:flex;align-items:center;gap:6px}
.inv-card .ic-cr{color:var(--tx3);font-size:.85em;margin-top:2px}
.inv-card .ic-desc{color:var(--tx3);font-size:.88em;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.inv-card .ic-join{width:100%;margin-top:12px;height:42px;font-weight:800;font-size:1em;border-radius:10px}
.btn.green{background:#23a55a;color:#fff}.btn.green:hover{background:#321f9a}
.inv-card.bad{padding:14px}.inv-card .ic-row{display:flex;gap:12px;align-items:center}.inv-card .ic-row small{display:block;color:var(--tx3)}.inv-card .ic-ico{width:44px;height:44px;border-radius:12px;background:#f2545b22;color:var(--red);display:grid;place-items:center;font-weight:800}

/* ---------- Satran ---------- */
.chess-ov{position:fixed;inset:0;z-index:160;display:grid;place-items:center;background:radial-gradient(800px 500px at 50% 0,#160e32aa,transparent 70%),#020204e6;backdrop-filter:blur(6px);animation:fadeIn .2s ease;padding:12px}
.chess-ov.out{opacity:0;transition:opacity .2s}
.ch-box{width:min(1040px,100%);max-height:100%;overflow:auto;background:linear-gradient(180deg,#0d0c14,#08070c);border:1px solid #ae9eff1f;border-radius:20px;box-shadow:0 30px 80px #000c;padding:14px 16px 16px;animation:mdIn .3s var(--ease2)}
.ch-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ch-top b{font-size:1.1em}.ch-mode{font-size:.8em;font-weight:700;padding:4px 10px;border-radius:99px;background:#7c5cff1a;color:var(--accent2)}
.ch-main{display:grid;grid-template-columns:200px minmax(0,1fr) 200px;gap:14px;align-items:start}
.ch-bw{display:flex;flex-direction:column;align-items:center;gap:10px}
.ch-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(560px,100%,calc(100dvh - 210px));aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:0 0 0 3px #1c1a2a,0 20px 50px #000a}
.chs{position:relative;display:grid;place-items:center;border:0;padding:0;cursor:pointer;aspect-ratio:1}
.chs.l{background:#e8eddf}.chs.d{background:#4f4f8a}
.chs.last.l{background:#f3ef9b}.chs.last.d{background:#a5b94e}
.chs.sel{box-shadow:inset 0 0 0 4px #7c5cff}
.chs.tg::after{content:"";width:28%;height:28%;border-radius:50%;background:#08061255}
.chs.cap::after{content:"";position:absolute;inset:6%;border-radius:50%;border:5px solid #08061255}
.chs.chk{background:radial-gradient(circle,#ff4d4d 0,#e03b3b 40%,transparent 75%)!important}
.chs .pc{font-size:min(5.6vw,52px);line-height:1;user-select:none;transition:transform .15s;filter:drop-shadow(0 2px 2px #0007)}
.chs:hover .pc{transform:scale(1.08)}
.pc{font-family:'Segoe UI Symbol','DejaVu Sans','Noto Sans Symbols 2','Apple Symbols',serif;font-variant-emoji:text}.pc.w{color:#fbfbf4;-webkit-text-stroke:1.4px #1d1d1d;paint-order:stroke fill;text-shadow:0 1px 0 #0006}.pc.b{color:#161616;-webkit-text-stroke:.8px #000;text-shadow:0 1px 0 #fff3}
.chs em{position:absolute;font-style:normal;font-size:.62em;font-weight:800;opacity:.75}.chs .rk{left:3px;top:2px}.chs .fl{right:4px;bottom:1px}
.chs.l em{color:#4f4f8a}.chs.d em{color:#e8eddf}
.ch-status{font-weight:700;padding:8px 14px;border-radius:99px;background:#ffffff0a;font-size:.92em}.ch-status.my{background:#7c5cff26;color:var(--accent2);animation:todayP 1.6s infinite}.ch-status.over{background:#f5b94726;color:#ffd76b}
.ch-side{display:flex;flex-direction:column;gap:10px}
.cht{padding:10px;border-radius:14px;background:#ffffff06;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:.2s}
.cht.turn{border-color:#7c5cff88;box-shadow:0 0 24px #7c5cff22}
.cht-h{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.85em}.cht-h small{margin-left:auto;color:var(--tx3)}
.chdot{width:12px;height:12px;border-radius:50%;border:2px solid #9b9db0}.chdot.w{background:#fff}.chdot.b{background:#111}
.chp{display:flex;align-items:center;gap:6px;font-size:.88em;min-width:0}.chp.speaking .av{box-shadow:0 0 0 2px var(--accent)}.chp.bot{color:var(--accent2);font-weight:700}
.ch-moves{max-height:260px;overflow:auto;font-family:var(--mono);font-size:.8em;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:12px;background:#00000033}.ch-moves em{color:var(--tx4);font-style:normal}
.ch-acts{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.chm-grid{display:grid;gap:8px}.chm{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);text-align:left;transition:.15s}
.chm:not(:disabled):hover{border-color:#7c5cff88;transform:translateY(-1px)}.chm small{color:var(--tx3)}.chm em{color:var(--yellow);font-size:.78em;font-style:normal}
.chm-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.ch-promo{display:flex;gap:8px;justify-content:center}.ch-promo button{width:64px;height:64px;border-radius:12px;background:#e8eddf;display:grid;place-items:center}.ch-promo .pc{font-size:44px}
@media(max-width:900px){
  .ch-main{grid-template-columns:1fr;gap:8px}
  .ch-side{flex-direction:row;flex-wrap:wrap}.ch-side .cht{flex:1;min-width:140px}
  .ch-main>.ch-side:first-child{order:0}.ch-bw{order:1}.ch-main>.ch-side:last-child{order:2}
  .ch-board{width:min(100%,calc(100dvh - 300px));min-width:260px}
  .chs .pc{font-size:min(9.5vw,44px)}
  .ch-moves{flex-direction:row;flex-wrap:wrap;max-height:70px;width:100%}
  .ch-box{padding:10px}
}

/* ---------- Mobil: ana ekran, ayarlar ve menler ---------- */
.sn-top{display:none}.sn-chev{display:none}
.dm-t{margin-left:auto;font-size:.72em;font-weight:500;color:var(--tx4);padding-left:6px;flex:none}
.dm-text b{display:flex;align-items:center;gap:4px}
@media(max-width:900px){
  .app .side{width:calc(100vw - var(--rail))!important;background:linear-gradient(180deg,#0b0a11,#07060b);border-radius:22px 0 0 0;border-left:1px solid var(--line)}
  .app.show-side .scrim{opacity:0}
  .m-nav{width:100vw!important}
  .side-head{height:auto!important;padding:14px 14px 8px!important;border:0!important;box-shadow:none!important}
  .mh-head{width:100%}.mh-head h2{font-size:1.55em;font-weight:800;margin:4px 2px 12px}
  .mh-row{display:flex;gap:8px}.mh-ic,.mh-plus{width:44px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--bg3);flex:none}.mh-ic svg,.mh-plus svg{width:22px;height:22px}
  .mh-plus{background:var(--accent);color:var(--on-accent)}
  .mh-add{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:12px;background:var(--bg3);font-weight:700}.mh-add svg{width:20px;height:20px}
  .dm-item{min-height:64px;padding:10px 12px!important;border-radius:16px!important;margin:2px 6px!important;gap:12px!important}
  .dm-item .av.sm{width:44px!important;height:44px!important}
  .dm-item .dm-text b{font-size:1.02em}.dm-item .dm-text small{font-size:.88em}
  .dm-item.active,.dm-item:active{background:var(--bg3)!important}
  .dm-item.unread .dm-text b{color:#fff}
  .dm-x{display:none!important}
  .home-nav .nav-item{border-radius:14px}
  .me-panel{margin:8px 10px calc(8px + env(safe-area-inset-bottom));border-radius:20px;background:#110f1a!important;border:1px solid var(--line);box-shadow:0 10px 30px #000a}
  .app.show-side .me-panel{margin-bottom:calc(70px + env(safe-area-inset-bottom))}
  /* Ayarlar: gruplu kart listesi */
  .settings-ov .set-nav{background:#07060b}
  .sn-top{display:flex;align-items:center;gap:10px;margin:2px 0 14px}.sn-top b{font-size:1.4em;font-weight:800}
  .set-nav-in>.input{margin-bottom:14px;height:46px;border-radius:12px}
  .set-nav-in h6{font-size:.85em!important;text-transform:none!important;letter-spacing:0!important;color:var(--tx3)!important;font-weight:600!important;margin:16px 4px 8px!important}
  .sn-grp{background:#110f18;border:1px solid var(--line);border-radius:18px;overflow:hidden}
  .sn-grp button{width:100%;display:flex!important;align-items:center;gap:14px;padding:15px 16px!important;border-radius:0!important;margin:0!important;font-size:1.02em!important;position:relative}
  .sn-grp button+button::before{content:"";position:absolute;left:52px;right:0;top:0;height:1px;background:var(--line)}
  .sn-grp button svg{width:22px;height:22px}.sn-grp button span{flex:1;text-align:left}
  .sn-chev{display:block;margin-left:auto;color:var(--tx4)}.sn-chev svg{width:18px!important;height:18px!important}
  .sn-grp button.on{background:transparent!important}.sn-grp button:active{background:var(--hover)!important}
  .set-nav-in .sep{display:none}
  .set-nav-in>button[data-tab="logout"]{margin-top:18px;border-radius:18px!important;background:#f2545b14;justify-content:center}
  .set-x{display:none!important}
  /* Uzun basma mens: gruplu alt sayfa */
  #ctx.sheet{background:#0c0b13!important;padding:6px 12px calc(14px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;border:1px solid var(--line);max-height:80vh;overflow:auto}
  #ctx.sheet .ctx-grab{width:40px;height:5px;border-radius:3px;background:var(--tx4);margin:4px auto 10px;opacity:.6}
  #ctx.sheet .ctx-grp{background:#14131d;border-radius:16px;overflow:hidden;margin-bottom:10px}
  #ctx.sheet .ctx-grp:empty{display:none}
  #ctx.sheet .ctx-grp>button{padding:15px 16px!important;border-radius:0!important;margin:0!important;font-size:1.02em;position:relative}
  #ctx.sheet .ctx-grp>button+button::before{content:"";position:absolute;left:50px;right:0;top:0;height:1px;background:var(--line)}
  #ctx.sheet .ctx-grp>button:hover,#ctx.sheet .ctx-grp>button:focus{background:transparent!important;color:inherit!important}
  #ctx.sheet .ctx-grp>button:active{background:#ffffff0d!important}
  #ctx.sheet .ctx-grp>button.red{color:#ff6b72!important}
  #ctx.sheet .ctx-qr{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}
  #ctx.sheet .ctx-qr button{width:46px;height:46px;border-radius:50%;background:#ffffff0d;font-size:22px;display:grid;place-items:center}
}
.inv-card .ic-icon .srv-ic,.inv-card .ic-icon>span{display:grid;place-items:center;width:100%;height:100%;font-size:1.1em}
.bd-warn{padding:12px 14px;border-radius:12px;background:#f5b94714;border:1px solid #f5b94744;margin:10px 0}
.bd-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:14px 0}
.bd-st{padding:14px;border-radius:14px;background:linear-gradient(160deg,#110f1d,#0b0a11);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.bd-st i{font-style:normal;font-size:1.2em}.bd-st b{font-size:1.35em}.bd-st small{color:var(--tx3);font-size:.78em}
.bd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.bd-tg{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:var(--bg1);border:1px solid var(--line);cursor:pointer}
.bd-tg span{display:flex;flex-direction:column;min-width:0}.bd-tg small{color:var(--tx3);font-size:.78em}
.bd-logs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.bd-recent{display:flex;flex-direction:column;gap:4px;font-size:.86em}.bd-recent time{color:var(--tx4);font-size:.85em}

/* ===== 5.9: Mesaj sayfas, seici, arama sayfas, yayn ayarlar ===== */
.ms-qr{display:flex;gap:8px;padding:4px 2px 10px;overflow-x:auto;scrollbar-width:none}.ms-qr::-webkit-scrollbar{display:none}
.ms-qr button{flex:1 0 48px;min-width:48px;max-width:64px;height:52px;border-radius:16px;background:#14131d;border:1px solid #ffffff0a;font-size:1.55em;display:grid;place-items:center;transition:transform .12s,background .12s}
.ms-qr button:active{transform:scale(.9);background:#1d1c2a}.ms-qr button svg{width:24px;height:24px;color:var(--tx2)}
.ms-hint{font-size:.82em;color:var(--tx3);padding:0 4px 12px}.ms-hint .link{color:var(--accent);font-weight:700;background:none;border:0;padding:0;cursor:pointer}
.dbl-heart{position:fixed;z-index:9999;font-size:44px;pointer-events:none;animation:dblh .9s cubic-bezier(.2,.9,.3,1.3) forwards;filter:drop-shadow(0 6px 14px #0008)}
@keyframes dblh{0%{transform:scale(.2);opacity:0}25%{transform:scale(1.25);opacity:1}55%{transform:scale(1)}100%{transform:translateY(-60px) scale(.9);opacity:0}}
.gif-cats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.gif-cats button{position:relative;height:84px;border-radius:12px;overflow:hidden;background:#0e0c15 center/cover no-repeat;border:0;cursor:pointer}
.gif-cats button::before{content:"";position:absolute;inset:0;background:linear-gradient(#0006,#000a);transition:background .15s}
.gif-cats button:hover::before{background:linear-gradient(#7c5cff33,#000a)}
.gif-cats span{position:relative;color:#fff;font-weight:800;font-size:.98em;text-shadow:0 2px 6px #000}
.gif-h{margin:8px 2px 6px;font-size:.78em;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3)}
.picker{transition:opacity .12s}
.picker.sheet{height:min(72vh,620px)!important;border-radius:20px 20px 0 0}
.picker.sheet .pk-tabs,.picker.sheet .ep-tabs{background:#0c0b12;border-radius:12px;padding:3px;display:flex;gap:3px}
.picker.sheet .pk-tabs button,.picker.sheet .ep-tabs button{flex:1;border-radius:9px;padding:8px 0;font-weight:700}
/* Ortak ayar gruplar */
.vs-grp{background:#13111a;border:1px solid #ffffff08;border-radius:16px;overflow:hidden;margin-bottom:14px}
.vs-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:none;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer;position:relative}
.vs-row+.vs-row,.vs-col+.vs-col,.vs-row+.vs-col,.vs-col+.vs-row{border-top:1px solid var(--line)}
.vs-row:active{background:#ffffff08}.vs-row>span{flex:1;min-width:0}.vs-row b{display:block;font-weight:700}.vs-row small{display:block;color:var(--tx3);font-size:.82em;margin-top:1px}
.vs-row>svg{width:18px;height:18px;color:var(--tx3)}.vs-row select{max-width:46%}
.vs-ic{width:34px;height:34px;border-radius:10px;background:#1d1a26;display:grid;place-items:center;flex:none;color:var(--accent)}.vs-ic svg{width:19px;height:19px}
.vs-col{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.vs-col b{font-weight:700}
.vs-radio{width:22px;height:22px;border-radius:50%;border:2px solid #ffffff40;flex:none;transition:.15s}
.vs-row.radio.on .vs-radio{border:7px solid var(--accent)}.vs-row.radio.on{background:#7c5cff0d}
.vs-row.lock{opacity:.6}
.plus-tag{font-style:normal;font-size:.68em;font-weight:800;background:linear-gradient(90deg,#7c5cff,#a594ff);color:#ffffff;padding:1px 6px;border-radius:5px;vertical-align:2px;margin-left:4px}
.ss-sheet h3,.call-sheet h3{margin:0 0 12px;font-size:1.2em}
.ss-sheet h6,.call-sheet h6{margin:16px 4px 8px;font-size:.74em;text-transform:uppercase;letter-spacing:.07em;color:var(--tx3)}
.ss-promo{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(110deg,#150f2a,#191232);border:1px solid #7c5cff33;margin-bottom:6px}
.ss-promo span{flex:1;font-size:.9em}.ss-promo>svg{color:#a594ff;width:22px;height:22px}
.btn.lg{padding:14px 18px;font-size:1.02em;border-radius:14px}.btn.block{width:100%;display:flex;justify-content:center;gap:8px}
#ss-go{margin-top:6px;background:var(--accent);color:var(--on-accent);font-weight:800}
/* Arama sayfas */
.call-sheet .cs-bar{display:flex;justify-content:space-around;gap:8px;padding:4px 0 16px}
.cs-b{width:56px;height:56px;border-radius:50%;background:#1d1a26;border:0;color:#fff;display:grid;place-items:center;transition:transform .1s}
.cs-b svg{width:24px;height:24px}.cs-b.on{background:#fff;color:#ffffff}.cs-b.red{background:#ed4245}.cs-b:active{transform:scale(.9)}
.cs-meter{position:relative;height:10px;border-radius:6px;background:#0b0a11;overflow:hidden}
.cs-meter i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#7c5cff,#a594ff);transition:width .08s}
.cs-meter em{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;left:50%}
.cs-sl{display:flex;align-items:center;gap:10px}.cs-sl svg{width:18px;height:18px;color:var(--tx3);flex:none}.cs-sl input{flex:1;accent-color:var(--accent)}.cs-sl span{min-width:44px;text-align:right;font-variant-numeric:tabular-nums;color:var(--tx2);font-size:.88em}
.vb-handle{display:none}
@media (max-width:820px),(pointer:coarse){
  .vbar{position:relative;flex-wrap:wrap}
  .vb-handle{display:block;position:absolute;left:50%;top:2px;transform:translateX(-50%);width:64px;height:16px;background:none;border:0;padding:0}
  .vb-handle i{display:block;width:40px;height:5px;margin:4px auto 0;border-radius:3px;background:#ffffff55}
  .vbar .vb-l,.vbar .vb-r{display:none}
  .vbar .vb-c{gap:8px;flex-wrap:nowrap;overflow-x:auto;justify-content:space-around;padding-top:10px;scrollbar-width:none}
  .vbar #vb-sb,.vbar #vb-mus,.vbar #vb-ring{display:none}
  .modal.call-sheet-m{max-height:88vh;overflow:auto}
  .vgrid .tile{border-radius:18px}
}

/* ===== 5.9: Okey ===== */
.okey-ov{place-items:stretch center;overflow:auto}
.ok-box{width:min(980px,100%);margin:auto;background:radial-gradient(900px 500px at 50% 30%,#1c0f4a,#0c0724 70%);border:1px solid #7c5cff2a;border-radius:22px;padding:14px;box-shadow:0 30px 80px #000a;display:flex;flex-direction:column;gap:10px}
.ok-table{position:relative;min-height:300px;border-radius:18px;background:radial-gradient(closest-side,#251360,#170b3d);box-shadow:inset 0 0 0 6px #5a3a1e,inset 0 0 0 9px #3a2412,inset 0 10px 40px #0007;display:grid;grid-template-areas:". top ." "left mid right";grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:auto 1fr;gap:10px;padding:18px}
.ok-seat{display:flex;flex-direction:column;align-items:center;gap:6px}
.ok-seat.top{grid-area:top}.ok-seat.left{grid-area:left;align-self:center}.ok-seat.right{grid-area:right;align-self:center}
.ok-center,.ok-lobby{grid-area:mid;display:flex;align-items:center;justify-content:center;gap:22px}
.ok-lobby{flex-direction:column;gap:8px;text-align:center}.ok-lobby small{color:#d3cfe9}
.ok-pl{display:flex;align-items:center;gap:8px;background:#0008;border:1px solid #ffffff14;padding:6px 10px 6px 6px;border-radius:99px;position:relative;max-width:100%}
.ok-seat.turn .ok-pl{border-color:#a594ff;box-shadow:0 0 0 3px #7c5cff44,0 0 24px #7c5cff55}
.ok-seat.win .ok-pl{border-color:#f5b400;box-shadow:0 0 0 3px #f5b40055,0 0 30px #f5b40066}
.ok-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1d1a26;flex:none;font-size:18px}.ok-av.is-empty{border:2px dashed #ffffff40;background:none;color:#fff8}
.ok-av.speaking{box-shadow:0 0 0 2px #7c5cff}
.ok-nm{display:flex;flex-direction:column;min-width:0}.ok-nm b{max-width:130px;font-size:.9em}.ok-nm small{color:#bdb9d6;font-size:.72em}
.ok-turn-dot{width:9px;height:9px;border-radius:50%;background:#a594ff;animation:pulse 1s infinite;flex:none}
.ok-back{height:22px;width:calc(var(--n) * 6px + 14px);max-width:120px;background:repeating-linear-gradient(90deg,#e9dfc6 0 5px,#b8ab8b 5px 6px);border-radius:3px;box-shadow:0 2px 4px #0006}
.ok-disc{padding:4px;border-radius:10px;border:2px dashed transparent}
.ok-disc.take{border-color:#a594ff;cursor:pointer;animation:okGlow 1.2s infinite}
@keyframes okGlow{50%{box-shadow:0 0 18px #7c5cff88}}
.ok-pile{position:relative;padding:6px;border-radius:12px;border:2px dashed transparent}.ok-pile.take{border-color:#a594ff;cursor:pointer;animation:okGlow 1.2s infinite}
.ok-pile em{position:absolute;right:-8px;top:-8px;background:#ffffff;color:#a594ff;font-style:normal;font-weight:800;font-size:.75em;border-radius:99px;padding:2px 7px;border:1px solid #7c5cff55}
.ok-ind{display:flex;flex-direction:column;align-items:center;gap:4px}.ok-ind small{color:#d3cfe9;font-size:.72em}
/* Ta */
.otl{--tw:38px;width:var(--tw);height:calc(var(--tw) * 1.38);border-radius:6px;background:linear-gradient(#fffaf0,#efe4c9);box-shadow:0 2px 0 #b9ab88,0 4px 8px #0006;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;user-select:none;position:relative;vertical-align:middle;color:#222}
.otl b{font:900 calc(var(--tw) * .55)/1 system-ui,sans-serif}
.otl i{width:calc(var(--tw) * .28);height:calc(var(--tw) * .28);border-radius:50%;background:currentColor;opacity:.9}
.otl.c-y{color:#d79a00}.otl.c-b{color:#1f6fe0}.otl.c-k{color:#1b1b1b}.otl.c-r{color:#d8262e}
.c-y-t{color:#f5b400}.c-b-t{color:#5aa2ff}.c-k-t{color:#e8e8e8}.c-r-t{color:#ff5a60}
.otl.fake{color:#2c1a7a}.otl.fake b{font-size:calc(var(--tw) * .6)}.otl.fake i{width:auto;height:auto;background:none;font:800 7px/1 system-ui;font-style:normal;letter-spacing:.04em}
.otl.wild::after{content:"OKEY";position:absolute;top:-7px;left:50%;transform:translateX(-50%);background:#7c5cff;color:#ffffff;font:900 7px/1 system-ui;padding:2px 4px;border-radius:4px}
.otl.wild{box-shadow:0 2px 0 #b9ab88,0 0 0 2px #7c5cff,0 4px 12px #7c5cff66}
.otl.back{background:repeating-linear-gradient(45deg,#e9dfc6 0 6px,#ddd0b0 6px 12px)}
.otl.is-empty{background:#0003;box-shadow:inset 0 0 0 1px #ffffff1c}
.otl.mini{--tw:30px}
/* Istaka */
.ok-rack{background:linear-gradient(#8a5a2e,#6a4220);border-radius:12px;padding:8px 8px 4px;box-shadow:inset 0 2px 0 #ffffff22,0 8px 20px #0007;display:flex;flex-direction:column;gap:6px;overflow-x:auto}
.ok-row{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;min-width:560px;padding-bottom:4px;border-bottom:3px solid #4a2c12}
.ok-slot{aspect-ratio:1/1.38;background:none;border:0;padding:0;border-radius:6px;cursor:pointer;display:grid;place-items:center;transition:transform .12s}
.ok-slot .otl{--tw:100%;width:100%;height:100%}.ok-slot .otl b{font-size:clamp(14px,2.2vw,22px)}.ok-slot .otl i{width:6px;height:6px}
.ok-slot:empty{background:#0000001a}
.ok-slot.sel{transform:translateY(-8px)}.ok-slot.sel .otl{box-shadow:0 0 0 3px #a594ff,0 8px 16px #000a}
.ok-rack.can-discard .ok-slot.sel .otl{box-shadow:0 0 0 3px #f5b400,0 8px 16px #000a}
.ok-status{text-align:center;font-weight:700;padding:8px;border-radius:12px;background:#0006;border:1px dashed transparent}
.ok-status.my{color:#a594ff;border-color:#7c5cff55}.ok-status.over{color:#f5b400}
.ok-me{display:flex;justify-content:center}.ok-me .ok-seat{flex-direction:row}
.ok-clock{--p:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:.72em;font-weight:800;background:conic-gradient(#7c5cff calc(var(--p) * 360deg),#ffffff1a 0);position:relative}
.ok-clock::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#120b2a;z-index:-0}.ok-clock{isolation:isolate}.ok-clock::before{z-index:-1}
.ok-log{display:flex;flex-direction:column;gap:2px;font-size:.78em;color:#bdb9d6;text-align:center}
.ok-reveal{grid-column:1/-1;text-align:center}.ok-reveal small{color:#f5b400;font-weight:700}.ok-reveal div{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}.ok-reveal .otl{--tw:30px}
.ok-spec{text-align:center;padding:12px}
.red-t{color:#ff6b72!important}
.ok-sizes .chm b{font-size:1.05em}
@media (max-width:720px){
  .okey-ov{padding:0}.ok-box{border-radius:0;min-height:100%;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}
  .ok-table{grid-template-columns:1fr 1.2fr 1fr;padding:12px 8px;min-height:240px;gap:6px}
  .ok-nm b{max-width:70px}.ok-pl{padding:4px 8px 4px 4px}.ok-seat.left .ok-pl,.ok-seat.right .ok-pl{flex-direction:column;border-radius:14px;padding:6px}
  .otl{--tw:30px}.ok-center{gap:12px}
  .ok-row{min-width:0;gap:2px}.ok-slot .otl b{font-size:clamp(11px,3.6vw,18px)}.ok-slot .otl i{width:4px;height:4px}
}
@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}

#ctx .ms-hint .link,#ctx.sheet .ms-hint .link{display:inline!important;width:auto!important;padding:0!important;margin:0!important;min-height:0!important;color:var(--accent)!important;font-size:inherit!important;background:none!important}
.vs-row{border-radius:0!important;margin:0!important}
.picker.sheet .pk-tabs{margin:10px 12px 0}
.picker.sheet .pk-tabs button{display:flex;align-items:center;justify-content:center;text-align:center}
.picker.sheet .pk-tabs button.on{background:#201d2a;color:#fff}
.ss-sheet,.call-sheet{padding:18px 16px 20px}.call-sheet .cs-bar{padding-top:0}

/* ===== 6.0: Oyun katmanlar (satran + okey)  sade, hzl, animasyonsuz ===== */
.game-ov{position:fixed;inset:0;z-index:160;display:flex;align-items:flex-start;justify-content:center;overflow:auto;background:#020204f2;padding:12px;overscroll-behavior:contain}
.game-ov .ch-box,.game-ov .ok-box{margin:auto;animation:none!important}
.chess-ov{animation:none!important;backdrop-filter:none!important}
.g-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.g-top b{font-size:1.08em}
.g-mode{font-size:.8em;font-weight:700;padding:4px 10px;border-radius:99px;background:#7c5cff1a;color:var(--accent2);max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-acts{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.g-acts .btn{min-height:40px}
/* Satran: efektsiz talar */
.chs .pc{transition:none!important;filter:none!important;transform:none!important}
.chs:hover .pc{transform:none!important}
.ch-status.my{animation:none!important}
.chm:not(:disabled):hover{transform:none!important}
.chm.on{border-color:var(--accent);background:#7c5cff12}
.dis{opacity:.4;pointer-events:none}
.cht{transition:none!important}
.chs{transition:background-color .08s linear}
/* Lobi */
.okl{display:flex;flex-direction:column;gap:12px}
.okl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.okl-head b{font-size:1.1em}.okl-head small{display:block;color:var(--tx3);font-size:.8em;margin-top:2px}
.okl-wait{font-weight:700;color:#ffd76b;background:#f5b94714;border:1px solid #f5b94733;padding:8px 14px;border-radius:12px;display:flex;align-items:center;gap:8px}
.okl-wait.go{color:var(--accent2);background:#7c5cff14;border-color:#7c5cff44}
.okl-prog{height:6px;border-radius:4px;background:#ffffff10;overflow:hidden}.okl-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .2s}
.okl-seats{display:grid;gap:10px}.okl-seats.cift{grid-template-columns:1fr 1fr}
.okl-team{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:#ffffff05;border:1px solid var(--line)}
.okl-team h6{margin:0 0 2px;font-size:.75em;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);display:flex;align-items:center;gap:6px}
.okl-team.tm0{border-color:#7c5cff40}.okl-team.tm0 h6{color:var(--accent2)}.okl-team.tm1{border-color:#f5b94740}.okl-team.tm1 h6{color:#ffd76b}
.okl-seat{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0d0b13;border:1px solid #ffffff0d;min-height:54px;flex-wrap:wrap}
.okl-seat.is-empty{border-style:dashed;background:transparent}
.okl-n{font-size:.72em;font-weight:800;color:var(--tx3);min-width:62px;text-transform:uppercase;letter-spacing:.04em}
.okl-seat .btn{flex:none}
.dots{display:inline-flex;gap:3px}.dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;animation:dotP 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes dotP{40%{opacity:1}}
.seg{display:flex;gap:6px;background:#0b0a11;padding:4px;border-radius:12px;margin-top:6px}
.seg button{flex:1;padding:10px 8px;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--tx2);background:transparent;border:1px solid transparent}
.seg button b{font-size:1em;color:var(--tx)}.seg button small{font-size:.72em;color:var(--tx3)}
.seg button.on{background:#161326;border-color:#7c5cff55}.seg button.on b{color:var(--accent2)}
.ok-create .vs-grp{margin-top:12px}
/* Okey masas */
.ok-box{animation:none}
.ok-pl.tm0{border-color:#7c5cff66}.ok-pl.tm1{border-color:#f5b94766}
.ok-nm .mate{display:inline-block;font-style:normal;font-weight:800;color:#ffffff;background:var(--accent2);border-radius:4px;padding:0 5px;margin-left:4px;font-size:.92em}
.ok-teams{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ok-teams span{font-size:.82em;padding:5px 10px;border-radius:99px;background:#0008;border:1px solid}
.ok-teams .tm0{border-color:#7c5cff66;color:#d4c9ff}.ok-teams .tm1{border-color:#f5b94766;color:#ffe9b0}
.ok-pile{background:none;border:2px dashed transparent;cursor:default}.ok-pile.take{cursor:pointer;animation:none;box-shadow:0 0 0 3px #7c5cff55}
.ok-disc.take{animation:none;box-shadow:0 0 0 3px #7c5cff55;border-color:#a594ff}
.ok-seat.turn .ok-pl{box-shadow:0 0 0 3px #7c5cff55}
.ok-status.drop{border-style:dashed;border-color:#f5b94788}.ok-status.over{border-color:#f5b94766}.ok-status.drop.over-dz,.ok-status.over.drop{background:#f5b9471a}
.ok-slot{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s}
.ok-slot.sel{transform:translateY(-10px)}
.ok-slot.sel .otl{box-shadow:0 0 0 3px #a594ff,0 10px 18px #000b!important}
.ok-rack.can-discard .ok-slot.sel .otl{box-shadow:0 0 0 3px #f5b400,0 10px 18px #000b!important}
.ok-slot.fresh .otl{box-shadow:0 2px 0 #b9ab88,0 0 0 2px #a594ff}
.ok-slot.dragging{opacity:.35}.ok-slot.over{outline:2px dashed #a594ff;outline-offset:1px;border-radius:6px}
.ok-slot[draggable=true]{cursor:grab}
.ok-clock.low{background:conic-gradient(#f2545b calc(var(--p) * 360deg),#ffffff1a 0)}
.okey-ov .ok-box{width:min(1000px,100%)}
/* Etkinlik davet ubuu */
#act-bar{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top));transform:translateX(-50%);z-index:150;display:flex;flex-direction:column;gap:6px;width:min(460px,calc(100vw - 20px))}
.actb{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:14px;background:#0e0c16f2;border:1px solid #7c5cff44;box-shadow:0 10px 30px #000a}
.actb-ic{font-size:22px}.actb-t{flex:1;min-width:0;display:flex;flex-direction:column}.actb-t>span{font-size:.92em}.actb-t small{color:var(--tx3);font-size:.78em}
.ai-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow:auto;margin-top:8px}
/* Resmi hesap etiketi */
.bot-tag.official{background:#2f7cff!important;color:#fff!important;display:inline-flex;align-items:center;gap:2px}
.bot-tag.official svg{width:10px;height:10px;stroke-width:3.5}
/* Hesap durumu */
.stg-card{padding:16px;border-radius:16px;background:linear-gradient(135deg,#120f24,#0a0810);border:1px solid #7c5cff33;margin:14px 0}
.stg-card.lv1{border-color:#f5b94766;background:linear-gradient(135deg,#2a2210,#0d0b06)}.stg-card.lv2,.stg-card.lv3{border-color:#f2545b77;background:linear-gradient(135deg,#2a1012,#0d0607)}
.stg-head{display:flex;gap:14px;align-items:center}.stg-head small{color:var(--tx3);font-size:.72em;letter-spacing:.06em;font-weight:800}.stg-head b{display:block;font-size:1.3em}.stg-head span{color:var(--tx2);font-size:.9em}
.stg-track{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px}
.stg-step{display:flex;flex-direction:column;gap:6px}.stg-step i{height:6px;border-radius:4px;background:#ffffff14}.stg-step small{font-size:.72em;color:var(--tx3)}
.stg-step.on i{background:#7c5cff}.lv1 .stg-step.on i{background:#f5b947}.lv2 .stg-step.on i,.lv3 .stg-step.on i{background:#f2545b}.stg-step.cur small{color:var(--tx);font-weight:800}
.stg-checks{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.stg-ck{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.stg-ck i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;font-style:normal;font-weight:900}.stg-ck i svg{width:14px;height:14px}
.stg-ck.ok i{background:#7c5cff26;color:var(--accent)}.stg-ck.bad i{background:#f2545b26;color:#ff6b72}.stg-ck span{flex:1}
.risk-low{color:var(--accent)}.risk-mid{color:#f5b947}.risk-high{color:#ff6b72}
.stg-warns{display:flex;flex-direction:column;gap:6px}.stg-w{padding:10px 12px;border-radius:12px;background:#f2545b12;border:1px solid #f2545b33}.stg-w small{display:block;color:var(--tx3);margin-top:2px}
.hint.ok{color:var(--accent)!important}.hint.bad{color:#ff6b72!important}
/* Orb simgesi */
.orb-ic{display:inline-block;vertical-align:-.18em;flex:none;overflow:visible}
.orb-pill{display:inline-flex!important;align-items:center;gap:6px}
.orb-ball{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;animation:none!important;border:0!important}
.orb-ball .orb-ic{filter:drop-shadow(0 8px 20px #7c5cff55)}
.orb-ball i{display:none}
.badge-item .bi-ic svg{animation:none!important}
.sec-title .orb-ic{vertical-align:-4px}
/* Bayrak arka plan */
#bg-flag{position:fixed;inset:-6%;z-index:120;pointer-events:none;opacity:var(--bgf-op,.3);overflow:hidden;mix-blend-mode:screen}
#bg-flag .bgf-wave{position:absolute;inset:0;animation:bgfWave 14s ease-in-out infinite alternate;transform-origin:30% 50%}
#bg-flag svg{width:100%;height:100%;display:block}
#bg-flag .bgf-sheen{position:absolute;inset:-20%;background:repeating-linear-gradient(100deg,transparent 0 8%,#ffffff22 12%,transparent 16%,#00000033 22%,transparent 28%);animation:bgfSheen 9s linear infinite;mix-blend-mode:overlay}
@keyframes bgfWave{0%{transform:scale(1.04) skewY(-1deg)}50%{transform:scale(1.07) skewY(1deg) translateX(-1%)}100%{transform:scale(1.05) skewY(-.5deg) translateX(1%)}}
@keyframes bgfSheen{from{transform:translateX(-25%)}to{transform:translateX(25%)}}
html.reduce-motion #bg-flag *{animation:none!important}
@media (prefers-reduced-motion:reduce){#bg-flag *{animation:none!important}}
.flag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:8px}
.flag-o{display:flex;flex-direction:column;gap:5px;align-items:center;padding:6px;border-radius:12px;background:var(--bg2);border:2px solid transparent;color:var(--tx2)}
.flag-o.on{border-color:var(--accent);color:var(--tx)}
.flag-prev,.flag-none{width:100%;aspect-ratio:3/2;border-radius:7px;overflow:hidden;display:grid;place-items:center;background:#0b0a11}
.flag-prev svg{width:100%;height:100%;display:block}.flag-o small{font-size:.74em;font-weight:700}
@media (max-width:720px){
  .game-ov{padding:0}.game-ov .ch-box,.game-ov .ok-box{border-radius:0;min-height:100%;width:100%;padding:10px 8px calc(12px + env(safe-area-inset-bottom))}
  .okl-seats.cift{grid-template-columns:1fr}
  .g-acts{position:sticky;bottom:0;background:linear-gradient(transparent,#06050999 20%,#060509);padding:10px 0 4px;margin-top:8px;z-index:2}
  .g-acts .btn{flex:1 1 auto;min-width:0}
  .ok-slot.sel{transform:translateY(-6px)}
  #act-bar{top:calc(60px + env(safe-area-inset-top))}
}
/* ===== 6.0: Giri / kayt ===== */
.auth.v6{background:#030206;padding:24px 16px;align-items:center}
.auth.v6 .blob{display:none}
.auth-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.auth-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:authF 16s ease-in-out infinite alternate}
.auth-bg i:nth-child(1){width:520px;height:520px;left:-120px;top:-160px;background:#7c5cff55}
.auth-bg i:nth-child(2){width:420px;height:420px;right:-120px;bottom:-140px;background:#2b0a9d66;animation-delay:-5s}
.auth-bg i:nth-child(3){width:300px;height:300px;left:45%;top:40%;background:#2f7cff26;animation-delay:-9s}
.auth-gridl{position:absolute;inset:0;background-image:linear-gradient(#ae9eff0a 1px,transparent 1px),linear-gradient(90deg,#ae9eff0a 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}
@keyframes authF{to{transform:translate(40px,30px) scale(1.08)}}
.auth-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:48px;align-items:center;width:min(1060px,100%)}
.auth-brand{color:var(--tx);display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.auth-logo,.auth-mlogo{display:inline-flex;align-items:center;gap:10px;color:var(--tx);text-decoration:none}
.auth-logo img{width:44px;height:44px;border-radius:12px}.auth-logo b{font-size:1.5em;letter-spacing:-.02em}
.auth-brand h2{font-size:clamp(28px,3.4vw,44px);line-height:1.08;margin:6px 0 0;letter-spacing:-.03em}
.auth-brand h2 span{background:linear-gradient(90deg,#a594ff,#7c5cff 60%,#390fbf);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-brand>p{color:var(--tx2);max-width:440px;margin:0;line-height:1.55}
.auth-feat{list-style:none;margin:6px 0;padding:0;display:grid;gap:10px;width:100%;max-width:460px}
.auth-feat li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#0c0a12cc;border:1px solid #ae9eff14}
.auth-feat i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#7c5cff1f;color:var(--accent2);flex:none}.auth-feat i svg{width:20px;height:20px}
.auth-feat b{display:block;font-size:.95em}.auth-feat small{color:var(--tx3);font-size:.82em}
.auth.v6 .auth-card{max-width:none;background:#0c0a12e6;border:1px solid #ae9eff1f;border-radius:22px;box-shadow:0 30px 80px #000c,0 0 0 1px #00000066;padding:30px 30px 26px}
.auth.v6 .auth-grid{display:block}
.auth.v6 .auth-card h1{font-size:1.6em;margin:0 0 4px;letter-spacing:-.02em}
.auth.v6 .auth-card .input{height:46px;border-radius:12px;background:#060509;border-color:#ae9eff1c}
.auth.v6 .auth-card .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff26}
.auth.v6 .btn.lg{height:48px;border-radius:12px;font-weight:800;background:linear-gradient(180deg,#552bf0,#3c17c5);color:#ffffff}
.auth-mlogo{display:none;margin-bottom:14px}.auth-mlogo img{width:36px;height:36px;border-radius:10px}.auth-mlogo b{font-size:1.2em}
.auth.v6 .auth-home{display:none}
@media (max-width:900px){.auth-wrap{grid-template-columns:1fr;justify-items:center}.auth-brand{display:none}.auth-mlogo{display:inline-flex}.auth.v6 .auth-card{width:100%;max-width:460px;padding:24px 18px}}
/* Sunucu balnda davet dmesi */
#side-head{position:relative}
.srv-inv{position:absolute;right:42px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;background:#7c5cff1f;color:var(--accent2);border:1px solid #7c5cff44;font-weight:800;font-size:.8em;z-index:2}
.srv-inv svg{width:16px;height:16px}.srv-inv:hover{background:#7c5cff33}
.srv-head .srv-name{max-width:calc(100% - 120px)}
@media (max-width:820px),(pointer:coarse){.srv-inv{height:34px;padding:0 12px}}
.mn-av{display:grid;place-items:center;width:24px;height:24px}.mn-av .av{width:24px!important;height:24px!important}
.orb-ball .orb-ic{width:64px!important;height:64px!important}
.sk-d b .orb-ic{width:22px;height:22px}
#upd-bar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:14px;background:#100d1a;border:1px solid #7c5cff66;box-shadow:0 14px 40px #000c;width:max-content;max-width:calc(100vw - 20px)}
#upd-bar span{font-size:.9em}
.srv-inv{right:40px;padding:0 8px}.srv-inv span{display:none}
.srv-head .srv-name{max-width:calc(100% - 78px)}
@media (max-width:820px){.pf-edit{padding-bottom:110px}}
/* ===== 6.1: Okey  srkle brak, dzenli masa ===== */
.okey-ov,.okey-ov *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.okey-ov{touch-action:manipulation}
.ok-slot,.ok-pile,.ok-zone{touch-action:none;cursor:pointer}
.ok-slot:has(.otl){cursor:grab}
.ok-ghost{position:fixed!important;left:0;top:0;z-index:9999;pointer-events:none;box-shadow:0 18px 30px #000c,0 0 0 2px #a594ff!important;opacity:.96;transition:none}
.ok-slot.dragging .otl,.ok-zone.dragging .otl,.ok-pile.dragging .otl{opacity:.25}
.ok-slot.over{outline:2px dashed #a594ff;outline-offset:1px;background:#7c5cff22}
.ok-hand-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.ok-mid{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.ok-mid .ok-status{width:100%}
.ok-zone{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:14px;border:2px dashed #ffffff22;background:#0005;min-width:68px}
.ok-zone small{font-size:.68em;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tx3)}
.ok-zone .otl{--tw:40px}
.ok-zone.take{border-color:#a594ff;background:#7c5cff14;box-shadow:0 0 0 3px #7c5cff33}.ok-zone.take small{color:var(--accent2)}
.ok-zone.drop.on{border-color:#f5b400;background:#f5b4001a}.ok-zone.drop.on small{color:#ffd76b}
.ok-zone.over{background:#f5b40033!important;transform:scale(1.04)}
.ok-pile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:14px}
.ok-pile .otl{--tw:44px}
.ok-pile small{font-size:.68em;font-weight:800;color:#ffd76b}
.ok-pile.fin{border-color:#f5b40088}.ok-pile.over{background:#f5b40033}
.ok-pile.take{border-color:#a594ff;background:#7c5cff14}
.ok-table{min-height:260px}
.ok-seat .ok-disc{padding:3px;border:0}
.ok-seat .ok-disc .otl{--tw:34px}
.ok-ind .otl{--tw:40px}
.ok-rack{padding:10px 10px 6px}
.ok-slot{border-radius:7px}
.ok-slot:empty{background:#00000026;box-shadow:inset 0 2px 4px #0004}
@media (max-width:720px){
  .ok-hand-row{gap:6px}.ok-zone{min-width:56px;padding:6px}.ok-zone .otl{--tw:34px}
  .ok-mid .ok-pl{display:none}.ok-mid .ok-status{font-size:.82em;padding:8px 6px}
  .ok-table{min-height:220px;padding:10px 6px}.ok-pile .otl{--tw:38px}
}
/* ===== 6.1: Satran  sade, net tahta; srkle-brak; yaknlatrma yok ===== */
.chess-ov,.chess-ov *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.chess-ov{touch-action:manipulation}
.chess-ov .ch-box{width:min(620px,100%)}
.chx{display:flex;flex-direction:column;gap:8px;align-items:stretch;width:min(560px,100%);margin:0 auto}
.ch-board{width:100%!important;max-width:min(560px,calc(100dvh - 260px));min-width:0!important;margin:0 auto;touch-action:none;border-radius:6px!important;box-shadow:0 0 0 4px #2a1d10,0 12px 30px #000a!important}
.chs{transition:none!important;cursor:default}
.chs.mine{cursor:grab}
.chs.l{background:#ebecd0!important}.chs.d{background:#528595!important}
.chs.last.l{background:#f5f682!important}.chs.last.d{background:#b9ca43!important}
.chs.sel{box-shadow:inset 0 0 0 4px #f5c400!important}
.chs.over{box-shadow:inset 0 0 0 4px #fff!important}
.chs.tg::after{width:30%;height:30%;background:#00000030}
.chs.cap::after{border:6px solid #00000030;inset:4%}
.chs.l em{color:#528595}.chs.d em{color:#ebecd0}
.chs .pc{font-size:min(9.2vw,58px)!important;line-height:1;pointer-events:none}
.ch-ghost{position:fixed!important;left:0;top:0;z-index:9999;pointer-events:none;line-height:1;filter:drop-shadow(0 8px 10px #000a)}
.ch-ghost.w{color:#fff;-webkit-text-stroke:1.2px #222}.ch-ghost.b{color:#111;-webkit-text-stroke:.6px #555}
.chx-pl{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#0d0b13;border:1px solid #ffffff10;min-height:46px}
.chx-pl.turn{border-color:#7c5cff77;background:#110f1d}
.chx-who{display:flex;flex-wrap:wrap;gap:6px;min-width:0;flex:1}
.chx-cap{display:flex;align-items:center;font-size:18px;line-height:1;letter-spacing:-3px;color:#cfd8d3;max-width:45%;overflow:hidden}
.chx-cap.w{color:#fff;-webkit-text-stroke:.6px #333}.chx-cap.b{color:#222;-webkit-text-stroke:.4px #888}
.chx-cap em{font-style:normal;font-size:.72em;letter-spacing:0;color:var(--tx2);margin-left:6px;-webkit-text-stroke:0}
.chx-turn{font-size:.7em;font-weight:800;background:var(--accent);color:var(--on-accent);padding:2px 8px;border-radius:99px}
.chx-moves{display:flex;gap:10px;overflow-x:auto;white-space:nowrap;padding:8px 10px;border-radius:10px;background:#ffffff06;font-family:var(--mono);font-size:.82em;scrollbar-width:none}
.chx-moves em{color:var(--tx3);font-style:normal;margin-right:3px}
.ch-status{align-self:center}.ch-status.chk{background:#f2545b26!important;color:#ff8f94!important}
@media (max-width:720px){.ch-board{max-width:100%}.chs .pc{font-size:11vw!important}}
/* Profil bayra (herkes grr) */
.pf-banner.flag{position:relative;overflow:hidden;background:#111}
.pf-flag{position:absolute;inset:-8%;animation:bgfWave 9s ease-in-out infinite alternate}
.pf-flag svg{width:100%;height:100%;display:block}
.pf-flag i{position:absolute;inset:-20%;background:repeating-linear-gradient(100deg,transparent 0 8%,#ffffff2a 12%,transparent 16%,#0000003a 22%,transparent 28%);animation:bgfSheen 6s linear infinite}
.pf-flagchip{position:absolute;right:12px;top:12px;width:38px;height:26px;border-radius:5px;overflow:hidden;box-shadow:0 2px 8px #0008;z-index:2}
.pf-flagchip svg{width:100%;height:100%;display:block}
.profile{position:relative}
.flag-grid.sm{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}
html.reduce-motion .pf-flag,html.reduce-motion .pf-flag i{animation:none}
.ok-slot .otl.fake i,.ok-zone .otl.fake i,.ok-disc .otl.fake i{display:none}.ok-slot .otl.fake b{font-size:clamp(16px,3vw,26px)}
/* Bayrakl profil temalar: kartn tamam bayrak, stnde hafif dalga parlts */
.profile[class*="pbg-f_"]::before,.pbg-prev[class*="pbg-f_"]::before,.pbp[class*="pbg-f_"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(100deg,transparent 0 8%,#ffffff26 12%,transparent 16%,#00000033 22%,transparent 28%);background-size:200% 100%;animation:flagSheen 7s linear infinite}
.profile[class*="pbg-f_"] .pf-banner{opacity:.0;height:96px}
.profile[class*="pbg-f_"] .pf-body{background:color-mix(in srgb,var(--bg0) 72%,transparent)!important}
.pbg-prev[class*="pbg-f_"],.pbp[class*="pbg-f_"]{position:relative;isolation:isolate;overflow:hidden}
@keyframes flagSheen{from{background-position:0 0}to{background-position:-200% 0}}
html.reduce-motion [class*="pbg-f_"]::before{animation:none}
/* Mobil alt sayfalar (popout) tam genilik */
.popout.sheet{width:100%!important;max-width:100vw;padding-bottom:env(safe-area-inset-bottom)}
.popout.sheet>*{width:100%!important;max-width:none!important}
.popout.sheet .pc-mini{width:100%}
.popout.sheet .pc-banner{height:96px}
.popout.sheet .menu-list button{min-height:48px;font-size:1.02em}
/* Grseller: yklenirken iskelet, yklenince yumuak grnm */
.att-img img,.msg-img img,.m-att img{background:#120f18}
.av.av-err{background:#272433!important}.av.av-err::after{content:'';}

/* ===================== 6.3  3D Okey & Satran masalar ===================== */
/* Ortak: oda / masa arka plan */
.okey-ov,.chess-ov{background:radial-gradient(120% 70% at 50% 0%,#3a2617 0%,#1d120a 55%,#0d0805 100%)!important}
.game-ov .ok-box.ok3d,.game-ov .chess-ov .ch-box,.chess-ov .ch-box{background:linear-gradient(180deg,#2a1b10f2,#150d07f7)!important;border:1px solid #ffd9a71f!important;box-shadow:0 30px 80px #000c!important}
.g-pill{height:30px;padding:0 12px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff1f;color:#ffe9c9;font-weight:800;font-size:.8em;letter-spacing:.04em}
.g-pill:hover{background:#ffffff22}
.ok3d .g-top b,.chess-ov .g-top b{color:#ffe9c9}
.ok3d .g-mode,.chess-ov .g-mode{background:#ffffff10!important;color:#f5d7a8!important;border:0!important}

/* ---------- Okey ta: kalnl olan fildii ta ---------- */
.ok3d .otl{background:linear-gradient(170deg,#fffefa 0%,#f6efdc 55%,#e9dfc4 100%);border-radius:5px;
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 3px #d9cba5,0 2px 0 #d3c49c,0 3px 0 #b7a67a,0 5px 7px #0007;position:relative}
.ok3d .otl b{text-shadow:0 1px 0 #fff8;letter-spacing:-.04em}
.ok3d .otl.back{background:linear-gradient(170deg,#f3ead2,#ddd0ac);box-shadow:inset 0 1px 0 #fff,0 2px 0 #c8b88e,0 3px 0 #a99772,0 5px 6px #0007}
.ok3d .otl.back::before{content:"";position:absolute;inset:22% 22%;border-radius:4px;border:2px solid #c3a978;opacity:.6}
.ok3d .otl.is-empty{background:#0000002e;box-shadow:inset 0 0 0 1.5px #ffffff26}
.ok3d .otl.wild{box-shadow:inset 0 1px 0 #fff,0 2px 0 #d3c49c,0 3px 0 #b7a67a,0 0 0 2px #7c5cff,0 6px 14px #7c5cff66}

/* ---------- Sahne: perspektifli masa ---------- */
.ok-box.ok3d{display:flex;flex-direction:column;gap:8px;width:min(1080px,100%)!important}
.ok-scene{position:relative;height:clamp(260px,calc(100dvh - 480px),500px);margin:2px 0 26px;isolation:isolate}
.ok-felt{position:absolute;inset:0 1% 0;transform:perspective(1100px) rotateX(17deg);transform-origin:50% 100%;border-radius:34px;z-index:-1;
  background:linear-gradient(90deg,var(--rimA),var(--rimB) 8%,var(--rimC) 50%,var(--rimB) 92%,var(--rimA));box-shadow:0 26px 0 var(--rimD),0 40px 50px #000c}
.ok-felt i{position:absolute;inset:16px;border-radius:22px;background:var(--pat,none),radial-gradient(70% 60% at 50% 45%,var(--feltA) 0%,var(--feltB) 45%,var(--feltC) 100%);
  box-shadow:inset 0 0 0 2px #0006,inset 0 10px 30px #0008,inset 0 -6px 18px #0005}
.ok-felt i::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.18;background:repeating-linear-gradient(45deg,#fff1 0 2px,transparent 2px 5px)}

/* Rakip koltuklar: staka arkas + isim + att ta + ay */
.ok3d .ok-seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:2}
.ok3d .ok-seat.top{top:2%;left:50%;transform:translateX(-50%) scale(.9)}
.ok3d .ok-seat.left{left:2%;top:26%}
.ok3d .ok-seat.right{right:2%;top:26%}
.ok-rk{width:150px;height:22px;border-radius:5px 5px 3px 3px;position:relative;
  background:linear-gradient(180deg,#a8703f,#7a4b24 60%,#5d371a);box-shadow:0 5px 0 #3e2411,0 10px 14px #0009,inset 0 1px 0 #ffffff33}
.ok-rk::before,.ok-rk::after{content:"";position:absolute;top:-4px;bottom:-5px;width:9px;border-radius:3px;background:linear-gradient(#f1c48f,#c9925b)}
.ok-rk::before{left:-6px}.ok-rk::after{right:-6px}
.ok-rk-t{position:absolute;left:6px;right:6px;top:-6px;height:7px;display:flex;gap:1px;justify-content:center}
.ok-rk-t i{flex:0 1 9px;border-radius:2px 2px 0 0;background:linear-gradient(#fffaf0,#e3d7b8);box-shadow:0 -1px 0 #0002}
.ok3d .ok-seat.left .ok-rk,.ok3d .ok-seat.right .ok-rk{width:118px}
.ok3d .ok-seat.turn .ok-rk{box-shadow:0 5px 0 #3e2411,0 0 0 3px #a594ff88,0 10px 24px #7c5cff55}
.ok3d .ok-pl{background:#0b0805d9;border-color:#ffffff1c;backdrop-filter:blur(4px)}
.ok3d .ok-seat .ok-disc{position:absolute;top:72px;left:calc(100% - 22px);padding:0}
.ok3d .ok-seat.left .ok-disc{left:auto;right:-40px;top:20px}.ok3d .ok-seat.right .ok-disc{left:-40px;top:20px}
.ok3d .ok-disc .otl{--tw:34px;transform:perspective(300px) rotateX(18deg)}
.ok3d .ok-seat .ok-tea{position:absolute;right:-34px;top:-6px}
.ok3d .ok-seat.right .ok-tea{right:auto;left:-28px;top:auto;bottom:-46px}
.ok3d .ok-seat.left .ok-tea{right:-28px;top:auto;bottom:-46px}

/* Orta: deste yn + gsterge */
.ok3d .ok-center{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;gap:26px;z-index:2}
.ok3d .ok-pile{padding:6px 8px 4px;border:2px dashed transparent;border-radius:14px;background:none}
.ok-stack{position:relative;width:46px;height:calc(46px * 1.38 + 6 * 4px)}
.ok-stack .otl{--tw:46px;position:absolute;left:0;bottom:calc(var(--k) * 4px)}
.ok3d .ok-pile em{position:absolute;right:-12px;top:-10px;z-index:3;background:#0b0805;color:#ffd76b;border:1px solid #ffd76b55}
.ok3d .ok-pile small{display:block;text-align:center;margin-top:4px;color:#ffd76b;font-size:.68em;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ok3d .ok-pile.take{border-color:#a594ff;background:#7c5cff1a;box-shadow:0 0 0 4px #7c5cff26;cursor:grab}
.ok3d .ok-pile.take small{color:#a594ff}
.ok3d .ok-pile.fin{border-color:#f5b40099}
.ok3d .ok-ind{display:flex;flex-direction:column;align-items:center;gap:6px}
.ok3d .ok-ind .otl{--tw:42px;transform:perspective(300px) rotateX(16deg) rotate(-6deg)}
.ok3d .ok-ind small{background:#0b0805c9;padding:3px 9px;border-radius:99px;color:#f2e6cf;font-size:.72em;white-space:nowrap}

/* Alt keler: soldan al / at */
.ok3d .ok-zone{position:absolute;bottom:5%;z-index:3;background:#0b08058c;border:2px dashed #ffffff30;border-radius:14px;padding:6px 10px 8px}
.ok3d .ok-zone.left{left:5%}.ok3d #ok-mydisc{right:5%}
.ok3d .ok-zone .otl{--tw:40px}
.ok3d .ok-zone small{color:#e9d9bd}
.ok3d .ok-zone.take{border-color:#a594ff;background:#0f3a24d9}
.ok3d .ok-zone.drop.on{border-color:#ffc94d;background:#3a2a08d9;box-shadow:0 0 0 4px #ffc94d22}
.ok3d .ok-zone.over{transform:scale(1.07);background:#5a4210e6!important}

/* ay barda */
.ok-tea{width:30px;height:41px;display:block;filter:drop-shadow(0 4px 4px #0008);pointer-events:none}
.ok-tea svg{width:100%;height:100%;display:block;overflow:visible}
.ok-tea.sm{width:24px;height:33px}
.ok-tea-liq{transform:translateY(calc(var(--lv,0) * 9px));transition:transform .5s ease}
button.ok-tea{position:absolute;bottom:7%;left:calc(5% + 76px);z-index:3;background:none;border:0;padding:0;width:36px;height:49px;cursor:pointer;pointer-events:auto;transform-origin:50% 90%}
button.ok-tea.sip{animation:okSip .65s ease}
@keyframes okSip{40%{transform:translateY(-14px) rotate(-22deg)}100%{transform:none}}
button.ok-tea::after{content:"";position:absolute;left:30%;top:-12px;width:6px;height:14px;border-radius:50%;background:linear-gradient(#fff0,#fff5);filter:blur(2px);opacity:calc(1 - var(--lv,0) * .3)}

/* Kazanan el */
.ok3d .ok-reveal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#0b0805ee;border:1px solid #f5b40066;border-radius:16px;padding:10px 12px;max-width:94%;box-shadow:0 20px 40px #000c}
.ok3d .ok-reveal .otl{--tw:28px}

/* Durum ubuu */
.ok-bar{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:14px;background:#0b0805b3;border:1px solid #ffffff12}
.ok-bar .ok-status{flex:1;background:none;border:0;padding:4px 6px;text-align:center}
.ok-bar.my{border-color:#a594ff55;box-shadow:0 0 0 3px #7c5cff1c}

/* ---------- Senin stakan: 3D ahap, iki raf ---------- */
.ok3d .ok-rack{position:relative;padding:0;background:none;box-shadow:none;border-radius:0;overflow:visible;margin:4px 6px 4px}
.ok-rack-in{position:relative;padding:10px 14px 4px;border-radius:12px 12px 6px 6px;transform:perspective(1100px) rotateX(10deg);transform-origin:50% 100%;
  background:linear-gradient(180deg,var(--rackA) 0%,var(--rackB) 40%,var(--rackC) 100%);
  box-shadow:inset 0 2px 0 #ffffff2e,0 9px 0 var(--rackD),0 10px 0 #3a200d,0 22px 30px #000c}
.ok-rack-in::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.22;
  background:repeating-linear-gradient(90deg,transparent 0 9px,#00000033 9px 10px,transparent 10px 23px,#ffffff14 23px 24px)}
.ok-rack-in::after{content:"";position:absolute;left:-8px;right:-8px;top:2px;bottom:-9px;border-radius:12px;pointer-events:none;z-index:-1;
  background:linear-gradient(90deg,var(--cap) 0 10px,transparent 10px calc(100% - 10px),var(--cap) calc(100% - 10px))}
.ok3d .ok-row{position:relative;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;min-width:0;padding:0 0 7px;margin-bottom:6px;border:0}
.ok3d .ok-row::after{content:"";position:absolute;left:-6px;right:-6px;bottom:0;height:8px;border-radius:2px;
  background:linear-gradient(180deg,var(--lip),var(--rackA) 60%,var(--rackC));box-shadow:0 3px 4px #0007}
.ok3d .ok-slot{position:relative;z-index:1;border-radius:5px}
.ok3d .ok-slot:empty{background:#00000024;box-shadow:inset 0 2px 4px #0004}
.ok3d .ok-slot .otl b{font-size:clamp(13px,2.4vw,24px)}
.ok3d .ok-slot.sel{transform:translateY(-12px)}
.ok3d .ok-slot.sel .otl{box-shadow:inset 0 1px 0 #fff,0 2px 0 #d3c49c,0 3px 0 #b7a67a,0 0 0 3px #a594ff,0 16px 18px #000a!important}
.ok3d .ok-rack.can-discard .ok-slot.sel .otl{box-shadow:inset 0 1px 0 #fff,0 2px 0 #d3c49c,0 3px 0 #b7a67a,0 0 0 3px #ffc94d,0 16px 18px #000a!important}
.ok3d .ok-slot.fresh .otl{box-shadow:inset 0 1px 0 #fff,0 2px 0 #d3c49c,0 3px 0 #b7a67a,0 0 0 2px #a594ff,0 5px 7px #0007}
.ok3d .ok-slot.over{outline:2px dashed #ffe3a1;outline-offset:1px;background:#ffd76b26}
.ok3d .ok-slot.dragging .otl{opacity:.2}
/* Elde tutulan ta */
.ok-ghost{transition:none!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d3c49c,0 3px 0 #b7a67a,0 26px 30px #000b,0 0 0 2px #ffffffaa!important;border-radius:6px;z-index:9999}

.ok3d .g-acts{margin-top:4px}
.ok3d .ok-log{color:#d7c7ab}
.ok3d .ok-teams span{background:#0b0805b3}

@media (max-width:720px){
  .ok-box.ok3d{gap:6px;padding:8px 6px calc(8px + env(safe-area-inset-bottom))!important}
  .ok-scene{height:clamp(300px,calc(100dvh - 350px),540px);margin-bottom:20px}
  .ok-felt{transform:perspective(900px) rotateX(13deg);border-radius:26px;inset:0 0 0;box-shadow:0 16px 0 var(--rimD),0 26px 30px #000c}
  .ok3d .ok-seat.top{top:3%}
  .ok3d .ok-seat.left .ok-pl b,.ok3d .ok-seat.right .ok-pl b{font-size:.8em}.ok3d .ok-seat.left .ok-pl small,.ok3d .ok-seat.right .ok-pl small{font-size:.66em}
  .ok-felt i{inset:11px;border-radius:18px}
  .ok-rk{width:104px;height:16px}.ok-rk-t{top:-5px;height:6px}
  .ok3d .ok-seat.left .ok-rk,.ok3d .ok-seat.right .ok-rk{width:70px}
  .ok3d .ok-seat.left,.ok3d .ok-seat.right{top:24%}
  .ok3d .ok-seat.left .ok-pl,.ok3d .ok-seat.right .ok-pl{flex-direction:column;border-radius:14px;padding:5px 6px;text-align:center;max-width:86px}
  .ok3d .ok-seat .ok-disc{top:58px}
  .ok3d .ok-seat.left .ok-disc{right:-30px;top:56px;left:auto}.ok3d .ok-seat.right .ok-disc{left:-30px;top:56px}
  .ok3d .ok-disc .otl{--tw:28px}
  .ok3d .ok-seat.top .ok-tea{right:-26px}
  .ok3d .ok-seat.left .ok-tea,.ok3d .ok-seat.right .ok-tea{display:none}
  .ok3d .ok-center{gap:16px;top:46%}
  .ok-stack{width:38px;height:calc(38px * 1.38 + 6 * 3px)}.ok-stack .otl{--tw:38px;bottom:calc(var(--k) * 3px)}
  .ok3d .ok-ind .otl{--tw:36px}
  .ok3d .ok-zone{bottom:4%;padding:4px 7px 6px}.ok3d .ok-zone.left{left:3%}.ok3d #ok-mydisc{right:3%}
  .ok3d .ok-zone .otl{--tw:34px}
  button.ok-tea{left:calc(3% + 62px);width:30px;height:41px;bottom:6%}
  .ok-bar{padding:4px 6px}.ok-bar .ok-pl{display:none}.ok-bar .ok-status{font-size:.88em}
  .ok3d .ok-rack{margin:2px 0 2px}
  .ok-rack-in{padding:8px 8px 2px;transform:perspective(700px) rotateX(9deg)}
  .ok-rack-in::after{left:-5px;right:-5px;background:linear-gradient(90deg,var(--cap) 0 6px,transparent 6px calc(100% - 6px),var(--cap) calc(100% - 6px))}
  .ok3d .ok-row{gap:2px;padding-bottom:6px;margin-bottom:5px}
  .ok3d .ok-row::after{left:-4px;right:-4px;height:6px}
  .ok3d .otl b{font-size:clamp(11px,3.8vw,18px)}
  .ok3d .ok-slot .otl i{width:4px;height:4px}
  .ok3d .ok-slot.sel{transform:translateY(-8px)}
}
@media (max-width:720px) and (orientation:landscape){
  .ok-scene{height:max(200px,calc(100dvh - 230px))}
}

/* ---------- Satran: 3D masa sahnesi ---------- */
.chess-ov .ch-box{width:min(720px,100%)!important}
.chx{width:min(640px,100%)!important}
.ch-stage{--tilt:30deg;position:relative;padding:14% 0 6%;margin:0 -4px;perspective:1200px;perspective-origin:50% 0%;
  background:radial-gradient(90% 70% at 50% 50%,#b47a45 0%,#8d5a2e 55%,#5d3a1c 100%);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -30px 60px #0005;overflow:hidden}
.ch-stage::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.25;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 22px,#00000030 22px 23px,transparent 23px 51px,#ffffff12 51px 52px)}
.ch-frame{position:relative;width:min(84%,calc(100dvh - 330px));margin:0 auto;transform:rotateX(var(--tilt));transform-origin:50% 60%;transform-style:preserve-3d;padding:5.2%;border-radius:10px;
  background:linear-gradient(135deg,#3b3f47 0%,#252930 35%,#4a4f58 50%,#22262c 70%,#3a3e46 100%);
  box-shadow:0 14px 0 #121418,0 16px 0 #0b0c0e,0 40px 50px #000b,inset 0 1px 0 #ffffff22}
.ch-frame::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.5;
  background:radial-gradient(40% 20% at 20% 15%,#ffffff22,transparent),radial-gradient(30% 25% at 80% 85%,#ffffff18,transparent),repeating-linear-gradient(115deg,transparent 0 30px,#ffffff10 30px 31px,transparent 31px 70px)}
.ch-frame::after{content:"";position:absolute;left:32%;right:32%;bottom:0;height:5.2%;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#d7d9dd,#f4f5f7 50%,#cfd2d7);opacity:.9;pointer-events:none}
.ch-stage .ch-board{position:relative;transform-style:preserve-3d;width:100%!important;max-width:none!important;border-radius:2px!important;overflow:visible!important;
  box-shadow:0 0 0 3px #15171b!important}
.ch-stage .chs{transform-style:preserve-3d;overflow:visible}
.ch-stage .chs.l{background:linear-gradient(135deg,#efe3c8,#e2d2b0)!important}
.ch-stage .chs.d{background:linear-gradient(135deg,#7d6450,#5e4838)!important}
.ch-stage .chs.l em{color:#7d6450}.ch-stage .chs.d em{color:#efe3c8}
.ch-stage .chs.last.l{background:linear-gradient(135deg,#f3e39a,#e6cf7a)!important}.ch-stage .chs.last.d{background:linear-gradient(135deg,#a58a48,#86703a)!important}
.ch-stage .chs.sel{box-shadow:inset 0 0 0 3px #e5322d,inset 0 0 0 5px #e5322d55!important}
.ch-stage .chs.tg{box-shadow:inset 0 0 0 3px #3ad15a!important}
.ch-stage .chs.tg::after{background:#3ad15a66!important;width:26%!important;height:26%!important}
.ch-stage .chs.cap{box-shadow:inset 0 0 0 3px #3ad15a,inset 0 0 0 6px #3ad15a44!important}
.ch-stage .chs.cap::after{display:none}
.ch-stage .chs.over{box-shadow:inset 0 0 0 4px #fff!important}
/* Talar: tahta yatk, talar dik durur */
.chs .pc svg{width:100%;height:100%;display:block;overflow:visible}
.chs .pc.w svg use,.ch-ghost.w svg use,.ch-promo .pc.w use{fill:url(#chgW);stroke:#6b5634;stroke-width:1.6}
.chs .pc.b svg use,.ch-ghost.b svg use,.ch-promo .pc.b use{fill:url(#chgB);stroke:#000;stroke-width:1.6}
.ch-stage .chs .pc{position:absolute!important;left:6%;right:6%;bottom:10%;height:140%;width:auto;font-size:0!important;pointer-events:none;
  transform-origin:50% 100%!important;transform:rotateX(calc(var(--tilt) * -1))!important;filter:drop-shadow(0 3px 2px #0008)!important}
.ch-stage .chs .pc::before{content:"";position:absolute;left:12%;right:12%;bottom:-6%;height:16%;border-radius:50%;background:radial-gradient(#000a,transparent 70%);z-index:-1}
.ch-stage.flat{--tilt:0deg;padding:5% 0}
.ch-stage.flat .chs .pc{height:92%;bottom:4%}
.ch-stage.flat .chs .pc::before{display:none}
.ch-stage.flat .ch-frame{width:min(92%,calc(100dvh - 300px))}
.ch-ghost{width:56px;height:78px;filter:drop-shadow(0 16px 14px #000b)!important;font-size:0!important}
.ch-ghost svg{width:100%;height:100%}
.ch-promo button{background:#efe3c8!important}
.ch-promo .pc{display:block;width:44px;height:58px}.ch-promo .pc svg{width:100%;height:100%}
.ch-cup{position:absolute;pointer-events:none;filter:drop-shadow(0 6px 6px #0009)}
.ch-cup.a{right:3%;bottom:3%;width:74px}
.ch-cup.b{left:3%;top:4%;width:28px}
.ch-cup svg{width:100%;height:auto;display:block}
.chx-pl{background:#0b0805c9!important;border-color:#ffffff14!important}
.chx-pl.turn{border-color:#ffd76b88!important;box-shadow:0 0 0 3px #ffd76b1c}
.chx-turn{background:#ffd76b!important;color:#2a1b06!important}
.ch-status.my{background:#ffd76b22!important;color:#ffe3a1!important}
.chx-moves{background:#0b080599!important}
@media (max-width:720px){
  .ch-stage{--tilt:24deg;padding:16% 0 5%;margin:0;border-radius:14px}
  .ch-frame{width:94%;padding:4.5%}
  .ch-stage.flat .ch-frame{width:96%}
  .ch-cup.a{width:52px;right:1%;bottom:1%}.ch-cup.b{display:none}
  .chess-ov .ch-box{padding:8px 6px calc(10px + env(safe-area-inset-bottom))!important}
}
/* 3D'de ayn dzlemdeki tahta/ereve isabet testini kareden almasn */
.ch-stage .ch-frame,.ch-stage .ch-board{pointer-events:none}
.ch-stage .chs{pointer-events:auto}

/* ===================== 6.3  Dil seici ===================== */
.lang-flag{width:30px;height:20px;border-radius:4px;flex:none;box-shadow:0 0 0 1px #ffffff1f,0 2px 6px #0006;display:block}
.lang-list{display:flex;flex-direction:column;border-radius:16px;background:var(--bg2,#14181a);border:1px solid var(--line);overflow:hidden;margin-top:8px}
.lang-row{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;transition:background .12s;position:relative}
.lang-row+.lang-row::before{content:"";position:absolute;left:60px;right:0;top:0;height:1px;background:var(--line)}
.lang-row:hover{background:#ffffff08}
.lang-row.on{background:#7c5cff12}
.lang-nm{display:flex;flex-direction:column;flex:1;min-width:0}.lang-nm b{font-size:1em;font-weight:700}.lang-nm small{color:var(--tx3);font-size:.84em}
.lang-row .radio{width:22px;height:22px;border-radius:50%;border:2px solid #ffffff55;flex:none;position:relative}
.lang-row .radio.on{border-color:var(--accent)}.lang-row .radio.on::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--accent);color:var(--on-accent)}
.modal .lang-list{max-height:min(62vh,560px);overflow:auto;margin:0}
.auth-lang{position:fixed;top:14px;right:14px;z-index:5;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:99px;background:#0b120ecc;border:1px solid #ffffff1c;color:var(--tx1);font-weight:700;font-size:.86em;backdrop-filter:blur(8px)}
.auth-lang .lang-flag{width:24px;height:16px}
.auth-lang:hover{background:#13201acc}
html.rtl-text .mtext,html.rtl-text .lang-nm,html.rtl-text p,html.rtl-text h1,html.rtl-text h2,html.rtl-text h3,html.rtl-text b,html.rtl-text small,html.rtl-text span{unicode-bidi:plaintext}

/* ===================== 6.3  Anlk medya ===================== */
.viewer .vw-th{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:blur(.4px);z-index:0}
.viewer .vw-full{opacity:0;transition:opacity .18s ease;position:relative;z-index:1}
.viewer .vw-full.in{opacity:1}
.att-img,.att-vid{background:linear-gradient(100deg,#ffffff08 30%,#ffffff14 50%,#ffffff08 70%) 0 0/300% 100%;animation:mediaShim 1.4s linear infinite}
.att-img.loaded,.att-vid.loaded{animation:none;background:none}
.att-vid video{display:block;width:100%;height:100%;background:#000}
@keyframes mediaShim{from{background-position:100% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.att-img,.att-vid{animation:none}}

/* ===================== 6.3  Mobil sunucu sayfas (afi + hzl ilemler) ===================== */
#ctx.srv-sheet{padding-top:0!important;overflow-x:hidden}
#ctx.srv-sheet .ctx-grab{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:3;background:#ffffffaa}
#ctx.srv-sheet .ctx-grp:first-of-type,#ctx.srv-sheet .ctx-grab+.ctx-grp{background:none!important;border:0!important;padding:0!important;margin:0 -12px 6px!important;box-shadow:none!important}
.ssh{position:relative;display:flex;flex-direction:column}
.ssh-ban{height:150px;background:linear-gradient(135deg,#0f3b25,#7c5cff55 60%,#0b2a1a) center/cover;border-radius:22px 22px 0 0}
.ssh-ic{margin:-38px 0 0 18px;width:76px;height:76px;border-radius:22px;padding:4px;background:var(--bg1,#0b0f0d);position:relative;z-index:1}
.ssh-ic>*{width:100%!important;height:100%!important;border-radius:18px!important;font-size:1.25em!important;display:grid!important;place-items:center!important;text-align:center}
.ssh-b{padding:10px 18px 0}
.ssh-b h3{margin:0;font-size:1.35em;font-weight:800;line-height:1.2}
.ssh-b p{margin:6px 0 0;color:var(--tx2);font-size:.92em;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ssh-mc{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:99px;background:#ffffff0d;color:var(--tx2);font-size:.8em;font-weight:700}
.ssh-mc i{width:8px;height:8px;border-radius:50%;background:var(--accent);color:var(--on-accent)}
.ssh-acts,#ctx .ssh-acts{display:flex;justify-content:space-around;gap:6px;padding:16px 12px 6px}
#ctx .ssh-acts button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;background:none!important;border:0!important;color:var(--tx2)!important;font-size:.8em!important;font-weight:600;flex:1 1 0!important;min-width:0!important;padding:0!important;height:auto!important;text-align:center;white-space:nowrap}
#ctx .ssh-acts button span{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ssh-acts button i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--bg3,#1a2420);color:var(--tx1)}
.ssh-acts button i svg{width:22px;height:22px}
.ssh-acts button:first-child i{color:#ff73fa}
.ssh-acts button:active i{transform:scale(.94)}
.ssh-ic>span{background:linear-gradient(135deg,#25d07a,#0e8f50)!important;color:#03140b;font-weight:900}

/* ===================== 6.4  Masa/tahta temalar, oturan oyuncular, el ===================== */
.ok3d{--rimA:#5b3519;--rimB:#8a5a30;--rimC:#a46c3b;--rimD:#3a2110;--feltA:#1d7a47;--feltB:#13603a;--feltC:#0b4228;--rackA:#9a6334;--rackB:#7d4c24;--rackC:#6a3d1c;--rackD:#4a2a12;--lip:#c48a52;--cap:#f0c48f}
.ok3d.okt-kahve{--rimA:#2e1a0e;--rimB:#4b2c16;--rimC:#5e381d;--rimD:#1d1008;--feltA:#9b2335;--feltB:#6b1420;--feltC:#3a0a11;--rackA:#6e3f1d;--rackB:#552f14;--rackC:#43240f;--rackD:#2c170a}
.ok3d.okt-cayevi{--rimA:#7a4f26;--rimB:#a0703e;--rimC:#b98450;--rimD:#55361a;--feltA:#ffffff;--feltB:#f3ebdf;--feltC:#d9cfc0;--pat:repeating-conic-gradient(#c62f37e6 0 25%,#0000 0 50%) 0 0/44px 44px}
.ok3d.okt-gece{--rimA:#0d0d10;--rimB:#232328;--rimC:#34343b;--rimD:#050507;--feltA:#2457a6;--feltB:#163a72;--feltC:#0a1d3d;--rackA:#34343b;--rackB:#222227;--rackC:#151518;--rackD:#0a0a0c;--lip:#5a5a64;--cap:#9aa0ad}
.ok3d.okt-mermer{--rimA:#7d5e1c;--rimB:#b8912f;--rimC:#e2c26a;--rimD:#5a4310;--feltA:#fbfaf7;--feltB:#e6e2da;--feltC:#c9c3b8;--pat:repeating-linear-gradient(118deg,#0000 0 60px,#8a837a22 60px 62px,#0000 62px 140px),repeating-linear-gradient(32deg,#0000 0 90px,#8a837a1a 90px 91px,#0000 91px 200px);--cap:#e2c26a}
.ok3d.okt-abanoz{--rimA:#7a5a12;--rimB:#c9a03a;--rimC:#f0d27a;--rimD:#4a360a;--feltA:#3a3027;--feltB:#221c16;--feltC:#0f0c09;--pat:repeating-linear-gradient(90deg,#0000 0 38px,#d4af3714 38px 39px);--rackA:#2a221b;--rackB:#1c1611;--rackC:#120e0a;--rackD:#080604;--lip:#c9a03a;--cap:#f0d27a}
.ok3d.okt-cayevi .ok-felt i::after,.ok3d.okt-mermer .ok-felt i::after{opacity:0}
.ok3d.okt-cayevi .ok-ind small,.ok3d.okt-mermer .ok-ind small{background:#000b}
/* Oturan oyuncu */
.ok-person{position:relative;width:120px;height:96px;margin-bottom:-14px;pointer-events:none;flex:none}
.ok-head{position:absolute;top:0;left:50%;transform:translateX(-50%);width:46px;height:46px;border-radius:50%;overflow:hidden;z-index:2;display:grid;place-items:center;background:#1a2620;font-size:26px;
  box-shadow:0 0 0 3px #0007,0 8px 12px #0009}
.ok-head .av,.ok-head img{width:100%!important;height:100%!important;border-radius:50%}
.ok-head.speaking{box-shadow:0 0 0 3px #7c5cff,0 0 18px #7c5cff99}
.ok-head.is-empty{color:#fff8;font-weight:800}
.ok-torso{position:absolute;bottom:0;left:0;width:100%;height:auto;filter:drop-shadow(0 6px 8px #0008)}
.ok3d .ok-seat.turn .ok-head{box-shadow:0 0 0 3px #a594ff,0 0 22px #7c5cff}
.ok3d .ok-seat .ok-rk{z-index:3}
.ok3d .ok-seat .ok-pl{position:relative;z-index:4}
.ok3d .ok-seat .ok-pl .ok-av{display:none}
.ok3d .ok-seat.top{top:-1%}
.ok3d .ok-seat.left,.ok3d .ok-seat.right{top:16%}
.ok3d .ok-seat .ok-disc{top:96px}
.ok3d .ok-seat.top .ok-disc{left:calc(100% + 8px);top:70px}
.ok3d .ok-seat.left .ok-disc,.ok3d .ok-seat.right .ok-disc{top:96px}
.ch-cup{z-index:2}
/* Elde tutulan ta/tan stnde el */
.g-hand{position:absolute;left:46%;top:-26px;font-style:normal;font-size:34px;line-height:1;transform:rotate(-14deg);filter:drop-shadow(0 6px 6px #0008);pointer-events:none}
.ch-ghost{position:fixed}.ch-ghost .g-hand{top:-18px;left:40%;font-size:36px}
/* Tema mens */
.g-theme-pop{z-index:400!important}
.g-theme{display:flex;flex-direction:column;gap:2px;min-width:220px;padding:4px}
.g-theme h6{margin:4px 8px 6px;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.g-theme button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:none;border:0;color:var(--tx1);font-weight:600;text-align:left}
.g-theme button:hover{background:#ffffff0d}.g-theme button.on{background:#7c5cff1a;color:var(--accent2)}
.g-theme i{width:22px;height:22px;border-radius:6px;box-shadow:inset 0 0 0 1px #fff3,0 2px 4px #0006;flex:none}
/* Satran: kardaki rakip */
.ch-opp{position:absolute;top:1%;left:50%;transform:translateX(-50%);z-index:0;pointer-events:none}
.ch-opp .ok-person{width:110px;height:92px}
.ch-opp .ok-head{width:58px;height:58px}
.ch-stage.flat .ch-opp{display:none}
.ch-stage .ch-frame{z-index:1}
/* Satran temalar */
.ch-stage.cht-mermer{background:radial-gradient(90% 70% at 50% 50%,#4a4f58,#2a2d33 60%,#15171a)}
.ch-stage.cht-mermer .chs.l{background:radial-gradient(60% 50% at 30% 30%,#fff,#e4e4e6 70%,#d4d4d8)!important}
.ch-stage.cht-mermer .chs.d{background:radial-gradient(60% 50% at 30% 30%,#6c7079,#4a4d55 70%,#3a3d44)!important}
.ch-stage.cht-mermer .chs.l em{color:#4a4d55}.ch-stage.cht-mermer .chs.d em{color:#e4e4e6}
.ch-stage.cht-turnuva{background:radial-gradient(90% 70% at 50% 50%,#2c6b46,#174a2d 60%,#0b2818)}
.ch-stage.cht-turnuva .chs.l{background:#ebecd0!important}.ch-stage.cht-turnuva .chs.d{background:#739552!important}
.ch-stage.cht-turnuva .chs.l em{color:#739552}.ch-stage.cht-turnuva .chs.d em{color:#ebecd0}
.ch-stage.cht-turnuva .ch-frame{background:linear-gradient(135deg,#3b2a1a,#2a1d10 50%,#4a3420)}
.ch-stage.cht-abanoz{background:radial-gradient(90% 70% at 50% 50%,#3a2e25,#211913 60%,#0e0a07)}
.ch-stage.cht-abanoz .chs.l{background:linear-gradient(135deg,#f0d9b0,#ddc08e)!important}.ch-stage.cht-abanoz .chs.d{background:linear-gradient(135deg,#3a2f28,#221b16)!important}
.ch-stage.cht-abanoz .chs.l em{color:#3a2f28}.ch-stage.cht-abanoz .chs.d em{color:#f0d9b0}
.ch-stage.cht-abanoz .ch-frame{background:linear-gradient(135deg,#1a1512,#0c0a08 50%,#2a221c);box-shadow:0 14px 0 #050403,0 16px 0 #000,0 40px 50px #000b,inset 0 0 0 2px #c9a03a66}
.ch-stage.cht-buz{background:radial-gradient(90% 70% at 50% 50%,#2b4a6e,#18304d 60%,#0a1628)}
.ch-stage.cht-buz .chs.l{background:linear-gradient(135deg,#f2f7fb,#dbe7f1)!important}.ch-stage.cht-buz .chs.d{background:linear-gradient(135deg,#7f9fbf,#5d7fa3)!important}
.ch-stage.cht-buz .chs.l em{color:#5d7fa3}.ch-stage.cht-buz .chs.d em{color:#f2f7fb}
.ch-stage.cht-buz .ch-frame{background:linear-gradient(135deg,#c9d3dd,#8e9aa7 50%,#dfe6ec)}
.ch-stage.cht-buz .ch-frame::after{background:linear-gradient(90deg,#3a4a5c,#5a6c80 50%,#3a4a5c)}
@media (max-width:720px){
  .ok-person{width:84px;height:66px;margin-bottom:-10px}
  .ok-head{width:34px;height:34px;font-size:19px}
  .ok3d .ok-seat.left .ok-person,.ok3d .ok-seat.right .ok-person{width:70px;height:56px}
  .ok3d .ok-seat.left .ok-head,.ok3d .ok-seat.right .ok-head{width:30px;height:30px}
  .ok3d .ok-seat.top .ok-disc{top:48px;left:calc(100% + 6px)}
  .ok3d .ok-seat.left .ok-disc,.ok3d .ok-seat.right .ok-disc{top:116px}
  .ok3d .ok-seat.top .ok-pl small{display:none}
  .g-pl{display:none}
  .ok3d .ok-seat.left,.ok3d .ok-seat.right{top:14%}
  .g-hand{font-size:28px;top:-22px}
  .ch-opp .ok-person{width:84px;height:70px}.ch-opp .ok-head{width:44px;height:44px}
}

/* ===================== 6.6  Gerek 3D satran, saatler, sonu, oyun lobisi ===================== */
.chess-ov .ch-box.is3d{width:min(980px,100%)!important}
.chx3{width:100%!important;gap:8px}
.ch3-wrap{position:relative;border-radius:18px;overflow:hidden;background:#140d08;box-shadow:inset 0 0 0 1px #ffffff12,0 20px 50px #000a}
.ch3-host{position:relative;width:100%;height:min(68vh,640px);min-height:320px;touch-action:none}
.ch3-host canvas{display:block;cursor:grab}.ch3-host canvas:active{cursor:grabbing}
.ch3-load{position:absolute;inset:0;display:grid;place-items:center;color:#e9d7b4;font-weight:700;opacity:.8}
.ch3-tools{position:absolute;right:10px;top:10px;display:flex;gap:6px;z-index:2}
.ch3-hint{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:.72em;color:#fff9;background:#0007;padding:4px 10px;border-radius:99px;pointer-events:none;white-space:nowrap}
.chx-pl{display:flex;align-items:center;gap:10px}
.chx-pl.won{border-color:#ffd76b!important;box-shadow:0 0 0 3px #ffd76b33}
.chx-cap{display:flex;align-items:center;gap:0;min-height:22px;flex-wrap:wrap;letter-spacing:0!important;max-width:none!important}
.chx-cap .pc{display:inline-block;width:15px;height:21px;margin-right:-4px}.chx-cap .pc svg{width:100%;height:100%}
.chx-cap .pc.w use{fill:url(#chgW);stroke:#6b5634;stroke-width:2}.chx-cap .pc.b use{fill:url(#chgB);stroke:#000;stroke-width:2}
.chx-cap em{margin-left:8px!important}
.ch-clock{margin-left:auto;font:800 1.25em/1 var(--mono);padding:8px 12px;border-radius:10px;background:#0b0805;color:#cfc3ad;border:1px solid #ffffff14;min-width:84px;text-align:center;font-variant-numeric:tabular-nums}
.ch-clock.run{background:#f2ead7;color:#1a120a;border-color:#fff}
.ch-clock.low{color:#fff;background:#c0392b;border-color:#ff7a6e;animation:clkPulse 1s infinite}
@keyframes clkPulse{50%{box-shadow:0 0 0 4px #ff3b3044}}
.ch-drawbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#7c5cff14;border:1px solid #7c5cff55;font-weight:700}
.ch-drawbar.wait{background:#ffffff08;border-color:#ffffff1a;font-weight:600;color:var(--tx2)}
.ch-result{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#000b;padding:16px}
.ch-box{position:relative}
.chr-card{position:relative;width:min(420px,100%);background:linear-gradient(180deg,#22170e,#120b06);border:1px solid #ffd76b44;border-radius:22px;padding:22px 20px 18px;text-align:center;box-shadow:0 30px 80px #000c}
.chr-card.win{border-color:#ffd76b}.chr-card.lose{border-color:#ffffff22}
.chr-x{position:absolute;right:10px;top:10px}
.chr-ic{font-size:46px;line-height:1;margin-bottom:6px}
.chr-card h2{margin:0;font-size:1.6em}
.chr-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.chr-grid div{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:10px;text-align:left;min-width:0}
.chr-grid small{display:block;color:var(--tx3);font-size:.72em;text-transform:uppercase;letter-spacing:.05em}.chr-grid b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chr-ask{color:#ffd76b;font-weight:700}
.chr-acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chr-acts .btn{flex:1;min-width:130px}
.ch-create .tc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.tc-grid button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);color:var(--tx1)}
.tc-grid button b{font:800 1em var(--mono)}.tc-grid button small{font-size:.66em;color:var(--tx3)}
.tc-grid button.on{border-color:var(--accent);background:#7c5cff1a}
.ch-create .seg button small{display:block;font-size:.7em;opacity:.7;font-weight:500}
.room-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px dashed #ffffff2a}
.room-code span{font-size:.75em;color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.room-code b{font:800 1.25em var(--mono);letter-spacing:.18em;color:var(--accent2)}
.room-code em{font-style:normal;font-size:.8em;color:var(--tx3);margin-left:auto}
/* Oyun lobisi */
.gl-modal .modal-box,.modal.gl-modal{max-width:640px}
.gl{display:flex;flex-direction:column;gap:12px;padding:18px}
.gl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.gl-head h2{margin:0;font-size:1.4em}
.gl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:14px;background:var(--bg2)}
.gl-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;background:none;border:0;color:var(--tx2);font-weight:800;font-size:1em}
.gl-tabs button span{font-size:1.2em}.gl-tabs button.on{background:var(--bg4,#1d2a23);color:var(--tx1);box-shadow:0 2px 8px #0006}
.gl-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gl-big{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);color:var(--tx1);text-align:left}
.gl-big b{font-size:1.02em}.gl-big small{color:var(--tx3);font-size:.78em}
.gl-big.quick{background:linear-gradient(135deg,#7c5cff,#0e9f55);color:#03140b;border:0}.gl-big.quick small{color:#03140bbb}
.gl-big:active{transform:scale(.98)}
.gl-code{display:flex;gap:8px}.gl-code .input{flex:1;font-family:var(--mono);letter-spacing:.15em}
.gl-list{display:flex;flex-direction:column;gap:8px;max-height:min(46vh,420px);overflow:auto}
.gl-room{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--bg2);border:1px solid var(--line)}
.gl-room.mine{border-color:#7c5cff66}
.gl-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:#ffffff0a;flex:none}
.gl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.gl-tags{display:flex;flex-wrap:wrap;gap:5px}.gl-tags span{font-size:.72em;padding:2px 8px;border-radius:99px;background:#ffffff0d;color:var(--tx2)}
.gl-st.wait{background:#f5b94722!important;color:#ffd76b!important}.gl-st.go,.gl-st.play{background:#7c5cff22!important;color:var(--accent2)!important}.gl-st.end{color:var(--tx3)!important}
.gl-pl{display:flex;gap:4px}.gl-av{width:24px;height:24px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:13px;background:#ffffff10}.gl-av .av{width:100%!important;height:100%!important}.gl-av.empty{border:1.5px dashed #ffffff40;background:none}
.gl-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 10px;text-align:center;color:var(--tx2)}.gl-empty div{font-size:40px}.gl-empty small{color:var(--tx3)}
.gl-chans{display:flex;flex-direction:column;gap:6px}.gl-chans button{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);color:var(--tx1);text-align:left}.gl-chans b{flex:1}.gl-chans small{color:var(--tx3)}
.g-multi{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 18px}
.g-mcard{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;border:1px solid #ffffff14;color:#fff;text-align:left;background:linear-gradient(135deg,#3a2616,#160d06);box-shadow:0 14px 30px #0008}
.g-mcard.okey{background:linear-gradient(135deg,#0f5a35,#06240f)}
.g-mic{font-size:38px;line-height:1}.g-mcard b{font-size:1.15em;display:block}.g-mcard small{color:#fffb;font-size:.8em}.g-mcard div{flex:1;min-width:0}
.g-sub{margin:4px 0 10px;font-size:.85em;color:var(--tx3);text-transform:uppercase;letter-spacing:.06em}
/* Okey: oyuncu durumu, sra bildirimi, atma onay */
.ok-nm em.ok-gone{font-style:normal;color:#ff8a80;font-weight:700;display:block}
.ok-nm em.ok-wait{font-style:normal;color:#ffffff88;margin-right:4px}
.ok-nm em.ok-play{font-style:normal;color:#a594ff;font-weight:800;margin-right:4px}
.ok-turnban{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:30;padding:14px 26px;border-radius:18px;background:linear-gradient(135deg,#7c5cff,#0e9f55);color:#03140b;font-weight:900;font-size:1.5em;box-shadow:0 16px 40px #000a,0 0 0 6px #7c5cff33;pointer-events:none;animation:okBan 1.8s ease forwards}
@keyframes okBan{0%{opacity:0;transform:translate(-50%,-30%) scale(.9)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0}}
.ok3d #ok-mydisc.arm{border-color:#ff5a4e!important;background:#5a1410e6!important;animation:clkPulse .8s infinite}
.ok3d #ok-mydisc.arm small{color:#ffd0cc!important}
@media (max-width:720px){
  .ch3-host{height:min(58vh,520px);min-height:300px}
  .ch-clock{font-size:1.05em;padding:6px 9px;min-width:70px}
  .ch-create .tc-grid{grid-template-columns:repeat(5,1fr)}
  .tc-grid button{padding:8px 2px}.tc-grid button small{display:none}
  .gl{padding:14px 12px}.gl-acts{grid-template-columns:1fr 1fr}.g-multi{grid-template-columns:1fr}
  .chess-ov .ch-box.is3d .g-acts .btn{flex:1}
}

.gl-av{flex:none;width:24px!important;height:24px!important}.gl-av .av{width:24px!important;height:24px!important;font-size:11px}
.gl-code .input::placeholder{letter-spacing:.02em;text-transform:none}
@media (max-width:720px){.chess-ov .g-tt{display:none}.chess-ov .g-mode{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* ===== 6.7  3D Sinema salonu (WebGL) ===== */
.cinema.c3d{background:#020205}
.cinema.c3d .cine-hall{perspective:none;container-type:normal}
.c3s-host{position:absolute;inset:0;z-index:0}
.c3s-host canvas{display:block}
.c3s-load{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#ffffffb0;font-weight:700;font-size:.9em;background:radial-gradient(ellipse at 50% 30%,#2a0d14,#020205 70%)}
.c3s-load i{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff22;border-top-color:#fff;animation:spin 1s linear infinite}
.c3s-host.ready .c3s-load{display:none}
.cinema.c3d .cine-screen{position:absolute!important;left:0!important;top:0!important;width:1280px!important;height:720px!important;aspect-ratio:auto!important;transform-origin:0 0!important;transform:var(--m,scale(0))!important;border-radius:0!important;box-shadow:0 0 0 1px #000!important;animation:none!important;visibility:hidden;z-index:1;background:#000;will-change:transform}
.cinema.c3d .cine-screen::before{display:none}
.cinema.c3d .cine-media,.cinema.c3d .cine-media iframe,.cinema.c3d .cine-media video,.cinema.c3d #ci-yt{width:100%;height:100%}
.cinema.c3d .cw{inset:0!important;height:auto!important;pointer-events:none;z-index:2}
.cinema.c3d .cw-seat,.cinema.c3d .cw-riser{display:none}
.cinema.c3d .cw-hint{pointer-events:none;top:auto;bottom:14px}
.cinema.c3d .cw-chr{transition:none!important;transform:translate(-50%,-100%)!important;animation:none}
.cinema.c3d .cw-chr .chr{display:none}
.cinema.c3d .cw-chr small,.cinema.c3d .cw-chr.sit small{display:block;font-size:10.5px;padding:2px 7px;background:#000b;border:1px solid #ffffff1f;transition:box-shadow .15s}
.cinema.c3d .cw-chr.me small{background:var(--accent);color:var(--on-accent)}
.cinema.c3d .cw-chr.spk small{box-shadow:0 0 0 2px #3ba55d,0 0 12px #3ba55d99}
.cinema.c3d .cw-float{bottom:100%}
@media(max-width:900px){.cinema.c3d .cw-chr small{font-size:9.5px;max-width:74px}}
@media(max-width:700px){
  .cinema.c3d .cw-emo{top:auto;bottom:10px;right:8px;transform:none;flex-direction:row;gap:2px;padding:4px;z-index:6}
  .cinema.c3d .cw-emo button{width:31px;height:31px;font-size:17px}
  .cinema.c3d .cw-hint{bottom:auto;top:8px}
  .cinema.c3d .cw-joy{bottom:56px;left:10px;width:84px;height:84px}
}
/* ===== 6.7  Dama, izleyici ===== */
.cht-dama .chs,.cht-dama .chs.d,.cht-dama .chs.l{background:linear-gradient(135deg,#ecd29d,#d9b979)!important;box-shadow:inset 0 0 0 1px #6b4a2a66}
.cht-dama .ch-frame{background:linear-gradient(135deg,#6b3f1c,#3e2410)}
.cht-dama .chs.last{background:linear-gradient(135deg,#f5df7a,#e2c35a)!important}
.chs .pc .dm-disc{width:82%;height:82%;display:block;margin:auto;filter:drop-shadow(0 3px 3px #0006)}
.chx-cap .dm-disc{width:12px;height:12px}
.g-spec{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff1f;font-size:.78em;font-weight:700;color:#e9e9ee;white-space:nowrap}
.g-spec small{font-weight:600;opacity:.75}
@media(max-width:600px){.g-spec small{display:none}}
/* ===== 6.8  sim plakalar ===== */
.mem.np{position:relative;isolation:isolate;overflow:hidden;min-height:44px}
.mem.np::before{content:"";position:absolute;inset:1px 0 1px 26%;z-index:-1;border-radius:8px;background:var(--np) right center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%);opacity:.92;transition:opacity .2s,inset .25s}
.mem.np:hover::before{opacity:1;inset:1px 0 1px 18%}
.mem.np .mem-n{text-shadow:0 1px 3px #000c,0 0 8px #0008}
.mem.np .mem-t small,.mem.np .mem-t .mem-s{text-shadow:0 1px 2px #000b}
.mem.np.off::before{opacity:.75}
.np-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:14px 0}
.np-card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,border-color .15s}
.np-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.np-card.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
.np-demo{background:#0c0d11;border-radius:10px;pointer-events:none;padding:6px 10px}
.np-demo .mem-n{color:#fff;font-weight:700}
.np-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.np-meta b{font-size:.92em}
/* ===== 6.8  E-posta dorulama ekran ===== */
.vf-ic{width:64px;height:64px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#000));box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 40%,transparent);animation:vfPop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes vfPop{from{transform:scale(.6);opacity:0}}
.vf-boxes{display:flex;gap:8px;justify-content:center;margin:18px 0 6px}
.vf-d{width:48px;height:58px;border-radius:12px;border:2px solid var(--line);background:var(--bg2);color:var(--tx);font:800 26px/1 ui-monospace,Consolas,monospace;text-align:center;outline:none;transition:border-color .15s,transform .15s,box-shadow .15s;caret-color:var(--accent)}
.vf-d:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-2px)}
.vf-d.on{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}
.vf-boxes.bad{animation:vfShake .4s}.vf-boxes.bad .vf-d{border-color:var(--red,#f2545b)}
.vf-boxes.ok .vf-d{border-color:#3ecf8e;background:color-mix(in srgb,#3ecf8e 14%,var(--bg2))}
@keyframes vfShake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.vf-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0 4px}
@media(max-width:380px){.vf-d{width:40px;height:50px;font-size:22px}.vf-boxes{gap:6px}}
.mem.np[class*="np-f_"]::before{background-size:auto 100%;background-position:right center;inset:1px 0 1px 40%}
.mem.np.off{opacity:.66}.mem.np.off:hover{opacity:1}
.np-demo,.np-grid .mem{content-visibility:visible!important}
/* ===== 7.0  Okey three.js masa ===== */
.ok3-host{position:absolute;inset:-6px -8px;z-index:0;pointer-events:none;border-radius:22px;overflow:hidden}
.ok3-host canvas{display:block}
.w3d .ok-felt,.w3d .ok-rk,.w3d .ok-stack,.w3d .ok-seat .ok-tea,.w3d .ok-tea.me{display:none!important}
.w3d .ok-seat,.w3d .ok-center,.w3d .ok-zone{z-index:2}
.w3d .ok-disc .otl,.w3d .ok-zone .otl:not(.is-empty),.w3d .ok-ind .otl{opacity:0}
.w3d .ok-zone .otl.is-empty{opacity:.5}
.w3d .ok-pile{background:transparent!important;box-shadow:none!important;border-color:transparent!important;min-width:64px;min-height:80px}
.w3d .ok-pile em,.w3d .ok-pile small{position:relative;z-index:1;background:#000b;padding:1px 8px;border-radius:999px;color:#fff}
.w3d .ok-pile.take{outline:3px solid #7c5cff;outline-offset:4px;border-radius:14px;animation:okPulse 1.4s ease-in-out infinite}
.w3d .ok-zone{background:#0000!important;border-color:#ffffff2e!important}
.w3d .ok-zone small,.w3d .ok-ind small{background:#000a;padding:1px 8px;border-radius:999px;color:#fff;position:relative;z-index:1}
.w3d .ok-zone.on,.w3d .ok-zone.take{box-shadow:0 0 0 3px #7c5cff,0 0 24px #7c5cff77!important}
@keyframes okPulse{50%{outline-color:#7c5cff55}}
/* Profil dzenleyici: isim plakas seimi ve ye listesi nizlemesi */
.np-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.npp{width:96px;height:40px;border-radius:10px;border:2px solid var(--line2);position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;color:#fff;background:#0c0d11}
.npp::before{inset:0!important;-webkit-mask-image:none!important;mask-image:none!important;border-radius:0!important}
.npp.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}
.npp.lock{opacity:.55}.npp.lock svg{position:relative;z-index:1;filter:drop-shadow(0 1px 2px #000)}
.np-prev{margin-top:12px;padding:10px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.np-prev .mem{pointer-events:none;content-visibility:visible!important;margin-top:6px}

/* ===== 7.2  Hesap dorulama penceresi, profil fotoraf dzenleyici, sinema ekleri ===== */
.cv-modal .modal-b{padding-bottom:6px}
.cv-modal .modal-h h3{display:flex;align-items:center;gap:10px}
.cv-modal .modal-h h3 .cico{width:28px;height:28px;font-size:11px}
.modal-f.in{padding:14px 0 4px;margin:0;border:0;background:none;display:flex;justify-content:flex-end;gap:8px}
.cv-steps{display:flex;align-items:center;gap:6px;margin:2px 0 18px}
.cv-steps i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;background:var(--bg1);color:var(--tx3);border:1px solid var(--line);flex:none}
.cv-steps i.on{background:var(--accent);color:var(--on-accent);border-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.cv-steps i.done{background:var(--green);color:#fff;border-color:transparent}
.cv-steps span{flex:1;height:2px;border-radius:2px;background:var(--line)}
.cv-steps span.on{background:linear-gradient(90deg,var(--green),var(--accent))}
.cv-acc{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg1);border:1px solid var(--line);min-width:0}
.cv-acc img,.cv-acc .cico{width:44px;height:44px;border-radius:12px;object-fit:cover;flex:none}
.cv-acc b{display:block;font-size:15px}.cv-acc small{display:block;color:var(--tx3);font-size:12.5px}
.cv-acc .grow{min-width:0}
.cv-lead{margin:16px 0 8px;font-size:14.5px}
.cv-code{width:100%;display:flex;align-items:center;gap:10px;padding:14px 14px;border-radius:14px;border:1.5px dashed color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 9%,var(--bg1));color:var(--tx);cursor:pointer;text-align:left;transition:.15s}
.cv-code:hover{border-style:solid}
.cv-code code{flex:1;min-width:0;font:700 15px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;user-select:all}
.cv-cp{display:flex;align-items:center;gap:6px;flex:none;padding:7px 11px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:12.5px;font-weight:700}
.cv-cp em{font-style:normal}.cv-cp svg{width:15px;height:15px}
.cv-code.copied{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--bg1))}
.cv-code.copied .cv-cp{background:var(--green)}
.cv-list{margin:14px 0 6px;padding-left:20px;display:grid;gap:7px;font-size:14px;color:var(--tx2)}
.cv-list a{color:var(--accent);font-weight:700;display:inline-flex;align-items:center;gap:4px}.cv-list a svg{width:13px;height:13px}
.cv-msg{margin-top:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red);font-size:13.5px}
.ok-btn{background:var(--green)!important;color:#090515!important}
.spin-sm{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:4px}
@keyframes spin{to{transform:rotate(360deg)}}
.cv-done{text-align:center;padding:10px 0 6px}
.cv-done h3{margin:12px 0 6px;font-size:19px}.cv-done p{margin:0 0 18px}
.cv-ok{width:72px;height:72px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green);animation:cvpop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes cvpop{from{transform:scale(.4);opacity:0}}
.cc-v{color:var(--green)}
/* Sinema: ses mens, sinema modu, tampon gstergesi, YouTube sonular */
.cine-aud{position:fixed;z-index:400;width:min(300px,calc(100vw - 16px));background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 18px 50px rgba(0,0,0,.55);animation:caIn .16s ease-out}
@keyframes caIn{from{opacity:0;transform:translateY(-6px)}}
.cine-aud>b{display:block;margin-bottom:4px;font-size:14px}
.cine-aud .set-row{padding:9px 0;gap:12px}.cine-aud .set-row small{font-size:12px}
.ca-vol{display:flex;align-items:center;gap:8px;padding-top:10px;font-size:13px;color:var(--tx2)}.ca-vol input{flex:1;min-width:0}.ca-vol svg{width:16px;height:16px}
#cinema .ct-r .icon-btn.on{background:var(--accent);color:var(--on-accent)}
#cinema.focus .cw-emo{opacity:.2;transition:opacity .3s}#cinema.focus .cw-emo:hover,#cinema.focus .cw-emo:focus-within{opacity:1}
#cinema.focus .cw-chr small{opacity:0;transition:opacity .4s}
@media (hover:hover){#cinema.focus .cine-bar{opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}#cinema.focus:hover .cine-bar,#cinema.focus .cine-bar:focus-within{opacity:1;transform:none}#cinema.focus .cine-top{opacity:.35;transition:opacity .35s}#cinema.focus .cine-top:hover{opacity:1}}
#cinema.buffering .cine-media::after{content:'';position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:6px solid rgba(255,255,255,.18);border-top-color:#fff;animation:spin .8s linear infinite;pointer-events:none;z-index:3}
.cine-media{position:relative}
.cn-res{display:grid;gap:6px;max-height:min(46vh,360px);overflow:auto;margin:-4px 0 12px;overscroll-behavior:contain}
.cn-res:empty{display:none}
.cn-it{display:flex;gap:10px;align-items:center;padding:6px;border-radius:12px;text-align:left;color:var(--tx);background:var(--bg1);border:1px solid transparent;min-width:0}
.cn-it:hover,.cn-it:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg1))}
.cn-th{position:relative;flex:none;width:120px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#000}
.cn-th img{width:100%;height:100%;object-fit:cover;display:block}
.cn-th em{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:5px;background:rgba(0,0,0,.82);color:#fff;font:600 11px/1.4 ui-monospace,monospace;font-style:normal}
.cn-tx{min-width:0;display:grid;gap:2px}
.cn-tx b{font-size:13.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cn-tx small{color:var(--tx3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-load{display:flex;gap:6px;justify-content:center;padding:14px}.cn-load i{width:8px;height:8px;border-radius:50%;background:var(--tx3);animation:cxd 1s infinite}.cn-load i:nth-child(2){animation-delay:.15s}.cn-load i:nth-child(3){animation-delay:.3s}
@keyframes cxd{50%{opacity:.3;transform:translateY(-3px)}}
.cn-none{text-align:center;padding:8px}
@media (max-width:480px){.cn-th{width:96px}}
/* Pencere ierikleri ekrana smazsa kaydrlr (telefonda alttaki dmeler gizli kalmaz) */
.modal>div:not(.modal-h):not(.modal-b):not(.modal-f){min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.modal .modal-b{min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.add-server .as-step .modal-b{overflow:visible}
.add-server .as-or{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.tpl-ic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;color:var(--tc,#8b95ff)!important;background:color-mix(in srgb,var(--tc,#8b95ff) 16%,transparent);font-size:0}
.tpl-ic svg{width:23px;height:23px}
.conn-redir{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:var(--bg1);border:1px dashed var(--line);font-size:12.5px;color:var(--tx2);display:grid;gap:4px}
.conn-redir code{font-size:12px;overflow-wrap:anywhere;user-select:all}
/* Giri: veya ayrc, gei anahtar, QR */
.auth-or{display:flex;align-items:center;gap:12px;margin:14px 0 10px;color:var(--tx3);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.auth-or::before,.auth-or::after{content:'';flex:1;height:1px;background:var(--line)}
.pk-btn{display:flex!important;align-items:center;justify-content:center;gap:8px}.pk-btn svg{width:18px;height:18px}
.qrl:empty{display:none}
.qrl{display:flex;align-items:center;gap:18px;margin-top:20px;padding:16px;border-radius:18px;background:var(--bg1);border:1px solid var(--line)}
.qrl-code{position:relative;flex:none;width:168px;height:168px;border-radius:14px;overflow:hidden;background:#fff;display:grid;place-items:center;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.qrl-code svg{display:block;width:100%;height:100%}
.qrl-logo{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:10px;background:#fff;display:grid;place-items:center;padding:4px}
.qrl-logo img{width:100%;height:100%;border-radius:7px}
.qrl.scanned .qrl-code{filter:blur(3px) brightness(.8);transition:filter .3s}
.qrl-tx{display:grid;gap:6px;min-width:0}.qrl-tx b{font-size:16px}.qrl-tx small{color:var(--tx2);font-size:13px;line-height:1.45}
.qrl-st{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--green)}.qrl-st:empty{display:none}
.qra{text-align:center;padding:22px 20px 18px}
.qra-ic{width:64px;height:64px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.qra-ic svg{width:30px;height:30px}
.qra h3{margin:4px 0 6px;font-size:19px}.qra p{margin:0 0 14px;font-size:14px}
.qra-dev{display:grid;gap:8px;text-align:left;margin-bottom:16px}
.qra-dev>div{padding:10px 12px;border-radius:12px;background:var(--bg1);border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.qra-dev small{width:100%;color:var(--tx3);font-size:11px;letter-spacing:.06em}.qra-dev b{font-size:14.5px}
.qra-act{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.qra-act .btn{display:flex;align-items:center;justify-content:center;gap:6px}
.qrs{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:1}
.qrs video{width:100%;height:100%;object-fit:cover;display:block}
.qrs-frame{position:absolute;inset:16%;border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.45);animation:qrsp 1.6s ease-in-out infinite}
@keyframes qrsp{50%{inset:18%}}
.qr-cta{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--bg1);border:1px solid var(--line);margin:4px 0 16px;flex-wrap:wrap}
.qr-cta .grow{min-width:180px}.qr-cta b{display:block}.qr-cta small{color:var(--tx3);font-size:12.5px}
.qr-cta-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);flex:none}
.dev-ic svg{width:22px;height:22px}
.pk-list{display:grid;gap:8px;margin:8px 0 12px}.pk-list:empty{display:none}
.pk-it{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg1);border:1px solid var(--line);min-width:0}
.pk-it .grow{min-width:0}.pk-it b{display:block}.pk-it small{color:var(--tx3);font-size:12px}
.pk-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);flex:none}
#pk-add{display:inline-flex;align-items:center;gap:8px}
.auth .pk-btn,.pk-btn{background:transparent!important;color:var(--tx)!important;border:1.5px solid var(--line2,var(--line))!important;box-shadow:none!important}
.auth .pk-btn:hover{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important}
.pk-btn svg{color:var(--accent)}
/* React Derleyici */
.rx{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(120px,30%);gap:10px;padding:10px;height:calc(100% - 56px);box-sizing:border-box}
.rx-tabs{display:none}
.rx section{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg1)}
.rx-ed{grid-row:1 / 3}
.rx-bar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--bg2);font-size:13px;min-height:40px;flex-wrap:wrap}
.rx-bar b{display:flex;align-items:center;gap:6px}.rx-bar b svg{width:15px;height:15px}
.rx-chk{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--tx2);cursor:pointer;user-select:none}
.rx-code{position:relative;flex:1;min-height:0;display:flex;background:#0d0f15}
.rx-gut{margin:0;padding:12px 8px 12px 10px;min-width:34px;text-align:right;color:#4c5266;font:13px/20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;user-select:none;background:#0b0d12;border-right:1px solid #1b1e29;white-space:pre}
.rx-code textarea{flex:1;min-width:0;margin:0;border:0;outline:0;resize:none;padding:12px;background:transparent;color:#e6e9f2;font:13px/20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto;caret-color:var(--accent)}
.rx-code textarea::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}
.rx-frame{position:relative;flex:1;min-height:0;background:#0f1117}
.rx-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0f1117}
.rx-errbox{position:absolute;left:10px;right:10px;bottom:10px;padding:12px 14px;border-radius:12px;background:#2a1418;border:1px solid #6b2630;color:#ffb3ba;display:grid;gap:6px;box-shadow:0 12px 30px rgba(0,0,0,.4);max-height:60%;overflow:auto}
.rx-errbox code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12.5px;color:#ffd6da}
.rx-errbox .btn{justify-self:start}
.rx-log{flex:1;min-height:0;overflow:auto;padding:6px 0;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.rx-log p{padding:6px 12px;margin:0}
.rx-l{padding:3px 12px;border-bottom:1px solid rgba(255,255,255,.04);white-space:pre-wrap;overflow-wrap:anywhere}
.rx-l.warn{color:#f5b947;background:rgba(245,185,71,.06)}.rx-l.error{color:#ff8a93;background:rgba(242,84,91,.07)}
.rx-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--tx3);margin-left:8px;white-space:nowrap}
.rx-st i{width:8px;height:8px;border-radius:50%;background:var(--tx3)}
.rx-st.ok{color:var(--green)}.rx-st.ok i{background:var(--green)}
.rx-st.bad{color:var(--red)}.rx-st.bad i{background:var(--red)}
.rx-st.busy i{background:var(--accent);animation:cxd .8s infinite;color:var(--on-accent)}
.rx-tabs em{font-style:normal;font-size:11px;opacity:.7}
#main:has(.rx){display:flex;flex-direction:column}
@media (max-width:900px){
  .rx{display:flex;flex-direction:column;padding:8px;gap:8px}
  .rx-tabs{display:flex;flex:none}
  .rx section{flex:1;display:none}
  .rx[data-tab=code] .rx-ed,.rx[data-tab=prev] .rx-pv,.rx[data-tab=con] .rx-con{display:flex}
  .hide-sm{display:none}
  .rx-st{display:none}
}
.rx-top .title b{white-space:nowrap}
.rx-top #rx-ex{max-width:200px}
.rx-tabs button{padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:5px}
.rx-tabs em:empty{display:none}
.rx-tabs em{background:var(--bg5,rgba(255,255,255,.08));border-radius:999px;padding:0 6px;line-height:18px}
@media (max-width:900px){.rx-top .title b{display:none}.rx-top #rx-ex{max-width:none;flex:1;min-width:0}.rx-top .grow{display:none}}

/* ===== 7.4 Sinema: yalnz 3D salon, stte sabit ekran, telefona gre dzen ===== */
#cinema{background:#020205;--sh:0px}
#cinema.dock{--sw:min(100vw,calc(56vh * 16 / 9));--sh:calc(var(--sw) * 9 / 16)}
#cinema .cine-top{position:relative;z-index:8;padding:calc(8px + env(safe-area-inset-top)) 8px 8px 14px;background:#07070c;border-bottom:1px solid #ffffff12;gap:8px;animation:none}
#cinema .ct-l{gap:10px;min-width:0;flex:1}
#cinema .ct-l>svg{width:22px;height:22px;flex:0 0 auto;color:var(--accent)}
#cinema .ct-tt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
#cinema .ct-tt b{max-width:none;font-size:15px}
#cinema .ct-tt small{font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#ffffff85}
#cinema .ct-r{gap:2px;flex:0 0 auto}
#cinema .ct-r .icon-btn{width:40px;height:40px;min-width:40px;border-radius:12px;display:grid;place-items:center}
#cinema .ct-r .icon-btn svg{width:20px;height:20px}
#cinema .ct-r .icon-btn.on{background:var(--accent);color:var(--on-accent)}

/* Salon */
#cinema .cine-hall{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;perspective:none!important}
#cinema .c3s-host{position:absolute;inset:0;z-index:0}
#cinema.dock .c3s-host{position:relative;inset:auto;flex:1;min-height:0}
#cinema.dock .cine-screen{order:-1;position:relative!important;left:auto!important;top:auto!important;transform:none!important;visibility:visible!important;width:var(--sw)!important;height:var(--sh)!important;flex:0 0 auto;margin:0 auto;z-index:3;box-shadow:0 12px 30px #000c!important;background:#000}
#cinema.dock .cine-hall{background:#000}
.c3s-no{display:none}
#cinema.no3d .c3s-load{display:none}
#cinema.no3d .c3s-no{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;padding:24px;color:#ffffffb0;background:radial-gradient(ellipse at 50% 20%,#2a0d14,#020205 70%)}
#cinema.no3d .c3s-no svg{width:30px;height:30px;opacity:.7}
#cinema.no3d .c3s-no small{color:#ffffff80}
#cinema.no3d .cw-joy,#cinema.no3d .cw-side,#cinema.no3d .cw-emo,#cinema.no3d .cw-hint,#cinema.no3d .cw{display:none!important}

/* Ses ama: tarayc sesli otomatik oynatmay engellediinde */
.cine-unmute{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:13.5px;white-space:nowrap;box-shadow:0 8px 26px #000b;animation:unmPulse 1.6s ease-in-out infinite}
.cine-unmute svg{width:18px;height:18px}
.cine-unmute[hidden]{display:none}
#cinema:not(.dock) .cine-unmute{bottom:56px;font-size:40px;padding:24px 44px;gap:18px}
#cinema:not(.dock) .cine-unmute svg{width:44px;height:44px}
@keyframes unmPulse{50%{box-shadow:0 0 0 8px #ffffff22,0 8px 26px #000b}}

/* sim etiketleri: kendi etiketim gizli (altmda renkli halka var) */
#cinema .cw-chr.me small{display:none}
#cinema .cw-hint{position:absolute;left:50%;transform:translateX(-50%);top:calc(var(--sh) + 12px);bottom:auto;z-index:5;max-width:calc(100% - 24px);text-align:center;white-space:normal;font-size:12px;padding:7px 14px;border-radius:999px;background:#000b;border:1px solid #ffffff1c;color:#fff;pointer-events:none;animation:hintFade 9s forwards}
@keyframes hintFade{85%{opacity:1}100%{opacity:0;visibility:hidden}}

/* Joystick */
#cinema .cw-joy{left:14px;bottom:14px;width:108px;height:108px;opacity:1;background:radial-gradient(circle,#ffffff1a,#ffffff08 70%);border:2px solid #ffffff38;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:6;transition:border-color .15s}
#cinema .cw-joy.on{border-color:var(--accent)}
#cinema .cw-joy i{width:46px;height:46px;margin:-23px;background:#fff;box-shadow:0 4px 14px #0009}

/* Otur / kalk ve kamera */
.cw-side{position:absolute;right:12px;bottom:14px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.cw-act{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:#000c;border:1px solid #ffffff2c;color:#fff;font-weight:800;font-size:13px;white-space:nowrap;box-shadow:0 6px 18px #0008;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cw-act svg{width:18px;height:18px}
.cw-act.sit{background:var(--accent);border-color:transparent;color:var(--on-accent)}
.cw-act:active,.cw-cam:active{transform:scale(.95)}
.cw-cam{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#000b;border:1px solid #ffffff2c;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cw-cam svg{width:18px;height:18px}

/* Tepkiler: masastnde sada dikey; telefonda stte yatay erit */
#cinema .cw-emo{position:absolute;right:12px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;flex-direction:column!important;width:auto!important;padding:6px!important;gap:4px!important;border-radius:999px!important;z-index:6}
@media (pointer:coarse),(max-width:900px){
  #cinema .cw-emo{top:calc(var(--sh) + 10px)!important;right:50%!important;transform:translateX(50%)!important;flex-direction:row!important;overflow:visible!important}
  #cinema .cw-emo button{width:36px!important;height:36px!important;font-size:18px!important}
  #cinema .cw-hint{top:calc(var(--sh) + 62px)}
}
@media (pointer:fine) and (min-width:901px){#cinema .cw-hint{top:auto;bottom:16px}}

/* Alt ubuk: tek satr, telefonda sade */
#cinema .cine-bar{flex-wrap:nowrap;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom)) 12px;background:#07070c;border-top:1px solid #ffffff12;backdrop-filter:none;animation:none;z-index:8}
#cinema .cb-pp{width:46px;height:46px;flex:0 0 auto;background:#fff;color:#0b0b10}
#cinema .cb-pp svg{width:20px;height:20px}
#cinema .cb-skip{width:40px;height:40px;flex:0 0 auto;font-size:12px}
#cinema .cb-state{flex:0 0 auto;font-weight:700}
#cinema .cb-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
#cinema .cb-prog{min-width:0;flex:none;height:5px;background:#ffffff24}
#cinema .cb-times{display:flex;justify-content:space-between}
#cinema .cine-bar .cb-time{display:block!important;font-size:11px;min-width:0;color:#ffffffa8}
#cinema .cine-bar .cb-vol{display:flex!important;flex:0 0 auto}
#cinema .cb-vol svg{width:18px;height:18px}
#cinema .cb-vol input{width:92px}
#cinema .cb-more{width:42px;height:42px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center}
#cinema .cb-more svg{width:20px;height:20px}
#cinema .cine-bar .call-btn.red{flex:0 0 auto;width:42px;height:42px}
@media (max-width:600px){#cinema .cb-skip,#cinema .cine-bar .cb-vol{display:none!important}#cinema .cb-state span{display:none}}

/* "Dier" mens */
.cine-more{display:flex;flex-direction:column;gap:6px;width:min(330px,calc(100vw - 16px))}
.cine-more>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
.cm-by{color:var(--tx3,#9a9aa6);font-size:12px;margin:-4px 0 4px}
.cm-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cm-row .btn{padding:8px 0;justify-content:center;font-size:12.5px}
.cm-lbl{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3,#9a9aa6);margin-top:6px}
.cm-th{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.cm-t{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;line-height:1.15;color:var(--tx2,#c9c9d2);padding:5px 2px;border-radius:10px;border:2px solid transparent;text-align:center}
.cm-t i{width:36px;height:24px;border-radius:7px;display:block;box-shadow:inset 0 0 0 1px #ffffff22}
.cm-t.on{border-color:var(--accent);color:var(--tx,#fff)}
.cm-t[data-th=klasik] i{background:linear-gradient(135deg,#7d0f1f,#3b1119 60%,#e8b85a)}
.cm-t[data-th=uzay] i{background:linear-gradient(135deg,#1b2560,#0e1638 60%,#7fb6ff)}
.cm-t[data-th=neon] i{background:linear-gradient(135deg,#b81c86,#170528 60%,#3cf2ff)}
.cm-t[data-th=acikhava] i{background:linear-gradient(135deg,#1c2530,#050b1c 60%,#fff1c1)}
.cm-t[data-th=retro] i{background:linear-gradient(135deg,#a8391b,#4a2b12 60%,#ffcf7a)}
.cm-it{display:flex;align-items:center;gap:10px;padding:11px 8px;border-radius:10px;font-weight:700;font-size:14px;color:var(--tx,#fff);text-align:left;width:100%}
.cm-it:hover{background:var(--bg3,#ffffff10)}
.cm-it svg{width:18px;height:18px;flex:0 0 auto}
.cm-it.danger{color:#f2545b}
.cm-row+.cm-lbl,.cm-th+.cm-it{margin-top:4px}

/* Yatay telefon: st ve alt ubuk ince */
@media (max-height:520px) and (orientation:landscape){
  #cinema .cine-top{padding:calc(4px + env(safe-area-inset-top)) 6px 4px 12px}
  #cinema .ct-tt small{display:none}
  #cinema .cine-bar{padding:4px 10px calc(4px + env(safe-area-inset-bottom))}
  #cinema .cb-pp{width:38px;height:38px}
  #cinema .cw-joy{width:88px;height:88px;left:10px;bottom:10px}
  #cinema .cw-joy i{width:38px;height:38px;margin:-19px}
  .cw-side{bottom:10px}
  #cinema .cw-emo{top:8px!important;right:auto!important;left:50%!important;transform:translateX(-50%)!important}
  #cinema .cw-emo button{width:32px!important;height:32px!important;font-size:16px!important}
  #cinema .cw-hint{top:50px}
}
@media (max-width:480px){.cine-more,.cine-aud{left:8px!important;right:8px!important;width:auto!important}}

/* ===== 7.5 Rol ver / al ===== */
.pf-roles{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.role-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px 0 7px;border-radius:8px;background:var(--bg3);border:1px solid var(--line2);font-size:12.5px;font-weight:600}
.role-chip.add{width:26px;padding:0;justify-content:center;color:var(--tx2);cursor:pointer}.role-chip.add:hover{color:var(--tx);border-color:var(--tx3)}.role-chip.add svg{width:14px;height:14px}
.rc-dot{width:13px;height:13px;border-radius:50%;background:var(--rc);display:grid;place-items:center;color:transparent;flex:none;cursor:pointer;transition:background .12s}
.rc-dot svg{width:9px;height:9px}
.role-chip:hover .rc-dot{background:#f2545b;color:#fff}
.role-pop{position:fixed;z-index:420;width:min(280px,calc(100vw - 16px));max-height:min(380px,calc(100vh - 16px));display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line2);border-radius:14px;box-shadow:var(--shadow);padding:8px;animation:caIn .14s ease-out}
.role-pop.sheet{left:0!important;right:0;bottom:0;top:auto!important;width:auto;max-height:72vh;border-radius:20px 20px 0 0;padding:6px 12px calc(14px + env(safe-area-inset-bottom))}
.role-pop .rp-h{display:block;font-size:16px;margin:2px 4px 10px}
.rp-s{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border-radius:10px;background:var(--bg0);border:1px solid var(--line2);margin-bottom:6px}.rp-s svg{width:16px;height:16px;color:var(--tx3)}
.rp-s input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:inherit;font-size:14px}
.rp-l{overflow:auto;display:flex;flex-direction:column;gap:2px;min-height:0}
.rp-i{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:9px;text-align:left;font-weight:600;font-size:14px;color:var(--tx)}
.rp-i:hover:not(:disabled){background:var(--hover)}
.rp-i:disabled{opacity:.45;cursor:not-allowed}
.rp-i .rdot{width:12px;height:12px}
.rp-ck{width:20px;height:20px;border-radius:6px;border:2px solid var(--line2);display:grid;place-items:center;color:transparent;flex:none}.rp-ck svg{width:13px;height:13px}
.rp-i.on .rp-ck{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.rp-none{padding:12px;color:var(--tx3);font-size:13px}
.ss-free{float:right;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--tx);text-transform:none}.ss-note{margin:8px 2px 4px;line-height:1.45}
/* Oynuyor kart: oyun grseli, ba harfli simge, sre */
.pf-act{position:relative;overflow:hidden}
.pf-act.art{flex-wrap:wrap;padding-top:0}
.pa-art{display:block;width:calc(100% + 20px);margin:0 -10px 10px;aspect-ratio:460/215;object-fit:cover;border-bottom:1px solid var(--line)}
.pf-act .pa-ic{background:var(--gi,var(--bg5));color:#fff;font-weight:900;font-size:13px}
.pa-t{display:block;color:var(--tx3);font-size:12px;margin-top:2px}

/* ===== 7.5 Okey: yatay telefonda masa solda, staka sada  tek ekrana sar ===== */
@media (max-height:520px) and (orientation:landscape){
  .game-ov:has(.ok-box.ok3d){padding:0!important;align-items:stretch!important;justify-content:stretch!important}
  .game-ov .ok-box.ok3d{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border-radius:0!important;
    display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;column-gap:10px;row-gap:4px;
    padding:4px max(10px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;overflow:hidden}
  .ok-box.ok3d>.g-top{grid-column:1/-1;grid-row:1;padding:0!important;min-height:36px}
  .ok-box.ok3d>.ok-teams{grid-column:1/-1;grid-row:2}
  .ok-box.ok3d>.ok-scene{grid-column:1;grid-row:3/6;height:auto!important;min-height:0;margin:0!important}
  .ok-box.ok3d>.ok-bar{grid-column:2;grid-row:3;align-self:end;margin:0}
  .ok-box.ok3d>.ok-rack{grid-column:2;grid-row:4;margin:0!important;overflow:hidden}
  .ok-box.ok3d>.g-acts{grid-column:2;grid-row:5;margin:0;justify-content:center}
  .ok-box.ok3d>.ok-log{display:none}
  .ok-box.ok3d .ok-row{min-width:0}
  .ok-box.ok3d .ok-rack-in{transform:none;padding:6px 6px 2px}
  .ok-box.ok3d .ok-slot .otl b{font-size:clamp(10px,2.4vh,15px)}
  .ok-box.ok3d .ok-seat,.ok-box.ok3d .ok-center,.ok-box.ok3d .ok-zone,.ok-box.ok3d button.ok-tea{zoom:.68}
  .ok-box.ok3d .ok-bar .ok-status{font-size:.82em}
  .ok-box.ok3d .g-acts .btn{height:32px;padding:0 12px}
}

/* ===== 7.5 Yeni oyunlar: Mayn Tarlas ve Kelimelik ===== */
.gmine{width:min(100%,560px);margin:0 auto;display:flex;flex-direction:column;gap:10px;user-select:none;-webkit-user-select:none}
.gm-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gm-lv{display:flex;gap:4px;padding:3px;border-radius:10px;background:var(--bg3)}
.gm-lv button{height:30px;padding:0 10px;border-radius:8px;font-weight:700;font-size:12.5px;color:var(--tx2)}.gm-lv button.on{background:var(--accent);color:var(--on-accent)}
.gm-st{display:flex;gap:12px;margin-inline-start:auto;font-variant-numeric:tabular-nums;font-size:14px}
.gm-flag{height:32px;padding:0 12px;border-radius:10px;background:var(--bg3);border:1px solid var(--line2);font-weight:700;font-size:13px}.gm-flag.on{background:#f2545b;border-color:#f2545b;color:#fff}
.gm-grid{display:grid;grid-template-columns:repeat(var(--w),minmax(0,1fr));gap:3px;padding:8px;border-radius:14px;background:#0d0d10;border:1px solid var(--line2);touch-action:manipulation}
.gm-c{aspect-ratio:1;border-radius:6px;background:linear-gradient(180deg,#3a3a42,#2a2a30);box-shadow:inset 0 1px 0 #ffffff1c,0 2px 0 #111;display:grid;place-items:center;font-weight:900;font-size:clamp(11px,3.4vw,18px);transition:transform .08s}
.gm-c:active{transform:scale(.94)}
.gm-c.o{background:#1b1b20;box-shadow:inset 0 0 0 1px #ffffff0d}
.gm-c.f{background:linear-gradient(180deg,#4a3434,#3a2828)}
.gm-c.boom{background:#f2545b}
.gm-c.n1{color:#6aa8ff}.gm-c.n2{color:#3ecf8e}.gm-c.n3{color:#f2545b}.gm-c.n4{color:#b28cff}.gm-c.n5{color:#f5b947}.gm-c.n6{color:#2bc4c4}.gm-c.n7{color:#fff}.gm-c.n8{color:#a1a1aa}
.gword{width:min(100%,430px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}
.gw-grid{display:grid;gap:6px}
.gw-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.gw-row.shake{animation:gwShake .35s}@keyframes gwShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.gw-c{width:min(15vw,58px);aspect-ratio:1;border-radius:10px;border:2px solid var(--line2);display:grid;place-items:center;font-weight:900;font-size:clamp(20px,6vw,28px);text-transform:uppercase;background:var(--bg2)}
.gw-c.in{border-color:var(--tx3);animation:gwPop .12s}@keyframes gwPop{50%{transform:scale(1.08)}}
.gw-c.flip{animation:gwFlip .45s both}@keyframes gwFlip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.gw-c.g{background:#3ecf8e;border-color:#3ecf8e;color:#06140c}.gw-c.y{background:#f5b947;border-color:#f5b947;color:#1c1203}.gw-c.x{background:#2a2a30;border-color:#2a2a30;color:#a1a1aa}
.gw-kb{display:flex;flex-direction:column;gap:6px;width:100%}
.gw-kr{display:flex;gap:4px;justify-content:center}
.gw-k{flex:1;min-width:0;max-width:40px;height:50px;border-radius:8px;background:var(--bg5);font-weight:800;font-size:15px;color:var(--tx)}
.gw-k.wide{max-width:70px;flex:1.6;font-size:12.5px}
.gw-k.g{background:#3ecf8e;color:#06140c}.gw-k.y{background:#f5b947;color:#1c1203}.gw-k.x{background:#121214;color:#8b8b95;box-shadow:inset 0 0 0 1px #ffffff12}
.gw-msg{position:absolute;top:-6px;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-weight:800;opacity:0;pointer-events:none;white-space:nowrap}
.gw-msg.show{animation:gwMsg 1.8s}@keyframes gwMsg{10%,80%{opacity:1}100%{opacity:0}}
/* ye listesi: uzun isimde etiket ezilmesin, isim ksalsn */
.mem-n{display:flex;align-items:center;gap:5px;min-width:0}
.mem-n>.bot-tag,.mem-n>.clan-tag{flex:0 0 auto}
.mem-n>span:first-child,.mem-n>b:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== 7.6 Rozetler ve rol simgeleri: kompakt, hizal, her yerde ayn l ===== */
.profile .pf-badges{position:static!important;display:inline-flex!important;flex-wrap:wrap;gap:2px;align-items:center;justify-content:flex-start;align-self:flex-end;
  padding:4px 6px!important;margin:0 0 4px auto;min-height:0!important;max-width:min(240px,calc(100% - 120px));background:#0009!important;border:1px solid #ffffff1a!important;border-radius:10px!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.profile .pf-badges .badge{width:20px;height:20px;flex:0 0 auto}
.profile .pf-badges .badge:hover{transform:translateY(-1px) scale(1.15)}
.ricon{width:16px;height:16px;flex:0 0 auto;object-fit:contain;display:inline-grid;place-items:center;vertical-align:-3px;font-size:13px;line-height:1;overflow:hidden;border-radius:3px}
.ricon svg{width:100%;height:100%}
.role-chip .ricon{width:14px;height:14px;margin:0;vertical-align:0}
.role-chip .rc-n{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mem-n .ricon,.m-name .ricon{width:16px;height:16px}
.club-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}
.club-c{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:14px;background:var(--bg1);border:2px solid var(--line2);text-align:center;transition:border-color .15s,transform .15s}
.club-c:hover{transform:translateY(-2px)}.club-c.on{border-color:var(--accent)}
.club-b{width:40px;height:40px;display:block}.club-b svg{width:100%;height:100%}
.club-c small{color:var(--tx3);font-size:11.5px}
@media (max-width:480px){.club-g{grid-template-columns:1fr}.club-c{flex-direction:row;text-align:left;gap:10px}.club-c small{margin-inline-start:auto}}
.conn-redir summary{cursor:pointer;font-weight:700;color:var(--tx2);font-size:12.5px}.conn-redir[open] summary{margin-bottom:6px}
/* ye listesinde oynanan oyun: kumanda simgesi + sada kk oyun grseli */
.mem-act{display:flex!important;align-items:center;gap:4px}
.mem-gi{display:inline-grid;color:#3ecf8e;flex:0 0 auto}.mem-gi svg{width:12px;height:12px}
.mem-gart{width:34px;height:34px;border-radius:8px;object-fit:cover;object-position:center;flex:0 0 auto;margin-inline-start:auto;box-shadow:0 0 0 1px var(--line2)}