:root{--bg:#030304;--surface:#0a0a0c;--surface2:#121215;--line:#26262c;--line2:#1b1b20;--text:#f7f7f8;--muted:#7d7d89;--muted2:#565661;--accent:#ff2453;--accent-soft:rgba(255,36,83,.12);--gold:#f2c94c}
html{background:var(--bg)!important}.web-shell,.web-shell *{box-sizing:border-box}.web-shell{margin:0!important;min-height:100dvh!important;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}.web-shell a{text-decoration:none}.web-shell::before,.web-shell::after{display:none!important}
/* Remove the former presentation; server logic and dialogs remain available. */
.web-auth>.sparkle,.web-auth>.fi,.web-auth>.plant,.web-auth>.wrap{display:none!important}.web-home>.broadcast-overlay,.web-home>.bg,.web-home>.topbar,.web-home>.scroll,.web-home>.bnav,.web-home>#bottom-nav{display:none!important}.web-profile>.bg,.web-profile>.topbar,.web-profile>.scroll,.web-profile>#bottom-nav{display:none!important}
/* AUTH — independent layout */
.web-auth{background:radial-gradient(circle at 50% 45%,rgba(255,36,83,.055),transparent 32%),var(--bg)!important}.clean-auth{width:100%;max-width:400px;min-height:100dvh;margin:0 auto;padding:40px 14px 24px;display:flex;flex-direction:column;justify-content:center}.clean-brand{text-align:center;margin:0 0 108px}.clean-brand-name{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:900;line-height:1;letter-spacing:-1.8px;color:#fff}.clean-brand-name span{color:var(--accent)}.clean-brand-sub{margin-top:10px;color:#8b8b98;font-size:9px;font-weight:700;letter-spacing:3px}.clean-auth-card{width:100%;padding:32px 27px 27px;background:rgba(9,9,11,.96);border:1px solid var(--line);border-radius:28px;box-shadow:0 25px 90px rgba(0,0,0,.5)}.clean-auth-pane{display:none}.clean-auth-pane.is-active{display:block}.clean-auth-pane h1{margin:0;color:#fff;font-size:21px;font-weight:900;letter-spacing:-.5px}.clean-auth-pane>p{margin:6px 0 27px;color:var(--muted);font-size:11px}.clean-field{display:block;margin:0 0 18px}.clean-field>span,.clean-gender legend{display:block;margin:0 0 7px;color:#9999a4;font-size:10px;font-weight:800;letter-spacing:.45px}.clean-field>div{height:51px;display:flex;align-items:center;background:#141417;border:1px solid #303036;border-radius:12px;transition:border-color .18s,box-shadow .18s}.clean-field>div:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.clean-field b{width:44px;color:#757580;font-size:17px;text-align:center;font-weight:500}.clean-field input{width:calc(100% - 44px);height:100%;padding:0 14px 0 0;border:0;outline:0;background:transparent;color:#fff;font-size:13px;font-weight:700}.clean-field input::placeholder{color:#777781}.clean-primary{width:100%;height:50px;margin-top:0;border:0;border-radius:12px;background:#fff;color:#08080a;font-size:13px;font-weight:900;cursor:pointer}.clean-primary span{margin-left:6px;font-size:17px}.clean-primary:active{transform:scale(.985);background:#e9e9ec}.clean-switch{margin-top:17px;padding-top:17px;border-top:1px solid #202024;text-align:center}.clean-switch>span{display:block;margin-bottom:10px;color:#6f6f79;font-size:11px}.clean-switch button{width:100%;height:46px;border:1px solid var(--accent);border-radius:12px;background:transparent;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.clean-switch button:active{background:var(--accent-soft)}.clean-error{margin-bottom:18px;padding:11px 13px;border:1px solid rgba(255,36,83,.4);border-radius:11px;background:var(--accent-soft);color:#ff7895;font-size:11px;font-weight:700}.clean-gender{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;padding:0;border:0}.clean-gender legend{grid-column:1/-1}.clean-gender label{cursor:pointer}.clean-gender input{position:absolute;opacity:0;pointer-events:none}.clean-gender span{height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #303036;border-radius:12px;background:#141417;color:#85858f;font-size:11px;font-weight:800}.clean-gender input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:#fff}.clean-auth-footer{margin-top:auto;padding-top:80px;color:#484852;font-size:9px;text-align:center}
/* APP FRAME */
.web-home,.web-profile{background:#000!important}.clean-app,.clean-profile{width:100%;max-width:400px;min-height:100dvh;margin:0 auto;background:var(--bg);border-left:1px solid #111114;border-right:1px solid #111114}.clean-topbar{position:fixed;z-index:70;top:0;left:50%;transform:translateX(-50%);width:min(100%,400px);height:67px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,3,4,.985);border-bottom:1px solid var(--line2)}.clean-user{min-width:0;display:flex;align-items:center;gap:10px;color:#fff}.clean-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid #323238;border-radius:50%;background:#17171a;color:#fff;font-size:14px;font-weight:900}.clean-avatar img{width:100%;height:100%;object-fit:cover}.clean-user-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.clean-user-copy strong{max-width:170px;overflow:hidden;color:#fff;font-size:11px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}.clean-user-copy small{color:#666670;font-size:8px;font-weight:600;letter-spacing:.7px}.clean-top-actions{display:flex;align-items:center;gap:8px}.clean-balance,.clean-logout{height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#101012}.clean-balance{min-width:52px;padding:0 11px;gap:7px;color:var(--gold);font-size:11px}.clean-balance strong{color:#fff;font-size:10px}.clean-logout{width:34px;color:#777782;font-size:18px}.clean-main{padding:91px 18px 96px}.clean-welcome{min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.clean-welcome h1{margin:0;color:#fff;font-size:20px;font-weight:900;letter-spacing:-.7px}.clean-welcome h1 span{color:var(--accent)}.clean-welcome div{margin-top:14px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#0d0d10;color:#8d8d98;font-size:7px;font-weight:800;letter-spacing:1.2px}.clean-welcome i{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:#11d66c;box-shadow:0 0 8px rgba(17,214,108,.6)}.clean-section-head{margin:2px 0 13px;display:flex;align-items:center;justify-content:space-between;color:#92929d;font-size:8px;font-weight:800;letter-spacing:1.25px}.clean-section-head>span:first-letter{color:var(--gold)}.clean-section-head small{padding:5px 8px;border-radius:5px;background:#111114;color:#676771;font-size:7px;letter-spacing:0}.clean-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clean-game{min-width:0;overflow:hidden;padding-bottom:12px;border:1px solid #232329;border-radius:16px;background:#09090b;color:#fff}.clean-game-media{position:relative;height:119px;margin-bottom:10px;overflow:hidden;background:linear-gradient(145deg,#17171b,#0b0b0e)}.clean-game-media::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(0,0,0,.8))}.clean-game-media img{width:100%;height:100%;object-fit:cover}.clean-game-media em{position:absolute;z-index:2;top:9px;left:9px;padding:5px 7px;border-radius:6px;background:var(--accent);color:#fff;font-size:7px;font-style:normal;font-weight:900}.clean-symbol{display:grid;place-items:center;font-size:40px}.clean-game>strong,.clean-game>small{display:block;margin:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clean-game>strong{font-size:11px;font-weight:900}.clean-game>small{margin-top:4px;color:#777781;font-size:8px}.clean-game:active{transform:scale(.975)}
/* NAVIGATION */
.clean-nav{position:fixed;z-index:80;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,400px);height:67px;padding:0 8px max(4px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(6,6,8,.99);border-top:1px solid #202025}.clean-nav>a{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#62626d}.clean-nav>a>span{font-size:21px;line-height:1}.clean-nav>a>small{font-size:7px;font-weight:900}.clean-nav>a.is-active{position:relative;color:var(--accent)}.clean-nav>a.is-active::before{content:"";position:absolute;top:0;width:20px;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.clean-nav .clean-nav-game>span{width:52px;height:52px;margin-top:-25px;overflow:hidden;border:2px solid #3b3b42;border-radius:50%;background:#17171a;box-shadow:0 6px 20px rgba(0,0,0,.7)}.clean-nav-game img{width:100%;height:100%;object-fit:cover}
/* PROFILE */
.clean-profile-top{justify-content:space-between}.clean-profile-top>strong{font-size:11px;font-weight:900}.clean-back,.clean-profile-exit{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#101012;color:#8a8a94;font-size:17px}.clean-profile-main{padding:104px 13px 94px}.clean-profile-hero{text-align:center}.clean-profile-avatar{position:relative;width:102px;height:102px;margin:0 auto 15px;display:grid;place-items:center;border:2px solid #313138;border-radius:50%;background:#131316;color:#fff;font-size:32px;font-weight:900}.clean-profile-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.clean-profile-avatar>button{position:absolute;right:-1px;bottom:5px;width:29px;height:29px;border:2px solid var(--bg);border-radius:50%;background:var(--accent);color:#fff;font-size:12px}.clean-profile-hero h1{margin:0;color:#fff;font-size:19px;font-weight:900;letter-spacing:-.3px}.clean-profile-id{margin-top:5px;color:#6e83ff;font-size:10px;font-weight:700}.clean-profile-hero>p{min-height:17px;margin:14px 0 18px;color:#9696a0;font-size:10px;font-style:italic}.clean-profile-stats{width:252px;height:60px;margin:0 auto 17px;padding:0 5px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border:1px solid #202025;border-radius:999px;background:#09090b}.clean-profile-stats>div{display:flex;flex-direction:column;gap:4px;border-right:1px solid #202025}.clean-profile-stats>div:last-child{border:0}.clean-profile-stats strong{color:#fff;font-size:12px;font-weight:900}.clean-profile-stats span{color:#6e6e79;font-size:7px;font-weight:800;letter-spacing:.7px}.clean-profile-edit,.clean-profile-actions button{height:38px;border:1px solid #303036;border-radius:7px;background:#17171a;color:#fff;font-size:10px;font-weight:900}.clean-profile-edit{width:240px}.clean-profile-actions{display:flex;justify-content:center;gap:9px}.clean-profile-actions button{min-width:116px}.clean-profile-actions button:last-child{border-color:var(--accent);background:var(--accent);color:#fff}.clean-profile-tabs{height:45px;margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1f1f23;border-bottom:1px solid #1f1f23}.clean-profile-tabs button{position:relative;border:0;background:transparent;color:#6b6b75;font-size:18px}.clean-profile-tabs button.is-active{color:#fff}.clean-profile-tabs button.is-active::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#fff}.clean-profile-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4d4d56}.clean-profile-empty div{font-size:31px}.clean-profile-empty strong{margin-top:11px;color:#74747e;font-size:11px}.clean-profile-empty span{margin-top:5px;font-size:8px}
/* CANLI */
.web-live{overflow:auto!important;background:#000!important}.web-live>.bg,.web-live>.bnav{display:none!important}.web-live>.topbar{position:fixed!important;z-index:70!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(100%,400px)!important;height:67px!important;padding:0 15px!important;background:rgba(3,3,4,.985)!important;border:0!important;border-bottom:1px solid var(--line2)!important;box-shadow:none!important;backdrop-filter:none!important}.web-live .tb-back{width:34px!important;height:34px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#101012!important}.web-live .tb-title{color:#fff!important;font-size:11px!important;font-weight:900!important}.web-live .tb-dot{background:var(--accent)!important;box-shadow:0 0 9px rgba(255,36,83,.65)!important}.web-live>.page{width:100%!important;max-width:400px!important;min-height:100dvh!important;margin:0 auto!important;padding:87px 14px 95px!important;background:var(--bg)!important}.web-live #page>.studio,.web-live #page>.studio-bottom,.web-live #page>.setup-wrap:has(.preview-card){display:none!important}.web-live .studio-wrap,.web-live .setup-wrap{width:100%!important;margin:0!important}.web-live .preview-box,.web-live .studio-video-box{overflow:hidden!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#0a0a0c!important;box-shadow:none!important}.web-live .preview-box{height:245px!important}.web-live .pv-off,.web-live .cam-off-layer{background:radial-gradient(circle,rgba(255,36,83,.08),transparent 52%),#08080a!important}.web-live .pv-av,.web-live .cam-off-av{border-color:#33333a!important;box-shadow:none!important}.web-live .form-sec{margin-top:14px!important;padding:20px 17px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#09090b!important;box-shadow:none!important}.web-live .inp-lbl,.web-live .sec-hd{color:#9999a4!important;font-size:9px!important;font-weight:900!important;letter-spacing:.8px!important}.web-live .inp-wrap,.web-live .inp{background:#141417!important;border-color:#303036!important;color:#fff!important;box-shadow:none!important}.web-live .inp:focus,.web-live .inp-wrap:focus-within{border-color:var(--accent)!important}.web-live .qchip,.web-live .cat-item{background:#121215!important;border-color:#29292f!important;color:#858590!important;box-shadow:none!important}.web-live .cat-item.sel{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:#fff!important}.web-live .tog-row{border-color:#222227!important;background:transparent!important}.web-live .tog-t{color:#fff!important}.web-live .tog-s{color:#6f6f79!important}.web-live .sw input:checked~.sw-tr,.web-live .sw input:checked~.sw-track{background:var(--accent)!important}.web-live .start-btn{height:51px!important;border-radius:12px!important;background:var(--accent)!important;box-shadow:none!important;color:#fff!important}.web-live .sdiv{background:#202025!important}.web-live .section{padding:0!important}.web-live .ri{border:1px solid #222227!important;border-radius:13px!important;background:#0c0c0e!important}.web-live .ri-s.live,.web-live .live-pill,.web-live .s-live-badge{background:var(--accent)!important}.web-live .studio-wrap{padding:0!important}.web-live .host-inp{background:#141417!important;border-color:#303036!important;color:#fff!important}.web-live .host-send,.web-live .host-send-btn{background:var(--accent)!important;color:#fff!important}.web-live .clean-nav{display:grid!important}
/* CANLI duplicate-layout correction: keep the newer working studio/setup. */
.web-live>.page{display:none!important}
.web-live>.setup-wrap,.web-live>.studio-wrap{display:block!important;width:100%!important;max-width:400px!important;margin:0 auto!important;padding:87px 14px 95px!important;background:var(--bg)!important}
.web-live>.studio-wrap{min-height:calc(100dvh - 67px)!important}
.web-live>.sdiv,.web-live>.section{width:calc(100% - 28px)!important;max-width:372px!important;margin-right:auto!important;margin-left:auto!important}
/* MESSAJ */
.web-chat{overflow:hidden!important;background:#000!important}.web-chat>.bnav{display:none!important}.web-chat>.app{width:100%!important;max-width:400px!important;height:100dvh!important;margin:0 auto!important;border-right:1px solid #111114!important;border-left:1px solid #111114!important;background:var(--bg)!important}.web-chat .sidebar,.web-chat .rpanel{display:none!important}.web-chat .main{width:100%!important;min-width:0!important;height:100dvh!important;padding-bottom:67px!important;background:var(--bg)!important}.web-chat .main>.topbar{height:67px!important;padding:0 15px!important;background:#050506!important;border-bottom:1px solid var(--line2)!important;box-shadow:none!important}.web-chat .tb-ic{color:var(--accent)!important;background:var(--accent-soft)!important;border-color:rgba(255,36,83,.25)!important}.web-chat .tb-title{color:#fff!important;font-size:12px!important;font-weight:900!important}.web-chat .tb-coins{height:32px!important;border-color:var(--line)!important;border-radius:11px!important;background:#101012!important}.web-chat .tb-icon-btn{background:#101012!important;border-color:var(--line)!important;color:#777782!important}.web-chat .music-bar{margin:10px 11px 0!important;border:1px solid #232329!important;border-radius:12px!important;background:#0d0d10!important;box-shadow:none!important}.web-chat .pinned-bar{border-color:#29292f!important;background:#101012!important}.web-chat .ostrip{padding:11px 12px!important;border-bottom:1px solid #1d1d21!important;background:var(--bg)!important}.web-chat .os-lbl{color:#777782!important}.web-chat .os-av{border-color:#303036!important;box-shadow:none!important}.web-chat .os-nm{color:#777782!important}.web-chat .msgs{padding:12px!important;background:var(--bg)!important}.web-chat .msg{border-color:#202025!important}.web-chat .msg-bub,.web-chat .msg.me .msg-bub{background:#111114!important;border:1px solid #25252b!important;color:#eaeaed!important;box-shadow:none!important}.web-chat .msg.me .msg-bub{border-color:rgba(255,36,83,.35)!important;background:var(--accent-soft)!important}.web-chat .inp-wrap{padding:8px 10px 10px!important;border-top:1px solid #202025!important;background:#070708!important}.web-chat .inp-row{border-color:#2a2a30!important;border-radius:14px!important;background:#121215!important;box-shadow:none!important}.web-chat textarea.inp{color:#fff!important}.web-chat .it-btn{color:#7d7d88!important}.web-chat .snd{background:var(--accent)!important;box-shadow:none!important}.web-chat .clean-nav{display:grid!important}
/* Existing dialogs opened from the new profile */
.web-home,.web-profile{overflow:auto!important}
.web-home .ov,.web-profile .ov,.web-home .pp-ov,.web-profile .pp-ov{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.web-home .ov.on,.web-profile .ov.on,.web-home .pp-ov.on,.web-profile .pp-ov.on{backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
/* Minimal profile editor */
.web-profile .profile-editor{left:50%;right:auto;width:min(100%,400px);padding-bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%,105%);background:#09090b;border-color:#25252b;border-radius:22px 22px 0 0;box-shadow:0 -22px 70px rgba(0,0,0,.78)}
.web-profile .profile-editor.on{transform:translate(-50%,0)}
.web-profile .profile-editor .s-hnd{background:#36363e}.web-profile .profile-editor .s-hd{padding:14px 18px 0}.web-profile .profile-editor .s-ti{font-size:15px;letter-spacing:-.2px}.web-profile .profile-editor .s-cl{border-color:#29292f;background:#141417}.web-profile .profile-editor .s-dv{background:#202025;margin:13px 18px 16px}
.profile-editor-body{display:flex;flex-direction:column;gap:15px;padding-bottom:4px}.profile-photo-editor{margin:0 16px;padding:13px;display:flex;align-items:center;gap:13px;border:1px solid #222228;border-radius:15px;background:#0e0e11}.profile-photo-preview{position:relative;width:68px;height:68px;flex:0 0 68px;padding:0;display:grid;place-items:center;overflow:visible;border:1px solid #34343c;border-radius:50%;background:#17171b;color:#fff;font-size:24px;font-weight:900}.profile-photo-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-photo-preview i{position:absolute;right:-2px;bottom:1px;width:23px;height:23px;display:grid;place-items:center;border:2px solid #0e0e11;border-radius:50%;background:#ff245d;color:#fff;font-size:9px;font-style:normal}.profile-photo-copy{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;text-align:left}.profile-photo-copy strong{color:#fff;font-size:11px}.profile-photo-copy span{margin-top:4px;color:#696974;font-size:8px;line-height:1.45}.profile-photo-copy button{margin-top:8px;padding:0;border:0;background:transparent;color:#ff3d6d;font-size:9px;font-weight:900}
.web-profile .profile-editor .fw{padding:0 16px}.web-profile .profile-editor .fl{margin-bottom:7px;color:#74747f;font-size:8px;letter-spacing:.8px}.web-profile .profile-editor .fi{padding:12px 13px;border-color:#29292f;border-radius:11px;background:#121215;color:#fff;font-family:inherit;font-size:12px;box-shadow:none}.web-profile .profile-editor textarea.fi{min-height:78px;line-height:1.5}.web-profile .profile-editor .fi:focus{border-color:#ff245d;box-shadow:0 0 0 3px rgba(255,36,93,.1)}.profile-field-hint{margin-top:6px;color:#656570;font-size:8px}.profile-editor-actions{padding-top:1px!important}.web-profile .profile-editor .b-p{height:44px;border-radius:11px;background:#fff;color:#09090b;box-shadow:none;font-family:inherit;font-size:11px;font-weight:900}.web-profile .profile-editor .b-p:disabled{opacity:.55;cursor:wait}.profile-save-status{min-height:15px;margin-top:8px;text-align:center;color:#797984;font-size:9px}.profile-save-status.is-error{color:#ff557b}.profile-save-status.is-success{color:#27d980}
@media(max-width:360px){.clean-auth{padding-right:10px;padding-left:10px}.clean-auth-card{padding:27px 21px 23px}.clean-brand{margin-bottom:72px}.clean-brand-name{font-size:30px}.clean-game-grid{gap:9px}.clean-main{padding-right:13px;padding-left:13px}.clean-game-media{height:108px}}
@media(min-height:760px){.clean-auth-footer{padding-top:85px}}
@media(prefers-reduced-motion:reduce){.web-shell *{animation:none!important;transition:none!important}}