:root{
  --bg:#07070f;--bg2:#0d0d1c;
  --s1:#181830;--s2:#1e1e3a;--s3:#252548;--s4:#2e2e58;
  --b1:rgba(255,255,255,.05);--b2:rgba(255,255,255,.09);--b3:rgba(255,255,255,.16);
  --p:#7c3aed;--p2:#a855f7;--p3:#c084fc;
  --pk:#ec4899;--gn:#22c55e;--rd:#ef4444;--or:#f97316;
  --gold:#f59e0b;--gold2:#fbbf24;--dia:#60a5fa;--dia2:#93c5fd;
  --tx:#ede9fe;--tx2:#a78bfa;--tx3:#6b6b9a;
  --r:18px;--rs:12px;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--bg);color:var(--tx);font-family:'DM Sans',sans-serif;font-size:14px;-webkit-text-size-adjust:100%;}
::-webkit-scrollbar{width:2px;}::-webkit-scrollbar-thumb{background:var(--s3);border-radius:4px;}
.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(90px);opacity:.035;}
.o1{width:500px;height:500px;background:var(--p);top:-160px;right:-80px;}
.o2{width:280px;height:280px;background:var(--pk);bottom:-40px;left:-60px;}
.screen{position:fixed;inset:0;z-index:10;display:none;flex-direction:column;overflow:hidden;background:var(--bg);min-height:0;box-sizing:border-box;}
.screen.on{display:flex;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;}
.btn{padding:11px 18px;border-radius:50px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s;}
.bp{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;box-shadow:0 6px 20px rgba(124,58,237,.35);}
.bp:hover{transform:translateY(-1px);}
.bg2{background:transparent;color:var(--tx2);border:1px solid var(--b2);}
.bg2:hover{background:var(--s1);}
.bgold{background:linear-gradient(135deg,#78350f,var(--gold));color:#fff;}
.bdia{background:linear-gradient(135deg,#1e3a5f,var(--dia));color:#fff;}
.bpk{background:linear-gradient(135deg,#831843,var(--pk));color:#fff;}
.bgn{background:linear-gradient(135deg,#064e3b,var(--gn));color:#fff;}
.ib{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;border:1px solid var(--b2);background:var(--s1);transition:all .2s;flex-shrink:0;}
.ib:hover{background:var(--s2);}
.inp{width:100%;background:var(--s1);border:1px solid var(--b2);border-radius:var(--rs);padding:12px 15px;color:var(--tx);font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color .2s;}
.inp:focus{border-color:var(--p2);}
.inp::placeholder{color:var(--tx3);}
textarea.inp{resize:none;}
select.inp{cursor:pointer;}
.lbl{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;}
.toggle{width:44px;height:24px;border-radius:12px;background:var(--s3);cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;}
.toggle.on{background:var(--p);}
.toggle::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;}
.toggle.on::after{transform:translateX(20px);}

/* AUTH */
#authSc{background:#04040c;overflow-y:auto;position:relative;isolation:isolate;}
#authSc.screen.on{
  overflow-y:auto;
  padding:0;
}
#authSc .aura-canvas-fill{opacity:1;}
.auth-stage{min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom));position:relative;z-index:1;}
.auth-brand{text-align:center;margin-bottom:22px;animation:authBrandIn .75s cubic-bezier(.2,.8,.2,1) both;}
.auth-brand-ico{display:inline-block;font-size:42px;line-height:1;margin-bottom:4px;animation:authFloat 3.2s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(168,85,247,.45));}
@keyframes authBrandIn{from{opacity:0;transform:translateY(16px) scale(.97);}to{opacity:1;transform:none;}}
@keyframes authFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.auth-wrap{width:calc(100% - 24px);max-width:380px;margin:0 auto;padding:28px 20px 36px;position:relative;z-index:2;background:rgba(8,8,16,.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:26px;border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);}
.auth-wrap--fx{animation:authCardIn .6s cubic-bezier(.34,1.2,.64,1) .08s both;}
@keyframes authCardIn{from{opacity:0;transform:translateY(22px) scale(.94);}to{opacity:1;transform:none;}}
.auth-tabs .atab{transition:transform .2s,background .25s,box-shadow .25s;}
.auth-tabs .atab:active{transform:scale(.97);}
.auth-wrap .btn.bp{transition:transform .2s,box-shadow .25s;}
.auth-wrap .btn.bp:active{transform:scale(.985);}
body:has(#authSc.screen.on) .orb{opacity:.35;}
.auth-logo{font-family:'Syne',sans-serif;font-size:44px;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#fff,var(--p3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:4px;}
.auth-sub{text-align:center;font-size:11px;color:var(--tx3);letter-spacing:3px;text-transform:uppercase;margin-bottom:28px;}
.auth-tabs{display:flex;background:var(--s1);border-radius:50px;padding:4px;margin-bottom:22px;border:1px solid var(--b2);}
.atab{flex:1;padding:9px;text-align:center;border-radius:50px;cursor:pointer;font-size:13px;font-weight:600;color:var(--tx3);transition:all .2s;}
.atab.on{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;}
.aform{display:flex;flex-direction:column;gap:11px;}
.afield{display:flex;flex-direction:column;}
.av-pick{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;}
.av-opt{aspect-ratio:1;border-radius:var(--rs);border:2px solid var(--b2);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s;background:var(--s1);}
.av-opt:hover,.av-opt.sel{border-color:var(--p2);background:rgba(168,85,247,.1);}
.aerr{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--rs);padding:9px 13px;font-size:12px;color:var(--rd);display:none;}
.aerr.on{display:block;}
.phone-row{display:flex;gap:6px;}
.phone-code{width:70px;background:var(--s2);border:1px solid var(--b2);border-radius:var(--rs);padding:12px 10px;color:var(--tx);font-size:14px;text-align:center;outline:none;}
.otp-row{display:flex;gap:8px;justify-content:center;}
.otp-box{width:46px;height:52px;background:var(--s1);border:1.5px solid var(--b2);border-radius:var(--rs);color:var(--tx);font-size:22px;font-weight:700;text-align:center;outline:none;font-family:'Syne',sans-serif;}
.otp-box:focus{border-color:var(--p2);}
.gender-row{display:flex;gap:8px;}
.gender-btn{flex:1;padding:11px 12px;border-radius:var(--rs);border:1px solid var(--b2);background:var(--s1);color:var(--tx2);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;}
.gender-btn.on{background:linear-gradient(135deg,var(--p),var(--p2));border-color:var(--p2);color:#fff;box-shadow:0 6px 20px rgba(124,58,237,.28);}

/* TOPBAR */
.topbar{padding:max(8px, env(safe-area-inset-top)) 12px 8px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--b1);flex-shrink:0;z-index:5;background:rgba(7,7,15,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.logo{font-family:'Syne',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--p2),var(--pk));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-right:auto;}
.cbadge{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:50px;cursor:pointer;border:1px solid;font-size:12px;font-weight:700;transition:all .2s;}
.cb-g{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);color:var(--gold2);}
.cb-d{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.25);color:var(--dia2);}
.nb{position:relative;}
.ndot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--pk);border:2px solid var(--bg);animation:blink 2s infinite;display:none;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}

/* TABBAR */
.tabbar{display:flex;border-top:1px solid var(--b1);background:rgba(13,13,28,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);flex-shrink:0;padding:2px 0 max(6px, env(safe-area-inset-bottom));}
.tab{flex:1;min-width:0;padding:5px 1px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;font-size:clamp(7px,2.5vw,9px);color:var(--tx3);font-weight:600;position:relative;}
.tab svg{width:clamp(16px,4.8vw,19px);height:clamp(16px,4.8vw,19px);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.tab.on{color:var(--p2);}
.tab.on svg{stroke:var(--p2);}
.tbadge{position:absolute;top:5px;right:calc(50% - 17px);min-width:14px;height:14px;border-radius:8px;background:var(--pk);font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 3px;}
.content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:1;}
.pane{display:none;flex:1;min-height:0;overflow:hidden;flex-direction:column;}
.pane.on{display:flex;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}

/* USER LEVEL BADGE */
.ulvl{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:50px;}
.ulvl-bar{height:4px;background:var(--s3);border-radius:2px;overflow:hidden;}
.ulvl-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--p),var(--pk));}

