*{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;top:.5rem;right:-3.5rem;background:#1e1e1ef2;border:1px solid rgba(201,103,214,.4);border-radius:8px;width:44px;height:44px;font-size:1.25rem;cursor:pointer;z-index:100;transition:all .2s;color:#fff}.room-list-toggle:hover{background:#c967d640;border-color:#c967d6b3}.room-list-panel{position:absolute;top:0;right:-3.5rem;transform:translate(100%);background:#161616fa;border:1px solid rgba(201,103,214,.3);border-radius:8px;padding:0;width:280px;max-height:min(500px,70vh);overflow:hidden;z-index:99;box-shadow:0 8px 32px #0009}.rooms-list{display:flex;flex-direction:column;height:100%;max-height:min(500px,70vh);padding:1rem}.rooms-list-title{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:#d36ab5;letter-spacing:1px;text-transform:uppercase}.rooms-refresh-btn{width:100%;padding:.5rem;margin-bottom:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ccc;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.rooms-refresh-btn:hover{background:#c967d626;border-color:#c967d666;color:#fff}.rooms-refresh-btn.refreshing{opacity:.5;cursor:wait}.rooms-scroll{flex:1;overflow-y:auto;min-height:0}.rooms-empty{color:#666;text-align:center;padding:2rem 0;font-size:.9rem}.rooms-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;margin-bottom:4px;background:#ffffff08;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s}.rooms-item:hover{background:#c967d61a;border-color:#c967d640}.rooms-item.selected{background:#c967d626;border-color:#c967d680}.rooms-item.full{opacity:.5}.rooms-item-name{font-weight:600;font-size:.9rem;color:#eee}.rooms-item-count{font-size:.8rem;color:#999;font-weight:500}.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,#1e1e1e,#121212);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transform-origin:center}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #d36ab526;border-color:#c967d64d}.info-card-top{height:3px;background:linear-gradient(90deg,#d36ab5,#c967d6)}.info-card-body{padding:1.5rem}.info-card-body h3{margin:0 0 .75rem;color:#d36ab5;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.info-card-body p{color:#aaa;font-size:.9rem;line-height:1.6;text-align:left}.social-icons{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin-bottom:1.5rem}.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(-3px)}.footer-links{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:120px;padding:.5rem 0}.footer-links a{color:#666;text-decoration:none;font-size:.8rem;transition:color .2s}.footer-links a:hover{color:#d36ab5}.footer-divider{color:#333;font-size:.8rem}.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:#111;color:#555;text-align:center;padding:.75rem;font-size:.8rem;font-weight:500;letter-spacing:2px;border-top:1px solid rgba(201,103,214,.2);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:.5rem;right:-2.5rem;width:40px;height:40px;font-size:1.1rem}.room-list-panel{right:0;top:0;transform:none;left:0;width:100%;max-height:60vh;border-radius:0 0 8px 8px}.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:.5rem;right:-3rem;width:42px;height:42px;font-size:1.15rem}.room-list-panel{right:0;top:0;transform:none;width:280px;max-height:60vh}.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}}.settings-overlay{position:fixed;inset:0;background:#00000080;z-index:5000;display:flex;justify-content:center;align-items:center}.settings-menu{background:#1a1a1a;border:1px solid rgba(201,103,214,.4);border-radius:12px;width:300px;max-width:90vw;box-shadow:0 12px 40px #000000b3;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#c967d626;border-bottom:1px solid rgba(201,103,214,.3);font-weight:700;font-size:1rem;color:#d36ab5;text-transform:uppercase;letter-spacing:1px}.settings-close{background:none;border:none;color:#888;font-size:1rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:color .2s}.settings-close:hover{color:#fff}.settings-section{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.settings-section:last-child{border-bottom:none}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#ccc;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.volume-row{cursor:default;gap:.5rem}.settings-hint{margin:.4rem 0 0;color:#666;font-size:.75rem;font-style:italic}.settings-toggle{width:36px;height:20px;border-radius:10px;background:#444;position:relative;transition:background .2s;flex-shrink:0}.settings-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#888;transition:transform .2s,background .2s}.settings-toggle.on{background:#d36ab5}.settings-toggle.on:after{transform:translate(16px);background:#fff}.volume-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#444;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#d36ab5;cursor:pointer}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#d36ab5;cursor:pointer;border:none}.volume-value{min-width:28px;text-align:right;font-size:.8rem;color:#888}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#d36ab5 0% 80px,#000 80px 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.legal-header{background:#d36ab5;padding:.8rem 1.5rem;display:flex;align-items:flex-end;height:65px}.legal-back{font-size:2rem;font-weight:700;color:#000;text-decoration:none;cursor:pointer;transition:opacity .2s}.legal-back:hover{opacity:.7}.legal-content{flex:1;max-width:800px;width:100%;margin:0 auto;padding:2rem 1.5rem 3rem}.legal-content h1{font-size:2rem;margin-bottom:.25rem;margin-top:.5rem;color:#fff}.legal-updated{color:#888;font-size:.85rem;margin-bottom:2rem}.legal-content section{margin-bottom:1.75rem}.legal-content h2{font-size:1.15rem;margin-bottom:.5rem;color:#e8e8e8}.legal-content p{color:#ccc;line-height:1.7;margin-bottom:.5rem}.legal-content ul{color:#ccc;line-height:1.7;padding-left:1.5rem;margin-bottom:.5rem}.legal-content li{margin-bottom:.3rem}.legal-content a{color:#d36ab5;text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-footer{background:#111;padding:1rem;text-align:center;font-size:.85rem}.legal-footer a{color:#888;text-decoration:none;transition:color .2s}.legal-footer a:hover{color:#d36ab5}.legal-footer-divider{color:#444;margin:0 .75rem}@media(max-width:600px){.legal-content{padding:1.25rem 1rem 2rem}.legal-content h1{font-size:1.5rem}.legal-header{height:50px}.legal-back{font-size:1.5rem}}