*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#d36ab5;color:#fff;overflow-x:hidden;min-width:300px}.game-room{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#d36ab5 0% 20%,#000 20% 100%);z-index:1}.game-room:has(.game-area.connected){background:#000!important}.top-bar{background:#d36ab5;padding-left:1.5%;padding-right:1.5%;display:flex;justify-content:space-between;align-items:flex-end;height:65px;position:relative;z-index:1000}.rizz-logo{font-size:2rem;font-weight:700;color:#551a8b;letter-spacing:2px}.rizz-logo.clickable{cursor:pointer;transition:transform .2s}.rizz-logo.clickable:hover{transform:scale(1.05)}.rizz-logo:hover{color:#4b0f3a}.rizz-logo:active{color:red}.top-bar>div:last-child{font-size:1.5rem;cursor:pointer}.main-area{flex:1;display:flex;width:100%;position:relative;padding-bottom:10rem}.main-area:has(.game-area:not(.connected)){flex-direction:column;align-items:center;padding:1rem}.game-area:not(.connected){width:60vw;max-width:30%;min-width:300px;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:2rem}.game-area:not(.connected) #gameFrame{width:100%;max-width:1080px;aspect-ratio:1 / 1;border:none;background:#d36ab5}.main-area:has(.game-area.connected){display:grid;grid-template-columns:150px 1fr 300px;grid-template-rows:1fr;align-items:stretch;gap:.4rem;padding:1rem;max-width:1920px;margin:10px auto;width:100%;max-height:calc(50vh - 65px)}.game-area.connected{width:100%;display:flex;justify-content:center;align-items:flex-start;position:relative}.game-area.connected>div{width:100%!important;height:auto!important;aspect-ratio:16 / 9;max-width:min(1920px,100%);min-height:200px;display:block!important;background:#1a1a1a;border-radius:4px;overflow:hidden}.game-area.connected #gameFrame{width:100%!important;height:100%!important;aspect-ratio:16 / 9;border:none!important;background:#1a1a1a;display:block!important}.player-list,.chat-room{background:#1e1e1ee6;padding:.4rem;overflow-y:auto}.player-list{border-radius:4px 0 0 4px;grid-column:1}.chat-room{border-radius:0 4px 4px 0;grid-column:3;overflow-x:hidden}.chat-room input,.chat-room button{min-width:0}.player-list.hidden,.chat-room.hidden{display:none}.room-list-toggle{position:absolute;right:-4rem;background:#5a5109e6;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;z-index:100;transition:all .3s}.room-list-toggle:hover{background:#c967d6;transform:scale(1.1)}.room-list-panel{position:absolute;top:4rem;right:1rem;background:#1e1e1efa;border:2px solid rgba(201,103,214,.5);border-radius:12px;padding:1.5rem;max-width:400px;max-height:600px;overflow-y:auto;z-index:99;box-shadow:0 8px 32px #00000080}.info-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:70%;margin:2rem auto 50px;padding:0 1rem 1px}.info-card{background:linear-gradient(to bottom,#2a2a2a,#121212);border:1px solid rgba(255,255,255,.1);border-radius:.4rem;overflow:hidden;display:flex;flex-direction:column;height:400px}.info-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transform-origin:center}.info-card:hover{transform:scale(1.05);box-shadow:0 0 25px #d36ab540}.info-card-body{padding:1.25rem;text-align:center}.info-card-body h3{margin:0 0 .5rem;color:#fff;font-size:1.4rem;font-weight:700}.info-card-body p{color:#ccc;font-size:.95rem;line-height:1.4}.social-icons{display:flex;gap:2rem;justify-content:center;align-items:center;margin-bottom:150px}.icon-link{text-decoration:none;color:#fff;transition:color .2s}.icon-wrapper{padding:20px;background:linear-gradient(to bottom,#1c1c1c,#121212);border-radius:10px}.icon-link svg{display:block;fill:currentColor}.icon-wrapper:hover .icon-link{color:#d36ab5}.icon-wrapper:hover{transform:translateY(-4px) scale(1.02)}.static-curtain{position:absolute;max-height:100%;inset:0;background:#d36ab5;z-index:0;pointer-events:none;clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 30px),97.5% 100%,95% calc(100% - 30px),92.5% 100%,90% calc(100% - 30px),87.5% 100%,85% calc(100% - 30px),82.5% 100%,80% calc(100% - 30px),77.5% 100%,75% calc(100% - 30px),72.5% 100%,70% calc(100% - 30px),67.5% 100%,65% calc(100% - 30px),62.5% 100%,60% calc(100% - 30px),57.5% 100%,55% calc(100% - 30px),52.5% 100%,50% calc(100% - 30px),47.5% 100%,45% calc(100% - 30px),42.5% 100%,40% calc(100% - 30px),37.5% 100%,35% calc(100% - 30px),32.5% 100%,30% calc(100% - 30px),27.5% 100%,25% calc(100% - 30px),22.5% 100%,20% calc(100% - 30px),17.5% 100%,15% calc(100% - 30px),12.5% 100%,10% calc(100% - 30px),7.5% 100%,5% calc(100% - 30px),2.5% 100%,0% calc(100% - 30px))}.ad-banner{position:fixed;bottom:0;left:0;width:100%;background:#fff;color:#000;text-align:center;padding:1.5rem;font-size:2rem;font-weight:700;letter-spacing:4px;border-top:3px solid #c967d6;z-index:2000}.player-list::-webkit-scrollbar,.chat-room::-webkit-scrollbar,.room-list-panel::-webkit-scrollbar{width:8px}.player-list::-webkit-scrollbar-track,.chat-room::-webkit-scrollbar-track,.room-list-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.player-list::-webkit-scrollbar-thumb,.chat-room::-webkit-scrollbar-thumb,.room-list-panel::-webkit-scrollbar-thumb{background:#c967d680;border-radius:4px}.player-list::-webkit-scrollbar-thumb:hover,.chat-room::-webkit-scrollbar-thumb:hover,.room-list-panel::-webkit-scrollbar-thumb:hover{background:#c967d6b3}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.hidden{display:none!important}@media(max-width:575px){.rizz-title{font-size:1rem}.top-bar{padding:.75rem 3%;height:70px}.rizz-logo{font-size:29px;font-weight:700;line-height:.7;font-style:initial}.top-bar>div:last-child{font-size:1.5rem;padding-right:1.9%;line-height:.9}.info-container{max-width:90%}.main-area:has(.game-area:not(.connected)){padding:1rem .5rem 3.4rem;transform-origin:top center}.game-area:not(.connected){max-width:100%;padding:0 .5rem}.game-area:not(.connected) #gameFrame{max-width:100%;border-radius:4px}.room-list-toggle{position:absolute;top:-1rem;left:-.5rem;width:45px;height:45px;font-size:1.25rem}.room-list-panel{right:.5rem;left:.5rem;max-width:calc(100% - 1rem)}.main-area:has(.game-area.connected){grid-template-columns:.83fr 1.17fr;grid-template-rows:auto 1fr auto;gap:.3rem;margin-top:1px;padding:.2rem .2rem 90px}.game-area.connected{grid-column:1 / 3;grid-row:1}.game-area.connected #gameFrame{border-radius:1px}.player-list{grid-column:1;grid-row:2}.chat-room{grid-column:2;grid-row:2;min-height:300px;height:60vh;padding-bottom:90px}.ad-banner{padding:1.5rem 1rem;font-size:1.5rem}.info-container{grid-template-columns:1fr}}@media(min-width:576px)and (max-width:1024px){.top-bar{padding:.75rem 1rem;height:75px}.rizz-logo{font-size:55px;font-weight:700;line-height:.7;font-style:initial}.main-area:has(.game-area:not(.connected)){padding:1rem .5rem;transform-origin:top center}.game-area:not(.connected){max-width:100%;padding:0 .5rem}.game-area:not(.connected) #gameFrame{max-width:100%;border-radius:4px}.room-list-toggle{position:absolute;top:-1rem;left:-.5rem;width:45px;height:45px;font-size:1.25rem}.room-list-panel{right:.5rem;left:.5rem;max-width:calc(100% - 1rem)}.main-area:has(.game-area.connected){grid-template-columns:.8fr 1.2fr;grid-template-rows:auto 1fr auto;margin-top:0;gap:.5rem;padding:.5rem .5rem 90px}.game-area.connected{grid-column:1 / 3;grid-row:1}.game-area.connected #gameFrame{border-radius:4px}.player-list{grid-column:1;grid-row:2}.chat-room{grid-column:2;grid-row:2;height:50vh;min-height:300px;padding-bottom:90px}.ad-banner{padding:1.5rem 1rem;font-size:1.5rem}.info-container{grid-template-columns:1fr}}@media(min-width:576px)and (max-width:900px){.game-area:not(.connected){max-width:90%}}@media(min-width:1600px){.main-area:has(.game-area.connected){grid-template-columns:280px 1fr 350px;gap:1.5rem}.player-list,.chat-room{padding:1.5rem;height:55vh}}