/* DISCOVER — yalnızca sekme açıkken; id+güçlü kural display:none'u ezmesin */
#pDiscover.pane.on{
  flex-direction:column;
  min-height:0;
  overflow-x:hidden;
  overflow-y:hidden;
}
.disc-wrap{
  flex:1 1 0;
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:8px 8px 4px;
  overflow:hidden;
}
.disc-footer-gap{flex-shrink:0;height:10px;min-height:10px;}
.cstack{position:relative;width:100%;max-width:305px;height:clamp(260px,50vh,400px);min-height:240px;}
.mcard{position:absolute;inset:0;border-radius:22px;overflow:hidden;cursor:grab;user-select:none;box-shadow:0 20px 56px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.07);}
.mcard:nth-child(1){z-index:10;}.mcard:nth-child(2){transform:scale(.95) translateY(12px);z-index:5;}.mcard:nth-child(3){transform:scale(.90) translateY(24px);z-index:1;opacity:.6;}
.mc-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.mc-em{font-size:110px;opacity:.25;}
.mc-grd{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.93) 50%,transparent);}
.mc-top{position:absolute;top:11px;left:11px;right:11px;display:flex;justify-content:space-between;align-items:flex-start;}
.mc-pill{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);padding:4px 9px;border-radius:50px;font-size:10px;border:1px solid rgba(255,255,255,.1);}
.odot{width:6px;height:6px;border-radius:50%;background:var(--gn);box-shadow:0 0 5px var(--gn);}
.mc-tags{display:flex;flex-direction:column;gap:3px;align-items:flex-end;}
.ag-tag{font-size:9px;font-weight:700;padding:2px 7px;border-radius:50px;background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);color:var(--gold2);}
.bc-tag{font-size:9px;font-weight:700;padding:2px 7px;border-radius:50px;background:rgba(236,72,153,.2);border:1px solid rgba(236,72,153,.3);color:var(--pk);}
.mc-body{position:absolute;bottom:0;left:0;right:0;padding:16px;}
.mc-name{font-family:'Syne',sans-serif;font-size:21px;font-weight:700;}
.mc-loc{font-size:11px;color:rgba(255,255,255,.55);margin:2px 0 7px;}
.mc-chips{display:flex;flex-wrap:wrap;gap:4px;}
.mc-chip{font-size:10px;padding:3px 8px;border-radius:50px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);}
.hint{position:absolute;top:50%;font-size:12px;font-weight:800;padding:6px 12px;border-radius:8px;opacity:0;pointer-events:none;z-index:20;letter-spacing:1.5px;}
.hl{left:12px;color:var(--rd);border:2px solid var(--rd);transform:rotate(-12deg) translateY(-50%);}
.hr{right:12px;color:var(--gn);border:2px solid var(--gn);transform:rotate(12deg) translateY(-50%);}
.actbtns{display:flex;align-items:center;justify-content:center;gap:11px;padding:4px 14px max(12px,env(safe-area-inset-bottom));flex-shrink:0;margin-top:auto;}
.ab{border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all .25s;}
.ab-skip{width:48px;height:48px;font-size:18px;background:var(--s2);}
.ab-like{width:62px;height:62px;font-size:25px;background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:0 10px 28px rgba(124,58,237,.45);}
.ab-like:hover{transform:scale(1.07);}
.ab-boost{width:48px;height:48px;font-size:18px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.2);}
.disc-empty-reset{margin-top:14px!important;width:100%;padding:11px 14px!important;border-radius:14px!important;font-size:12px!important;font-weight:700!important;}

/* ROOMS */
#pRooms{padding:12px;gap:9px;}
.rooms-pane-empty{font-size:12px;color:var(--tx3);padding:12px 10px;border-radius:12px;background:var(--s1);border:1px dashed var(--b2);line-height:1.5;}
.rsc-title-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;}
.rsc-name-inroom{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(168,85,247,.45);text-underline-offset:3px;}
.rsc-name-inroom:active{opacity:.88;}
.rsc-member-plus{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid rgba(168,85,247,.45);background:rgba(168,85,247,.12);color:var(--p3);font-size:18px;font-weight:800;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:'Syne',sans-serif;}
.rsc-member-plus:active{transform:scale(.94);}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-bottom:2px;}
.sec-title{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;}
.room-card{background:var(--s1);border:1px solid var(--b2);border-radius:16px;overflow:hidden;cursor:default;transition:all .2s;flex-shrink:0;}
.room-card:hover{border-color:var(--b3);transform:translateY(-1px);}
.rc-bar{height:3px;}
.rc-in{padding:13px;}
.rc-hdr{display:flex;align-items:center;gap:6px;margin-bottom:5px;}
.rc-name{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;flex:1;}
.lpill{font-size:9px;font-weight:700;padding:2px 7px;border-radius:50px;letter-spacing:1px;}
.lpon{background:rgba(34,197,94,.15);color:var(--gn);border:1px solid rgba(34,197,94,.25);}
.lpoff{background:var(--s2);color:var(--tx3);border:1px solid var(--b1);}
.lvl-row{display:flex;align-items:center;gap:7px;margin-bottom:5px;}
.lvl-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:50px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);}
.lvl-track{flex:1;height:4px;background:var(--s3);border-radius:2px;overflow:hidden;}
.lvl-fill{height:100%;border-radius:2px;transition:width .5s;}
.lvl-next{font-size:9px;color:var(--tx3);white-space:nowrap;}
.rc-name-btn{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(168,85,247,.5);text-underline-offset:3px;}
.rc-name-btn:active{opacity:.85;}
.rc-list-name{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(168,85,247,.35);text-underline-offset:2px;}
.rc-list-name:active{opacity:.88;}
.rc-foot-join{cursor:pointer;}
.ri-sec-t{font-size:10px;font-weight:800;color:var(--p3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;}
.ri-announce-read{font-size:13px;color:var(--tx2);line-height:1.55;padding:10px 12px;border-radius:12px;background:var(--s1);border:1px solid var(--b2);min-height:44px;white-space:pre-wrap;}
.ri-member-list{display:flex;flex-direction:column;gap:8px;}
.ri-member{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--s1);border:1px solid var(--b2);}
.ri-member .ri-av{font-size:26px;line-height:1;}
.ri-member .ri-mid{flex:1;min-width:0;font-size:13px;font-weight:600;}
.ri-member .ri-sub{font-size:11px;color:var(--tx3);font-weight:500;}
.ri-member .ri-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;}
.ri-tag{font-size:9px;font-weight:800;padding:2px 8px;border-radius:50px;}
.ri-tag-owner{background:rgba(245,158,11,.2);color:var(--gold2);border:1px solid rgba(245,158,11,.35);}
.ri-tag-admin{background:rgba(168,85,247,.15);color:var(--p3);border:1px solid rgba(168,85,247,.3);}
.pf-gen{font-size:11px;font-weight:700;margin-top:3px;margin-bottom:2px;}
.pv-gen{font-size:12px;font-weight:700;margin:5px 0 3px;color:var(--tx2);}
.rc-desc{font-size:11px;color:var(--tx2);line-height:1.4;margin-bottom:8px;}
.rc-foot{display:flex;align-items:center;justify-content:space-between;}
.rc-avs{display:flex;}
.rc-av{width:22px;height:22px;border-radius:50%;border:2px solid var(--s1);font-size:11px;display:flex;align-items:center;justify-content:center;background:var(--s2);margin-left:-5px;}
.rc-av:first-child{margin-left:0;}
.rc-cnt{font-size:11px;color:var(--tx3);margin-left:5px;}
.rc-join{font-size:11px;font-weight:700;color:var(--p3);background:rgba(168,85,247,.1);padding:5px 11px;border-radius:50px;border:1px solid rgba(168,85,247,.18);}
.rc-settings-btn{font-size:11px;font-weight:700;color:var(--gold2);background:rgba(245,158,11,.1);padding:5px 11px;border-radius:50px;border:1px solid rgba(245,158,11,.2);}

