.game-room{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;min-height:100vh;background:#f1f5f9}.game-room h2{font-size:1.5rem;margin-bottom:1.5rem}.game-room .waiting-message{margin:2rem 0 1rem;color:#64748b;font-size:1.1rem}.game-room button{padding:.6rem 1.2rem;border-radius:8px;border:none;background:#38bdf8;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;margin:.5rem 0;transition:background .2s}.game-room button:hover{background:#0ea5e9}.game-room .invite-modal{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:1.5rem;margin-top:1rem;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;align-items:center}.game-room .invite-modal input[type=text]{width:220px;margin:.5rem 0 1rem;padding:.4rem .8rem;border-radius:6px;border:1px solid #cbd5e1;font-size:1rem;text-align:center}.game-room-layout{position:relative;width:100vw;height:100vh;overflow:hidden}.right-panel{position:fixed;top:0;right:0;bottom:0;width:20%;min-width:20rem;display:flex;flex-direction:column;z-index:40;padding:0}.drawing-board-center{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0;padding:2rem 0}.gameboard-main-area{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:stretch}.gameboard-main-area .test-char{z-index:100;position:absolute;height:75px;top:15%;left:28%}.gameboard-main-area .test-char2{z-index:100;position:absolute;height:75px;top:17%;left:30%}.game-area-drop-zone{z-index:5;pointer-events:auto!important}.gameboard-controls{position:absolute;top:10px;left:100px;display:flex;flex-direction:column;gap:1rem;z-index:160}.gameboard-controls .toggle-drawingboard-btn,.gameboard-controls .toggle-roomcustomization-btn{z-index:10;background:#f1f5f9;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px #0000001a}.gameboard-controls .toggle-drawingboard-btn:hover,.gameboard-controls .toggle-roomcustomization-btn:hover{background:#e0e7ef}.gameboard-controls .toggle-drawingboard-btn:disabled,.gameboard-controls .toggle-roomcustomization-btn:disabled{opacity:.5;cursor:not-allowed;background:#d1d5db}.gameboard-controls .toggle-drawingboard-btn:disabled:hover,.gameboard-controls .toggle-roomcustomization-btn:disabled:hover{background:#d1d5db}.gameboard-controls .toggle-drawingboard-btn:disabled svg,.gameboard-controls .toggle-roomcustomization-btn:disabled svg{color:#6b7280}.gameboard-controls .toggle-roomcustomization-btn{background:#f1f5f9;color:#0f172a}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;background:#00000040;pointer-events:all}.room-customization-modal-overlay{position:fixed;top:50%;left:50%;transform:translate(calc(-50% + 220px),-50%);width:calc(100vw - 4rem - 440px);height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;background:#00000040;z-index:150;pointer-events:all}.room-customization-modal-overlay .room-customization-modal{background:#fff;border-radius:16px;padding:2rem 2.5rem;box-shadow:0 4px 32px #0000002e;min-width:320px;max-width:90%;margin:0 auto}.drawingboard-modal-overlay.left-offset{position:fixed;top:50%;left:35%;transform:translate(calc(-50% + 220px),-50%);width:calc(100vw - 4rem - 440px);height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;background:none;z-index:150;pointer-events:all}.drawingboard-modal{background:transparent;border-radius:16px;width:100%;height:100%;max-width:100%;max-height:100%;overflow:auto;position:relative;display:flex;flex-direction:column}.drawingboard-modal .close-modal-btn{position:absolute;top:.75rem;right:.75rem;background:#ffffffb3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:160;color:#475569;padding:0;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.drawingboard-modal .close-modal-btn:hover{background:#ffffffe6;color:#0f172a;box-shadow:0 2px 12px #00000026}.drawingboard-modal:has(.room-customization-modal){background:#ffffff6d}[class*=room-customization-modal-parent]{background:#ffffff6d!important}.drawingboard-modal-overlay .drawingboard-modal .room-customization-modal{padding:1.5rem;border-radius:16px;width:100%;height:100%;display:flex;flex-direction:column}.modal-overlay.drawingboard-modal-overlay.left-offset{width:calc(100vw - 10rem - 440px);height:calc(100vh - 6rem)}.drawing-notice{position:fixed;top:5rem;left:50%;transform:translate(-50%);background:#10b981e6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;z-index:100;box-shadow:0 4px 12px #00000026;animation:fadeInOut 5s ease-in-out;max-width:90%;text-align:center}.drawing-notice p{margin:0;font-weight:500}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.landing-page{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem;padding-top:1rem;min-height:100vh;max-height:100vh;overflow-y:auto;box-sizing:border-box}.landing-page .auth-buttons{position:fixed;top:20px;right:20px;z-index:100;display:flex;gap:12px;align-items:center}.landing-page .auth-buttons .auth-btn-wood{padding:10px 20px;border:var(--pixel-size) solid var(--wood-dark);font-family:VT323,monospace;font-size:1.2rem;cursor:pointer;transition:all .1s;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d;text-transform:uppercase;letter-spacing:1px}.landing-page .auth-buttons .auth-btn-wood:hover{transform:translateY(calc(var(--pixel-size) * -.5))}.landing-page .auth-buttons .auth-btn-wood:active{transform:translateY(calc(var(--pixel-size) * .5));box-shadow:0 0 0 var(--wood-dark)}.landing-page .auth-buttons .auth-btn-wood.login-btn,.landing-page .auth-buttons .auth-btn-wood.profile-btn{background:var(--paper);color:var(--wood-dark)}.landing-page .auth-buttons .auth-btn-wood.login-btn:hover,.landing-page .auth-buttons .auth-btn-wood.profile-btn:hover{background:#fff9e6;box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff80}.landing-page .auth-buttons .auth-btn-wood.signup-btn{background:#4a9030;color:#fff;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #5fa840}.landing-page .auth-buttons .auth-btn-wood.signup-btn:hover{background:#5fa840;box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #7bc55a}.landing-page .profile{position:relative;z-index:2;min-height:328px}.landing-page .landing-page-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;display:block;user-select:none;z-index:1;margin:0;max-width:none;max-height:none;opacity:.8}.landing-page .landing-page-logo{margin-bottom:1.5rem;z-index:2;text-align:center;position:relative;width:11rem;margin-bottom:3rem;height:auto;max-width:80vw;transition:width .2s ease}.landing-page .landing-page-logo--invite{width:12rem}.landing-page .invite-message{text-align:center;font-size:.8rem;font-weight:500;color:#000;text-shadow:0 1px 2px rgba(255,255,255,.5);z-index:2;max-width:600px;padding:.75rem 1rem;backdrop-filter:blur(3px)}.landing-page .invite-message .room-id{font-weight:600;color:#0ea5e9}.landing-page .name-input{margin-top:1rem;z-index:2;width:100%;height:68px;display:flex;justify-content:center;align-items:center;position:relative}.landing-page .name-input.has-error .main-text-field{filter:brightness(.85)}.landing-page .name-input .name-error{position:absolute;bottom:calc(100% + 20px);left:0;right:0;display:flex;align-items:center;justify-content:center;padding:.35rem .75rem;text-align:center;background:#dc2626e6;color:#fff;border-radius:10px;font-size:.7rem;text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}.landing-page .name-input .name-error.shake{animation:name-error-shake .35s ease}@keyframes name-error-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.landing-page .player-display-name{z-index:2;font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.landing-page .player-display-name.day{color:#000}.landing-page .player-display-name.night{color:#fff}.landing-page .character-customizer{z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0 auto;position:relative}.landing-page .character-customizer .avatar-preview{display:flex;align-items:center;justify-content:center;gap:4rem;margin-bottom:.5rem;position:relative}.landing-page .character-customizer .avatar-preview .avatar-container{position:relative;display:inline-flex}.landing-page .character-customizer .avatar-preview img{height:24rem;width:auto;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));display:block}.landing-page .character-customizer .character-label{font-size:1rem;color:#fff;text-align:center;margin-top:.5rem;margin-bottom:.5rem;text-shadow:0 1px 3px rgba(0,0,0,.5);font-weight:500}.landing-page .character-customizer .randomize-btn{padding:.5rem 1.2rem;border-radius:8px;border:none;background:#64748b;color:#fff;font-size:1rem;cursor:pointer;margin-bottom:.5rem;transition:background .2s}.landing-page .character-customizer .randomize-btn:hover{background:#334155}.landing-page .avatar-locked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:18vw;width:100%;background:#0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;height:110%;color:#fff;font-weight:700;border-radius:.5rem;pointer-events:auto;transition:all .3s ease;text-transform:uppercase;letter-spacing:.03em}.landing-page .avatar-locked-overlay .lock-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}.landing-page .avatar-locked-overlay .purchase-text{font-size:.7rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.landing-page .avatar-locked-overlay .locked-text{text-align:center;font-size:.7rem;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.5)}.landing-page .action-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:240px;z-index:2;position:relative;margin-top:1.5rem;margin-bottom:1rem}.landing-page .version-display{position:fixed;bottom:1rem;left:1rem;font-size:.75rem;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:10;font-family:monospace;backdrop-filter:blur(3px);padding:.25rem .5rem;border-radius:4px;background:#0003}.landing-page .qa-db-indicator{position:fixed;bottom:1rem;right:1rem;font-size:.75rem;color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:10;font-family:monospace;font-weight:700;backdrop-filter:blur(3px);padding:.5rem .75rem;border-radius:6px;background:#dc2626d9;border:2px solid #fbbf24;animation:qa-pulse 2s ease-in-out infinite;letter-spacing:.05em}@keyframes qa-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.landing-page .avatar-nav-btn{position:fixed;border:none;width:48px;height:48px;cursor:pointer;transition:all .2s ease;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent;z-index:10}.landing-page .avatar-nav-btn:hover{filter:brightness(1.1)}.landing-page .prev-btn{left:calc(36% + 10px);top:48%;transform:translateY(-50%)}.landing-page .next-btn{right:calc(36% + 10px);top:48%;transform:translateY(-50%)}@media (max-width: 1024px){.landing-page .landing-page-logo{width:8rem;margin-bottom:1rem}.landing-page .landing-page-logo--invite{width:7rem}.landing-page .invite-message{margin-bottom:1rem;font-size:1rem;padding:.5rem .75rem}.landing-page .name-input{height:50px;margin-top:.5rem}.landing-page .action-buttons{gap:.5rem;margin-top:.5rem}.landing-page .prev-btn{left:calc(65% - 60px)}.landing-page .next-btn{right:calc(65% - 60px)}}@media (max-width: 768px){.landing-page .prev-btn{left:calc(25% - 60px)}.landing-page .next-btn{right:calc(25% - 60px)}}@media (min-width: 1600px){.landing-page .landing-page-logo{width:12rem;margin-bottom:3rem}.landing-page .landing-page-logo--invite{width:12rem}.landing-page .character-customizer{max-width:360px}.landing-page .character-customizer .avatar-preview{gap:1.25rem}.landing-page .character-customizer .avatar-preview img{height:25rem}}@media (min-width: 1920px){.landing-page .landing-page-logo--invite{width:14rem}.landing-page .character-customizer{max-width:400px}.landing-page .character-customizer .avatar-preview img{height:28rem}}.drawing-board{display:flex;flex-direction:column;padding:2rem}.drawing-board.fixed{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);width:min(50vw,100vw - 15rem - 22rem - 8rem);height:min(80vh,100vh - 4rem);z-index:150}.drawing-board.embedded{position:relative;width:100%;height:100%;max-width:50vw;max-height:700px;transform:none;top:auto;left:auto;z-index:1}.drawing-controls{position:absolute;right:3rem;display:flex;flex-direction:column;gap:.5rem;z-index:160;padding:1rem;border-radius:12px}.color-grid{display:flex;gap:.5rem}.color-column{display:flex;flex-direction:column;gap:.25rem}.color-button{width:32px;height:32px;border:2px solid transparent;border-radius:50%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;transition:all .2s ease;position:relative}.color-button:hover:not(:disabled){transform:scale(1.2)}.color-button.active{transform:scale(1.2)}.color-button:disabled{opacity:.5;cursor:not-allowed!important}.clear-button-container{display:flex;justify-content:center;margin-top:.5rem}.clear-button{width:36px;height:36px;border:none;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border-radius:50%;transition:all .2s ease}.clear-button:hover:not(:disabled){transform:scale(1.1);background-color:#f443361a}.clear-button:disabled{opacity:.5;cursor:not-allowed!important}.canvas-container{flex:1;position:relative;overflow:hidden;z-index:1;border-radius:8px}.canvas-container canvas{display:block;background-color:transparent;touch-action:none;width:100%;height:100%;position:relative;z-index:2}.canvas-container canvas.cursor-drawing{cursor:url(data:image/webp;base64,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) 32 16,crosshair}.canvas-container canvas.cursor-not-allowed{cursor:not-allowed}@supports (-moz-appearance: none){.canvas-container canvas.cursor-drawing{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,crosshair}}@media (max-width: 1200px){.drawing-controls{scale:.9}.drawing-board.fixed{width:min(50vw,100vw - 15rem - 12rem - 8rem)}}@media (max-width: 768px){.drawing-controls{scale:.8;top:.5rem;right:.5rem}.drawing-board.embedded{padding:1rem;max-height:500px}}@media (max-width: 768px){.canvas-container canvas.cursor-drawing{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,crosshair}}body.player-drawing-turn{cursor:url(data:image/webp;base64,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) 32 60,crosshair!important}body.player-drawing-turn *{cursor:url(data:image/webp;base64,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) 32 60,crosshair!important}body.player-drawing-turn button:not(:disabled),body.player-drawing-turn a,body.player-drawing-turn [role=button]{cursor:url(data:image/webp;base64,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) 32 60,pointer!important}body.player-drawing-turn input,body.player-drawing-turn textarea{cursor:url(data:image/webp;base64,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) 32 60,text!important}@supports (-moz-appearance: none){body.player-drawing-turn{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,crosshair!important}body.player-drawing-turn *{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,crosshair!important}body.player-drawing-turn button:not(:disabled),body.player-drawing-turn a,body.player-drawing-turn [role=button]{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,pointer!important}body.player-drawing-turn input,body.player-drawing-turn textarea{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,text!important}}@media (max-width: 768px){body.player-drawing-turn{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,crosshair!important}body.player-drawing-turn *{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,crosshair!important}body.player-drawing-turn button:not(:disabled),body.player-drawing-turn a,body.player-drawing-turn [role=button]{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,pointer!important}body.player-drawing-turn input,body.player-drawing-turn textarea{cursor:url(data:image/webp;base64,UklGRuICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSA0BAAABkGPbtmlb69k2M2evvcy2bZspCmDbthWZ37Zt2zrr66y9Xw0iYgKAd15pSaku7GOxgIhTSvwKPuG/QzKcJDLe4f+7ZPhEv0fRn3VKHKSCPiDxZxoH2QdILuIQ/ZZ03YEt5CVS77sCs/cjpL7wBGan+0h97wvMtveR+ikSmK1vIfV9qgST2Xkk/twtAGazw0htA3bTTaT2y7PprCJ1TA2YlZeROq8LzHKTSF3TB2alPoFyUBeYFRsFJJ42BWaVMqSetwR2C6RetAF2hSaBcNMOOKq/RfHHTsBRove72GtP4HoORT8GAVfjSyJvEyT4jAj/e5cJfD2P478rIwXAeQXxfVVFmRZwd8vPj4B9BQBWUDggrgEAALAJAJ0BKiAAIAA+bSqQRaQiIZgEAEAGxLYAXsjAxQflcCA0P/SyfZErgFICgBDC/EX9K+wH5TPrp/YD2AP2AW9rcX/9YWa0mQNPtUIfgGBA/L8L9UVAAP7/8PzX/N7vrnzRaK+v9/6OdsbEjsYurDOs7pdVe/P+0If6j6E94KwVKf396gX58ly138WnyjqgO7vWa00UFqNKegAI9Sc+gSMvfL6EG43C2pYWNuOEK2y7VHGe+6E+7u/Xxt3UOZt1SwFaK5RJCx9iOhysyQa8pjFsCrLCqS1fc1aiTwxKN/+eJ5hTywJA7w9kIYya/gKTanDryCt+WoAXEycGLUcf10VsW7aXVBV2l8avJDl9SPKJwak4I9FsF9e5UTnRoZ1Y+4iH3ZpS4aZ11sZVlY3G+DJeA8xfjfbzAiKh6hcZb+/52H7dp3GVE44k971POaUiB12bvQjoFx21x8l1bxLCxDxEzrxbjStK+ZdwOdQS/jb51q7yyIHZT1/EkaG8Sb06Y7qv3Jl3THw2e6IDQ4UrMH9PZGSjZyipA/dV0mJqPsn+tjEwjbJ5eaciumlAAAA=) 16 5,text!important}}.chat{height:calc(100% - 2rem);width:calc(100% - 2rem);margin:1rem;display:flex;flex-direction:column;background-image:url(/assets/chat_bg-C-B8PiaC.webp);background-size:100% 100%;background-repeat:no-repeat;border-radius:8px;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:50px 40px 40px;display:flex;flex-direction:column;gap:25px;position:relative;mask:linear-gradient(to bottom,transparent 0%,transparent 6%,black 6%,black 100%);-webkit-mask:linear-gradient(to bottom,transparent 0%,transparent 6%,black 6%,black 100%)}.messages-container :before{content:"";position:absolute;top:0;left:0;right:0;height:6%;z-index:10;pointer-events:none}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.message{word-break:break-word;background-color:transparent}.own-message{border-bottom-left-radius:4px}.own-message .message-header{text-align:left}.other-message{border-bottom-left-radius:4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.45rem}.user{font-weight:700}.user.current-user{color:#91c44a}.user.other-user{color:#f88b1c}.timestamp{color:#999;font-size:.4rem;opacity:.8}.message-text{font-size:.5rem;line-height:1.4;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.message-input{display:flex;padding:8px 12px;background:transparent;border:none;align-items:center;gap:8px;width:70%;position:relative;bottom:2rem;left:1.6rem}.message-input input{flex:1;height:30px;padding:8px 16px;border:none;background:transparent;background-image:url(data:image/webp;base64,UklGRpICAABXRUJQVlA4WAoAAAAQAAAA0QEATAAAQUxQSLMAAAABgBrbtuvmlfpK+CVcKPgKkGSXYGy0uWmEhzlbqYCjHOBVjIgJKHvsk65dOfjI6cqpVx+4j2m+vMcD0O1n5NTlWpIaEb2ImObOB9Btwracwlw7UiPiSdJvDn0AHbblVObmv5v/bv67macBz5JmOTQdjUb9UkrBtnIoysZrRhrwLGmWOwLqplVsK3ei7HzNSAMeeZc0yxexWndbj23lS5SDnkY14Fnp2jvMKk7XOA1rpGvdBQBWUDgguAEAAJAUAJ0BKtIBTQA+bTaTR6QjoaEn/qhIgA2JaW7hcpC+LMNtHt//SZy5X/TQHTOqKV4OoUnJrVN6r1Teq9U3qvVN6r1SLEAN7Fa89+5ZUV5bmACAmmHt0jd4fjRZGhh7dwTTD27gmmHuAChN8Ov02l4oQgJph7dwTTD27gmlqx0E8eGg5WBXlyfxPnwJz4mP0kSa7C35LFd/Y0Hbb2GxoO23sNjQdtvYZ6gxpCAAAP64LvI5WpkwHo9aMweW/R75MAl1oE5UF1+3A9VbYFZg0YNhjdAsruAprMDJf+8pQF4SP/eGIVgaPcBDEETVNopFO2faRO2WpHuoMSxdLk1oIDqN3pvBoee2gJA7nj6NCTICVv/rwxLcmce33ASQPELCNvRRvKmciRAFoOAAAAAWMT96t3/pswMOb2F5x8hQohaOAAAAOozYeQ2G3DfZwe16ebSMVLukcZpKlrOJv1yr775SdEAAAAAlrtwkHvvrqoXSvxqdRrXvI0RUuqFQR6GpS9e34/xgdl/Dhasmx5/6REbD9Snx+EjRscyc6zHIUG5YlibSo7f/pzq0r1gh+jISOHIUZxkDAAAA);background-size:100% 100%;background-repeat:no-repeat;font-size:.44rem;color:#fff;font-weight:500;outline:none}.message-input input::placeholder{color:#8b4513;opacity:.8}.message-input input:focus{outline:none}.message-input button{width:30px;height:30px;border:none;background-image:url(data:image/webp;base64,UklGRnIDAABXRUJQVlA4WAoAAAAQAAAAkAAAkgAAQUxQSEwAAAABFyAQSPK3mmyNiAgHRpEkKarP+Fvq9S8Gj/kiov8TQKs6Gb3PnAbbeaVJbxhOk9uuy5rjnx/cdMauA6ahfqsAN8poP5mKPYzecVMCVlA4IAADAABQHgCdASqRAJMAPm0ukkYkIqGhLhY7AIANiWNu3V1fst6jl+CpnAPdTt8v5R6AP1A9bH0AedV1JPoAdL5kMvij+0/hR8r8Hf8n+w+t/9OKqw/b/096P8iXEmQTycgCwyTOyiv6AwzfjOT0NgKb6HHY1zIlAd+91o4v6dbr9DO4avOEYAx0WPkX3ExJUsn2YMOh9zGrZP7BLzgAjKtc/p69fgMTuTHmIb2ro5SoAgiNMD+ujgtdfhimiOMbYX3aY4I+nuOHmEm3amlfyPteJZjeTJ8RpC9Fyi6GVrspqhWoA4EGLhe3iUD9K05z5pHpiboRNvaa2mrnXIibAAD+/Eo8WN1PgGTK4N4VIp/Pf8Mcg46mxufHKSVXvRGJcc4W05eOfz4muBzz9D59sFh4yaBddP1d/p+G/dp6rfZPvmAYifmKJElNYoHF8ynZfXx3z+0eVToKBx65weGd3b+s1hqqi7f/Ae6l//CtKpsCCPhbBMfS8KNwgOaOFDETlSQDqbMSE9s0ZJVht/qFcTMvOwPowt1NVJ8rPUU6dQ0qoTCDzvLLq3EqKwZvkyowe7ygobXXjQ/nM32m4vawVHbefeao3Ag8MLVa51UyRDImpZQ+nv0Rg6VFYM7slN3/sILG9rHPWxyRFQTYbxtTSdchZ5ltN5+BriasCcDZboEzE4FNO4G5918T8YFrVvr/yLtYf2m9T93MLAs4MfvmvJfYmbPqmwqh76+F9Dq4IWt0CmSq4laWMU2CfqMp1rLgzvU9ilcNCiz+eyp//FbQ/oqOMUupJ3SNKdCzYCuPgcD6RpSrS7++zTkQG0JkdBqyu4A6RF1cVk48cFcFTt+Bla58QyLRBqH0lmFMXsRenCarXIPr010ApZ+uorieOO/3UYCpf8UhK/xKrOnyWm9KKYrGvCmXv3Re8e6rBMj2WEsAHOZdcZ8v0/8Gn3o9ZSQjDWHHt1hX4x+7m/a3kAXANy//9DjC1euFd/YxHoCEF7l1JfP3mP3/+Kz069Zfn7yTTB5kAAA=);background-size:100% 100%;background-repeat:no-repeat;background-color:transparent;cursor:pointer;transition:transform .2s,opacity .2s;flex-shrink:0;color:transparent;font-size:0}.message-input button:hover{transform:scale(1.05)}.message-input button:active{transform:scale(.95)}.message-input button:disabled{opacity:.5;cursor:not-allowed;transform:none}.system-message{text-align:center;padding:8px 12px;margin:4px 0}.system-message-text{font-size:.45rem;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.5);background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:4px;padding:6px 12px}@media (min-width: 1920px){.message-input{left:3rem}.message-input input{height:36px;font-size:.52rem}.message-input button{width:36px;height:36px}}@media (max-width: 1200px){.right-panel{min-width:16rem}.message-input button{display:none}.message-input input{font-size:.4rem;height:28px}.message-input{left:1.2rem}}.error-message{text-align:center;padding:8px 12px;margin:4px 0}.error-message-text{font-size:.45rem;font-weight:600;color:#f44;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,68,68,.5),0 2px 4px rgba(0,0,0,.5);background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:4px;padding:6px 12px}.guesser-name{color:#4ade80;font-weight:700;text-shadow:0 0 4px rgba(74,222,128,.5)}.game-card{border-radius:8px;background-size:cover;background-position:center;color:#333;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .3s;position:relative;border:none;box-sizing:border-box;overflow:hidden}.game-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-10px);z-index:5}.game-card.disabled-card{cursor:default}.game-card.disabled-card:hover{transform:none;box-shadow:0 2px 5px #00000026}.game-card .card-score{position:absolute;top:18%;left:50%;transform:translate(-50%,-50%);font-weight:700;text-transform:uppercase}.game-card .card-word{position:absolute;top:8%;left:50%;transform:translate(-50%,-50%);font-weight:700;text-align:center;color:#fff;max-width:80%;word-wrap:break-word;padding:4px 8px}.player-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem}.player-item.current-player .avatar-container img.player-avatar{height:20rem;width:auto}.player-item.current-player .avatar-container .player-name{font-weight:600;font-size:.8rem}.player-item .avatar-container{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:4px;position:relative}.player-item .avatar-container .turn-arrow{position:absolute;top:-30px;width:100%;display:flex;justify-content:center;z-index:100;animation:bounce 1s infinite alternate ease-in-out}.player-item .avatar-container .turn-arrow img{width:30px;height:auto}.player-item .avatar-container img.player-avatar{height:12rem;width:auto}.player-item .avatar-container .player-name{font-size:.5rem;color:#334155;font-weight:500;text-align:center}.player-item .avatar-container .player-position{bottom:-1rem;font-size:.4rem;color:#4b5563;text-align:center}.player-item .hand-container .hand-cards{display:flex;width:100%;flex-direction:column;position:relative}.player-item .hand-container .hand-cards .card-wrapper{position:absolute;top:0;transition:transform .3s ease;z-index:1}.player-item .hand-container .hand-cards .card-wrapper.card-position-0{z-index:1;transform:translateY(0)}.player-item .hand-container .hand-cards:hover .card-position-0{transform:translateY(0)}.player-item .hand-container .hand-cards .card-wrapper.card-position-1{z-index:2;transform:translateY(24px)}.player-item .hand-container .hand-cards:hover .card-position-1{transform:translateY(60px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-2{z-index:3;transform:translateY(48px)}.player-item .hand-container .hand-cards:hover .card-position-2{transform:translateY(120px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-3{z-index:4;transform:translateY(72px)}.player-item .hand-container .hand-cards:hover .card-position-3{transform:translateY(180px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-4{z-index:5;transform:translateY(96px)}.player-item .hand-container .hand-cards:hover .card-position-4{transform:translateY(240px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-5{z-index:6;transform:translateY(120px)}.player-item .hand-container .hand-cards:hover .card-position-5{transform:translateY(300px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-6{z-index:7;transform:translateY(144px)}.player-item .hand-container .hand-cards:hover .card-position-6{transform:translateY(360px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-7{z-index:8;transform:translateY(168px)}.player-item .hand-container .hand-cards:hover .card-position-7{transform:translateY(420px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-8{z-index:9;transform:translateY(192px)}.player-item .hand-container .hand-cards:hover .card-position-8{transform:translateY(480px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-9{z-index:10;transform:translateY(216px)}.player-item .hand-container .hand-cards:hover .card-position-9{transform:translateY(540px)}.player-item .hand-container .hand-cards .card-wrapper.card-position-10{z-index:11;transform:translateY(240px)}.player-item .hand-container .hand-cards:hover .card-position-10{transform:translateY(600px)}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:.4}to{transform:scale(1);opacity:.8}}.card-drop-area{position:absolute;top:0;left:20vw;right:0;bottom:0;width:calc(100% - 20vw);height:100%;z-index:2;pointer-events:all;background-color:transparent;transition:border .2s ease}.card-drop-area.is-active{border:4px solid rgba(0,200,0,.5)}.card-drop-area.can-drop{border:4px solid rgba(50,150,255,.5)}.card-drop-area.no-drop{border:none}#game-container{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}#game-container canvas{display:block;max-width:none;max-height:none}.left-panel{position:fixed;top:0;left:0;bottom:0;width:20rem;gap:.5rem;align-items:center;display:flex;flex-direction:column;justify-content:space-between;z-index:40;padding:1rem}.left-panel .leaderboard-section{width:100%;margin-top:3rem;margin-bottom:1rem;padding-top:5rem}.left-panel .leaderboard-section h3{text-align:center;margin-bottom:1rem;color:#fffffff2;font-size:1.1rem;font-weight:600}.left-panel.day-mode .left-panel .leaderboard-section h3{color:#000000e6}.left-panel .leaderboard-section .leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.left-panel .leaderboard-section .leaderboard-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:all .2s;overflow:visible}.left-panel .leaderboard-section .leaderboard-item.current-turn{background:#caa7324d;border:1px solid rgba(202,167,50,.7)}.left-panel .leaderboard-section .leaderboard-item.admin{background:#9370db4d;border:1px solid rgba(147,112,219,.7);box-shadow:0 0 10px #9370db80}.left-panel .leaderboard-section .leaderboard-item .rank{font-weight:700;color:#fffffff2;min-width:2rem;text-align:center;font-size:1.2rem}.left-panel .leaderboard-section .leaderboard-item .player-avatar-small{width:3rem;height:3rem;border-radius:50%;object-fit:cover;object-position:center top;transform:scale(1.3)}.left-panel .leaderboard-section .leaderboard-item .player-info{flex:1}.left-panel .leaderboard-section .leaderboard-item .player-info .player-name{font-weight:600;color:#fffffff2;font-size:.875rem}.left-panel .leaderboard-section .leaderboard-item .player-info .player-name.clickable-name{cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff4d;transition:all .2s ease}.left-panel .leaderboard-section .leaderboard-item .player-info .player-name.clickable-name:hover{color:#93c5fd;text-decoration-color:#93c5fd99;transform:translate(2px)}.left-panel .leaderboard-section .leaderboard-item .player-info .player-score{font-size:.75rem;color:#ffffffe6}.left-panel.day-mode .left-panel .leaderboard-section .leaderboard-item .rank,.left-panel.day-mode .left-panel .leaderboard-section .leaderboard-item .player-info .player-name{color:#000000e6}.left-panel.day-mode .left-panel .leaderboard-section .leaderboard-item .player-info .player-name.clickable-name{text-decoration-color:#0000004d}.left-panel.day-mode .left-panel .leaderboard-section .leaderboard-item .player-info .player-name.clickable-name:hover{color:#2563eb;text-decoration-color:#2563eb99}.left-panel.day-mode .left-panel .leaderboard-section .leaderboard-item .player-info .player-score{color:#000c}.left-panel .leaderboard-section .leaderboard-item .turn-indicator{font-size:1.2rem}.left-panel .buff-section{position:absolute;bottom:8%;left:10%;width:100%;margin-bottom:1rem}.left-panel .buff-btn,.left-panel .start-btn,.left-panel .invite-btn{margin-top:auto;padding:.6rem 1rem;border:var(--pixel-size) solid var(--wood-dark);font-family:VT323,monospace;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .1s;text-align:center;width:100%;min-height:2rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d}.left-panel .buff-btn:disabled,.left-panel .start-btn:disabled,.left-panel .invite-btn:disabled{opacity:.6;cursor:not-allowed}.left-panel .buff-btn{background:none;border:none;padding:0;color:#fff}.left-panel .buff-btn .buff-btn-content{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.6rem 1rem;border-radius:.5rem;font-weight:600;min-height:2.5rem}.left-panel .buff-btn .buff-btn-content .card-icon{width:1.2rem;height:1.2rem;vertical-align:middle}.left-panel .start-btn{background:#4a9030;color:#fff;margin-bottom:.5rem;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #5fa840}.left-panel .start-btn:hover:not(:disabled){background:#5fa840;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #7bc55a}.left-panel .start-btn:active:not(:disabled){transform:translateY(calc(var(--pixel-size) * 1));box-shadow:0 0 0 var(--wood-dark)}.left-panel .invite-btn{background:#f59e0b;color:#fff;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #fbbf24}.left-panel .invite-btn:hover{background:#fbbf24;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #fcd34d}.left-panel .invite-btn:active{transform:translateY(calc(var(--pixel-size) * 1));box-shadow:0 0 0 var(--wood-dark)}.left-panel .button-container{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:stretch}.leaderboard-item{position:relative}.leaderboard-item .ready-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:20px}.leaderboard-item .ready-indicator .admin-badge{font-size:18px;filter:drop-shadow(0 2px 4px rgba(255,215,0,.4))}.leaderboard-item .ready-indicator .ready-icon{animation:fadeIn .3s ease}.leaderboard-item .ready-indicator .not-ready-icon{opacity:.5}.leaderboard-item.admin .player-name{font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.player-list-container{position:fixed;bottom:0;left:18rem;right:0;background-color:#ffffff30;z-index:10;overflow-x:auto;display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-start;overflow-y:hidden}.guessing-phase-display{position:fixed;top:50%;left:calc(17rem + (100vw - 17rem - 20%)/2);transform:translate(-50%,-50%);z-index:1000;color:#fff;font-family:Noto Sans,Arial,sans-serif;width:calc(100vw - 19rem - 20%);max-width:1200px;height:85vh}.guessing-phase-display .guessing-content{background:transparent;padding:0;border-radius:0;box-shadow:none;min-width:auto;width:100%;height:100%}.guessing-phase-display .guessing-content .guessing-info-layout{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:1rem;width:100%;height:100%}.guessing-phase-display .guessing-content .guessing-info-layout .top-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2rem)}@media (max-width: 768px){.guessing-phase-display .guessing-content .guessing-info-layout .top-row{gap:1rem;flex-wrap:wrap}}.guessing-phase-display .guessing-content .guessing-info-layout .canvas-row{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.guessing-phase-display .guessing-content .guessing-info-layout .timer-container{background-image:url(data:image/webp;base64,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);background-size:contain;background-repeat:no-repeat;background-position:center;width:min(200px,40vw);height:80px;display:flex;align-items:center;justify-content:center;order:1}.guessing-phase-display .guessing-content .guessing-info-layout .timer-container .time-left{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,1rem);color:#fff;font-weight:400;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.guessing-phase-display .guessing-content .guessing-info-layout .timer-container .time-left.countdown{color:#fbbf24}.guessing-phase-display .guessing-content .guessing-info-layout .word-container{background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;order:2;transition:all .3s ease}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-big{background-image:url(/assets/guessing_word_container_big-D73hQwEV.webp);width:min(600px,60vw);height:100px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-big .card-word{font-size:clamp(.65rem,1.8vw,.95rem)}@media (max-width: 1024px){.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-big{width:min(500px,55vw);height:90px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-big .card-word{font-size:clamp(.6rem,1.6vw,.85rem)}}@media (max-width: 768px){.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-big{width:min(450px,70vw);height:80px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-big .card-word{font-size:clamp(.55rem,1.4vw,.75rem)}}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-mid{background-image:url(/assets/guessing_word_container_mid-CXzo1mPM.webp);width:min(450px,50vw);height:90px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-mid .card-word{font-size:clamp(.7rem,1.9vw,1rem)}@media (max-width: 1024px){.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-mid{width:min(400px,50vw);height:80px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-mid .card-word{font-size:clamp(.65rem,1.7vw,.9rem)}}@media (max-width: 768px){.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-mid{width:min(380px,65vw);height:75px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-mid .card-word{font-size:clamp(.6rem,1.5vw,.8rem)}}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-small{background-image:url(data:image/webp;base64,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);width:min(400px,45vw);height:80px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-small .card-word{font-size:clamp(.75rem,2vw,1.05rem)}@media (max-width: 1024px){.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-small{width:min(350px,45vw);height:75px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-small .card-word{font-size:clamp(.7rem,1.8vw,.95rem)}}@media (max-width: 768px){.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-small{width:min(320px,60vw);height:70px}.guessing-phase-display .guessing-content .guessing-info-layout .word-container.size-small .card-word{font-size:clamp(.65rem,1.6vw,.85rem)}}.guessing-phase-display .guessing-content .guessing-info-layout .word-container .card-word{font-family:"Press Start 2P",monospace;color:#fff;font-weight:400;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-align:center;padding:0 1.5rem;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:none;line-height:1.4;display:flex;align-items:center;justify-content:center}.guessing-phase-display .guessing-content .correct-guess-message{white-space:pre-line;font-family:"Press Start 2P",monospace;font-size:clamp(.6rem,1.5vw,.8rem);text-align:center;color:#4ade80;padding:1rem;background:#000000b3;border-radius:.5rem;margin:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:400;line-height:1.4}@media (max-width: 1400px){.guessing-phase-display{width:calc(100vw - 41rem);left:calc(17rem + (100vw - 39rem)/2)}}@media (max-width: 1024px){.guessing-phase-display{width:calc(100vw - 37rem);left:calc(15rem + (100vw - 35rem)/2);height:80vh}}@media (max-width: 768px){.guessing-phase-display{width:calc(100vw - 4rem);left:50%;height:75vh}}.path-choice-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1000;text-align:center}.path-choice-modal h3{margin-bottom:15px;font-size:1.5rem;color:#333}.path-choice-modal button{margin:5px;padding:10px 15px;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.path-choice-modal button:hover{background-color:#0056b3}.settings-bar{--settings-bar-left-offset: 50px;--button-size: 48px;--button-gap: 12px;position:fixed;top:10px;left:0;z-index:1000;pointer-events:none}.settings-bar .settings-button{position:fixed;top:10px;width:var(--button-size);height:var(--button-size);border:none;border-radius:50%;background:#000000b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;pointer-events:auto}.settings-bar .settings-button:hover{background:#000000d9;filter:brightness(1.1);box-shadow:0 6px 12px #0003}.settings-bar .settings-button:active{transform:translateY(2px)}.settings-bar .settings-button.back-button{left:var(--settings-bar-left-offset);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent!important;border-radius:0!important;box-shadow:none;backdrop-filter:none}.settings-bar .settings-button.back-button:hover{background-color:transparent!important;filter:brightness(1.1);box-shadow:none}.settings-bar .settings-button.back-button:active{transform:translateY(2px)}.settings-bar .settings-button.sound-button{left:calc(var(--settings-bar-left-offset) + var(--button-size) + var(--button-gap));background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent!important;border-radius:0!important;box-shadow:none;backdrop-filter:none}.settings-bar .settings-button.sound-button:hover{background-color:transparent!important;box-shadow:none}.settings-bar .settings-button.sound-button.sound-on{filter:brightness(1)}.settings-bar .settings-button.sound-button.sound-on:hover{filter:brightness(1.1)}.settings-bar .settings-button.sound-button.sound-on:active{transform:translateY(2px);filter:brightness(1)}.settings-bar .settings-button.sound-button.sound-off{filter:brightness(.85)}.settings-bar .settings-button.sound-button.sound-off:hover{filter:brightness(1.1)}.settings-bar .settings-button.sound-button.sound-off:active{transform:translateY(2px);filter:brightness(.85)}.settings-bar .settings-button.music-button{left:calc(var(--settings-bar-left-offset) + (var(--button-size) + var(--button-gap)) * 2);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent!important;border-radius:0!important;box-shadow:none;backdrop-filter:none}.settings-bar .settings-button.music-button:hover{background-color:transparent!important;box-shadow:none}.settings-bar .settings-button.music-button.music-on{filter:brightness(1)}.settings-bar .settings-button.music-button.music-on:hover{filter:brightness(1.1)}.settings-bar .settings-button.music-button.music-on:active{transform:translateY(2px);filter:brightness(1)}.settings-bar .settings-button.music-button.music-off{filter:brightness(.85)}.settings-bar .settings-button.music-button.music-off:hover{filter:brightness(1.1)}.settings-bar .settings-button.music-button.music-off:active{transform:translateY(2px);filter:brightness(.85)}.settings-bar .settings-button.day-night-button{left:calc(var(--settings-bar-left-offset) + (var(--button-size) + var(--button-gap)) * 3);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent!important;border-radius:0!important;box-shadow:none;backdrop-filter:none}.settings-bar .settings-button.day-night-button:hover{background-color:transparent!important;box-shadow:none}.settings-bar .settings-button.day-night-button.day-mode{filter:brightness(1)}.settings-bar .settings-button.day-night-button.day-mode:hover{filter:brightness(1.1)}.settings-bar .settings-button.day-night-button.day-mode:active{transform:translateY(2px);filter:brightness(1)}.settings-bar .settings-button.day-night-button.night-mode{filter:brightness(1)}.settings-bar .settings-button.day-night-button.night-mode:hover{filter:brightness(1.1)}.settings-bar .settings-button.day-night-button.night-mode:active{transform:translateY(2px);filter:brightness(1)}.settings-bar .settings-button.room-customization-button{left:calc(var(--settings-bar-left-offset) + (var(--button-size) + var(--button-gap)) * 4);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent!important;border-radius:0!important;box-shadow:none;backdrop-filter:none}.settings-bar .settings-button.room-customization-button:hover{background-color:transparent!important;filter:brightness(1.1);box-shadow:none}.settings-bar .settings-button.room-customization-button:active{transform:translateY(2px);filter:brightness(1)}.settings-bar .settings-button svg{pointer-events:none}@media (max-width: 1024px){.settings-bar{--settings-bar-left-offset: 20px;--button-size: 44px;--button-gap: 8px;position:fixed;top:30px;left:30px;display:flex;flex-direction:column;gap:var(--button-gap)}.settings-bar .settings-button{position:relative;left:auto;top:auto;position:static!important}}@media (max-width: 768px){.settings-bar{top:20px;left:20px;gap:10px}.settings-bar .settings-button{width:44px;height:44px}}.typeracer-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.typeracer-modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:900px;width:95%;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.typeracer-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.typeracer-header h2{margin:0 0 .5rem;color:#2c3e50;font-size:1.5rem}.typeracer-header .winner-announcement h3{margin:0 0 .25rem;color:#e74c3c;font-size:1.2rem;font-weight:700}.typeracer-header .winner-announcement p{margin:0;color:#7f8c8d;font-size:.9rem}.typeracer-section h4{color:#2c3e50;margin:0 0 .5rem;font-size:1.1rem}.typeracer-section p{color:#7f8c8d;margin:0 0 1rem;line-height:1.4}.typeracer-players{background:#f8f9fa;border-radius:8px;padding:.75rem;margin-bottom:1.5rem}.typeracer-player{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e9ecef}.typeracer-player:last-child{border-bottom:none}.typeracer-player .player-name{font-weight:600;color:#2c3e50;font-size:1rem}.typeracer-player .player-actions{display:flex;align-items:center;gap:.75rem}.typeracer-player .player-status{padding:.2rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500}.typeracer-player .player-status.ready{background:#27ae60;color:#fff}.typeracer-player .player-status.not-ready{background:#e74c3c;color:#fff}.typeracer-player .ready-btn{padding:.3rem .8rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.8rem}.typeracer-player .ready-btn.ready{background:#e74c3c;color:#fff}.typeracer-player .ready-btn.ready:hover{background:#c0392b}.typeracer-player .ready-btn.not-ready{background:#27ae60;color:#fff}.typeracer-player .ready-btn.not-ready:hover{background:#229954}.typeracer-player .ready-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.all-ready-message{text-align:center;background:#d4edda;color:#155724;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-weight:600;font-size:1rem;border:1px solid #c3e6cb}.typeracer-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.typeracer-actions button{padding:.6rem 1.2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.typeracer-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.typeracer-actions .close-btn{background:#95a5a6;color:#fff}.typeracer-actions .close-btn:hover{background:#7f8c8d}.typeracer-actions .ready-btn{padding:.6rem 1.2rem;font-size:.9rem}.typeracer-actions .ready-btn.ready{background:#e74c3c;color:#fff}.typeracer-actions .ready-btn.ready:hover{background:#c0392b}.typeracer-actions .ready-btn.not-ready{background:#27ae60;color:#fff}.typeracer-actions .ready-btn.not-ready:hover{background:#229954}.countdown-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;pointer-events:none}.countdown-section{text-align:center;padding:2rem 1rem;background:#fffffff2;border-radius:16px;box-shadow:0 20px 40px #0000004d;pointer-events:auto}.countdown-section h2{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem}.countdown-section .countdown-number{font-size:5rem;font-weight:700;color:#e74c3c;margin-bottom:.5rem;animation:pulse 1s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.3)}.countdown-section p{color:#7f8c8d;font-size:1.1rem;margin:0}.typeracer-game .typeracer-game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.typeracer-game .typeracer-game-header h3{color:#2c3e50;margin:0;font-size:1.3rem}.typeracer-game .typeracer-game-header .close-btn-small{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.typeracer-game .typeracer-game-header .close-btn-small:hover{background:#c0392b;transform:scale(1.1)}.paragraph-section{margin-bottom:1.5rem;text-align:center}.paragraph-section h4{color:#2c3e50;margin:0 0 .5rem;font-size:1.1rem}.paragraph-section .paragraph-text-container{position:relative;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef;cursor:text;transition:border-color .2s ease}.paragraph-section .paragraph-text-container:hover{border-color:#3498db}.paragraph-section .paragraph-text-preview{font-size:1.2rem;line-height:1.8;color:#2c3e50;padding:1.5rem;font-family:Noto Sans,Courier New,monospace;text-align:center}.paragraph-section .interactive-typing-display{font-size:1.2rem;line-height:1.8;padding:1.5rem;font-family:Noto Sans,Courier New,monospace;text-align:left;letter-spacing:.5px;word-wrap:break-word;user-select:none;min-height:100px}.paragraph-section .interactive-typing-display .char-correct{color:#27ae60;background-color:#27ae6026;font-weight:500}.paragraph-section .interactive-typing-display .char-incorrect{color:#e74c3c;background-color:#e74c3c33;text-decoration:underline wavy #e74c3c;font-weight:500}.paragraph-section .interactive-typing-display .char-untyped{color:#95a5a6}.paragraph-section .interactive-typing-display .char-current{position:relative;background-color:#3498db26;color:#2c3e50;font-weight:600;animation:pulse-bg .8s ease-in-out infinite}.paragraph-section .interactive-typing-display .char-current:before{content:"";position:absolute;left:-2px;top:0;height:100%;width:2px;background:#3498db;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse-bg{0%,to{background-color:#3498db26}50%{background-color:#3498db40}}.race-track{margin-bottom:1.5rem;flex:1;display:flex;flex-direction:column;min-height:0}.race-track h4{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem;flex-shrink:0}.race-track .race-lanes{background:#f8f9fa;border-radius:8px;padding:.75rem;flex:1;overflow-y:auto;max-height:400px}.race-track .race-lane{display:flex;flex-direction:column;margin-bottom:1.5rem;background:#ffffff80;border-radius:6px;padding:.5rem;border:1px solid #e9ecef;transition:all .2s ease}.race-track .race-lane:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.race-track .race-lane:last-child{margin-bottom:0}.race-track .race-lane .race-progress{width:100%;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.race-track .race-lane .race-progress .walking-track{flex:1;height:80px;background:linear-gradient(to bottom,#87ceeb 0% 60%,#90ee90 60% 100%);border-radius:8px;position:relative;overflow:hidden;border:2px solid #dee2e6;box-shadow:inset 0 2px 4px #0000001a}.race-track .race-lane .race-progress .walking-track:before{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:repeating-linear-gradient(90deg,#90ee90,#90ee90 2px,#7cb342 2px 4px);opacity:.3}.race-track .race-lane .race-progress .walking-track:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,#fff,#fff 10px,transparent 10px,transparent 20px);transform:translateY(-50%);opacity:.6}.race-track .race-lane .race-progress .walking-track .walking-avatar{position:absolute;bottom:12px;transition:left .5s ease;z-index:2}.race-track .race-lane .race-progress .walking-track .walking-avatar .avatar-sprite{width:40px;height:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));transform-origin:center bottom}.race-track .race-lane .race-progress .walking-track .walking-avatar.walking .avatar-sprite{animation:advancedWalk .8s infinite ease-in-out}.race-track .race-lane .race-progress .walking-track .finish-line{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:1.5rem;z-index:1;animation:flagWave 2s infinite ease-in-out}.race-track .race-lane .race-progress .progress-percentage{min-width:50px;text-align:center;font-weight:600;color:#2c3e50;font-size:.9rem;background:#fffc;border-radius:4px;padding:.3rem .5rem;border:1px solid #dee2e6}.race-track .race-lane .player-info{display:flex;justify-content:space-between;align-items:center;width:100%}.race-track .race-lane .player-info .player-name{font-weight:600;color:#2c3e50;font-size:.9rem}@keyframes advancedWalk{0%{transform:translateY(0) scaleX(1)}25%{transform:translateY(-3px) scaleX(.95)}50%{transform:translateY(-1px) scaleX(1.05)}75%{transform:translateY(-3px) scaleX(.95)}to{transform:translateY(0) scaleX(1)}}@keyframes flagWave{0%,to{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-50%) rotate(5deg)}}.hidden-input{position:absolute;opacity:0;pointer-events:none;left:-9999px}.player-tooltip{position:absolute;left:105%;top:50%;transform:translateY(-50%);background:#0f172af2;color:#fff;border-radius:.5rem;padding:.75rem;min-width:260px;max-width:60vw;z-index:2000;box-shadow:0 4px 12px #0000004d;pointer-events:none;animation:fadeIn .2s ease-in-out;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.player-tooltip .tooltip-layout{display:flex;align-items:flex-start;gap:.75rem}.player-tooltip .tooltip-section{margin-bottom:0}.player-tooltip .stats-section{flex-shrink:0;min-width:110px;display:flex;flex-direction:column;gap:.35rem}.player-tooltip .tooltip-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.65rem}.player-tooltip .tooltip-row .tooltip-icon{width:1rem;height:1rem}.player-tooltip .tooltip-row .tooltip-label{font-weight:600;color:#fffc}.player-tooltip .tooltip-row .tooltip-value{font-weight:700;color:#fff;margin-left:auto}.player-tooltip .effects-section{flex:1;flex-direction:row;border-top:none;padding-top:0;margin-top:0;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:.5rem}.player-tooltip .effects-section .tooltip-section-title{font-weight:700;font-size:.875rem;margin-bottom:.35rem;color:#ffffffe6}.player-tooltip .effects-section .effect-list{display:flex;gap:.5rem}.player-tooltip .effects-section .effect-item{margin-bottom:0;padding:.5rem .6rem;border-radius:.35rem;border-left:2px solid rgba(96,165,250,.5);background:#ffffff0d;min-width:10vw;max-width:12vw;display:flex;flex-direction:column;gap:.25rem}.player-tooltip .effects-section .effect-item .effect-title{font-weight:600;font-size:.6rem;color:#60a5fa;display:flex;align-items:center;gap:.35rem}.player-tooltip .effects-section .effect-item .effect-badge{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:.35rem;background:#ffffff14;font-size:.85rem}.player-tooltip .effects-section .effect-item .effect-description{font-size:.55rem;color:#ffffffbf;line-height:1.3}.player-tooltip .effects-section .effect-item-permanent{border-left-color:#3498db99}.player-tooltip .effects-section .effect-item-permanent .effect-title{color:#3498db}.player-tooltip .effects-section .effect-item-evolvable{border-left-color:#9b59b699}.player-tooltip .effects-section .effect-item-evolvable .effect-title{color:#9b59b6}.player-tooltip .effects-section .evolution-dots-inline{display:inline-flex;gap:2px;font-size:.6rem;line-height:1}.player-tooltip .effects-section .evolution-dots-inline .dot-filled{color:#9b59b6}.player-tooltip .effects-section .evolution-dots-inline .dot-empty{color:#9b59b64d}.player-tooltip .effects-section .no-effects{font-size:.8rem;color:#fff9;font-style:italic}.choice-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.choice-modal-overlay-hidden{background:transparent;pointer-events:none}.choice-modal{background:linear-gradient(145deg,#2c3e50,#34495e);border-radius:20px;padding:30px;max-width:600px;width:90%;box-shadow:0 20px 40px #0000004d;border:2px solid #f39c12;animation:modalSlideIn .3s ease-out;margin-top:-40px}.choice-modal-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.choice-modal-header{text-align:center;margin-bottom:25px}.choice-modal-header h2{color:#f39c12;font-size:2.2rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.choice-modal-header p{color:#ecf0f1;font-size:1.1rem;opacity:.9}.choice-options{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.choice-option{display:flex;align-items:center;background:linear-gradient(145deg,#34495e,#2c3e50);border:2px solid transparent;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:left}.choice-option:hover{border-color:#f39c12;background:linear-gradient(145deg,#3c4858,#2c3e50);transform:translateY(-2px);box-shadow:0 8px 16px #f39c1233}.choice-option:active{transform:translateY(0)}.choice-icon{background:linear-gradient(145deg,#f39c12,#e67e22);border-radius:12px;padding:15px;margin-right:20px;color:#fff;display:flex;align-items:center;justify-content:center;min-width:54px;min-height:54px;box-shadow:0 4px 8px #0003}.choice-content{flex:1}.choice-content h3{color:#f39c12;font-size:1.3rem;margin-bottom:5px;font-weight:600}.choice-content p{color:#bdc3c7;font-size:1rem;margin:0;line-height:1.4}.choice-cost{color:#e74c3c!important;font-size:.9rem!important;font-weight:600!important;margin-top:5px!important}.choice-value{color:#27ae60!important;font-size:.9rem!important;font-weight:600!important;margin-top:5px!important}.choice-modal-footer{text-align:center;padding-top:15px;border-top:1px solid #34495e}.choice-modal-footer p{color:#95a5a6;font-style:italic;margin:0;font-size:.95rem}.choice-modal-spectator .choice-modal-header{text-align:center}.choice-modal-spectator .choice-modal-header strong{color:#f39c12;font-weight:700}.choice-option-disabled{opacity:.7;cursor:not-allowed!important}.choice-option-disabled:hover{border-color:transparent!important;background:linear-gradient(145deg,#34495e,#2c3e50)!important;transform:none!important;box-shadow:none!important}.choice-option-disabled:active{transform:none!important}.effect-badge-container{position:absolute;top:10px;right:10px;z-index:2}.effect-badge{padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000004d;display:inline-block}.effect-badge-instant{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;animation:pulse-glow-red 2s infinite}.effect-badge-permanent{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;animation:pulse-glow-blue 3s infinite}.effect-badge-permanent_evolvable{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;animation:shimmer 3s infinite}.choice-option{position:relative}.choice-option.effect-type-instant{border:3px solid #e74c3c;box-shadow:0 0 20px #e74c3c66}.choice-option.effect-type-instant:hover{box-shadow:0 8px 16px #e74c3c99}.choice-option.effect-type-permanent{border:3px solid #3498db;box-shadow:0 0 20px #3498db66}.choice-option.effect-type-permanent:hover{box-shadow:0 8px 16px #3498db99}.choice-option.effect-type-evolvable{border:3px solid;border-image:linear-gradient(135deg,#9b59b6,#3498db,#e74c3c,#f39c12) 1;box-shadow:0 0 20px #9b59b666;animation:border-glow-evolvable 4s infinite}.choice-option.effect-type-evolvable:hover{box-shadow:0 8px 16px #9b59b6b3}.choice-icon-instant{background:linear-gradient(145deg,#e74c3c,#c0392b)!important}.choice-icon-permanent{background:linear-gradient(145deg,#3498db,#2980b9)!important}.choice-icon-evolvable{background:linear-gradient(145deg,#9b59b6,#8e44ad)!important}.evolution-indicator{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.evolution-dots{display:flex;gap:6px}.evolution-dot{width:10px;height:10px;border-radius:50%;background:#9b59b64d;border:2px solid #9b59b6;transition:all .3s ease}.evolution-dot-active{background:linear-gradient(135deg,#9b59b6,#e74c3c);box-shadow:0 0 10px #9b59b6cc;animation:pulse-dot 2s infinite}.evolution-level-text{color:#9b59b6;font-size:.85rem;font-weight:600}@keyframes pulse-glow-red{0%,to{box-shadow:0 2px 4px #0000004d,0 0 5px #e74c3c80}50%{box-shadow:0 2px 4px #0000004d,0 0 15px #e74c3ccc}}@keyframes pulse-glow-blue{0%,to{box-shadow:0 2px 4px #0000004d,0 0 5px #3498db80}50%{box-shadow:0 2px 4px #0000004d,0 0 15px #3498dbcc}}@keyframes shimmer{0%{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.2) hue-rotate(10deg)}to{filter:brightness(1) hue-rotate(0deg)}}@keyframes border-glow-evolvable{0%,to{box-shadow:0 0 20px #9b59b666}50%{box-shadow:0 0 30px #9b59b6b3}}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.timer-container{margin-top:15px;padding:10px 0}.timer-bar-background{width:100%;height:8px;background:#0000004d;border-radius:10px;overflow:hidden;margin-bottom:8px}.timer-bar-fill{height:100%;transition:width 1s linear,background-color .3s ease;border-radius:10px}.timer-text{color:#ecf0f1;font-size:.9rem;text-align:center}.choice-modal-toggle{position:fixed;left:50%;bottom:2%;transform:translate(-50%);z-index:1200;padding:10px 14px;background:#f39c12;border:none;border-radius:10px;color:#1b2631;font-weight:700;cursor:pointer;box-shadow:0 8px 16px #00000040;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.choice-modal-toggle:hover{filter:brightness(1.05);box-shadow:0 12px 20px #0000004d}@media (max-width: 768px){.choice-modal{margin:20px;padding:20px}.choice-modal-header h2{font-size:1.8rem}.choice-option{padding:15px}.choice-icon{padding:12px;margin-right:15px;min-width:48px;min-height:48px}.choice-content h3{font-size:1.1rem}.choice-content p{font-size:.9rem}.effect-badge{font-size:.65rem;padding:4px 8px}.effect-badge-container{top:8px;right:8px}.evolution-indicator{flex-direction:column;align-items:flex-start;gap:5px}}.tile-tooltip-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;overflow:hidden}.tile-tooltip-trigger{position:absolute;pointer-events:auto;transition:all .2s ease;cursor:help;z-index:51}.tile-tooltip-trigger:hover{opacity:.6!important;transform:scale(1.1)}.react-tooltip.tile-tooltip{background-color:#000000e6!important;color:#fff!important;font-size:12px!important;max-width:220px!important;z-index:1000!important;border-radius:6px!important;padding:8px 12px!important}.react-tooltip.tile-tooltip strong{color:gold}.test-mode-indicator{position:fixed;top:10px;right:10px;background:#ff9800;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;z-index:1000;pointer-events:none;transition:all .3s ease}.test-mode-indicator.has-effect{background:linear-gradient(45deg,#4caf50,#8bc34a);box-shadow:0 0 10px #4caf504d;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 10px #4caf504d}50%{box-shadow:0 0 20px #4caf5099}to{box-shadow:0 0 10px #4caf504d}}.leaderboard-popup-icon{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 110px));margin-left:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;white-space:nowrap;z-index:calc(50 + var(--popup-index, 0));pointer-events:none;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.2)}.leaderboard-popup-icon .popup-content{display:flex;align-items:center;gap:.25rem}.leaderboard-popup-icon.animating{animation:slideInFromLeft .4s ease-out}.leaderboard-popup-icon.fading{animation:fadeOutLeft .5s ease-in forwards}.leaderboard-popup-icon.popup-cards{background:linear-gradient(135deg,#10b981,#059669);border-color:#04785720}.leaderboard-popup-icon.popup-buff{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b4530920}.leaderboard-popup-icon.popup-effect{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#6d28d920}.leaderboard-popup-icon.popup-thinking{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#37415120;animation:pulse 1s infinite}@keyframes slideInFromLeft{0%{transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 110px - 100px));opacity:0}to{transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 110px));opacity:1}}@keyframes fadeOutLeft{0%{transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 110px));opacity:1}to{transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 110px - 100px));opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.leaderboard-popup-icon{left:100%;transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 80px));margin-left:.25rem;font-size:.7rem;padding:.2rem .4rem}@keyframes slideInFromLeft{0%{transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 80px - 80px));opacity:0}to{transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 80px));opacity:1}}@keyframes fadeOutLeft{0%{transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 80px));opacity:1}to{transform:translateY(-50%) translate(calc(var(--popup-index, 0) * 80px - 80px));opacity:0}}}.leaderboard-effect-notification{display:none;position:fixed;left:21rem;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;z-index:60;pointer-events:none;box-shadow:0 4px 12px #8b5cf64d;border:1px solid rgba(124,58,237,.5);min-width:200px;max-width:300px;display:flex;align-items:center;gap:.75rem}.leaderboard-effect-notification .effect-icon{font-size:1.25rem;animation:sparkle 1s ease-in-out infinite}.leaderboard-effect-notification .effect-content{flex:1}.leaderboard-effect-notification .effect-content .effect-title{font-weight:700;font-size:.9rem;margin-bottom:.25rem}.leaderboard-effect-notification .effect-content .effect-player{font-size:.75rem;opacity:.9;font-weight:500}.leaderboard-effect-notification.animating{animation:slideInFromLeft .5s ease-out}.leaderboard-effect-notification.fading{animation:fadeOutLeft .5s ease-in forwards}@keyframes slideInFromLeft{0%{transform:translateY(-50%) translate(-100%);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes fadeOutLeft{0%{transform:translateY(-50%) translate(0);opacity:1}to{transform:translateY(-50%) translate(-100%);opacity:0}}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.leaderboard-effect-notification{left:18.5rem;min-width:180px;max-width:250px;padding:.5rem .75rem;font-size:.8rem}}.final-leaderboard-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}.final-leaderboard-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2rem;max-width:600px;width:95%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;animation:slideInScale .4s ease-out;color:#fff}@keyframes slideInScale{0%{transform:translateY(-30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.leaderboard-header{text-align:center;margin-bottom:2rem}.leaderboard-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.leaderboard-header p{margin:0;font-size:1.1rem;opacity:.9}.leaderboard-content{flex:1;overflow-y:auto;margin-bottom:1.5rem}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-entry{background:#ffffff26;backdrop-filter:blur(10px);border-radius:15px;padding:1.2rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:2px solid transparent}.leaderboard-entry:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.leaderboard-entry.winner{background:linear-gradient(135deg,gold,#ffed4e);color:#2c3e50;border:2px solid #ffd700;box-shadow:0 0 20px #ffd7004d}.leaderboard-entry.winner .position-indicator{font-size:2rem;animation:pulse 2s infinite}.leaderboard-entry.current-user{border:2px solid #00d4aa;box-shadow:0 0 15px #00d4aa4d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.position{flex-shrink:0}.position .position-indicator{font-size:1.5rem;font-weight:700}.player-info{display:flex;align-items:center;gap:1rem;flex:1}.player-info .player-avatar{flex-shrink:0}.player-info .player-avatar img{border-radius:50%;border:3px solid rgba(255,255,255,.3);transition:all .3s ease}.player-info .player-details{display:flex;flex-direction:column;gap:.2rem}.player-info .player-details .player-name{font-size:1.1rem;font-weight:600}.player-info .player-details .winner-badge{font-size:.8rem;background:#fff3;padding:.2rem .5rem;border-radius:10px;font-weight:500;align-self:flex-start}.player-stats{flex-shrink:0;text-align:right}.player-stats .winner-stats .stat-label{font-size:.9rem;font-weight:600;color:#2c3e50}.player-stats .typeracer-stats{display:flex;flex-direction:column;gap:.3rem}.player-stats .typeracer-stats .stat{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:80px}.player-stats .typeracer-stats .stat .stat-label{font-size:.8rem;opacity:.8}.player-stats .typeracer-stats .stat .stat-value{font-weight:600;font-size:.9rem}.leaderboard-footer{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.leaderboard-footer p{margin:0 0 1.5rem;font-size:1.1rem;opacity:.9}.leaderboard-footer p strong{color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.leaderboard-footer .close-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.8rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.leaderboard-footer .close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.final-leaderboard-modal{padding:1.5rem;margin:1rem}.leaderboard-entry{padding:1rem;flex-direction:column;text-align:center;gap:.8rem}.leaderboard-entry .player-info{justify-content:center}.leaderboard-entry .player-stats{text-align:center}.leaderboard-header h2{font-size:1.5rem}}.next-turn-button{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:35px;height:35px;padding:4px;background:radial-gradient(circle at center,#f33,#c00,#900);color:#fff;border:2px solid #ffff00;border-radius:50%;font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px #f33c,0 0 15px #ff333380,inset 0 -1px 3px #0000004d;z-index:100;animation:emergency-pulse 2s ease-in-out infinite}.next-turn-button:hover{transform:scale(1.05);box-shadow:0 0 10px #f33,0 0 20px #ff3333b3,inset 0 -1px 3px #0000004d;border-color:#ff6}.next-turn-button:active{transform:scale(.95);box-shadow:0 0 5px #ff3333e6,inset 0 1px 4px #00000080}.next-turn-button svg{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.next-turn-button span{line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes emergency-pulse{0%,to{box-shadow:0 0 8px #f33c,0 0 15px #ff333380,inset 0 -1px 3px #0000004d}50%{box-shadow:0 0 10px #f33,0 0 20px #ff09,inset 0 -1px 3px #0000004d}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;padding:20px;overflow:hidden}.auth-page .auth-wood-container{z-index:100}.auth-page .auth-content{display:flex;flex-direction:column;gap:12px}.auth-page .auth-content .title-area{text-align:center;margin-bottom:4px}.auth-page .auth-content .title-area .title-divider{height:4px;background:var(--wood-dark);width:40px;margin:8px auto 0}.auth-page .auth-content h1{font-family:VT323,monospace;font-size:2.8rem;color:var(--paper);margin:0;text-transform:uppercase;letter-spacing:2px;text-shadow:4px 4px 0px var(--wood-dark)}.auth-page .auth-content .google-login-btn{width:100%;padding:14px;background:var(--paper);border:var(--pixel-size) solid var(--wood-dark);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .1s;color:var(--wood-dark);box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d}.auth-page .auth-content .google-login-btn:hover{background:#fff9e6;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff80}.auth-page .auth-content .google-login-btn:active{transform:translateY(calc(var(--pixel-size) * .5));box-shadow:0 0 0 var(--wood-dark)}.auth-page .auth-content .google-login-btn .google-icon{font-weight:700;font-size:20px;color:#4285f4}.auth-page .auth-content .divider{display:flex;align-items:center;margin:0;color:var(--paper)}.auth-page .auth-content .divider:before,.auth-page .auth-content .divider:after{content:"";flex:1;border-bottom:2px solid var(--wood-dark)}.auth-page .auth-content .divider span{padding:0 12px;font-family:VT323,monospace;font-size:1.2rem;opacity:.8}.auth-page .auth-content form{display:flex;flex-direction:column;gap:12px}.auth-page .auth-content form .error-message{background:#ff6b6b;color:#fff;padding:12px;border:var(--pixel-size) solid var(--wood-dark);font-family:VT323,monospace;font-size:1.2rem;box-shadow:inset 2px 2px #0003}.auth-page .auth-content form .input-wrapper{display:flex;flex-direction:column;gap:4px}.auth-page .auth-content form .input-wrapper label{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--paper);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.auth-page .auth-content form .input-wrapper .help-text{font-family:VT323,monospace;font-size:.9rem;color:var(--paper);margin-left:4px;opacity:.7;font-style:normal}.auth-page .auth-content form input{background:var(--paper);border:var(--pixel-size) solid var(--wood-dark);padding:10px;font-family:VT323,monospace;font-size:1.3rem;color:var(--wood-dark);outline:none;transition:transform .1s;box-shadow:inset 4px 4px #0000001a}.auth-page .auth-content form input:focus{transform:scale(1.02);border-color:var(--accent)}.auth-page .auth-content form input::placeholder{color:var(--wood-grain);opacity:.6}.auth-page .auth-content form .submit-btn{margin-top:4px;background:#4a9030;border:var(--pixel-size) solid var(--wood-dark);padding:12px;font-family:VT323,monospace;font-size:1.5rem;color:#fff;cursor:pointer;position:relative;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #5fa840;transition:all .1s}.auth-page .auth-content form .submit-btn:hover:not(:disabled){background:#5fa840;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #7bc55a}.auth-page .auth-content form .submit-btn:active:not(:disabled){transform:translateY(calc(var(--pixel-size) * 1));box-shadow:0 0 0 var(--wood-dark)}.auth-page .auth-content form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-page .auth-content .auth-switch{text-align:center;margin-top:4px;margin-bottom:0;color:var(--paper);font-family:VT323,monospace;font-size:1.2rem}.auth-page .auth-content .auth-switch a{color:var(--accent);text-decoration:none;border-bottom:2px solid transparent;transition:border .2s}.auth-page .auth-content .auth-switch a:hover{border-bottom:2px solid var(--accent)}@media (max-width: 480px){.auth-page .auth-content{gap:20px}.auth-page .auth-content h1{font-size:2.5rem}.auth-page .auth-content form{gap:16px}.auth-page .auth-content form input{font-size:1.3rem;padding:12px}.auth-page .auth-content form .submit-btn{font-size:1.5rem;padding:14px}}.game-details-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.game-details-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:32px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.game-details-modal::-webkit-scrollbar{width:8px}.game-details-modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.game-details-modal::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.game-details-modal::-webkit-scrollbar-thumb:hover{background:#fff6}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{position:absolute;top:16px;right:16px;background:#fff3;border:none;color:#fff;font-size:32px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.loading-state,.error-state{text-align:center;padding:40px 20px;color:#fff}.loading-state .spinner,.error-state .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state button,.error-state button{margin-top:20px;padding:10px 24px;background:#fff;color:#667eea;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.loading-state button:hover,.error-state button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.game-details-content h2{color:#fff;font-size:28px;margin:0 0 24px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.game-details-content h3{color:#fff;font-size:20px;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.game-info{background:#ffffff26;backdrop-filter:blur(10px);border-radius:12px;padding:20px;margin-bottom:24px}.game-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#fff}.game-info .info-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.game-info .info-row .label{font-weight:600;opacity:.9}.game-info .info-row .value{font-weight:500;text-transform:capitalize}.players-section .players-list{display:flex;flex-direction:column;gap:12px}.players-section .players-list .player-item{background:#ffffff26;backdrop-filter:blur(10px);border-radius:12px;padding:16px;display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:16px;transition:all .2s}.players-section .players-list .player-item.winner{background:linear-gradient(135deg,#ffd7004d,#ffc1074d);border:2px solid rgba(255,215,0,.5)}.players-section .players-list .player-item.winner .position-badge{font-size:24px}.players-section .players-list .player-item .position-badge{font-size:18px;font-weight:700;color:#fff;min-width:40px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.players-section .players-list .player-item .player-avatar{width:50px;height:50px;border-radius:16px;overflow:hidden;background:#fff3;border:2px solid rgba(255,255,255,.3)}.players-section .players-list .player-item .player-avatar img{width:75%;height:100%;object-fit:cover;transform:scale(1.8);transform-origin:top}.players-section .players-list .player-item .player-info{flex:1;min-width:0}.players-section .players-list .player-item .player-info .player-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:8px}.players-section .players-list .player-item .player-info .player-name .player-name-link{color:#fff;text-decoration:underline;text-decoration-color:#ffffff4d;position:relative;transition:all .2s ease;cursor:pointer}.players-section .players-list .player-item .player-info .player-name .player-name-link:hover{color:#91c44a;text-decoration-color:#91c44a99;text-shadow:0 0 8px rgba(145,196,74,.6),0 2px 4px rgba(0,0,0,.5)}.players-section .players-list .player-item .player-info .player-name .player-name-link:active{transform:translateY(1px)}.players-section .players-list .player-item .player-info .player-name .player-name-text{color:#fff}.players-section .players-list .player-item .player-info .player-name .guest-badge{font-size:11px;padding:2px 8px;background:#fff3;border-radius:12px;font-weight:500}.players-section .players-list .player-item .player-info .player-username{color:#fffc;font-size:14px}.players-section .players-list .player-item .player-score{color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.players-section .players-list .player-item .player-effects{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:0}.players-section .players-list .player-item .player-effects .effect-badge-small{position:relative;display:flex;align-items:center;gap:4px;background:#ffffff40;backdrop-filter:blur(5px);padding:4px 10px;border-radius:12px;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.3);transition:all .2s;cursor:help}.players-section .players-list .player-item .player-effects .effect-badge-small:hover{background:#ffffff59;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.players-section .players-list .player-item .player-effects .effect-badge-small.active{background:#fff6;border-color:#ffffff80;box-shadow:0 2px 12px #0000004d;z-index:10}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-name{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-level{font-size:10px;font-weight:500;padding:2px 4px;background:#fff3;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:200px;max-width:280px;z-index:1000;animation:tooltipFadeIn .2s ease-out}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip .tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(30,30,50,.98)}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip .tooltip-content{background:#1e1e32fa;backdrop-filter:blur(10px);border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px #0006;border:1px solid rgba(255,255,255,.15)}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip .tooltip-content .tooltip-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip .tooltip-content .tooltip-description{font-size:12px;line-height:1.5;color:#ffffffb3;font-weight:400}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 640px){.game-details-modal{padding:24px;width:95%}.game-details-modal .close-button{top:12px;right:12px;width:36px;height:36px;font-size:28px}.game-details-content h2{font-size:24px}.players-section .players-list .player-item{padding:12px;gap:12px;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto}.players-section .players-list .player-item .player-avatar{width:40px;height:40px}.players-section .players-list .player-item .player-info .player-name{font-size:14px}.players-section .players-list .player-item .player-info .player-username{font-size:12px}.players-section .players-list .player-item .player-score{font-size:16px;grid-column:3;grid-row:1;justify-self:end}.players-section .players-list .player-item .player-effects{grid-column:1/-1;grid-row:2}.players-section .players-list .player-item .player-effects .effect-badge-small{font-size:11px;padding:3px 8px}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-level{font-size:9px}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip{min-width:180px;max-width:240px}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip .tooltip-content{padding:10px 12px}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip .tooltip-content .tooltip-title{font-size:12px}.players-section .players-list .player-item .player-effects .effect-badge-small .effect-tooltip .tooltip-content .tooltip-description{font-size:11px}}.icon-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.icon-selector-modal{background:#fffffff2;border-radius:20px;padding:40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid #667eea;animation:modalSlideIn .3s ease-out;position:relative}.icon-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.icon-selector-header h2{margin:0;color:#667eea;font-size:28px;font-weight:700}.icon-selector-header .close-button{background:transparent;border:none;color:#666;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-selector-header .close-button:hover{background:#f0f0f0;color:#333;transform:scale(1.1)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-top:20px}.icon-card{background:#fff;border:3px solid #e0e0e0;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.icon-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #667eea4d;border-color:#667eea}.icon-card.selected{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#e8ebff);box-shadow:0 4px 16px #667eea66}.icon-card .icon-image-container{position:relative;width:100%;aspect-ratio:1;margin-bottom:12px;border-radius:12px;overflow:hidden}.icon-card .icon-image-container .icon-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.icon-card .icon-image-container .selected-indicator{position:absolute;top:0;left:0;width:100%;height:100%;background:#667eeacc;display:flex;align-items:center;justify-content:center;color:#fff;animation:checkmarkPop .3s ease-out}.icon-card .icon-name{margin:0;color:#333;font-size:14px;font-weight:600}.icon-card.selected .icon-name{color:#667eea}@keyframes checkmarkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.icon-selector-modal{padding:30px 20px;width:95%}.icon-selector-header h2{font-size:22px}.icon-grid{grid-template-columns:repeat(2,1fr);gap:15px}.icon-card{padding:15px}}@media (max-width: 480px){.icon-selector-modal{padding:20px 15px}.icon-selector-header h2{font-size:20px}.icon-grid{gap:12px}}.profile-page{min-height:100vh;position:relative;padding:20px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.profile-page .profile-wood-container{z-index:100;margin-bottom:24px}.profile-page .profile-container{max-width:900px;width:100%;margin:5% auto 0;position:relative;z-index:2;display:flex;flex-direction:column}.profile-page .profile-container .profile-header{display:flex;align-items:center;gap:30px;position:relative}.profile-page .profile-container .profile-header .account-meta{position:relative;margin-left:auto;margin-top:5rem;margin-bottom:20px;margin-right:20px;align-self:flex-end;background:var(--paper);padding:10px 20px;border:var(--pixel-size) solid var(--wood-dark);box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d;display:flex;flex-direction:column;gap:4px}.profile-page .profile-container .profile-header .account-meta .meta-label{font-family:Space Grotesk,sans-serif;font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:var(--wood-dark);font-weight:700;opacity:.7}.profile-page .profile-container .profile-header .account-meta .meta-value{font-family:VT323,monospace;font-size:1.1rem;font-weight:700;color:var(--wood-dark)}.profile-page .profile-container .profile-header .profile-picture-container{position:relative;cursor:pointer;width:120px;height:120px}.profile-page .profile-container .profile-header .profile-picture-container .profile-picture{width:120px;height:120px;border-radius:8px;object-fit:cover;border:calc(var(--pixel-size) * 2) solid var(--wood-dark);transition:all .1s;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d}.profile-page .profile-container .profile-header .profile-picture-container .profile-picture.clickable:hover{transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff80}.profile-page .profile-container .profile-header .profile-picture-container .edit-icon-overlay{position:absolute;bottom:0;left:0;right:0;background:var(--accent);color:var(--paper);text-align:center;padding:6px 4px;font-family:VT323,monospace;font-size:1rem;font-weight:600;border-radius:0 0 4px 4px;opacity:0;transition:opacity .2s ease;border:var(--pixel-size) solid var(--wood-dark);border-top:none}.profile-page .profile-container .profile-header .profile-picture-container:hover .edit-icon-overlay{opacity:1}.profile-page .profile-container .profile-header .profile-info{flex:1}.profile-page .profile-container .profile-header .profile-info .display-name-container{display:flex;align-items:center;gap:12px;margin-bottom:8px}.profile-page .profile-container .profile-header .profile-info .display-name-container h1{margin:0;color:var(--paper);font-family:VT323,monospace;font-size:2.5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px 0px var(--wood-dark)}.profile-page .profile-container .profile-header .profile-info .display-name-container .edit-name-btn{background:var(--paper);border:var(--pixel-size) solid var(--wood-dark);font-size:1.2rem;cursor:pointer;padding:6px 10px;border-radius:4px;transition:all .1s;box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark)}.profile-page .profile-container .profile-header .profile-info .display-name-container .edit-name-btn:hover{transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark)}.profile-page .profile-container .profile-header .profile-info .display-name-container .edit-name-btn:active{transform:translateY(calc(var(--pixel-size) * .5));box-shadow:0 0 0 var(--wood-dark)}.profile-page .profile-container .profile-header .profile-info .edit-name-form{display:flex;flex-direction:column;gap:12px}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-input{background:var(--paper);border:var(--pixel-size) solid var(--wood-dark);padding:10px;font-family:VT323,monospace;font-size:1.3rem;color:var(--wood-dark);outline:none;transition:transform .1s;box-shadow:inset 4px 4px #0000001a;max-width:300px}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-input:focus{transform:scale(1.02);border-color:var(--accent)}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-input::placeholder{color:var(--wood-grain);opacity:.6}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons{display:flex;gap:8px}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons button{padding:8px 16px;border:var(--pixel-size) solid var(--wood-dark);font-family:VT323,monospace;font-size:1.2rem;cursor:pointer;transition:all .1s;font-weight:600}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons button.save-btn{background:#6ab04c;color:#fff;box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #badc58}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons button.save-btn:hover:not(:disabled){background:#badc58;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #dff9fb}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons button.save-btn:active:not(:disabled){transform:translateY(calc(var(--pixel-size) * .5));box-shadow:0 0 0 var(--wood-dark)}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons button.save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons button.cancel-btn{background:var(--paper);color:var(--wood-dark);box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons button.cancel-btn:hover:not(:disabled){background:#fff9e6;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff80}.profile-page .profile-container .profile-header .profile-info .edit-name-form .edit-name-buttons button.cancel-btn:active:not(:disabled){transform:translateY(calc(var(--pixel-size) * .5));box-shadow:0 0 0 var(--wood-dark)}.profile-page .profile-container .profile-header .profile-info .username{margin:4px 0;color:var(--accent);font-family:VT323,monospace;font-size:1.3rem;font-weight:600}.profile-page .profile-container .profile-header .profile-info .email{margin:4px 0;color:var(--paper);font-family:Space Grotesk,sans-serif;font-size:.9rem;opacity:.8}.profile-page .profile-container .profile-header .logout-btn{position:absolute;top:20px;right:20px;background:#ff6b6b;color:#fff;border:var(--pixel-size) solid var(--wood-dark);padding:10px 20px;font-family:VT323,monospace;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .1s;box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ff8787}.profile-page .profile-container .profile-header .logout-btn:hover{background:#ff8787;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffa5a5}.profile-page .profile-container .profile-header .logout-btn:active{transform:translateY(calc(var(--pixel-size) * .5));box-shadow:0 0 0 var(--wood-dark)}.profile-page .profile-container .profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-bottom:8px}.profile-page .profile-container .profile-stats .stat-card{background:var(--paper);border:calc(var(--pixel-size) * 2) solid var(--wood-dark);padding:12px;text-align:center;box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d;transition:all .1s}.profile-page .profile-container .profile-stats .stat-card h3{margin:0 0 8px;color:var(--accent);font-family:VT323,monospace;font-size:5rem;font-weight:700;text-shadow:2px 2px 0px var(--wood-dark)}.profile-page .profile-container .profile-stats .stat-card p{margin:0;color:var(--wood-dark);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.profile-page .profile-container .profile-skins .profile-skins-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.profile-page .profile-container .profile-skins .profile-skins-header h2{margin:0;color:var(--paper);font-family:VT323,monospace;font-size:2rem;text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px 0px var(--wood-dark)}.profile-page .profile-container .game-history h2{margin:0 0 24px;color:var(--paper);font-family:VT323,monospace;font-size:2rem;text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px 0px var(--wood-dark)}.profile-page .profile-container .game-history .loading,.profile-page .profile-container .game-history .no-games{text-align:center;color:var(--paper);padding:40px;font-family:VT323,monospace;font-size:1.3rem;opacity:.8}.profile-page .profile-container .game-history .history-list{display:flex;flex-direction:column;gap:12px}.profile-page .profile-container .game-history .history-list .history-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--paper);border:var(--pixel-size) solid var(--wood-dark);box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d;transition:all .1s}.profile-page .profile-container .game-history .history-list .history-item:hover{box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff80}.profile-page .profile-container .game-history .history-list .history-item.winner{background:linear-gradient(135deg,#fff9e6,#ffe6cc);border-color:var(--wood-dark)}.profile-page .profile-container .game-history .history-list .history-item.winner .game-result{color:#f80;font-weight:700}.profile-page .profile-container .game-history .history-list .history-item .game-result{font-family:VT323,monospace;font-size:1.5rem;font-weight:600;color:var(--accent);min-width:80px}.profile-page .profile-container .game-history .history-list .history-item .game-details{display:flex;gap:12px;flex:1;justify-content:center;flex-wrap:wrap}.profile-page .profile-container .game-history .history-list .history-item .game-details span{font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--wood-dark);padding:4px 10px;background:#ffffff80;border:var(--pixel-size) solid var(--wood-dark);font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.profile-page .profile-container .game-history .history-list .history-item .game-details span.language{text-transform:capitalize}.profile-page .profile-container .game-history .history-list .history-item .game-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:120px}.profile-page .profile-container .game-history .history-list .history-item .game-actions .game-date{font-family:VT323,monospace;font-size:1rem;color:var(--wood-grain);text-align:right}.profile-page .profile-container .game-history .history-list .history-item .game-actions .see-more-btn{padding:6px 16px;background:var(--accent);color:var(--paper);border:var(--pixel-size) solid var(--wood-dark);font-family:VT323,monospace;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .1s;white-space:nowrap;box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #fff3}.profile-page .profile-container .game-history .history-list .history-item .game-actions .see-more-btn:hover{transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #ffffff4d}.profile-page .profile-container .game-history .history-list .history-item .game-actions .see-more-btn:active{transform:translateY(calc(var(--pixel-size) * .5));box-shadow:0 0 0 var(--wood-dark)}@media (max-width: 768px){.profile-page .profile-container .profile-header{flex-direction:column;text-align:center}.profile-page .profile-container .profile-header .account-meta{position:static;align-self:flex-start;margin-top:-12px;margin-bottom:12px}.profile-page .profile-container .profile-header .logout-btn{position:static;margin-top:16px}.profile-page .profile-container .profile-stats{grid-template-columns:repeat(2,1fr)}.profile-page .profile-container .game-history .history-list .history-item{flex-direction:column;gap:12px;text-align:center}.profile-page .profile-container .game-history .history-list .history-item .game-details{flex-direction:column;gap:8px}.profile-page .profile-container .game-history .history-list .history-item .game-actions{align-items:center}.profile-page .profile-container .game-history .history-list .history-item .game-actions .game-date{text-align:center}}.player-selection-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-selection-modal{background:linear-gradient(145deg,#2c3e50,#34495e);border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;border:2px solid #f39c12;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.player-selection-modal-header{text-align:center;margin-bottom:25px}.player-selection-modal-header .effect-icon{background:linear-gradient(145deg,#f39c12,#e67e22);border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff;box-shadow:0 4px 12px #f39c1266}.player-selection-modal-header h2{color:#f39c12;font-size:2rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.player-selection-modal-header p{color:#ecf0f1;font-size:1.1rem;opacity:.9;margin-bottom:15px}.player-selection-modal-header p strong{color:#f39c12;font-weight:700}.timer-container{margin-top:15px}.timer-container .timer-bar-background{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;margin-bottom:8px}.timer-container .timer-bar-fill{height:100%;transition:width 1s linear,background-color .3s ease;border-radius:4px}.timer-container .timer-text{color:#bdc3c7;font-size:.9rem}.timer-container .timer-text strong{color:#f39c12;font-size:1.1rem}.player-selection-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.player-selection-option{display:flex;align-items:center;background:linear-gradient(145deg,#34495e,#2c3e50);border:2px solid transparent;border-radius:15px;padding:16px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative}.player-selection-option:hover:not(.player-selection-option-disabled){border-color:#f39c12;background:linear-gradient(145deg,#3c4858,#2c3e50);transform:translate(4px);box-shadow:0 8px 16px #f39c1233}.player-selection-option:active:not(.player-selection-option-disabled){transform:translate(2px)}.player-selection-option.player-selection-option-selected{border-color:#27ae60;background:linear-gradient(145deg,#27ae60,#229954);box-shadow:0 0 20px #27ae6066}.player-selection-option.player-selection-option-selected .selection-indicator{display:flex}.player-avatar-container{width:60px;height:60px;border-radius:12px;overflow:hidden;margin-right:15px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-avatar-container .player-avatar{width:100%;height:100%;object-fit:cover}.player-info{flex:1;min-width:0}.player-info h3{color:#f39c12;font-size:1.2rem;margin-bottom:5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info .player-buff{display:flex;align-items:center;gap:8px}.player-info .player-buff .buff-indicator{color:#27ae60;font-size:1rem;font-weight:600;padding:4px 10px;background:#27ae6033;border-radius:8px}.player-info .player-buff .buff-indicator.buff-zero{color:#95a5a6;background:#95a5a633}.selection-indicator{display:none;color:#fff;margin-left:10px;animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.player-selection-modal-footer{text-align:center;padding-top:15px;border-top:1px solid #34495e}.player-selection-modal-footer p{color:#95a5a6;font-style:italic;margin:0;font-size:.9rem}.no-players-message{text-align:center;padding:30px 20px;color:#95a5a6;font-size:1.1rem}.player-selection-modal-spectator .player-selection-option{opacity:.7;cursor:not-allowed!important}.player-selection-modal-spectator .player-selection-option:hover{border-color:transparent!important;background:linear-gradient(145deg,#34495e,#2c3e50)!important;transform:none!important;box-shadow:none!important}.player-selection-option-disabled{opacity:.7;cursor:not-allowed!important}.player-selection-option-disabled:hover{border-color:transparent!important;background:linear-gradient(145deg,#34495e,#2c3e50)!important;transform:none!important;box-shadow:none!important}.player-selection-option-disabled:active{transform:none!important}@media (max-width: 768px){.player-selection-modal{margin:20px;padding:20px}.player-selection-modal-header .effect-icon{width:56px;height:56px}.player-selection-modal-header h2{font-size:1.6rem}.player-selection-modal-header p{font-size:1rem}.player-selection-option{padding:12px}.player-avatar-container{width:50px;height:50px;margin-right:12px}.player-info h3{font-size:1.1rem}.player-info .player-buff .buff-indicator{font-size:.9rem}}.page-background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;display:block;user-select:none;z-index:1;margin:0;max-width:none;max-height:none;opacity:0;transition:opacity .5s ease-in}.page-background-image.loaded{opacity:.8}.page-background-image.loading{opacity:0}.page-background-placeholder{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}:root{--wood-dark: #4d2b1e;--wood-mid: #855233;--wood-light: #a37151;--wood-grain: #5d3a2a;--accent: #ffcc33;--paper: #f4e4bc;--shadow: rgba(0, 0, 0, .4);--pixel-size: 4px}*{image-rendering:pixelated}.wood-container-wrapper.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wood-texture{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.15;pointer-events:none;mix-blend-mode:overlay}.wood-container{position:relative;width:100%;padding:16px 32px;background:var(--wood-mid);border:var(--pixel-size) solid var(--wood-dark);box-shadow:inset calc(var(--pixel-size) * -1) calc(var(--pixel-size) * -1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 var(--wood-light),0 20px 40px #00000080;display:flex;flex-direction:column;z-index:2}.wood-container.slide-in{animation:slideIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wood-container:before,.wood-container:after{content:"";position:absolute;width:12px;height:12px;background:var(--wood-dark);box-shadow:inset -2px -2px 0 var(--wood-grain)}.wood-container:before{top:12px;left:12px}.wood-container:after{top:12px;right:12px}.wood-container .corner-bottom-l,.wood-container .corner-bottom-r{position:absolute;width:12px;height:12px;background:var(--wood-dark);box-shadow:inset -2px -2px 0 var(--wood-grain);bottom:12px}.wood-container .corner-bottom-l{left:12px}.wood-container .corner-bottom-r{right:12px}.wood-container .wood-container-content{position:relative;z-index:2;width:100%;height:100%;display:contents}@media (max-width: 480px){.wood-container{padding:32px 24px}}.lobby-browser{position:fixed;top:48%;left:7%;transform:translateY(-40%);width:25%;max-height:40vh;z-index:5}.lobby-browser .lobby-wood-container{width:100%;height:100%;max-height:40vh}.lobby-browser .wood-container{padding:20px 30px;overflow:hidden;display:flex;flex-direction:column}.lobby-browser .lobby-list{overflow-y:auto;height:28vh;padding:30px 10px 10px;display:flex;flex-direction:column;gap:25px;position:relative}.lobby-browser .lobby-list::-webkit-scrollbar{width:6px}.lobby-browser .lobby-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.lobby-browser .lobby-list::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.lobby-browser .empty-state{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.lobby-browser .empty-state p{margin:0;font-size:.55rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.lobby-browser .empty-state p:last-child{font-size:.5rem;color:#91c44a}.lobby-browser .lobby-item{display:flex;justify-content:space-between;align-items:center;padding:0;background:transparent;border:none;border-radius:0;transition:all .2s;word-break:break-word}.lobby-browser .lobby-item:hover:not(.in-progress):not(.full) .lobby-name{text-shadow:0 0 8px rgba(145,196,74,.6),0 2px 4px rgba(0,0,0,.5)}.lobby-browser .lobby-item.in-progress{opacity:.7}.lobby-browser .lobby-item.full{opacity:.6}.lobby-browser .lobby-item .lobby-info{flex:1}.lobby-browser .lobby-item .lobby-info .lobby-name{font-weight:600;font-size:.5rem;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.4}.lobby-browser .lobby-item .lobby-info .lobby-name .lock-icon{font-size:.45rem}.lobby-browser .lobby-item .lobby-info .lobby-details{display:flex;flex-direction:column;gap:.3rem;font-size:.45rem}.lobby-browser .lobby-item .lobby-info .lobby-details .owner{color:#f88b1c;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.lobby-browser .lobby-item .lobby-info .lobby-details .players{color:#91c44a;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.lobby-browser .lobby-item .lobby-info .status-badge{display:inline-block;padding:.2rem .4rem;border-radius:4px;font-size:.4rem;font-weight:600;margin-top:.4rem}.lobby-browser .lobby-item .lobby-info .status-badge.in-progress{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.3);text-shadow:0 1px 2px rgba(0,0,0,.3)}.lobby-browser .lobby-item .join-btn{padding:.4rem .9rem;background:#4a9030;border:var(--pixel-size) solid var(--wood-dark);color:#fff;cursor:pointer;font-family:VT323,monospace;font-size:.9rem;font-weight:600;transition:all .1s;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #5fa840}.lobby-browser .lobby-item .join-btn:hover:not(:disabled){background:#5fa840;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #7bc55a}.lobby-browser .lobby-item .join-btn:active:not(:disabled){transform:translateY(calc(var(--pixel-size) * .5));box-shadow:0 0 0 var(--wood-dark)}.lobby-browser .lobby-item .join-btn:disabled{background:#6b728099;cursor:not-allowed;transform:none;opacity:.7}.lobby-browser .lobby-item.in-progress .join-btn{background:#6b7280cc;box-shadow:0 calc(var(--pixel-size) * 1) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #8b95a8cc}.lobby-browser .lobby-item.in-progress .join-btn:hover:not(:disabled){background:#4b5563e6;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #6b7280cc}.password-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.password-modal{max-width:400px;width:90%}.password-modal .wood-container{padding:2rem}.password-modal h3{margin:0 0 .5rem;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}.password-modal p{margin:0 0 1rem;color:#f88b1c;font-size:.5rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.password-modal input{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.3);border-radius:6px;font-size:.55rem;box-sizing:border-box;margin-bottom:1rem;background:#0000004d;color:#fff;font-weight:500}.password-modal input::placeholder{color:#ffffff80}.password-modal input:focus{outline:none;border-color:#91c44acc;background:#0006}.password-modal .modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.password-modal .modal-actions button{padding:.5rem 1.25rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.5rem;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.3)}.password-modal .modal-actions button:first-child{background:#6b7280b3;color:#fff}.password-modal .modal-actions button:first-child:hover{background:#4b5563cc;transform:scale(1.05)}.password-modal .modal-actions button.main-button{background:#10b981cc;color:#fff}.password-modal .modal-actions button.main-button:hover{background:#059669e6;transform:scale(1.05)}.password-modal .modal-actions button:active{transform:scale(.95)}@media (max-width: 1024px){.lobby-browser{width:45%;position:relative;top:0;left:20%;transform:translate(-45%)}.lobby-browser .lobby-item .lobby-info .lobby-name{font-size:.48rem}.lobby-browser .lobby-item .lobby-info .lobby-details{font-size:.42rem}}@media (max-width: 768px){.lobby-browser{width:50%;position:relative;transform:translate(-40%)}.lobby-browser .lobby-list{padding:30px 25px 25px;gap:20px}}.leaderboard{position:fixed;top:48%;right:7%;transform:translateY(-40%);width:25%;max-height:40vh;z-index:5}.leaderboard .leaderboard-wood-container{width:100%;height:100%;max-height:40vh}.leaderboard .wood-container{padding:20px 30px;overflow:hidden;display:flex;flex-direction:column}.leaderboard .leaderboard-header{position:absolute;top:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;z-index:10}.leaderboard .leaderboard-header .trophy-icon{font-size:.7rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.leaderboard .leaderboard-header .header-text{font-size:.6rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.05em}.leaderboard .leaderboard-list{overflow-y:auto;height:28vh;padding:30px 10px 10px;display:flex;flex-direction:column;gap:20px;position:relative}.leaderboard .leaderboard-list::-webkit-scrollbar{width:6px}.leaderboard .leaderboard-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.leaderboard .leaderboard-list::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.leaderboard .loading-state,.leaderboard .error-state,.leaderboard .empty-state{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.leaderboard .loading-state p,.leaderboard .error-state p,.leaderboard .empty-state p{margin:0;font-size:.55rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.leaderboard .loading-state p:last-child,.leaderboard .error-state p:last-child,.leaderboard .empty-state p:last-child{font-size:.5rem;color:#91c44a}.leaderboard .error-state p{color:#f88b1c}.leaderboard .leaderboard-item{display:flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;border-radius:0;transition:all .2s;position:relative}.leaderboard .leaderboard-item:hover .player-username{text-shadow:0 0 8px rgba(145,196,74,.6),0 2px 4px rgba(0,0,0,.5)}.leaderboard .leaderboard-item .rank-badge{font-size:.5rem;font-weight:700;min-width:1.2rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);flex-shrink:0}.leaderboard .leaderboard-item.rank-gold .rank-badge,.leaderboard .leaderboard-item.rank-silver .rank-badge,.leaderboard .leaderboard-item.rank-bronze .rank-badge{font-size:1rem}.leaderboard .leaderboard-item .player-icon{width:3rem;height:3rem;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 4px #0000004d;border:2px solid rgba(255,255,255,.2)}.leaderboard .leaderboard-item .player-info{flex:1;display:flex;align-items:center;gap:.4rem;min-width:0}.leaderboard .leaderboard-item .player-info .player-username{font-weight:600;font-size:.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.4;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard .leaderboard-item .player-info .player-username.clickable-name{cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff4d}.leaderboard .leaderboard-item .player-info .player-username.clickable-name:hover{color:#91c44a;text-decoration-color:#91c44a99;text-shadow:0 0 8px rgba(145,196,74,.6),0 2px 4px rgba(0,0,0,.5)}.leaderboard .leaderboard-item .player-stats{display:flex;gap:.4rem;align-items:center;flex-shrink:0;font-size:.45rem}.leaderboard .leaderboard-item .player-stats .level-display{color:gold;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.leaderboard .leaderboard-item .player-stats .games-played{color:#91c44a;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.leaderboard .leaderboard-item .you-badge{padding:.1rem .35rem;background:#91c44ae6;color:#fff;font-size:.35rem;font-weight:700;border-radius:3px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #0003;flex-shrink:0}.leaderboard .leaderboard-item.rank-gold .rank-badge{animation:pulse-gold 2s ease-in-out infinite}.leaderboard .leaderboard-item.rank-silver .rank-badge{animation:pulse-silver 2s ease-in-out infinite}.leaderboard .leaderboard-item.rank-bronze .rank-badge{animation:pulse-bronze 2s ease-in-out infinite}@keyframes pulse-gold{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}}@keyframes pulse-silver{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(192,192,192,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(192,192,192,.8))}}@keyframes pulse-bronze{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(205,127,50,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(205,127,50,.8))}}@media (max-width: 1024px){.leaderboard{width:45%;position:relative;top:0;right:20%;transform:translate(45%)}.leaderboard .leaderboard-item .player-icon{width:1.6rem;height:1.6rem}.leaderboard .leaderboard-item .player-info .player-username{font-size:.48rem}.leaderboard .leaderboard-item .player-stats{font-size:.42rem}}@media (max-width: 768px){.leaderboard{width:50%;transform:translate(40%)}.leaderboard .leaderboard-list{padding:30px 25px 25px;gap:15px}.leaderboard .leaderboard-header{top:15px}.leaderboard .leaderboard-header .trophy-icon{font-size:.6rem}.leaderboard .leaderboard-header .header-text{font-size:.5rem}.leaderboard .leaderboard-item .player-icon{width:1.4rem;height:1.4rem}.leaderboard .leaderboard-item .player-info .player-username{font-size:.45rem}.leaderboard .leaderboard-item .player-stats{font-size:.4rem;gap:.3rem}}.player-hand-bottom{position:fixed;bottom:-60px;left:40%;transform:translate(-50%);z-index:200;pointer-events:none;transition:bottom .4s ease}.player-hand-bottom.drawing-board-open{bottom:-180px}.player-hand-bottom.guessing-phase-active .hand-cards.straight-layout .card-wrapper:hover{transform:none!important}.player-hand-bottom.guessing-phase-active .hand-cards.curved-layout .card-wrapper:hover{transform:rotate(var(--rotation, 0deg))!important;z-index:initial}.player-hand-bottom .hand-cards{display:flex;align-items:flex-end;justify-content:center;position:relative;pointer-events:auto}.player-hand-bottom .hand-cards.straight-layout{gap:10px}.player-hand-bottom .hand-cards.straight-layout .card-wrapper{transition:transform .3s ease}.player-hand-bottom .hand-cards.straight-layout .card-wrapper:hover{transform:translateY(-80px)}.player-hand-bottom .hand-cards.curved-layout .card-wrapper{position:relative;margin-left:var(--card-overlap, -30px);transition:transform .3s ease;transform-origin:bottom center;transform:rotate(var(--rotation, 0deg))}.player-hand-bottom .hand-cards.curved-layout .card-wrapper:first-child{margin-left:0}.player-hand-bottom .hand-cards.curved-layout .card-wrapper:hover{transform:rotate(var(--rotation, 0deg)) translateY(-80px);z-index:10}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-0{z-index:1}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-1{z-index:2}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-2{z-index:3}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-3{z-index:4}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-4{z-index:5}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-5{z-index:6}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-6{z-index:7}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-7{z-index:8}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-8{z-index:9}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-9{z-index:10}.player-hand-bottom .hand-cards.curved-layout .card-wrapper.card-position-10{z-index:11}.player-hand-bottom.drawing-board-open .hand-cards.straight-layout .card-wrapper:hover{transform:translateY(-200px)}.player-hand-bottom.drawing-board-open .hand-cards.curved-layout .card-wrapper:hover{transform:rotate(var(--rotation, 0deg)) translateY(-200px);z-index:10}@media (max-width: 1200px){.player-hand-bottom .hand-cards.curved-layout .card-wrapper{margin-left:calc(var(--card-overlap, -30px) - 10px)}}@media (max-width: 768px){.player-hand-bottom{bottom:-45px}.player-hand-bottom .hand-cards.curved-layout .card-wrapper{margin-left:calc(var(--card-overlap, -30px) - 20px)}.player-hand-bottom .hand-cards.curved-layout .card-wrapper:hover{transform:rotate(var(--rotation, 0deg)) translateY(-65px)}.player-hand-bottom .hand-cards.straight-layout{gap:5px}.player-hand-bottom .hand-cards.straight-layout .card-wrapper:hover{transform:translateY(-65px)}}.room-customization-modal{font-family:Noto Sans,Arial,sans-serif}.room-customization-modal .option-row{margin-bottom:1rem}.room-customization-modal .language-selection{display:flex;flex-direction:column;gap:8px}.room-customization-modal .language-selection span{font-weight:600;margin-bottom:4px}.room-customization-modal .language-selection .language-options{display:flex;gap:12px}.room-customization-modal .language-selection .language-options .radio-option{display:flex;align-items:center;gap:4px;font-size:14px;cursor:pointer}.room-customization-modal .language-selection .language-options .radio-option input[type=radio]{margin:0}.skin-unlock-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1200}.skin-unlock-modal{position:relative;background:linear-gradient(145deg,#2c3e50,#1f2a38);border:2px solid #f39c12;border-radius:18px;padding:2rem;width:100%;max-width:460px;text-align:center;box-shadow:0 18px 40px #00000059;color:#f2f2f2}.skin-unlock-icon{font-size:2.8rem;margin-bottom:.75rem}.skin-unlock-modal h2{font-size:1.6rem;margin-bottom:.5rem;color:#f8c471}.skin-unlock-visual{margin:1rem auto;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;width:fit-content}.skin-unlock-visual img{max-width:200px;height:auto;image-rendering:pixelated}.skin-unlock-name{font-size:1.2rem;font-weight:700;color:#f8c471;margin:.5rem 0}.skin-unlock-subtext{color:#d0d8e2;font-size:.95rem;margin-bottom:1.5rem}.skin-unlock-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.skin-unlock-actions .main-button{width:100%;max-width:280px;padding:1.4rem 1rem}.skin-unlock-actions .text-button{background:transparent;border:none;color:#f8c471;cursor:pointer;font-size:.95rem;text-decoration:underline;transition:color .2s ease}.skin-unlock-actions .text-button:hover{color:#ffd27f}@media (max-width: 520px){.skin-unlock-modal{padding:1.5rem}.skin-unlock-visual img{max-width:160px}}.purchase-success-page,.purchase-cancelled-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.purchase-success-page .purchase-container,.purchase-cancelled-page .purchase-container{background:#fffffff2;border-radius:20px;padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 40px #0003;animation:slideIn .4s ease-out;z-index:200}.purchase-success-page .purchase-container .icon,.purchase-cancelled-page .purchase-container .icon{font-size:4rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.purchase-success-page .purchase-container .spinner,.purchase-cancelled-page .purchase-container .spinner{font-size:3rem;animation:spin 1s linear infinite}.purchase-success-page .purchase-container h1,.purchase-cancelled-page .purchase-container h1{font-size:2rem;margin-bottom:1rem;color:#333}.purchase-success-page .purchase-container p,.purchase-cancelled-page .purchase-container p{font-size:1.1rem;color:#666;margin-bottom:1.5rem;line-height:1.6}.purchase-success-page .purchase-container .error-message,.purchase-cancelled-page .purchase-container .error-message{color:#d32f2f;background:#d32f2f1a;padding:1rem;border-radius:8px;margin:1rem 0}.purchase-success-page .purchase-container .success-message,.purchase-cancelled-page .purchase-container .success-message{color:#2e7d32;font-weight:600}.purchase-success-page .purchase-container .skin-info,.purchase-cancelled-page .purchase-container .skin-info{background:#4caf501a;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.purchase-success-page .purchase-container .skin-info .skin-name,.purchase-cancelled-page .purchase-container .skin-info .skin-name{font-size:1.5rem;font-weight:700;color:#2e7d32;margin:0}.purchase-success-page .purchase-container .main-button,.purchase-cancelled-page .purchase-container .main-button{margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #667eea66}.purchase-success-page .purchase-container .main-button:hover,.purchase-cancelled-page .purchase-container .main-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.purchase-success-page .purchase-container .main-button:active,.purchase-cancelled-page .purchase-container .main-button:active{transform:translateY(0)}.purchase-success-page .purchase-container.error .icon,.purchase-cancelled-page .purchase-container.error .icon,.purchase-success-page .purchase-container.error h1,.purchase-cancelled-page .purchase-container.error h1{color:#d32f2f}.purchase-success-page .purchase-container.success .icon,.purchase-cancelled-page .purchase-container.success .icon{color:#4caf50}.purchase-success-page .purchase-container.success h1,.purchase-cancelled-page .purchase-container.success h1{color:#2e7d32}.purchase-success-page .purchase-container.cancelled .icon,.purchase-cancelled-page .purchase-container.cancelled .icon{color:#ff9800}.purchase-success-page .purchase-container.cancelled h1,.purchase-cancelled-page .purchase-container.cancelled h1{color:#f57c00}.purchase-success-page .purchase-container.cancelled p,.purchase-cancelled-page .purchase-container.cancelled p{color:#666}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.purchase-success-page,.purchase-cancelled-page{padding:1rem}.purchase-success-page .purchase-container,.purchase-cancelled-page .purchase-container{padding:2rem 1.5rem}.purchase-success-page .purchase-container .icon,.purchase-cancelled-page .purchase-container .icon{font-size:3rem}.purchase-success-page .purchase-container h1,.purchase-cancelled-page .purchase-container h1{font-size:1.5rem}.purchase-success-page .purchase-container p,.purchase-cancelled-page .purchase-container p{font-size:1rem}.purchase-success-page .purchase-container .skin-info,.purchase-cancelled-page .purchase-container .skin-info{padding:1rem}.purchase-success-page .purchase-container .skin-info .skin-name,.purchase-cancelled-page .purchase-container .skin-info .skin-name{font-size:1.2rem}}.skin-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.skin-card{position:relative;padding:0;border:none;background:transparent;cursor:pointer;transition:all .2s ease;min-height:300px}.skin-card .wood-container{background:#a1735670;box-shadow:0 8px 20px #0003}.skin-card .wood-container:before,.skin-card .wood-container:after{opacity:.85}.skin-card .wood-container .corner-bottom-l,.skin-card .wood-container .corner-bottom-r{opacity:.85}.skin-card.equipped .wood-container{background:#ecc4aca3}.skin-card.equipped .wood-container:before,.skin-card.equipped .wood-container:after{opacity:.8}.skin-card.equipped .wood-container .corner-bottom-l,.skin-card.equipped .wood-container .corner-bottom-r{opacity:.8}.skin-card.locked{cursor:not-allowed;opacity:.85}.skin-card:disabled{cursor:not-allowed;opacity:.85}.skin-image-wrapper{position:relative;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:12px}.skin-image-wrapper img{width:100%;height:100%;object-fit:contain}.skin-image-wrapper.walking img{animation:advancedWalk 1s ease-in-out}@media (prefers-reduced-motion: reduce){.skin-image-wrapper.walking img{animation:none}}.skin-locked-overlay{position:absolute;inset:0;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12px;border-radius:10px;z-index:10;pointer-events:none}.skin-meta{display:flex;align-items:center;justify-content:center;gap:0;margin-top:12px;text-align:center}.skin-meta .skin-name{font-weight:700;color:#1f1f1f;font-size:16px}.skin-busy-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:4px 8px;font-size:11px;color:#333;background:#fff;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 4px 10px #00000014}.ready-button-container{margin-top:16px;padding:0 12px;width:100%}.ready-btn{width:100%;min-height:2rem;padding:.6rem 1rem;font-family:VT323,monospace;font-size:1.2rem;font-weight:600;border:var(--pixel-size) solid var(--wood-dark);cursor:pointer;transition:all .1s;text-transform:uppercase;letter-spacing:1px}.ready-btn.not-ready{background:#6b7280;color:#fff;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #9ca3af}.ready-btn.not-ready:hover{background:#9ca3af;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #d1d5db}.ready-btn.not-ready:active{transform:translateY(calc(var(--pixel-size) * 1));box-shadow:0 0 0 var(--wood-dark)}.ready-btn.ready{background:#4a9030;color:#fff;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #5fa840;animation:pulse 2s infinite}.ready-btn.ready:hover{background:#5fa840;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #7bc55a}.ready-btn.ready:active{transform:translateY(calc(var(--pixel-size) * 1));box-shadow:0 0 0 var(--wood-dark)}@keyframes pulse{0%,to{box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #5fa840}50%{box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #7bc55a,0 0 12px #4a903099}}:root{font-family:"Press Start 2P",monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;font-size:.5rem;letter-spacing:.05em;min-height:100vh}button,input,textarea{font-family:"Press Start 2P",monospace}.app{width:100%;max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.app-header h1{font-size:1.8rem;margin:0;color:#333}.connection-status{font-size:.9rem;font-weight:500}.status-connected{color:#4caf50}.status-disconnected{color:#f44336}.app-content{display:flex;gap:20px;flex:1}.drawing-section{flex:2;height:70vh}.chat-section{flex:1;height:70vh}.main-button{width:240px;padding:14px 24px;background:#4a9030;border:var(--pixel-size) solid var(--wood-dark);font-family:VT323,monospace;font-size:1.5rem;color:#fff;cursor:pointer;position:relative;box-shadow:0 calc(var(--pixel-size) * 1.5) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #5fa840;transition:all .1s;text-transform:uppercase;letter-spacing:1px}.main-button:hover:not(:disabled){background:#5fa840;transform:translateY(calc(var(--pixel-size) * -.5));box-shadow:0 calc(var(--pixel-size) * 2) 0 var(--wood-dark),inset var(--pixel-size) var(--pixel-size) 0 #7bc55a}.main-button:active:not(:disabled){transform:translateY(calc(var(--pixel-size) * 1));box-shadow:0 0 0 var(--wood-dark)}.main-button:disabled{opacity:.6;cursor:not-allowed}.main-text-field{background:var(--paper);border:var(--pixel-size) solid var(--wood-dark);padding:12px 16px;font-family:VT323,monospace;font-size:1.3rem;color:var(--wood-dark);outline:none;transition:transform .1s;box-shadow:inset 4px 4px #0000001a;text-align:center;width:240px;cursor:text}.main-text-field:focus{transform:scale(1.02);border-color:var(--accent);outline:none}.main-text-field::placeholder{color:var(--wood-grain);opacity:.6}.gameboard{position:relative}
