/* ==========================================================
   titylive.com V20 Global Mobil Görünüm + Scrollbar Gizleme
   PC'de 430px mobil ekran, mobilde tam ekran.
   Üst/alt menüler sabit, sadece içerik kayar.
   ========================================================== */

:root{
    --tity-bg:#050014;
    --tity-panel:#130527;
    --tity-text:#ffffff;
    --tity-muted:rgba(255,255,255,.62);
    --tity-pink:#ff37c8;
    --tity-purple:#8b35ff;
    --tity-cyan:#2bdcff;
    --tity-green:#35ffb0;
    --tity-shell:430px;
}

*{
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;
}

html,
body{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    background:var(--tity-bg)!important;
    color:var(--tity-text)!important;
    overflow:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
    background:transparent!important;
}

a{color:inherit}
img,video,canvas,iframe{max-width:100%;display:block}

.tity-shell,
.app-shell,
.mobile-app,
.mobile-wrapper,
.app-frame,
.phone-frame{
    width:min(var(--tity-shell),100vw)!important;
    max-width:var(--tity-shell)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0 auto!important;
    position:relative!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 80% -10%,rgba(60,190,255,.23),transparent 35%),
        linear-gradient(180deg,#24105a 0,#0b021a 44%,#050011 100%)!important;
    color:#fff!important;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
}

.tity-top,
.app-header,
.topbar,
.header-fixed{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:50!important;
    flex-shrink:0!important;
}

.tity-bottom,
.app-bottom-nav,
.bottom-nav,
.footer-fixed{
    position:absolute!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    z-index:50!important;
    flex-shrink:0!important;
}

.tity-content,
.app-content,
.page-content,
.main-scroll,
.screen-scroll,
.content-scroll{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}

.tity-content::-webkit-scrollbar,
.app-content::-webkit-scrollbar,
.page-content::-webkit-scrollbar,
.main-scroll::-webkit-scrollbar,
.screen-scroll::-webkit-scrollbar,
.content-scroll::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
    background:transparent!important;
}

.profile-page,
.home-page,
.live-page,
.room-page{
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
}

.profile-body,
.home-body,
.live-body,
.room-body{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}

.profile-body::-webkit-scrollbar,
.home-body::-webkit-scrollbar,
.live-body::-webkit-scrollbar,
.room-body::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
}

@supports (height:100svh){
    .tity-shell,
    .app-shell,
    .mobile-app,
    .mobile-wrapper,
    .app-frame,
    .phone-frame{
        height:100svh!important;
        min-height:100svh!important;
        max-height:100svh!important;
    }
}