/* ROOM SCREEN */
#roomSc{z-index:30;}
#roomSc.screen.on{min-height:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;}
#roomSc .seat-section,#roomSc .aud-row,#roomSc .rm-lvl-bar,#roomSc .rsc-hdr{flex-shrink:0;}
#roomSc .room-chat{flex:1;min-height:clamp(100px,22vh,240px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
#roomSc .room-ctrl{flex-shrink:0;}
.room-fab-stack{position:fixed;right:max(10px, env(safe-area-inset-right));bottom:max(72px, calc(58px + env(safe-area-inset-bottom)));display:flex;flex-direction:column;gap:10px;z-index:42;pointer-events:none;}
.room-fab-stack .room-fab{pointer-events:auto;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 22px rgba(0,0,0,.45);}
.room-fab-gift{background:linear-gradient(135deg,#78350f,var(--gold));color:#fff;}
.room-fab-set{background:rgba(30,30,55,.92);border:1px solid var(--b2)!important;color:var(--tx);backdrop-filter:blur(12px);}
.rsc-hdr{padding:10px 13px;border-bottom:1px solid var(--b1);display:flex;align-items:center;gap:8px;flex-shrink:0;}
.rsc-name{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;}
.rsc-sub{font-size:10px;color:var(--tx3);}
.rm-lvl-bar{padding:8px 13px;border-bottom:1px solid var(--b1);flex-shrink:0;}
.rlb-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.rlb-cur{font-size:11px;font-weight:700;}
.rlb-nxt{font-size:10px;color:var(--tx3);}
.rlb-track{height:5px;background:var(--s3);border-radius:3px;overflow:hidden;margin-bottom:4px;}
.rlb-fill{height:100%;border-radius:3px;transition:width .6s;}
.rlb-info{display:flex;gap:10px;}
.rlb-stat{font-size:10px;color:var(--tx2);}

/* SEAT GRID */
.seat-section{padding:10px 13px;border-bottom:1px solid var(--b1);flex-shrink:0;}
.seat-sec-title{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;}
.seat-grid{display:grid;gap:8px;}
.seat{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;position:relative;}
.seat-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid var(--b2);background:var(--s2);transition:all .2s;position:relative;}
.seat-av.occupied{border-color:var(--p2);}
.seat-av.occupied.talking{border-color:var(--p2);animation:ring 1.8s infinite;}
.seat-av.occupied.talking::after{
  content:'';
  position:absolute;
  inset:-7px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(168,85,247,.24) 0%,rgba(168,85,247,.12) 45%,rgba(168,85,247,0) 70%);
  animation:voiceHalo 1.25s ease-in-out infinite;
  pointer-events:none;
}
.seat-av.mine{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(251,191,36,.2);}
.seat-av.empty{border-style:dashed;opacity:.5;}
.seat-av.empty:hover{opacity:1;border-color:var(--p2);}
@keyframes ring{0%,100%{box-shadow:0 0 0 4px rgba(168,85,247,.16);}50%{box-shadow:0 0 0 8px rgba(168,85,247,.05);}}
@keyframes voiceHalo{0%,100%{transform:scale(1);opacity:.42;}50%{transform:scale(1.12);opacity:.18;}}
.seat-role{font-size:9px;font-weight:700;padding:2px 6px;border-radius:50px;}
.host-r{background:rgba(245,158,11,.15);color:var(--gold2);border:1px solid rgba(245,158,11,.2);}
.spk-r{background:rgba(168,85,247,.1);color:var(--p3);border:1px solid rgba(168,85,247,.15);}
.seat-nm{font-size:9px;color:var(--tx2);max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.seat-gift-gold{font-size:8px;font-weight:800;color:var(--gold2);margin-top:2px;white-space:nowrap;}
.seat-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);}
/* MIC indicator on seat */
.mic-off-badge{background:var(--rd);}
/* Audience row */
.aud-row{padding:0 13px 8px;border-bottom:1px solid var(--b1);flex-shrink:0;}
.aud-title{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.aud-avs{display:flex;flex-wrap:wrap;gap:5px;}
.aud-av{width:28px;height:28px;border-radius:50%;font-size:13px;display:flex;align-items:center;justify-content:center;background:var(--s2);}
/* Room controls bar */
.room-ctrl{padding:8px 13px;border-top:1px solid var(--b1);display:flex;gap:7px;align-items:center;flex-shrink:0;background:var(--bg2);}
.ctrl-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;border:1px solid var(--b2);background:var(--s1);transition:all .2s;flex-shrink:0;}
.ctrl-btn.active{background:var(--p);border-color:var(--p);}
.ctrl-btn.off{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);}
.room-chat{flex:1;overflow-y:auto;padding:8px 13px;display:flex;flex-direction:column;gap:5px;}
.rcm{display:flex;align-items:flex-start;gap:6px;}
.rcm-av{width:22px;height:22px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;background:var(--s2);flex-shrink:0;}
.rcm-bub{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:5px 9px;font-size:12px;line-height:1.4;max-width:220px;}
.rcm-who{font-size:9px;color:var(--tx3);margin-bottom:1px;font-weight:700;}
.gift-fly{border-radius:10px;padding:5px 10px;font-size:11px;display:flex;align-items:center;gap:6px;border:1px solid rgba(245,158,11,.2);background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.05));}
.rsc-inp-row{padding:8px 13px;border-top:1px solid var(--b1);display:flex;gap:6px;align-items:center;flex-shrink:0;}
.rsc-inp{flex:1;background:var(--s1);border:1px solid var(--b2);border-radius:50px;padding:8px 13px;color:var(--tx);font-family:'DM Sans',sans-serif;font-size:13px;outline:none;}
.rsc-inp:focus{border-color:var(--p2);}
.rsc-inp::placeholder{color:var(--tx3);}
.sbtn{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;}

/* Oda yarım sayfa menü */
.room-sheet-overlay{align-items:flex-end!important;justify-content:center;padding:0;}
.room-sheet{width:100%;max-width:520px;max-height:min(58vh,520px);background:linear-gradient(180deg,var(--s2),var(--s1));border:1px solid var(--b2);border-bottom:none;border-radius:22px 22px 0 0;box-shadow:0 -12px 48px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;}
.room-sheet-handle{width:36px;height:4px;border-radius:3px;background:var(--b3);margin:10px auto 4px;opacity:.6;}
.room-sheet-head{display:flex;align-items:center;gap:10px;padding:6px 14px 12px;border-bottom:1px solid var(--b1);}
.room-sheet-av{width:48px;height:48px;border-radius:14px;background:var(--s3);display:flex;align-items:center;justify-content:center;font-size:26px;border:1px solid var(--b2);flex-shrink:0;}
.room-sheet-head-mid{flex:1;min-width:0;}
.room-sheet-name{font-family:'Syne',sans-serif;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.room-sheet-idrow{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11px;color:var(--tx3);}
.room-sheet-copy{width:30px;height:30px;border-radius:8px;border:1px solid var(--b2);background:var(--s1);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;}
.room-sheet-lvl{font-size:10px;font-weight:800;color:var(--dia2);background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.25);padding:6px 10px;border-radius:10px;flex-shrink:0;}
.room-sheet-rows{padding:4px 0;border-bottom:1px solid var(--b1);}
.room-sheet-row{width:100%;display:flex;align-items:center;gap:8px;padding:13px 14px;border:none;background:transparent;color:var(--tx);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;border-bottom:1px solid var(--b1);}
.room-sheet-row:last-child{border-bottom:none;}
.room-sheet-row:active{background:rgba(255,255,255,.04);}
.rsheet-l{flex:1;}
.rsheet-r{font-size:12px;color:var(--tx3);margin-right:4px;}
.rsheet-chev{color:var(--tx3);font-size:18px;font-weight:300;}
.room-sheet-ann{padding:12px 14px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom));}
.room-sheet-ann-t{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;}
.room-sheet-ann-box{font-size:13px;color:var(--tx2);line-height:1.45;background:var(--bg2);border:1px solid var(--b1);border-radius:12px;padding:12px;min-height:52px;}

