@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--primary:#f33;--primary-hover:#f66;--primary-active:#c00;--bg-dark:#1a1a24;--text-light:#fff;--pixel-border:#000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-light);-webkit-font-smoothing:none;font-family:VT323,monospace;overflow:hidden}.non-selectable{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto}.non-selectable-img{pointer-events:none}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden auto}.bg-lobby{background-image:url(/assets/lobbypage.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}.bg-game{background-image:url(/assets/Gamepage.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}.pixel-button{color:#fff;text-transform:uppercase;cursor:pointer;image-rendering:pixelated;-webkit-user-select:none;user-select:none;background-color:#f33;border:4px solid #000;border-radius:8px;padding:10px 20px;font-family:VT323,Courier,monospace;font-size:24px;transition:all .15s;display:inline-block;position:relative;box-shadow:6px 6px #000,inset 2px 2px #f99,inset -2px -2px #900}.pixel-button:hover{background-color:#f66;animation:.5s infinite alternate pixel-glow;transform:translate(-3px,-3px);box-shadow:8px 8px #000,inset 2px 2px #fcc,inset -2px -2px #c00}.pixel-button:active{background-color:#c00;transform:translate(2px,2px);box-shadow:3px 3px #000,inset 1px 1px #f99,inset -1px -1px #900}@keyframes pixel-glow{0%{filter:brightness()}to{filter:brightness(1.2)}}.pixel-button:before{content:"";opacity:0;border:2px dashed #000;border-radius:10px;transition:opacity .2s;position:absolute;inset:-6px}.pixel-button:hover:before{opacity:1;animation:.3s infinite alternate pixel-border}@keyframes pixel-border{0%{border-color:#000}to{border-color:#333}}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pixel-modal{color:#fff;background-color:#2a2a35;border:4px solid #000;border-radius:8px;width:400px;max-width:90vw;padding:30px;box-shadow:8px 8px #000}.pixel-modal-header{border-bottom:4px solid #000;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.pixel-modal-title{color:#fc0;text-shadow:2px 2px #000;font-size:32px}.close-button{color:#f33;cursor:pointer;text-shadow:2px 2px #000;background:0 0;border:none;font-family:VT323,monospace;font-size:32px}.close-button:hover{color:#f66}.leaderboard-list{max-height:60vh;padding-right:10px;list-style:none;overflow-y:auto}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track{background:#2a2a35;border:2px solid #000}.leaderboard-list::-webkit-scrollbar-thumb{background:#fc0;border:2px solid #000}.leaderboard-item{border-bottom:2px dashed #555;justify-content:space-between;padding:10px;font-size:24px;display:flex}.leaderboard-item:last-child{border-bottom:none}.settings-group{margin-bottom:20px}.settings-group label{margin-bottom:10px;font-size:24px;display:block}.settings-group input[type=range]{accent-color:#f33;width:100%}.pixel-input{color:#fc0;text-align:center;background-color:#000;border:4px solid #333;border-radius:8px;width:100%;margin-bottom:20px;padding:10px;font-family:VT323,monospace;font-size:24px}.pixel-input:focus{border-color:#fc0;outline:none}.lobby-content{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}body.discord-activity{overflow:hidden}body.discord-activity .app-container{height:100vh;max-height:100vh;overflow:hidden auto}body.discord-activity .lobby-content{justify-content:flex-start;height:max-content;min-height:100vh;padding-top:20px;padding-bottom:50px}body.discord-activity .logo-img{max-width:150px;margin-bottom:5px}body.discord-activity .pixel-button{padding:8px 16px;font-size:16px}body.discord-activity .user-info{padding:10px;font-size:16px}.logo-img{filter:drop-shadow(4px 4px #000);max-width:400px;margin-bottom:20px;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.lobby-buttons{gap:20px;display:flex}.top-bar{z-index:10;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:20px;left:20px;right:20px}.user-info{background:#2a2a35;border:4px solid #000;border-radius:8px;flex-direction:column;padding:10px 20px;display:flex;box-shadow:4px 4px #000}.user-name{color:#fff;font-size:24px}.user-stars{color:#fc0;font-size:20px}.icon-buttons{gap:15px;display:flex}.icon-button{cursor:pointer;background:0 0;border:none;transition:transform .2s}.icon-button:hover{transform:scale(1.1)}.icon-button img{filter:drop-shadow(4px 4px #000);width:50px;height:50px}.room-container{background:#0009;border:4px solid #000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:40px;padding:40px;display:flex}.room-title{color:#fc0;text-shadow:4px 4px #000;margin-bottom:20px;font-size:48px}.players-list{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:30px;display:flex}.player-card{background:#333;border:2px solid #000;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:2px 2px #000}.player-avatar{border:2px solid #fff;border-radius:50%;width:40px;height:40px}.player-name{font-size:20px}.waiting-text{font-size:28px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.canvas-container{flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:1000px;display:flex}.drawing-canvas{cursor:crosshair;image-rendering:pixelated;touch-action:none;background:#fff;border:4px solid #000;width:800px;max-width:100%;height:500px}.tools-panel{background-color:#00000080;border:2px solid #333;border-radius:8px;flex-direction:column;align-items:center;gap:15px;padding:10px;display:flex}.color-btn{cursor:pointer;border:2px solid #000;border-radius:4px;width:30px;height:30px;display:inline-block}.color-btn.active{border:2px dashed #000;transform:scale(1.2)}.tool-icon-btn{cursor:pointer;background-color:#0000;background-size:cover;border:none;width:40px;height:40px;transition:transform .1s}.tool-icon-btn:hover{transform:scale(1.1)}.tool-icon-btn.active{filter:drop-shadow(2px 2px #f33);transform:scale(1.2)}.vibgyor-circle{cursor:pointer;background:conic-gradient(red,orange,#ff0,green,#00f,indigo,violet,red);border:2px solid #fff;border-radius:50%;width:40px;height:40px;position:relative;overflow:hidden}@media (width<=768px){.canvas-container{flex-direction:column;align-items:center;padding:0 10px}.drawing-canvas{aspect-ratio:8/5;width:100%;height:auto}.tools-panel{flex-direction:row;width:100%;padding:10px;overflow-x:auto}.color-btn,.vibgyor-circle,.tool-icon-btn{flex-shrink:0}}.timer{color:#f33;text-shadow:2px 2px #000;margin-bottom:10px;font-size:48px}.prompt-text{color:#fff;text-shadow:2px 2px #f33;background:#000;border-radius:8px;margin-bottom:20px;padding:10px 20px;font-size:36px}.review-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.review-image{background:#fff;border:4px solid #000;max-width:600px;max-height:400px;margin-bottom:20px;box-shadow:8px 8px #000}.star-rating{gap:10px;display:flex}.star-btn{color:#555;cursor:pointer;background:0 0;border:none;font-size:48px;transition:transform .1s}.star-btn:hover,.star-btn.active{color:#fc0;text-shadow:2px 2px #000;transform:scale(1.1)}