:root{--bg-color:#0f0f13;--text-color:#ffffff;--primary:#ef4444;--secondary:#ec4899;--accent:#3b82f6;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}.light-mode{--bg-color:#f3f4f6;--text-color:#111827;--glass-bg:rgba(255,255,255,0.6);--glass-border:rgba(0,0,0,0.1);--primary:#ef4444;--secondary:#ec4899;background-color:var(--bg-color)}.light-mode,.light-mode h1,.light-mode h2,.light-mode h3{color:var(--text-color)}.light-mode .room-sidebar{background:rgba(255,255,255,.3);border-color:rgba(0,0,0,.1)}.light-mode .glass-panel{background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.1);color:#111827}.light-mode .glass-panel *{color:inherit}.light-mode button:not(.btn-primary):not(.btn-success):not(.btn-danger){color:var(--text-color)}.light-mode input,.light-mode select,.light-mode textarea{background:rgba(255,255,255,.9);color:#000;border:1px solid #ccc}.light-mode div,.light-mode label,.light-mode p,.light-mode span{color:#111827}.light-mode .glass{background:rgba(255,255,255,.6);color:#111827}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 4px 6px rgba(0,0,0,.1)}.glass-panel{background:rgba(20,20,25,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px}.btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;color:white}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:white}.btn-success{background:#22c55e;color:white}.btn-danger{background:#ef4444;color:white}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.grid-layout{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:stretch;gap:15px;padding:15px;width:100%;height:100%;overflow:hidden}.grid-layout>.glass-panel{flex:1 1;min-width:150px;min-height:0;max-width:100%;max-height:100%;margin:0 auto}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.lobby-grid>.glass-panel{width:100%;height:100%}.grid-layout.live{display:flex;align-items:center;justify-content:center;height:100%}.grid-layout.live>div{width:100%;height:100%;max-width:1200px;aspect-ratio:16/9}.grid-layout.battle{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;align-content:center;height:100%}.grid-layout.party{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-content:center}@media (min-width:768px){.grid-layout.party>.glass-panel.party-big{grid-column:span 2;grid-row:span 2;min-height:400px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.5);opacity:1}70%{transform:scale(.9)}to{transform:scale(1);opacity:0}}.gift-bounce{animation:bounceIn 3s ease-out forwards}@keyframes bubble-float{0%{opacity:0;transform:translateY(20px)}5%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.bubble-message{animation:bubble-float 10s ease forwards}.room-container{display:flex;height:100vh;max-height:100vh;overflow:hidden;background-size:cover;background-position:50%;background-color:var(--bg-color)}.room-main{flex:3 1;padding:20px 20px 100px;display:flex;flex-direction:column;position:relative;min-width:0}.room-sidebar{flex:1 1;border-left:1px solid rgba(255,255,255,.1);max-width:400px;display:flex;flex-direction:column;padding:15px;background:rgba(0,0,0,.2)}.light-mode .room-sidebar{border-left:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.8);color:#111827}.room-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.sidebar-tabs{order:1}.sidebar-content-panel{order:2;flex-shrink:1;overflow-y:auto;min-height:0}.sidebar-chat{order:3;flex:1 1;min-height:0}@media (max-width:768px){.lobby-store-btn,.lobby-tagline{display:none!important}.room-sidebar{display:flex!important;flex-direction:column!important}.sidebar-chat{order:2!important}.sidebar-content-panel{order:3!important}.room-container{flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.room-main{flex:1 1;height:auto;min-height:0;overflow:hidden;position:relative;padding:8px 8px 70px}.room-sidebar,.room-sidebar.bubble-active{display:none!important}.room-header{margin-bottom:6px}.room-header h2{font-size:1.1rem}.grid-layout{gap:8px;padding:0;align-content:start;align-items:flex-start}.grid-layout>.glass-panel{min-width:140px;flex:1 1 45%}.glass-panel{max-width:100%}.controls-bar{position:fixed!important;bottom:10px!important;left:50%!important;transform:translateX(-50%)!important;z-index:500!important}}@media (max-height:500px) and (orientation:landscape),(max-width:768px){.desktop-only{display:none!important}.mobile-menu-popup{min-width:200px!important;bottom:80px!important}.room-sidebar.bubble-active{display:none!important}}@media (min-width:769px) and (min-height:501px){.mobile-only{display:none!important}}@media (max-height:500px) and (orientation:landscape){.room-container{flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.room-main{flex:1 1;height:auto;min-height:0;overflow:hidden;position:relative;padding:8px 8px 50px}.room-sidebar,.room-sidebar.bubble-active{display:none!important}.room-header{margin-bottom:6px}.room-header h2{font-size:1.1rem}.grid-layout{gap:8px;padding:0;align-content:start;align-items:center}.grid-layout>.glass-panel{min-width:200px;max-height:100%}.glass-panel{max-width:100%}.controls-bar{position:fixed!important;bottom:10px!important;left:50%!important;transform:translateX(-50%)!important;z-index:500!important}}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:900;opacity:0;animation:fadeIn .2s ease forwards}.mobile-sidebar-panel{position:fixed;top:0;right:-300px;width:280px;height:100%;background:rgba(15,15,19,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(255,255,255,.08);z-index:901;display:flex;flex-direction:column;animation:slideInRight .25s ease forwards;overflow-y:auto}@keyframes slideInRight{0%{right:-300px}to{right:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}