/* Ayarlar liste ekranı */
#roomSettingsMenuSc{background:var(--bg);}
#roomSettingsMenuSc.screen.on{min-height:0;}
.rsm-body{flex:1;overflow-y:auto;padding:10px 12px 24px;}
.rsm-row{width:100%;display:flex;align-items:center;gap:10px;padding:14px 12px;margin-bottom:6px;background:var(--s1);border:1px solid var(--b2);border-radius:14px;color:var(--tx);font:inherit;font-size:14px;cursor:pointer;text-align:left;}
.rsm-row:active{transform:scale(.995);}
.rsm-l{font-weight:600;flex:0 0 auto;}
.rsm-v{flex:1;text-align:right;font-size:13px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rsm-chev{color:var(--tx3);flex-shrink:0;}

/* MESSAGES */
#pMessages{padding:12px;gap:10px;min-height:0;}
#pMessages.pane.on{display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;}
#msgList{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.msg-matches-panel{flex-shrink:0;border-radius:14px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);padding:10px 10px 8px;}
.msg-matches-h{font-size:10px;font-weight:800;color:var(--p3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;}
.msg-matches-list{display:flex;flex-wrap:wrap;gap:8px;}
.msg-match-chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:8px 6px;border-radius:12px;border:1px solid var(--b2);background:rgba(0,0,0,.2);color:var(--tx);font:inherit;cursor:pointer;transition:transform .12s;}
.msg-match-chip:active{transform:scale(.97);}
.msg-match-chip .mmc-av{font-size:22px;line-height:1;}
.msg-match-chip .mmc-nm{font-size:10px;font-weight:600;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btime .dm-tick{font-size:11px;color:var(--tx3);margin-left:3px;letter-spacing:-2px;}
.bwrap.me .btime .dm-tick.read{color:var(--dia2);}
.mi-avw{cursor:default;}
.sbar{background:var(--s1);border:1px solid var(--b2);border-radius:50px;padding:9px 14px;display:flex;align-items:center;gap:7px;flex-shrink:0;margin-bottom:8px;}
.sbar input{flex:1;background:none;border:none;color:var(--tx);font-family:'DM Sans',sans-serif;font-size:13px;outline:none;}
.sbar input::placeholder{color:var(--tx3);}
.mi{display:flex;align-items:center;gap:9px;padding:9px;border-radius:14px;cursor:pointer;transition:background .2s;flex-shrink:0;}
.mi:hover{background:var(--s1);}
.mi-avw{position:relative;flex-shrink:0;pointer-events:auto;cursor:pointer;}
.mi-av{width:46px;height:46px;border-radius:50%;font-size:21px;display:flex;align-items:center;justify-content:center;background:var(--s2);}
.mi-on{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg);}
.mi-info{flex:1;min-width:0;}
.mi-nm{font-weight:600;font-size:13px;margin-bottom:2px;}
.mi-pr{font-size:12px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mi-rt{text-align:right;flex-shrink:0;}
.mi-tm{font-size:10px;color:var(--tx3);margin-bottom:3px;}
.mi-un{width:17px;height:17px;border-radius:50%;background:var(--p);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:auto;}

/* CHAT */
#chatSc{z-index:30;}
.ch-hdr{padding:9px 13px;border-bottom:1px solid var(--b1);display:flex;align-items:center;gap:9px;flex-shrink:0;}
.ch-hdr-av{width:36px;height:36px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;background:var(--s2);}
.ch-hdr-n{font-weight:700;font-size:14px;}
.ch-hdr-s{font-size:10px;color:var(--gn);}
.ch-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;}
.bwrap{display:flex;align-items:flex-end;gap:6px;}
.bwrap.me{flex-direction:row-reverse;}
.bub{padding:8px 12px;border-radius:16px;font-size:13px;line-height:1.5;max-width:68%;}
.bub.them{background:var(--s1);border:1px solid var(--b1);border-bottom-left-radius:4px;}
.bub.me{background:linear-gradient(135deg,var(--p),var(--p2));border-bottom-right-radius:4px;}
.bav{width:24px;height:24px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;background:var(--s2);flex-shrink:0;}
.btime{font-size:9px;color:var(--tx3);margin:1px 5px 0;align-self:flex-end;}
.gbub{border-radius:14px;padding:10px 13px;display:flex;align-items:center;gap:9px;max-width:210px;}
.gbub-g{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(251,191,36,.06));border:1px solid rgba(245,158,11,.22);}
.gbub-d{background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(147,197,253,.06));border:1px solid rgba(96,165,250,.22);}
.ch-bar{padding:7px 11px;border-top:1px solid var(--b1);display:flex;gap:6px;align-items:center;flex-shrink:0;}
.ch-inp{flex:1;background:var(--s1);border:1px solid var(--b2);border-radius:50px;padding:8px 13px;color:var(--tx);font-family:'DM Sans',sans-serif;font-size:13px;outline:none;}
.ch-inp:focus{border-color:var(--p2);}
.ch-inp::placeholder{color:var(--tx3);}
.gift-trig{width:34px;height:34px;border-radius:50%;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.ch-att{width:34px;height:34px;border-radius:50%;background:var(--s1);border:1px solid var(--b2);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.bub-media{max-width:72%;border-radius:14px;overflow:hidden;border:1px solid var(--b2);background:var(--s1);}
.bub-media img,.bub-media video{display:block;max-width:100%;max-height:200px;width:100%;object-fit:cover;}
.bub-audio{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--s1);border:1px solid var(--b2);max-width:72%;font-size:12px;color:var(--tx2);}
#main{position:relative;isolation:isolate;}
#main.screen.on{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);}
.aura-canvas-fill{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;}
#main .aura-canvas-fill{opacity:.58;}
.aura-canvas-fill.aura-canvas--dim{opacity:.28;}
#main .topbar,#main .content,#main .tabbar{position:relative;z-index:2;}
#profileViewSc{position:relative;isolation:isolate;background:var(--bg);}
#profileViewSc .aura-canvas-fill{opacity:.32;}
#profileViewSc .rsc-hdr,#profileViewSc .pv-scroll{position:relative;z-index:1;}
#roomSettingsSc.screen.on{flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:0;overflow:hidden;}
#roomSettingsSc .rsc-hdr{flex-shrink:0;}
#roomSettingsSc .rs-body{
  flex:1 1 0;
  min-height:0;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  position:relative;
  z-index:0;
}
/* Keşfet: eşleşme şeridi */
.disc-matches-strip{flex-shrink:0;margin:0 10px 8px;padding:8px 10px;border-radius:14px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);max-width:100%;}
.disc-matches-strip .dms-head{font-size:10px;font-weight:800;color:var(--p3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
.disc-matches-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:thin;}
.disc-match-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px;cursor:pointer;padding:4px 6px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid var(--b2);transition:transform .15s,background .15s;}
.disc-match-chip:active{transform:scale(.96);}
.disc-match-chip .dm-av{font-size:26px;line-height:1;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--s2);border:1px solid var(--b2);}
.disc-match-chip .dm-nm{font-size:9px;font-weight:600;color:var(--tx2);max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}

