@font-face{font-family:Hatch;src:url(./assets/fonts/Hatch.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:RoomTitleFont;src:url(/assets/TitleFont-CdvxSP_x.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:illusion_font;src:url(/assets/illusion-D4CMYb3D.otf?v=1) format("opentype"),url(./assets/fonts/illusion.ttf?v=1) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:intro;src:url(./assets/fonts/Intro.otf) format("opentype"),url(./assets/fonts/Intro.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}:root{--bg-color: #050505;--card-bg: #0a0a0a;--text-main: #e0e0e0;--text-dim: #666;--accent: #888;--border: #222;--spacing-unit: 1rem;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;position:fixed;overscroll-behavior:none;background-color:var(--bg-color);color:var(--text-main)}#root{position:fixed;inset:0;overflow:hidden}.App{width:100%;height:100%;overflow:hidden}.room-scroll-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none}.login-fixed{touch-action:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;transition:all .2s ease}input{background:transparent;border:1px solid var(--border);color:var(--text-main);padding:.8rem;outline:none;font-size:1rem;transition:border-color .3s;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input:focus{border-color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.fade-in{animation:fadeIn 1s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;will-change:opacity,transform;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.beat-card{transition:all .05s cubic-bezier(.4,0,.2,1)!important}@media(hover:hover)and (pointer:fine){.beat-card:hover{border-color:#ffffff40!important}.beat-card:hover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.025),transparent 70%);pointer-events:none;z-index:0}}.beat-card img{transition:all .15s ease!important}