/* 4FD FINAL LAUNCH RESPONSIVE LAYER */
*,*::before,*::after{box-sizing:border-box}html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;max-width:100%;overflow-x:hidden}img,video,canvas,svg,iframe,audio{max-width:100%;height:auto}input,select,textarea,button{max-width:100%;font:inherit}main,section,article,aside,header,footer,nav,div{min-width:0}.table-scroll,.responsive-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}table{width:100%;border-collapse:collapse}td,th{overflow-wrap:anywhere}.btn,button,[role="button"]{touch-action:manipulation}.site-header{width:100%;max-width:100%;gap:14px}.main-nav{max-width:100%}.admin-shell,.support-shell,.shop-shell,.member-layout{width:min(100% - 24px,1440px);max-width:1440px;margin-inline:auto}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}.admin-card,.support-card,.platform-card{max-width:100%;overflow:hidden}.live-toolbar,.auth-actions,.support-admin-actions,.staff-tabs{flex-wrap:wrap}.live-toolbar>*{max-width:100%}.member-content{width:100%;max-width:100%;overflow:hidden}.member-view{max-width:100%}.member-nav .member-nav-link,.member-nav button{white-space:normal;line-height:1.2}.platform-grid,.platform-kpis,.stat-grid,.quick-grid,.room-grid,.mix-grid,.product-grid,.merch-product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}.member-form,.support-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.member-form .full,.support-form .wide{grid-column:1/-1}.staff-list article,.platform-row,.order-card,.basket-row{max-width:100%}.staff-list article>div{min-width:0}.staff-list code,.platform-row code{overflow-wrap:anywhere}.chart-wrap,canvas{max-width:100%!important}.launch-error{padding:14px;border:1px solid rgba(255,90,110,.45);border-radius:14px;background:rgba(255,70,90,.1);color:#ffd6dd}.launch-empty{padding:18px;border:1px dashed rgba(255,255,255,.2);border-radius:14px;opacity:.82;text-align:center}
@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.brand{width:100%}.admin-shell,.support-shell,.shop-shell,.member-layout{width:min(100% - 16px,100%)}.support-hero,.artist-head,.catalog-head{align-items:flex-start!important;flex-direction:column}.checkout-panel,.shop-hero,.support-grid,.message-shell{grid-template-columns:1fr!important}.admin-card.wide,.admin-card.full{grid-column:1/-1!important}}
@media(max-width:720px){body{padding-bottom:82px!important}.site-header{padding:10px!important}.brand h1{font-size:clamp(1.15rem,6vw,1.8rem);overflow-wrap:anywhere}.logo-circle{width:58px!important;height:58px!important;flex:0 0 58px}.main-nav{position:fixed!important;left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;z-index:9999!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:6px!important;padding:7px!important;border-radius:16px!important}.main-nav a{flex:0 0 auto!important;min-height:46px;white-space:nowrap;scroll-snap-align:start}.member-layout{display:block!important;padding:8px!important}.member-sidebar{position:sticky!important;top:0!important;z-index:80!important;margin-bottom:10px;padding:8px!important;border-radius:16px!important}.member-mini{display:none!important}.member-nav{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:6px!important;padding:2px 2px 7px!important}.member-nav .member-nav-link,.member-nav button{flex:0 0 auto!important;width:auto!important;min-width:128px;min-height:46px;padding:10px 12px!important;text-align:center!important;scroll-snap-align:start}.member-content{padding:12px!important;border-radius:18px!important}.admin-grid,.platform-grid,.platform-kpis,.stat-grid,.quick-grid,.room-grid,.mix-grid,.product-grid,.merch-product-grid{grid-template-columns:1fr!important}.member-form,.support-form{grid-template-columns:1fr!important}.member-form .full,.support-form .wide{grid-column:auto}.staff-list article,.platform-row,.order-card,.basket-row,.ticket-head{align-items:stretch!important;flex-direction:column!important}.staff-list article>div:last-child,.support-admin-actions form,.rating-form{width:100%;align-items:stretch!important;flex-direction:column!important}.staff-list button,.staff-list select,.support-admin-actions button,.support-admin-actions select{width:100%}.table-scroll table{min-width:720px}.live-toolbar,.auth-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}.live-toolbar .btn,.auth-actions .btn{width:100%}.hero,.shop-hero,.live-hero,.support-card,.admin-card{padding:16px!important;border-radius:18px!important}.hero h1,.shop-hero h2,.hologram-title{font-size:clamp(1.9rem,11vw,3.3rem)!important}.message-sidebar{max-height:none!important}.message-thread{min-height:50vh}.twofa-dialog{width:min(100% - 16px,560px)!important}.platform-row>*{width:100%}.inline-platform-form{flex-direction:column!important}}
@media(max-width:420px){.admin-shell,.support-shell,.shop-shell,.member-layout{width:100%;padding-inline:6px!important}.member-content{padding:10px!important}.member-nav .member-nav-link,.member-nav button{min-width:116px;font-size:.86rem}.btn,button,input,select,textarea{min-height:46px}.table-scroll table{min-width:640px}.site-header{padding-inline:8px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* 4FD LAUNCH MOBILE SYSTEM V2 */
:root{--mobile-gutter:clamp(10px,3vw,24px);--tap-size:48px;--safe-bottom:max(10px,env(safe-area-inset-bottom));--content-max:1440px}
html{width:100%;min-width:320px;scroll-padding-bottom:calc(84px + var(--safe-bottom))}
body{min-width:320px;min-height:100dvh;margin:0}
body>*{max-width:100%}
.site-header,.admin-shell,.support-shell,.shop-shell,.member-layout,.live-shell{container-type:inline-size}
.site-header{padding-inline:var(--mobile-gutter)}
.admin-shell,.support-shell,.shop-shell,.member-layout,.live-shell{width:min(calc(100% - (var(--mobile-gutter)*2)),var(--content-max));margin-inline:auto}
.admin-grid,.platform-grid,.platform-kpis,.stat-grid,.quick-grid,.room-grid,.mix-grid,.product-grid,.merch-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(10px,2vw,20px)}
.admin-card,.support-card,.platform-card,.member-view,.shop-card,.product-card,.merch-card{min-width:0;max-width:100%;overflow-wrap:anywhere}
input,select,textarea{width:100%;font-size:16px}
button,.btn,[role=button]{min-height:var(--tap-size);display:inline-flex;align-items:center;justify-content:center;max-width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.table-scroll,.responsive-table{display:block;width:100%;max-width:100%;overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-scroll table,.responsive-table table{min-width:max(680px,100%)}
canvas{width:100%!important;max-width:100%!important}
iframe{width:100%;border:0}
.member-content,.member-view,.message-shell,.checkout-panel{min-width:0}
.member-sidebar{min-width:0}
.member-nav{min-width:0}
.member-nav-link,.member-nav button{appearance:none;border:0;font:inherit}
.form-grid,.member-form,.support-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid>.full,.member-form>.full,.support-form>.wide{grid-column:1/-1}

@media (max-width:900px){
 .site-header{display:flex;align-items:flex-start;flex-direction:column;gap:10px}
 .brand{width:100%;min-width:0}
 .brand>div:last-child{min-width:0}
 .admin-grid,.platform-grid,.platform-kpis,.stat-grid,.quick-grid,.room-grid,.mix-grid,.product-grid,.merch-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .support-grid,.shop-hero,.live-hero,.checkout-panel,.message-shell{grid-template-columns:1fr!important}
}

@media (max-width:720px){
 body{padding-bottom:calc(78px + var(--safe-bottom))!important}
 .site-header{padding:10px var(--mobile-gutter)!important}
 .brand{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}
 .brand h1{font-size:clamp(1.15rem,6vw,1.75rem)!important;line-height:1.08;margin:0;overflow-wrap:anywhere}
 .brand .eyebrow{font-size:.72rem}
 .logo-circle{width:52px!important;height:52px!important;min-width:52px;flex:0 0 52px}
 .main-nav{position:fixed!important;inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px!important;z-index:9999!important;display:flex!important;flex-flow:row nowrap!important;gap:6px!important;padding:7px!important;max-width:none!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;border-radius:16px!important}
 .main-nav::-webkit-scrollbar,.member-nav::-webkit-scrollbar{display:none}
 .main-nav a,.main-nav button{flex:0 0 auto!important;min-width:max-content;min-height:48px;padding:10px 14px!important;white-space:nowrap;scroll-snap-align:start}
 .member-layout{display:block!important;width:100%!important;padding:6px!important}
 .member-sidebar{position:sticky!important;top:0!important;z-index:90!important;width:100%!important;max-width:100%!important;padding:7px!important;margin:0 0 8px!important;border-radius:14px!important;backdrop-filter:blur(18px)}
 .member-mini{display:none!important}
 .member-nav{display:flex!important;flex-flow:row nowrap!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 6px!important;scroll-snap-type:x proximity}
 .member-nav .member-nav-link,.member-nav button{flex:0 0 auto!important;width:auto!important;min-width:122px!important;min-height:48px;padding:10px 12px!important;text-align:center!important;white-space:normal!important;scroll-snap-align:start}
 .member-content{width:100%!important;max-width:100%!important;padding:10px!important;overflow:visible!important}
 .member-view{width:100%;padding:0!important}
 .admin-shell,.support-shell,.shop-shell,.live-shell{width:100%!important;padding-inline:var(--mobile-gutter)!important}
 .admin-grid,.platform-grid,.platform-kpis,.stat-grid,.quick-grid,.room-grid,.mix-grid,.product-grid,.merch-product-grid{grid-template-columns:1fr!important}
 .form-grid,.member-form,.support-form{grid-template-columns:1fr!important}
 .form-grid>.full,.member-form>.full,.support-form>.wide{grid-column:auto}
 .live-toolbar,.auth-actions,.support-admin-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:8px}
 .live-toolbar>* ,.auth-actions>* ,.support-admin-actions>*{width:100%!important;max-width:100%!important}
 .admin-card,.support-card,.platform-card,.hero,.shop-hero,.live-hero{padding:14px!important;border-radius:16px!important}
 .staff-list article,.platform-row,.order-card,.basket-row,.ticket-head{display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:10px}
 .staff-list article>* ,.platform-row>* ,.order-card>* ,.basket-row>*{width:100%;min-width:0}
 .table-scroll{margin-inline:0;border-radius:12px}
 .table-scroll table,.responsive-table table{min-width:640px}
 .message-sidebar{max-height:35dvh!important}
 .message-thread{min-height:52dvh!important}
 .hero h1,.shop-hero h2,.hologram-title{font-size:clamp(1.75rem,10vw,3rem)!important;line-height:1.02}
 .twofa-dialog,dialog{width:min(calc(100% - 16px),560px)!important;max-height:calc(100dvh - 16px);overflow:auto}
}

@media (max-width:420px){
 :root{--mobile-gutter:7px}
 .brand{grid-template-columns:46px minmax(0,1fr)}
 .logo-circle{width:46px!important;height:46px!important;min-width:46px}
 .member-nav .member-nav-link,.member-nav button{min-width:110px!important;font-size:.82rem}
 .admin-card,.support-card,.platform-card{padding:12px!important}
 .table-scroll table,.responsive-table table{min-width:580px}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:950px){
 body{padding-bottom:64px!important}
 .main-nav{padding:4px!important}
 .main-nav a,.main-nav button{min-height:42px;padding:7px 11px!important}
 .member-sidebar{position:relative!important}
}

@supports not (height:100dvh){body{min-height:100vh}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}