/* Arka planda oda: sagda PIP kutusu */
.room-pip{display:none;position:fixed;right:max(10px,env(safe-area-inset-right,0));top:50%;transform:translateY(-50%);z-index:60;width:112px;flex-direction:column;align-items:stretch;border-radius:18px;background:linear-gradient(160deg,rgba(30,27,75,.97),rgba(13,13,28,.98));border:1px solid rgba(129,140,248,.4);box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06) inset;-webkit-tap-highlight-color:transparent;}
.room-pip-x{position:absolute;top:4px;right:4px;width:26px;height:26px;border:none;border-radius:50%;background:rgba(239,68,68,.2);color:#fca5a5;font-size:16px;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;}
.room-pip-drag{flex:0 0 auto;padding:8px 6px 2px;font-size:11px;letter-spacing:-2px;color:var(--tx3);text-align:center;cursor:grab;user-select:none;touch-action:none;line-height:1;}
.room-pip-drag:active{cursor:grabbing;}
.room-pip-inner{padding:4px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer;flex:1 1 auto;}
.room-pip-ico{font-size:32px;line-height:1;filter:drop-shadow(0 2px 8px rgba(129,140,248,.4));}
.room-pip-title{font-size:11px;font-weight:800;color:var(--tx);line-height:1.25;max-height:2.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.room-pip-sub{font-size:9px;color:var(--tx3);}
.room-pip-mic{display:flex;gap:6px;margin-top:4px;pointer-events:auto;}
.room-pip-mbtn{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);cursor:pointer;}
.room-pip-mbtn.off{opacity:.45;filter:grayscale(.4);}
.pv-rev-btn{width:100%;margin-top:10px;}
.pr-modal-item{padding:12px;border-bottom:1px solid var(--b1);font-size:12px;color:var(--tx2);line-height:1.5;}
.pr-modal-stars{color:var(--gold2);font-weight:700;margin-bottom:4px;}
.rate-ta{width:100%;min-height:72px;max-height:120px;background:var(--s1);border:1px solid var(--b2);border-radius:var(--rs);padding:10px;color:var(--tx);font-family:'DM Sans',sans-serif;font-size:13px;resize:vertical;margin-bottom:6px;}

/* POSTS */
#pPosts{padding:12px;gap:11px;}
.post-card{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);overflow:hidden;flex-shrink:0;}
.post-header{display:flex;align-items:center;gap:9px;padding:12px 13px 8px;}
.post-av{width:38px;height:38px;border-radius:50%;font-size:19px;display:flex;align-items:center;justify-content:center;background:var(--s2);cursor:pointer;}
.post-info{flex:1;}
.post-name{font-weight:600;font-size:13px;cursor:pointer;}
.post-time{font-size:10px;color:var(--tx3);margin-top:1px;}
.post-body{padding:0 13px 12px;font-size:13px;line-height:1.6;color:var(--tx2);}
.post-actions{display:flex;gap:16px;padding:10px 13px;border-top:1px solid var(--b1);}
.pa{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--tx3);cursor:pointer;transition:color .2s;}
.pa:hover{color:var(--tx);}
.pa svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;}
.pa.liked{color:var(--pk);}
.new-post-card{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);padding:13px;flex-shrink:0;}

/* GAMES */
#pGames{padding:0;gap:0;overflow:hidden;}
.games-pane-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;}
.games-hero-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5;z-index:0;}
.games-pane-inner{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;padding-bottom:max(20px, env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;}
.game-card-cv{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(12,12,24,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:130px;}
.game-card-cv .gcard-bg-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55;border-radius:20px;}
.game-card-cv .gcard-in{position:relative;z-index:1;padding:18px;}
#goldRainBanner{display:none;position:fixed;left:8px;right:8px;top:max(8px, env(safe-area-inset-top));z-index:96;padding:11px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(120,53,15,.95),rgba(245,158,11,.92));border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:700;text-align:center;cursor:pointer;box-shadow:0 10px 36px rgba(245,158,11,.35);animation:pkBannerPulse 2.2s ease-in-out infinite;}
#goldRainBanner.on{display:block;}
@keyframes pkBannerPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}
#goldRainOverlay{display:none;position:fixed;inset:0;z-index:115;flex-direction:column;background:rgba(0,0,0,.5);touch-action:none;}
#goldRainOverlay.on{display:flex;}
#goldRainCanvas{flex:1;width:100%;min-height:0;touch-action:none;display:block;}
.gold-rain-hud{flex-shrink:0;padding:10px 14px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));display:flex;align-items:center;justify-content:space-between;gap:10px;}
.gold-rain-taps{font-size:13px;font-weight:700;color:var(--gold2);}
.gold-rain-timer{font-size:12px;color:var(--tx3);}

/* ===== SLOT MACHINE ===== */
.slot-card{background:linear-gradient(135deg,#0d0205,#1a0510);border:1px solid rgba(245,158,11,.3);border-radius:var(--r);padding:16px;flex-shrink:0;}
.slot-title{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:var(--gold2);text-align:center;margin-bottom:3px;}
.slot-sub{font-size:10px;color:var(--tx3);text-align:center;margin-bottom:14px;}
/* Reels */
.slot-reels{display:flex;gap:6px;justify-content:center;margin-bottom:14px;}
.reel-wrap{width:70px;height:70px;border-radius:12px;background:var(--bg);border:2px solid rgba(245,158,11,.3);overflow:hidden;position:relative;box-shadow:0 0 10px rgba(245,158,11,.1);}
.reel-inner{display:flex;flex-direction:column;transition:transform 0s;}
.reel-inner.spinning{transition:none;}
.reel-sym{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:34px;}
/* Payline indicator */
.slot-payline{position:absolute;top:50%;left:0;right:0;height:2px;background:rgba(245,158,11,.5);transform:translateY(-50%);pointer-events:none;}
.slot-win-line{height:70px;border:2px solid;border-radius:12px;position:absolute;inset:0;pointer-events:none;display:none;}
.slot-bets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;justify-content:center;}
.slot-bet{padding:5px 12px;border-radius:50px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--b2);background:var(--s2);color:var(--tx2);transition:all .2s;}
.slot-bet.sel{background:linear-gradient(135deg,#78350f,var(--gold));color:#fff;border-color:transparent;}
.slot-result{text-align:center;padding:10px;border-radius:var(--rs);margin-bottom:10px;font-size:13px;font-weight:700;display:none;animation:popIn .3s;}
@keyframes popIn{from{transform:scale(0.7);opacity:0;}to{transform:scale(1);opacity:1;}}
.slot-win{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:var(--gn);}
.slot-lose{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:var(--rd);}
.slot-free{background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3);color:var(--p3);}
.slot-btns{display:flex;gap:8px;}
.spin-btn{flex:1;padding:12px;border-radius:50px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#78350f,var(--gold));color:#fff;}
.spin-btn:hover{transform:scale(1.02);}
.spin-btn:disabled{opacity:.5;transform:none;}
.spin-btn.free{background:linear-gradient(135deg,var(--p),var(--p2));}
.slot-stats{display:flex;justify-content:space-between;font-size:10px;color:var(--tx3);margin-top:10px;}
.free-spin-badge{background:linear-gradient(135deg,var(--p),var(--pk));color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:50px;display:inline-flex;align-items:center;gap:4px;}

/* LOBBY */
.lobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}
.lobby-card{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);padding:14px;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;}
.lobby-card:hover{border-color:var(--b3);}
.lobby-card.soon::after{content:'YAKINDA';position:absolute;top:10px;right:-20px;background:var(--p2);color:#fff;font-size:9px;font-weight:700;padding:3px 24px;transform:rotate(35deg);letter-spacing:1px;}
.lobby-icon{font-size:36px;margin-bottom:8px;}
.lobby-name{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;margin-bottom:3px;}
.lobby-desc{font-size:11px;color:var(--tx3);line-height:1.4;}
.lobby-players{font-size:10px;color:var(--gn);margin-top:6px;font-weight:600;}

/* LUDO GAME */
#ludoSc{z-index:40;}
.ludo-hdr{padding:10px 13px;border-bottom:1px solid var(--b1);display:flex;align-items:center;gap:10px;flex-shrink:0;}
.ludo-board-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;overflow:hidden;}
.ludo-board{display:grid;grid-template-columns:repeat(15,1fr);width:min(92vw,480px);aspect-ratio:1;background:#1a0d2e;border:2px solid var(--b3);border-radius:12px;overflow:hidden;}
.lc{display:flex;align-items:center;justify-content:center;font-size:10px;border:0.5px solid rgba(255,255,255,.05);position:relative;}
.lc-r{background:#ff4444;}
.lc-g{background:#22c55e;}
.lc-b{background:#3b82f6;}
.lc-y{background:#f59e0b;}
.lc-safe{background:rgba(255,255,255,.08);}
.lc-star::after{content:'★';position:absolute;font-size:12px;color:rgba(255,255,255,.5);}
.ludo-piece{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;z-index:1;position:absolute;}
.ludo-piece:hover{transform:scale(1.2);}
.ludo-controls{padding:12px;border-top:1px solid var(--b1);flex-shrink:0;}
.ludo-players{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;}
.ludo-player{padding:8px 10px;border-radius:10px;border:1px solid var(--b2);display:flex;align-items:center;gap:8px;}
.ludo-player.active{border-color:var(--p2);background:rgba(168,85,247,.08);}
.ludo-die{width:48px;height:48px;border-radius:10px;background:var(--s1);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer;transition:all .2s;flex-shrink:0;}
.ludo-die:hover{background:var(--s2);}
.ludo-die.rolling{animation:dieRoll .5s;}
@keyframes dieRoll{0%,100%{transform:rotate(0);}25%{transform:rotate(-15deg);}75%{transform:rotate(15deg);};}
.ludo-msg{text-align:center;font-size:12px;color:var(--tx2);min-height:20px;}

/* NOTIF */
#notifSc{z-index:30;}
.ni{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-bottom:1px solid var(--b1);cursor:pointer;transition:background .2s;}
.ni:hover{background:var(--s1);}
.ni.unr{background:rgba(124,58,237,.04);}
.ni-av{width:40px;height:40px;border-radius:50%;font-size:19px;display:flex;align-items:center;justify-content:center;background:var(--s2);flex-shrink:0;position:relative;}
.ni-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;font-size:9px;}
.ni-txt{flex:1;}
.ni-text{font-size:13px;line-height:1.5;}
.ni-time{font-size:10px;color:var(--tx3);margin-top:2px;}
.udot{width:7px;height:7px;border-radius:50%;background:var(--p2);flex-shrink:0;margin-top:5px;}

/* WALLET */
#walletSc{z-index:30;}
.w-hero{padding:16px;border-bottom:1px solid var(--b1);flex-shrink:0;}
.w-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.wcard{border-radius:var(--r);padding:14px;overflow:hidden;}
.wc-gold{background:linear-gradient(135deg,#451a03,#78350f);border:1px solid rgba(245,158,11,.22);}
.wc-dia{background:linear-gradient(135deg,#0c1a2e,#1e3a5f);border:1px solid rgba(96,165,250,.18);}
.wc-icon{font-size:24px;margin-bottom:6px;}
.wc-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:3px;}
.wc-val{font-family:'Syne',sans-serif;font-size:21px;font-weight:700;}
.wc-sub{font-size:10px;opacity:.6;margin-top:2px;}
.wc-gold .wc-val{color:var(--gold2);}
.wc-dia .wc-val{color:var(--dia2);}
.w-tabs{display:flex;gap:5px;padding:11px 13px 7px;flex-shrink:0;overflow-x:auto;}
.wt{padding:6px 13px;border-radius:50px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid var(--b2);color:var(--tx3);white-space:nowrap;}
.wt.on{color:#fff;border-color:transparent;}
.wt-g.on{background:linear-gradient(135deg,#78350f,var(--gold));}
.wt-d.on{background:linear-gradient(135deg,#1e3a5f,var(--dia));}
.wt-h.on{background:var(--s3);color:var(--tx);}
.w-body{flex:1;overflow-y:auto;padding:0 13px 13px;}
.pkg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:7px;}
.pkg{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);padding:13px 10px;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;}
.pkg:hover{border-color:var(--b3);}
.pkg.best{border-color:rgba(245,158,11,.3);}
.pkg-best-tag{position:absolute;top:0;right:0;font-size:9px;font-weight:700;padding:2px 8px;border-bottom-left-radius:10px;}
.pkg-icon{font-size:26px;margin-bottom:5px;}
.pkg-amt{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;}
.pkg-price{font-size:11px;color:var(--tx3);margin-top:2px;}
.pkg-bonus{font-size:10px;color:var(--gn);margin-top:2px;font-weight:600;}
.buy-btn{margin-top:7px;padding:7px;border-radius:50px;font-size:11px;font-weight:700;border:none;cursor:pointer;width:100%;color:#fff;}
.with-card{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);padding:14px;margin-bottom:9px;}
.with-title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:3px;}
.with-desc{font-size:11px;color:var(--tx2);margin-bottom:9px;line-height:1.5;}
.rate-box{background:rgba(96,165,250,.06);border:1px solid rgba(96,165,250,.12);border-radius:var(--rs);padding:9px 11px;font-size:11px;color:var(--tx2);line-height:1.6;margin-bottom:9px;}
.w-inp{width:100%;background:var(--s2);border:1px solid var(--b2);border-radius:50px;padding:9px 14px;color:var(--tx);font-family:'DM Sans',sans-serif;font-size:13px;outline:none;margin-bottom:7px;}
.w-inp:focus{border-color:var(--dia);}
.tx-item{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--b1);}
.tx-ic{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:var(--s1);}
.tx-inf{flex:1;}
.tx-d{font-size:12px;font-weight:500;}
.tx-t{font-size:10px;color:var(--tx3);margin-top:1px;}
.tx-a{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;}
.tx-p{color:var(--gn);}
.tx-m{color:var(--rd);}

/* PUBLIC PROFILE */
#profileViewSc{z-index:35;}
.pv-hero{padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;border-bottom:1px solid var(--b1);background:rgba(6,6,14,.42);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.pv-av{width:82px;height:82px;border-radius:50%;font-size:38px;display:flex;align-items:center;justify-content:center;background:var(--s2);border:3px solid var(--p2);box-shadow:0 0 20px rgba(168,85,247,.2);}
.pv-lvl{display:flex;align-items:center;gap:8px;margin-top:4px;}
.pv-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;}
.pv-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:50px;}
.pv-stats{display:flex;gap:20px;margin-top:6px;}
.pvst{text-align:center;}
.pvst-n{font-family:'Syne',sans-serif;font-size:19px;font-weight:700;}
.pvst-l{font-size:10px;color:var(--tx3);margin-top:1px;}
/* Gift showcase */
.gift-showcase{display:flex;flex-wrap:wrap;gap:8px;}
.gs-item{background:var(--s1);border:1px solid var(--b2);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:7px;font-size:12px;}

/* PROFILE (own) */
#pProfile{overflow-y:auto;}
.pf-hero{padding:20px 15px;display:flex;flex-direction:column;align-items:center;gap:9px;border-bottom:1px solid var(--b1);}
.pf-av-wrap{position:relative;}
.pf-av{width:76px;height:76px;border-radius:50%;font-size:36px;display:flex;align-items:center;justify-content:center;background:var(--s2);border:2.5px solid var(--p2);box-shadow:0 0 20px rgba(168,85,247,.22);}
.pf-edit-av{position:absolute;bottom:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--p2);display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;border:2px solid var(--bg);}
.pf-nm{font-family:'Syne',sans-serif;font-size:19px;font-weight:700;}
.pf-hdl{font-size:11px;color:var(--tx3);}
.pf-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;}
.pf-badge{font-size:10px;font-weight:700;padding:2px 9px;border-radius:50px;}
.pf-stats{display:flex;gap:24px;margin-top:5px;}
.pst{text-align:center;}
.pst-n{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;}
.pst-l{font-size:10px;color:var(--tx3);margin-top:1px;}
.pf-sec{padding:13px 15px;border-bottom:1px solid var(--b1);}
.pf-sec-t{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:9px;}
/* Level progress in profile */
.level-progress-card{background:linear-gradient(135deg,rgba(168,85,247,.06),rgba(96,165,250,.06));border:1px solid rgba(168,85,247,.15);border-radius:var(--rs);padding:12px;margin-bottom:8px;}
.lpc-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.lpc-left{display:flex;align-items:center;gap:8px;}
.lpc-avatar{font-size:24px;}
.lpc-info{font-size:13px;font-weight:600;}
.lpc-sub{font-size:11px;color:var(--tx3);margin-top:1px;}
.lpc-xp{font-size:11px;color:var(--p3);font-weight:700;}
.lpc-bar{height:6px;background:var(--s3);border-radius:3px;overflow:hidden;}
.lpc-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--p),var(--pk));transition:width .5s;}
/* Visitor */
.visitor-list{display:flex;flex-wrap:wrap;gap:8px;}
.visitor{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;}
.visitor-av{width:42px;height:42px;border-radius:50%;font-size:19px;display:flex;align-items:center;justify-content:center;background:var(--s2);border:1px solid var(--b2);}
.visitor-nm{font-size:10px;color:var(--tx2);}
.visitor-tm{font-size:9px;color:var(--tx3);}
/* BC promo */
.bc-promo{background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(124,58,237,.08));border:1px solid rgba(236,72,153,.2);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px;}
.bc-promo-top{display:flex;align-items:center;gap:12px;}
.bc-promo-icon{font-size:32px;}
.bc-promo-info{flex:1;}
.bc-promo-title{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;}
.bc-promo-desc{font-size:11px;color:var(--tx2);margin-top:3px;line-height:1.5;}
.bc-benefits{display:flex;flex-direction:column;gap:6px;}
.bc-benefit{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--tx2);}
/* Tasks */
.task-item{display:flex;align-items:center;gap:10px;background:var(--s1);border:1px solid var(--b2);border-radius:var(--rs);padding:11px 13px;transition:all .2s;}
.task-item.done{opacity:.6;background:rgba(34,197,94,.04);border-color:rgba(34,197,94,.15);}
.task-icon{font-size:20px;flex-shrink:0;}
.task-info{flex:1;}
.task-title{font-size:13px;font-weight:600;margin-bottom:2px;}
.task-desc{font-size:11px;color:var(--tx3);}
.task-reward{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--dia2);flex-shrink:0;}
.task-check{width:20px;height:20px;border-radius:50%;background:var(--gn);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.task-btn{padding:5px 12px;border-radius:50px;font-size:11px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border:none;flex-shrink:0;}
.tasks-summary{background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(168,85,247,.08));border:1px solid rgba(96,165,250,.15);border-radius:var(--rs);padding:11px 13px;display:flex;align-items:center;justify-content:space-between;}

/* AGENCY */
#agencySc{z-index:30;}
.ag-wrap{flex:1;overflow-y:auto;}
.ag-card{background:linear-gradient(135deg,#1a0d2e,#2d1060);border:1px solid rgba(168,85,247,.22);border-radius:var(--r);padding:15px;margin:13px;}
.ag-nm{font-family:'Syne',sans-serif;font-size:17px;font-weight:700;margin-bottom:2px;}
.ag-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px;}
.ag-stat{background:rgba(255,255,255,.05);border-radius:var(--rs);padding:8px;text-align:center;}
.ag-stat-n{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:var(--p3);}
.ag-stat-l{font-size:10px;color:var(--tx3);margin-top:2px;}
.ag-mem{display:flex;align-items:center;gap:9px;padding:10px 11px;background:var(--s1);border:1px solid var(--b2);border-radius:13px;margin:0 13px 7px;}
.ag-mav{width:40px;height:40px;border-radius:50%;font-size:19px;display:flex;align-items:center;justify-content:center;background:var(--s2);}
.ag-minfo{flex:1;}
.ag-mnm{font-weight:600;font-size:13px;}
.ag-mrl{font-size:10px;color:var(--tx3);margin-top:1px;}
.ag-mea{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;color:var(--p3);}
.rules-card{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);padding:13px;margin:0 13px 13px;}
.rule-item{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-bottom:1px solid var(--b1);}
.rule-item:last-child{border:none;}
.rule-icon{font-size:16px;flex-shrink:0;margin-top:1px;}
.rule-text{font-size:11px;color:var(--tx2);line-height:1.5;}
.rule-text b{color:var(--tx);}

/* CREATE ROOM */
#createRoomSc{z-index:30;}
.cr-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:13px;}
.cr-lbl{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.cat-opt{background:var(--s1);border:1px solid var(--b2);border-radius:var(--rs);padding:10px 7px;text-align:center;cursor:pointer;transition:all .2s;font-size:11px;}
.cat-opt:hover,.cat-opt.sel{border-color:var(--p2);background:rgba(168,85,247,.08);color:var(--p3);}
.cat-icon{font-size:20px;margin-bottom:3px;}
.toggle-row{display:flex;align-items:center;justify-content:space-between;background:var(--s1);border:1px solid var(--b2);border-radius:var(--rs);padding:12px;}
.tr-info{flex:1;}
.tr-title{font-weight:600;font-size:13px;}
.tr-desc{font-size:11px;color:var(--tx2);margin-top:1px;}

/* ROOM SETTINGS */
#roomSettingsSc{z-index:35;}
.rs-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px;padding-bottom:28px;display:flex;flex-direction:column;gap:14px;}
.rs-section{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);overflow:hidden;}
.rs-sec-title{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:1px;padding:10px 14px 6px;border-bottom:1px solid var(--b1);}
.rs-row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--b1);}
.rs-row:last-child{border:none;}
.rs-row-info{flex:1;}
.rs-row-title{font-size:13px;font-weight:600;}
.rs-row-desc{font-size:11px;color:var(--tx3);margin-top:2px;}
.rs-select{background:var(--s2);border:1px solid var(--b2);border-radius:var(--rs);padding:6px 10px;color:var(--tx);font-family:'DM Sans',sans-serif;font-size:12px;outline:none;cursor:pointer;}
.rs-input{background:var(--s2);border:1px solid var(--b2);border-radius:var(--rs);padding:7px 11px;color:var(--tx);font-family:'DM Sans',sans-serif;font-size:13px;outline:none;width:100%;margin-top:8px;}
.rs-input:focus{border-color:var(--p2);}
.rs-input::placeholder{color:var(--tx3);}
.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 14px;}
.bg-opt{aspect-ratio:1;border-radius:var(--rs);cursor:pointer;border:2px solid var(--b2);transition:all .2s;overflow:hidden;}
.bg-opt:hover,.bg-opt.sel{border-color:var(--p2);box-shadow:0 0 0 3px rgba(168,85,247,.2);}
/* Admin list in settings */
.admin-item{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--b1);}
.admin-item:last-child{border:none;}

/* RATING MODAL */
.rating-stars{display:flex;gap:8px;justify-content:center;margin:14px 0;}
.rating-star{font-size:32px;cursor:pointer;transition:transform .15s;opacity:.4;}
.rating-star.active{opacity:1;}
.rating-star:hover{transform:scale(1.2);}

/* MODALS */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);z-index:50;display:none;align-items:flex-end;justify-content:center;}
.modal-bg.on{display:flex;}
.msheet{background:var(--bg2);border-radius:24px 24px 0 0;border:1px solid var(--b2);border-bottom:none;padding:18px;width:100%;max-width:500px;animation:sUp .3s cubic-bezier(.34,1.2,.64,1);max-height:90vh;overflow-y:auto;}
@keyframes sUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
.mhandle{width:32px;height:4px;border-radius:2px;background:var(--s3);margin:0 auto 16px;}
.m-title{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;margin-bottom:4px;}
.m-sub{font-size:11px;color:var(--tx3);margin-bottom:9px;}
.edit-form{display:flex;flex-direction:column;gap:11px;}

/* GIFT MODAL */
.gcur-tabs{display:flex;gap:7px;margin-bottom:11px;}
.gct{padding:5px 12px;border-radius:50px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--b2);color:var(--tx3);}
.gct.on-gold{background:linear-gradient(135deg,#78350f,var(--gold));color:#fff;border-color:transparent;}
.gct.on-dia{background:linear-gradient(135deg,#1e3a5f,var(--dia));color:#fff;border-color:transparent;}
.gifts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px;}
.go{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r);padding:9px 5px;text-align:center;cursor:pointer;transition:all .2s;}
.go:hover,.go.sg{border-color:var(--gold);background:rgba(245,158,11,.07);}
.go.sd{border-color:var(--dia);background:rgba(96,165,250,.07);}
.go-icon{font-size:22px;margin-bottom:3px;}
.go-nm{font-size:9px;color:var(--tx2);margin-bottom:2px;}
.go-pr{font-size:10px;font-weight:700;}
.gp-g{color:var(--gold2);}
.gp-d{color:var(--dia2);}
.gsend-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
/* Gift target selector */
.gift-target-tabs{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;padding-bottom:3px;}
.gtt{padding:5px 12px;border-radius:50px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--b2);color:var(--tx3);white-space:nowrap;flex-shrink:0;}
.gtt.on{background:var(--p);color:#fff;border-color:transparent;}
.lucky-combo-overlay{position:fixed;inset:0;z-index:54;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);padding:20px;}
.lucky-combo-overlay.on{display:flex;}
.lucky-combo-overlay-card{background:var(--bg2);border:1px solid var(--b2);border-radius:22px;padding:22px 24px;text-align:center;max-width:300px;cursor:pointer;box-shadow:0 16px 48px rgba(0,0,0,.45);}
.lucky-combo-btn{position:fixed;bottom:max(150px, calc(134px + env(safe-area-inset-bottom)));right:max(12px, env(safe-area-inset-right));left:auto;z-index:55;display:none;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:50px;background:linear-gradient(135deg,#831843,var(--pk));border:2px solid rgba(255,255,255,.22);color:#fff;font-family:'Syne',sans-serif;font-weight:800;font-size:11px;cursor:pointer;box-shadow:0 8px 28px rgba(236,72,153,.5);max-width:calc(100vw - 88px);}
.lucky-combo-btn.on{display:flex;}
.lucky-combo-btn .lcb-sub{font-size:9px;font-weight:600;opacity:.88;}
.bc-promo-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:1px solid var(--b2);background:var(--s1);color:var(--tx2);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.bc-promo-x:hover{color:var(--tx);background:var(--s2);}
.rating-row-given{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--s1);border:1px solid var(--b2);border-radius:14px;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;}
.rating-row-recv{display:flex;align-items:center;justify-content:center;padding:12px;background:var(--s1);border:1px solid var(--b2);border-radius:14px;font-size:15px;letter-spacing:2px;color:var(--gold2);}
.mi-avw,.mi-pr-open{cursor:pointer;}
.mi-main{flex:1;min-width:0;cursor:pointer;}

/* SEAT CONTEXT MENU */
.seat-menu{position:absolute;background:var(--s1);border:1px solid var(--b2);border-radius:var(--rs);padding:4px;z-index:100;min-width:160px;box-shadow:0 8px 24px rgba(0,0,0,.5);}
.seat-menu-item{padding:9px 13px;font-size:13px;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:8px;transition:background .15s;}
.seat-menu-item:hover{background:var(--s2);}

/* MATCH / BONUS POPUPS */
#matchPop{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.78);backdrop-filter:blur(16px);}
#matchPop.on{display:flex;}
.match-box{background:var(--s1);border:1px solid var(--b2);border-radius:24px;padding:26px 22px;text-align:center;max-width:280px;width:90%;animation:pop .5s cubic-bezier(.34,1.56,.64,1);}
@keyframes pop{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}
.m-em{font-size:40px;margin-bottom:7px;}
.m-ttl{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--p3),var(--pk));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.m-desc{font-size:12px;color:var(--tx2);margin:7px 0 18px;line-height:1.5;}
#bonusPop{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.8);backdrop-filter:blur(14px);}
#bonusPop.on{display:flex;}
.bonus-box{background:linear-gradient(135deg,#0c1a2e,#1e3a5f);border:1px solid rgba(96,165,250,.3);border-radius:24px;padding:26px 22px;text-align:center;max-width:280px;width:90%;animation:pop .5s cubic-bezier(.34,1.56,.64,1);}

/* TOASTS */
#toast{position:fixed;bottom:max(68px, calc(56px + env(safe-area-inset-bottom)));left:50%;transform:translateX(-50%) translateY(14px);background:var(--s2);border:1px solid var(--b3);border-radius:50px;padding:9px 16px;font-size:11px;font-weight:600;opacity:0;transition:all .3s;z-index:99;max-width:calc(100vw - 24px);white-space:nowrap;pointer-events:none;text-align:center;}
#lvlToast{position:fixed;top:68px;left:50%;transform:translateX(-50%) translateY(-18px);background:linear-gradient(135deg,var(--p),var(--pk));border-radius:50px;padding:10px 20px;font-size:12px;font-weight:700;opacity:0;transition:all .4s;z-index:200;white-space:nowrap;pointer-events:none;box-shadow:0 8px 28px rgba(124,58,237,.5);}
#diaToast{position:fixed;top:68px;left:50%;transform:translateX(-50%) translateY(-18px);background:linear-gradient(135deg,#1e3a5f,var(--dia));border-radius:50px;padding:10px 20px;font-size:13px;font-weight:700;opacity:0;transition:all .4s;z-index:201;white-space:nowrap;pointer-events:none;box-shadow:0 8px 28px rgba(96,165,250,.5);}
@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1);}100%{opacity:0;transform:translate(-50%,-260%) scale(2.2);}}

@keyframes winPop{from{transform:scale(0.5);opacity:0;}to{transform:scale(1);opacity:1;}}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.7;}}
@keyframes bombPulse{0%{transform:scale(1);}50%{transform:scale(1.3);}100%{transform:scale(1);}}
#slotSc .sbBetBtn{padding:5px 12px;border-radius:50px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid;transition:all .2s;white-space:nowrap;flex-shrink:0;}

/* Level View */
.lv-card{position:absolute;inset:0;padding:24px 20px;display:flex;flex-direction:column;gap:14px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s;backface-visibility:hidden;}
.lv-card-inner{border-radius:20px;padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}
.lv-reward-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:13px;}
/* Chess */
.chess-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,6vw,36px);cursor:pointer;position:relative;transition:all .15s;user-select:none;}
.chess-cell.light{background:#b58863;}
.chess-cell.dark{background:#f0d9b5;}
.chess-cell.selected{background:#7fc97f!important;box-shadow:inset 0 0 0 3px #4a9a4a;}
.chess-cell.movable::after{content:'';position:absolute;width:35%;height:35%;border-radius:50%;background:rgba(0,0,0,.25);pointer-events:none;}
.chess-cell.movable.occupied::after{content:'';position:absolute;inset:2px;border-radius:2px;border:3px solid rgba(0,0,0,.25);background:transparent;}
.chess-cell.last-move{background:#cdd16f!important;}
.chess-cell.check{background:#e05252!important;}
/* Ludo oval */
.ludo-oval-board{position:relative;width:min(90vw,440px);margin:0 auto;}
canvas#ludoCanvas{border-radius:20px;}

@keyframes piecePulse{0%,100%{box-shadow:0 2px 6px rgba(0,0,0,.6),0 0 0 3px rgba(255,255,255,.5);}50%{box-shadow:0 2px 6px rgba(0,0,0,.6),0 0 0 6px rgba(255,255,255,.2);}}

/* Rocket */
#rocketCrashOverlay{display:none;}
#rocketCrashOverlay.show{display:flex!important;}

@keyframes bigWinPulse{from{transform:scale(1);}to{transform:scale(1.08);}}
@keyframes coinRain{0%{transform:translateY(-20px) rotate(0deg);opacity:1;}100%{transform:translateY(100vh) rotate(720deg);opacity:0;}}

/* Canvas uyumlu cam / gradient (tüm ana gövde) */
#main .pane{position:relative;}
#main .pane.on::before{content:'';position:absolute;inset:0;border-radius:18px 18px 0 0;pointer-events:none;opacity:.35;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(168,85,247,.22),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 80%,rgba(236,72,153,.12),transparent 50%);z-index:0;}
#main .pane.on>*{position:relative;z-index:1;}
.aura-glass-inset{background:rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 12px;margin-bottom:10px;}
.aura-glass-card{background:linear-gradient(165deg,rgba(30,20,50,.95),rgba(15,10,28,.98))!important;border:1px solid rgba(168,85,247,.25)!important;box-shadow:0 24px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)!important;}
.rooms-subtabs{display:flex;gap:8px;margin-bottom:10px;padding:4px;background:rgba(0,0,0,.25);border-radius:14px;border:1px solid var(--b2);}
.rooms-subtab{flex:1;padding:10px 8px;border:none;border-radius:11px;background:transparent;color:var(--tx3);font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;}
.rooms-subtab.on{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;box-shadow:0 4px 16px rgba(124,58,237,.35);}
.rooms-subhdr{display:flex;justify-content:flex-end;margin-bottom:4px;}
.rooms-subpage{display:none;flex-direction:column;flex:1;min-height:0;}
.rooms-subpage.on{display:flex;}
.pf-follow-row{display:flex;gap:8px;flex-wrap:wrap;}
.pf-follow-btn{flex:1;min-width:120px;font-size:12px!important;padding:10px!important;border-radius:12px!important;}
.social-list-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:none;border-radius:14px;background:var(--s1);border:1px solid var(--b2);color:var(--tx);font:inherit;cursor:pointer;margin-bottom:8px;text-align:left;}
.social-list-row:active{transform:scale(.99);}
.pf-nm{cursor:pointer;transition:color .2s;}
.pf-nm:hover{color:var(--p3);}
.room-dm-quick{font-size:15px!important;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(168,85,247,.2))!important;border-color:rgba(129,140,248,.35)!important;}
.room-pip{cursor:grab;}
.room-pip:active{cursor:grabbing;}
.mcard{box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);}
.room-card{box-shadow:0 8px 28px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);}