#gameModal,#chatModal,#playerInfoModal,#playerProfileModal,#imageCropperModal,#shareConfirmationModal,#genericModal,#explanationModal,#autoSolverModal{background:rgba(0,0,0,.6)!important}html{scroll-behavior:smooth}.game-modal{z-index:2000;width:100%;height:100%;display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,.6)!important}#imageCropperModal{z-index:2001}#playerProfileModal .game-container{flex-direction:column;max-width:920px;max-height:70vh;padding-bottom:2rem;display:flex;overflow-y:hidden}#playerInfoModal .game-container{max-width:600px;overflow:visible!important}.game-container{scroll-behavior:smooth;background-color:#1a1a1a;border:2px solid rgba(255,255,255,.2);-webkit-border-radius:20px;border-radius:20px;width:90%;max-width:920px;max-height:95vh;padding:60px 15px 2rem 1rem;position:absolute;top:50%;left:50%;overflow-y:auto;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:375px){.game-container{-webkit-border-radius:10px;border-radius:10px;width:98%;max-width:100vw;max-height:100vh;padding:40px .2rem .5rem;overflow-y:hidden}}.explanation-btn i{font-size:1.5rem;transition:color .3s}.explanation-btn:hover i{color:#fff}@keyframes rainbow-glow{0%{text-shadow:0 0 10px red}16%{text-shadow:0 0 12px #ff8000}33%{text-shadow:0 0 14px #ff0}50%{text-shadow:0 0 16px #0f0}66%{text-shadow:0 0 14px #0080ff}83%{text-shadow:0 0 12px #8000ff}to{text-shadow:0 0 10px red}}.game-controls-top-right{background:rgba(var(--color-black-rgb),.8);box-sizing:border-box;z-index:10;border-bottom:1px solid rgba(255,255,255,.15);-webkit-border-top-left-radius:18px;border-top-left-radius:18px;-webkit-border-top-right-radius:18px;border-top-right-radius:18px;justify-content:space-between;align-items:center;width:100%;height:41px;padding:0 15px;display:flex;position:absolute;top:0;left:0}.game-info-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;margin-top:0;margin-left:auto;display:flex}.game-info-display-in-game{z-index:5;box-shadow:none;background:0 0;border:none;-webkit-border-radius:0;border-radius:0;padding:0;position:absolute;top:-20px;left:50%;-ms-transform:translate(-50%)scale(1.15);transform:translate(-50%)scale(1.15)}.player-profile,.timer,.mode-info{color:#fff;background:rgba(224,225,230,.07);border:1px solid rgba(224,225,230,.15);-webkit-border-radius:6px;border-radius:6px;align-items:center;gap:6px;margin:0;padding:.4025rem .805rem;font-size:.86rem;font-weight:600;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.1)}.game-header-timers{gap:12px;margin:0;display:flex}.player-profile .flag-icon{-webkit-border-radius:2px;border-radius:2px;width:auto;height:14px;position:relative;top:3px}.game-controls-top-right h2.modal-title{color:#00aeef;text-align:center;flex-grow:1;justify-content:center;align-items:center;margin:0;font-size:1.5rem;line-height:1;display:flex}.game-controls-top-right .control-buttons{align-items:center;gap:5px;display:flex}.game-screen{flex-direction:column;height:100%;display:none}.game-screen.active{display:flex}#mainMenu{text-align:center;padding:0 1rem;position:relative}.explanation-btn{z-index:15;color:#a0a0b0;filter:brightness();font-size:1.2rem;transition:all .3s;position:absolute;top:55px;left:15px}.explanation-btn:hover{-ms-transform:scale(1.05);transform:scale(1.05)}#mainMenu h3{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.5rem}.game-modes{grid-template-columns:repeat(5,98px);justify-content:center;gap:1rem;margin-top:2rem;margin-bottom:2rem;display:grid}.mode-btn{color:#e0e1e6;cursor:pointer;text-align:center;aspect-ratio:1;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.15);-webkit-border-radius:15px;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:61px;padding:.53rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 25px rgba(0,0,0,.3)}.mode-btn:hover{background:linear-gradient(135deg,rgba(0,174,239,.1),rgba(0,174,239,.03));border-color:rgba(0,174,239,.6);box-shadow:0 0 15px rgba(255,255,255,.15)}.mode-btn i{color:#00aeef;margin-bottom:.4rem;font-size:1.05rem;transition:all .3s}.mode-btn:hover i{color:#00d4ff;text-shadow:0 0 10px #00d4ff}.mode-text{flex-direction:column;display:flex}.mode-size{color:#fff;font-size:.6rem;font-weight:700}.mode-difficulty{color:#a0a0b0;font-size:.4rem;font-weight:400}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#00aeef,#0077b6);border-color:#00aeef;-ms-transform:scale(1.05);transform:scale(1.05);box-shadow:0 8px 25px rgba(255,255,255,.15)}.mode-btn.active span{color:rgba(255,255,255,.9)}.leaderboard-chat-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.profile-logout-container{display:inline-block;position:relative}#guestLogoutBtn{display:none;z-index:10!important;margin-left:.5rem!important;position:absolute!important;top:50%!important;left:100%!important;-ms-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.leaderboard-chat-buttons .btn-secondary,#downloadAndShareBtn,#cancelShareBtn,.hero .btn-secondary,#profileScreen .avatar-section .btn-secondary,#profileScreen .logout-section .btn-danger{color:#fff;cursor:pointer;box-shadow:none;border:none;-webkit-border-radius:25px;border-radius:25px;font-size:1rem;font-weight:600;transition:none;-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen button[data-action=updateUsername]{color:#fff;cursor:pointer;box-shadow:none;border:none;-webkit-border-radius:25px;border-radius:25px;font-size:1rem;font-weight:600;transition:none;-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen button[data-action=updatePassword]{color:#fff;cursor:pointer;box-shadow:none;border:none;-webkit-border-radius:25px;border-radius:25px;font-size:1rem;font-weight:600;transition:none;-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}.start-btn{color:#fff;cursor:pointer;box-shadow:none;border:none;-webkit-border-radius:25px;border-radius:25px;font-weight:600;transition:none;-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}.leaderboard-chat-buttons .btn-secondary:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}.leaderboard-chat-buttons .btn-secondary:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}.start-btn:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}.start-btn:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#downloadAndShareBtn:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#downloadAndShareBtn:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#cancelShareBtn:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#cancelShareBtn:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}.hero .btn-secondary:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}.hero .btn-secondary:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen .avatar-section .btn-secondary:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen .avatar-section .btn-secondary:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen .logout-section .btn-danger:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen .logout-section .btn-danger:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen button[data-action=updateUsername]:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen button[data-action=updateUsername]:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen button[data-action=updatePassword]:hover{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}#profileScreen button[data-action=updatePassword]:focus{box-shadow:none;filter:brightness(1.1);-ms-transform:none;transform:none;background:var(--bg-primary-gradient)!important}.leaderboard-chat-buttons .btn-secondary:active{filter:brightness();-ms-transform:none;transform:none}.start-btn:active{filter:brightness();-ms-transform:none;transform:none}#downloadAndShareBtn:active{filter:brightness();-ms-transform:none;transform:none}#cancelShareBtn:active{filter:brightness();-ms-transform:none;transform:none}.hero .btn-secondary:active{filter:brightness();-ms-transform:none;transform:none}#profileScreen .avatar-section .btn-secondary:active{filter:brightness();-ms-transform:none;transform:none}#profileScreen .logout-section .btn-danger:active{filter:brightness();-ms-transform:none;transform:none}#profileScreen button[data-action=updateUsername]:active{filter:brightness();-ms-transform:none;transform:none}#profileScreen button[data-action=updatePassword]:active{filter:brightness();-ms-transform:none;transform:none}.game-info-display{flex-wrap:wrap;flex-shrink:0;flex-basis:70%;justify-content:center;align-items:center;gap:.6rem;margin-top:0;display:flex}.player-profile,.timer,.mode-info{color:#fff;background:rgba(224,225,230,.07);border:1px solid rgba(224,225,230,.15);-webkit-border-radius:5px;border-radius:5px;align-items:center;gap:5px;padding:.35rem .7rem;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.1)}.profile-logo{object-fit:cover;border:1px solid #00aeef;-webkit-border-radius:50%;border-radius:50%;width:21px;height:21px}.player-profile .flag-icon{-webkit-border-radius:2px;border-radius:2px;width:auto;height:14px}.game-header-timers{gap:10px;display:flex}.timer span,.mode-info span{color:#00aeef;font-family:monospace;font-size:.85rem;font-weight:700}.game-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative}.game-grid{touch-action:none;background:#000;-webkit-border-radius:10px;border-radius:10px;gap:2px;margin-bottom:1rem;padding:1rem;display:inline-grid}#startBtn{box-sizing:border-box;text-align:center;width:auto;margin-top:1rem;padding:.25rem .5rem;font-size:.8rem;transition:font-size .2s,padding .2s}.photo-mode-btn{width:auto;padding:.25rem .5rem;font-size:.8rem}[data-theme=light] .game-grid{border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.3);background:#000!important}.grid-cell{width:var(--cell-size,40px);height:var(--cell-size,40px);cursor:pointer;border:1px solid rgba(255,255,255,.2);-webkit-border-radius:3px;border-radius:3px;transition:all .2s;-ms-transform:translateZ(0);transform:translateZ(0)}[data-theme=light] .grid-cell{background:rgba(255,255,255,.8);border:1px solid rgba(30,41,59,.15)}.grid-cell:hover{border-color:#00aeef;-ms-transform:scale(1.1);transform:scale(1.1)}[data-theme=light] .grid-cell:hover{background:rgba(59,130,246,.1);border-color:#3b82f6}@keyframes shake{0%,to{-ms-transform:translate(0);transform:translate(0)}10%,30%,50%,70%,90%{-ms-transform:translate(-1px);transform:translate(-1px)}20%,40%,60%,80%{-ms-transform:translate(1px);transform:translate(1px)}}.grid-cell.correct-feedback{cursor:not-allowed;-ms-transform:scale(1);transform:scale(1);box-shadow:0 0 10px rgba(0,255,140,.7);border-color:#00ff8c!important}.grid-cell.incorrect-feedback{border-color:#ff4757;animation:.5s ease-in-out shake}[data-theme=light] .grid-cell.correct-feedback{background:rgba(16,185,129,.1);box-shadow:0 0 10px rgba(16,185,129,.5);border-color:#10b981!important}[data-theme=light] .grid-cell.incorrect-feedback{background:rgba(239,68,68,.1);border-color:#ef4444}.game-message{color:#fff;min-height:1.5rem;font-size:1.1rem;font-weight:600}.leaderboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.leaderboard-header h3{color:#fff;font-size:1.5rem}.leaderboard-tabs{justify-content:center;gap:2rem;margin-top:1rem;padding-top:5px;display:flex}.tab-btn{color:#fff;cursor:pointer;user-select:none;background:rgba(224,225,230,.1);border:2px solid rgba(255,255,255,.2);-webkit-border-radius:30px;border-radius:30px;outline:none;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.2)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#00aeef,#0077b6);border-color:#00aeef;box-shadow:0 0 10px rgba(255,255,255,.1)}.tab-btn:active{background:linear-gradient(135deg,#00aeef,#0077b6);border-color:#00aeef;-ms-transform:none;transform:none;box-shadow:0 0 10px rgba(255,255,255,.1)}.tab-btn:hover{background:rgba(0,174,239,.2);border-color:#00aeef;-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,.1)}.leaderboard-list{padding:0 28px;list-style:none}.leaderboard-content{flex-direction:column;flex-grow:1;display:flex}.leaderboard-list{flex-grow:1;padding:0 28px;list-style:none;overflow-y:auto}#leaderboardScreen.active{justify-content:flex-start;height:100%}.leaderboard-item{cursor:pointer;background:rgba(224,225,230,.05);border-left:4px solid #00aeef;-webkit-border-radius:10px;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all .3s;display:flex;position:relative}.leaderboard-item:hover{background:rgba(224,225,230,.07);-ms-transform:translate(5px);transform:translate(5px);box-shadow:0 0 15px rgba(255,255,255,.15)}.leaderboard-item.rank-1{background:linear-gradient(90deg,rgba(254,234,0,.15) 0%,rgba(254,234,0,0) 100%);border-left-color:#feea00;box-shadow:0 2px 8px rgba(254,234,0,.3)}.leaderboard-item.rank-2{background:linear-gradient(90deg,rgba(229,228,226,.15) 0%,rgba(229,228,226,0) 100%);border-left-color:#e5e4e2;box-shadow:0 2px 8px rgba(229,228,226,.25)}.leaderboard-item.rank-3{background:linear-gradient(90deg,rgba(232,145,45,.15) 0%,rgba(232,145,45,0) 100%);border-left-color:#e8912d;box-shadow:0 2px 8px rgba(232,145,45,.25)}.leaderboard-rank{color:#00aeef;text-align:center;min-width:40px;font-size:1.2rem;font-weight:700}.leaderboard-left-group{flex-grow:1;align-items:center;gap:1rem;min-width:0;display:flex}.leaderboard-info{flex-grow:1;justify-content:flex-start;align-items:center;gap:1rem;min-width:0;display:flex}.leaderboard-info .flag-icon{object-fit:cover;vertical-align:middle;-webkit-border-radius:3px;border-radius:3px;width:24px;height:16px}.leaderboard-avatar{object-fit:cover;border:1px solid #00aeef;-webkit-border-radius:50%;border-radius:50%;width:33px;height:33px}.leaderboard-name{white-space:nowrap;text-overflow:ellipsis;color:var(--color-white);flex-shrink:1;overflow:hidden}.country-item .leaderboard-info{gap:.75rem}.country-item .country-flag{justify-content:center;align-items:center;width:36px;display:flex}.leaderboard-player-count,.leaderboard-mode{white-space:nowrap;color:#a0a0b0;flex-shrink:0;font-size:.8rem}.leaderboard-score{color:var(--color-success);text-align:right;min-width:100px;padding-left:1rem;font-size:1.2rem;font-weight:700}.leaderboard-info .country-flag{flex-shrink:0;justify-content:center;align-items:center;display:flex}.leaderboard-info .country-flag .flag-icon{object-fit:contain;-webkit-border-radius:4px;border-radius:4px;width:100%;height:100%}.leaderboard-item:not(.country-item) .country-flag{width:24px;height:24px}.leaderboard-item.country-item .country-flag{width:34px;height:34px}@media (max-width:768px){.leaderboard-item:not(.country-item) .country-flag{width:24px;height:24px}.leaderboard-item.country-item .country-flag{width:34px;height:34px}}@media (max-width:480px){.leaderboard-item:not(.country-item) .country-flag{width:22px;height:22px}.leaderboard-item.country-item .country-flag{width:30px;height:30px}}.player-info-form-content{z-index:9998;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative}.player-info-form-content select{color:#fff;background-color:rgba(224,225,230,.1);border:1px solid rgba(224,225,230,.2);-webkit-border-radius:8px;border-radius:8px;padding:.75rem;font-size:1rem}.player-info-form-content input[type=text]{color:#fff;background-color:rgba(224,225,230,.1);border:1px solid rgba(224,225,230,.2);-webkit-border-radius:8px;border-radius:8px;padding:.75rem;font-size:1rem}.player-info-form-content input[type=password]{color:#fff;background-color:rgba(224,225,230,.1);border:1px solid rgba(224,225,230,.2);-webkit-border-radius:8px;border-radius:8px;padding:.75rem;font-size:1rem}.player-info-form-content input[type=text]::placeholder{color:#a0a0b0}.player-info-form-content input[type=password]::placeholder{color:#a0a0b0}.player-info-form-content select option{color:#fff;background-color:#1c2a41}.submit-info-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00aeef,#0077b6);border:none;-webkit-border-radius:10px;border-radius:10px;padding:1rem;font-weight:600;transition:all .3s}.submit-info-btn:hover{-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,255,255,.1)}.auth-tabs{border-bottom:1px solid rgba(224,225,230,.1);justify-content:center;margin-bottom:1.5rem;display:flex}.auth-tab-btn{color:#a0a0b0;cursor:pointer;background:0 0;border:none;padding:.75rem 1.5rem;font-size:1.1rem;transition:all .3s;position:relative}.auth-tab-btn.active{color:#00aeef}.auth-tab-btn:after{content:"";background:0 0;width:100%;height:2px;transition:background .3s;position:absolute;bottom:-1px;left:0}.auth-tab-btn.active:after{background:#00aeef}.auth-tab-content{display:none}.auth-tab-content.active{display:block}.color-swatch{opacity:.5;filter:grayscale(50%);transition:opacity .2s,filter .2s}.color-swatch.active{opacity:1;filter:grayscale(0%);border-color:#fff;box-shadow:0 0 10px rgba(255,255,255,.7)}#profileScreen h3{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.5rem}.profile-settings-content{flex-direction:column;gap:2rem;max-width:400px;height:60vh;margin:0 auto;padding-right:1rem;display:flex;overflow-y:auto}.profile-section{background:rgba(224,225,230,.05);border:1px solid rgba(224,225,230,.1);-webkit-border-radius:15px;border-radius:15px;padding:1.5rem}.profile-section h4{color:#00aeef;border-bottom:1px solid rgba(0,174,239,.2);margin-bottom:1rem;padding-bottom:.5rem}.avatar-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.profile-avatar-preview{object-fit:cover;border:3px solid #00aeef;-webkit-border-radius:50%;border-radius:50%;width:120px;height:120px;box-shadow:0 0 20px rgba(255,255,255,.2)}.input-group{gap:.5rem;display:flex}.input-group.vertical{flex-direction:column}.input-group input{color:#fff;background-color:rgba(224,225,230,.1);border:1px solid rgba(224,225,230,.2);-webkit-border-radius:8px;border-radius:8px;flex-grow:1;padding:.75rem;font-size:1rem}.player-profile-content{color:#fff;box-sizing:border-box;flex-direction:column;flex-grow:1;flex-shrink:1;gap:1.5rem;padding:1.5rem 15px 1.5rem 1.5rem;display:flex;overflow-y:auto}.profile-header{border-bottom:1px solid rgba(224,225,230,.1);justify-content:center;align-items:center;gap:5px;margin-bottom:1.5rem;padding-bottom:15px;display:flex}.profile-header .profile-flag .flag-icon{vertical-align:middle;-webkit-border-radius:5px;border-radius:5px;width:40px;height:27px;box-shadow:0 0 10px rgba(255,255,255,.1)}.profile-avatar-small{object-fit:cover;border:2px solid transparent;-webkit-border-radius:50%;border-radius:50%;width:50px;height:50px;transition:border-color .3s,box-shadow .3s}.profile-avatar-small-wrapper{width:50px;height:50px;display:inline-block;position:relative;overflow:visible}.profile-avatar-small-wrapper .profile-stars-container{z-index:10;pointer-events:none;-webkit-border-radius:50%;border-radius:50%;width:70px;height:70px;position:absolute;top:-10px;left:-10px}.profile-avatar-small-wrapper .star-item{-ms-transform-origin:0 28px;transform-origin:0 28px;pointer-events:auto;position:absolute;top:7px;left:50%;-ms-transform:translate(-50%)rotate(0);transform:translate(-50%)rotate(0)}.profile-avatar-small-wrapper .profile-star{font-size:.6rem}.no-border{border:none!important}.profile-name{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3);font-size:2rem;font-weight:700}.profile-stats{background:rgba(224,225,230,.05);border:1px solid rgba(224,225,230,.1);-webkit-border-radius:15px;border-radius:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1.5rem;display:grid}.profile-stat-item{text-align:center}.profile-stat-item h4{color:#a0a0b0;text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem}.profile-stat-item p{color:#fff;font-size:1.4rem;font-weight:600}.profile-recent-games{margin-top:1.5rem}.profile-recent-games h3{color:#00aeef;border-bottom:1px solid rgba(0,174,239,.2);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.profile-games-list{flex-direction:column;flex-shrink:0;gap:10px;max-height:250px;padding-right:5px;display:flex;overflow-y:auto}.profile-game-item{background:rgba(224,225,230,.03);border-left:3px solid #f07;-webkit-border-radius:10px;border-radius:10px;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;transition:all .2s;display:flex}.profile-game-mode{color:#a0a0b0;font-size:1rem;font-weight:600}.profile-game-date{color:#a0a0b0;font-size:.8rem}.profile-game-score{color:#00ff8c;font-size:1.1rem;font-weight:700}#imageCropperModal .game-container{max-width:600px;padding-top:60px}.cropper-content{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;display:flex}.cropper-image-container{background:rgba(224,225,230,.05);border:1px solid rgba(224,225,230,.1);-webkit-border-radius:10px;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:400px;height:300px;display:flex;overflow:hidden}.cropper-image-container img{max-width:100%;height:auto;display:block}.cropper-view-box,.cropper-face{-webkit-border-radius:50%;border-radius:50%}.cropper-instructions{color:#a0a0b0;text-align:center;font-size:.9rem}.game-area-controls{z-index:10;flex-direction:column;gap:10px;display:flex;position:absolute;top:45%;right:3%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.game-control-btn{color:#fff;cursor:pointer;background:0 0;border:none;-webkit-border-radius:50%;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex}.game-control-btn i{color:#fff;transition:color .3s}.game-control-btn.active i{color:#00aeef}.game-control-btn:hover i{color:#00aeef}.leaderboard-chat-buttons .btn{width:auto;min-width:unset;white-space:nowrap;padding:.675rem 1.5rem}.leaderboard-chat-buttons .btn-secondary{color:#fff;cursor:pointer;box-shadow:none;background:linear-gradient(135deg,#00aeef,#e62e2e);border:none;-webkit-border-radius:25px;border-radius:25px;font-size:1rem;font-weight:600;transition:-ms-transform .2s ease-out,transform .2s ease-out}.leaderboard-chat-buttons .btn-secondary:active{background:linear-gradient(135deg,#0077b6,#6a1bb6);-ms-transform:translateY(0);transform:translateY(0);box-shadow:0 4px 15px rgba(255,255,255,.1)}@media (max-width:820px){.game-info-display{gap:.5rem;-ms-transform:scale(.9);transform:scale(.9)}.game-controls-top-right{flex-wrap:nowrap}}@media (max-width:768px){.game-controls-top-right{height:36px;padding:0 8px}.game-info-display{box-sizing:border-box;flex-wrap:nowrap;justify-content:center;gap:5px;width:100%;padding:0 1rem;position:absolute;top:40px;left:0;right:0}.back-btn,.close-game{width:40px;height:40px;font-size:1rem}.close-game{font-size:1.6rem}.game-header-timers{display:contents}.player-profile,.timer,.mode-info{white-space:nowrap;padding:.3rem;font-size:.75rem}.profile-logo{width:18px;height:18px}.player-profile .flag-icon{height:12px}.timer span,.mode-info span{font-size:.85rem}.game-container{padding-top:72px}.game-controls-top-right h2.modal-title{font-size:.8rem}.game-over-title{margin-bottom:1rem;font-size:2.2rem}.game-over-actions{flex-flow:column wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.game-over-actions .action-btn{padding:.48rem .8rem;font-size:.68rem}#startBtn{padding:.5rem .8rem;font-size:.8rem}.leaderboard-tabs{gap:1rem}.tab-btn{padding:.4rem .8rem;font-size:.8rem}.leaderboard-list{padding:0 10px}.leaderboard-item,.leaderboard-left-group,.leaderboard-info{gap:1rem}.leaderboard-item{padding:.5rem}.leaderboard-rank{min-width:30px;font-size:1rem}.leaderboard-avatar{width:32px;height:32px}.leaderboard-name{font-size:.9rem}.leaderboard-player-count,.leaderboard-mode{font-size:.7rem}.leaderboard-score{min-width:80px;padding-left:.5rem;font-size:1rem}.game-message{font-size:.8rem}.game-area-controls{flex-direction:row;gap:15px;display:flex;position:absolute;top:auto;bottom:3px;left:50%;right:auto;-ms-transform:translate(-50%);transform:translate(-50%)}.game-modes{grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:320px;margin:1.2rem auto;display:grid}.mode-btn{aspect-ratio:1;justify-content:center;min-height:75px;padding:.4rem}.mode-btn:nth-child(10){grid-column:2}.mode-btn i{font-size:1.5rem}.mode-size{font-size:.84rem}.mode-difficulty{font-size:.6rem}.leaderboard-chat-buttons{flex-direction:column;gap:.8rem;margin-top:.3rem;margin-bottom:.3rem}.leaderboard-chat-buttons .btn-secondary{font-size:.8rem}.zoom-controls-mobile{z-index:10;gap:10px;display:flex;position:absolute;bottom:10px;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.zoom-controls-mobile .game-control-btn:active i{color:#00aeef}.zoom-controls-mobile .game-control-btn.active{background-color:transparent}.zoom-controls-mobile .game-control-btn:hover:not(.active) i{color:#00aeef}.profile-settings-content{padding:1rem;width:90%;max-width:500px;height:60vh;padding-right:.5rem;overflow-y:auto}.profile-section{padding:1rem}.profile-section:not(:last-child){margin-bottom:1rem}.profile-avatar-preview{width:100px;height:100px}.profile-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.profile-stat-item p{font-size:1.2rem}.input-group:not(.vertical){flex-direction:column;gap:.75rem}}@media (max-width:480px){.game-info-display{-ms-transform:scale(.7);transform:scale(.7)}#startBtn{padding:.5rem .8rem;font-size:.8rem}.mode-btn{padding:.4rem .6rem}.leaderboard-item,.leaderboard-left-group,.leaderboard-info{gap:1rem}.leaderboard-item{flex-wrap:nowrap;padding:.4rem}.leaderboard-rank{min-width:20px;font-size:.8rem}.leaderboard-avatar{width:30px;height:30px}.leaderboard-name{font-size:.75rem}.leaderboard-score{min-width:50px;padding-left:.25rem;font-size:.8rem}.game-modes{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:.6rem;max-width:300px;margin:1.5rem auto;display:grid}.mode-btn{aspect-ratio:1;justify-content:center;padding:.238rem}.mode-btn:nth-child(10){grid-column:2}.mode-btn i{font-size:.98rem}.mode-size{font-size:.56rem}.mode-difficulty{font-size:.42rem}.profile-settings-content{gap:1rem;padding:.5rem}.profile-section h4{font-size:1rem}.profile-avatar-preview{width:80px;height:80px}.profile-stats{padding:.75rem}.profile-stat-item h4{font-size:.8rem}.profile-stat-item p{font-size:1.1rem}}@media (max-width:380px){.game-container{width:94%;padding-left:10px;padding-right:10px}.game-controls-top-right{height:34px;padding:0 8px}.game-info-display{gap:4px;padding:0 8px;top:36px;-ms-transform:scale(.68);transform:scale(.68)}.game-modes{grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:290px;margin:1rem auto}.mode-btn{min-height:72px;padding:.3rem}.mode-btn i{font-size:.9rem}.mode-size{font-size:.62rem}.mode-difficulty{font-size:.44rem}.leaderboard-chat-buttons{gap:.5rem}.leaderboard-chat-buttons .btn-secondary{padding:.5rem .9rem;font-size:.75rem}}@media (min-width:769px){.mode-btn{min-height:67.1px;padding:.583rem}.mode-btn i{font-size:1.65rem}.mode-size{font-size:.902rem}}.game-info-display-in-game,.game-area-controls{pointer-events:none}.game-info-display-in-game>*{pointer-events:auto}.game-area-controls>*{pointer-events:auto}#profileScreen{padding-top:2rem}.zoom-controls-mobile{display:none}#profileScreen .logout-section .btn-danger{background:var(--bg-red-gradient)!important}#profileScreen .logout-section .btn-danger:hover{filter:brightness(1.1);background:var(--bg-red-gradient)!important}#profileScreen .logout-section .btn-danger:focus{filter:brightness(1.1);background:var(--bg-red-gradient)!important}.hero .btn-secondary{color:var(--color-white);background:var(--bg-purple-gradient)!important}.hero .btn-secondary:hover{filter:brightness(1.1);background:var(--bg-purple-gradient)!important}.hero .btn-secondary:focus{filter:brightness(1.1);background:var(--bg-purple-gradient)!important}.leaderboard-chat-buttons .btn{white-space:nowrap}.leaderboard-preview-avatar{object-fit:cover;border:1px solid #00aeef;-webkit-border-radius:50%;border-radius:50%;width:50px;height:50px;margin-bottom:.8rem}.leaderboard-preview-avatar.level-1-border{background:linear-gradient(#fcc,#f99,#fcc) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-2-border{background:linear-gradient(#f99,#f66,#f99) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-3-border{background:linear-gradient(#f66,#f33,#f66) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-4-border{background:linear-gradient(#f33,red,#f33) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-5-border{background:linear-gradient(red,#c00,red) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-6-border{background:linear-gradient(#c00,#900,#c00) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-7-border{background:linear-gradient(#900,#600,#900) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-8-border{background:linear-gradient(#600,#300,#600) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-9-border{background:linear-gradient(#300,#000,#300) border-box;border:2px solid transparent}.leaderboard-preview-avatar.level-10-border{background:linear-gradient(red,#00f,#ff0) border-box;border:3px solid transparent}.leaderboard-chat-buttons .btn-casual{width:40px;min-width:40px;height:40px;padding:0}.pong-bg{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='50' y1='0' x2='50' y2='100' stroke='%2300AEEF' stroke-width='2' stroke-dasharray='4,6' stroke-opacity='0.4'/%3E%3Crect x='15' y='20' width='4' height='25' fill='%230000FF' rx='2'/%3E%3Crect x='81' y='55' width='4' height='25' fill='%23FF0000' rx='2'/%3E%3Crect x='48' y='48' width='5' height='5' fill='%23FFFF00' rx='1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:80%;border:1px solid rgba(0,174,239,.3)}#casualGamesBtnMobile{display:none}@keyframes grid-fade-out{0%{opacity:1;-ms-transform:scale(1);transform:scale(1)}to{opacity:0;-ms-transform:scale(.95);transform:scale(.95)}}.grid-reset-animation{animation:.4s ease-in forwards grid-fade-out}@keyframes red-flash{0%{box-shadow:0 0 20px rgba(255,0,0,0)}50%{box-shadow:0 0 40px 20px rgba(255,0,0,.8)}to{box-shadow:0 0 20px rgba(255,0,0,0)}}.grid-lose-effect{animation:1s 3 red-flash}#mode-30x30-choice-modal{text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:stretch;height:100%;padding:0;display:none;position:relative;overflow:hidden}#mode-30x30-choice-modal.active{display:flex}.mode-choice-container{width:100%;padding-top:56.25%;position:relative}.mode-choice-section{color:#fff;cursor:pointer;flex-direction:column;justify-content:center;width:100%;height:100%;text-decoration:none;transition:filter .3s;display:flex;position:absolute;top:0;left:0}.mode-choice-section:hover{filter:brightness(1.2)}.mode-choice-section .fa-crown{font-size:1.5rem;position:absolute;top:20px;right:20px}.mode-choice-section .fa-image{font-size:1.5rem;position:absolute;bottom:20px;left:20px}#original-mode-section{background:linear-gradient(135deg,var(--primary-color),#0077b6);clip-path:polygon(100% 0,0 0,100% 100%);align-items:flex-end;padding-right:15%}#image-mode-section{clip-path:polygon(0 100%,100% 100%,0 0);background:linear-gradient(135deg,red,#ff0,#00f);align-items:flex-start;padding-left:15%}.mode-choice-content{text-align:center}#original-mode-section .mode-choice-content{-ms-transform:translateY(-30px);transform:translateY(-30px)}#image-mode-section .mode-choice-content{-ms-transform:translateY(30px);transform:translateY(30px)}.mode-choice-content h4{text-shadow:2px 2px 8px rgba(0,0,0,.5);margin:0;font-size:1.8rem;font-weight:700}.mode-choice-content p{opacity:.8;margin:0;font-size:1rem}#image-mode-section,#image-mode-section h4,#image-mode-section p{color:#000}[data-theme=light] #original-mode-section{color:#000!important}[data-theme=light] #original-mode-section h4{color:#000!important}[data-theme=light] #original-mode-section p{color:#000!important}.image-mode-palette{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;background-color:rgba(0,0,0,.2);-webkit-border-radius:10px;border-radius:10px;flex-wrap:nowrap;max-width:325px;margin:0 auto 1rem;padding:10px 5px;display:flex;overflow-x:auto;overflow-y:hidden}.image-mode-palette::-webkit-scrollbar{height:4px}.image-mode-palette::-webkit-scrollbar-track{background:0 0}.image-mode-palette::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);-webkit-border-radius:2px;border-radius:2px}.image-mode-palette::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.4)}.image-mode-palette .color-swatch{border:2px solid transparent;-webkit-border-radius:50%;border-radius:50%;flex-shrink:0;width:25px;height:25px;margin:0 5px;transition:-ms-transform .2s,transform .2s,box-shadow .2s,border-color .2s}.image-mode-palette .color-swatch.active{border-color:#fff;-ms-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 12px rgba(255,255,255,.8)}.game-grid{position:relative}#image-preview-overlay{object-fit:cover;z-index:5;pointer-events:none;opacity:1;-webkit-border-radius:10px;border-radius:10px;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0}#apply-photo-btn{background:linear-gradient(135deg,#28a745,#218838)!important}.game-grid.photo-apply-animation .grid-cell{transition:background-color .4s ease-in-out}#photoModeSettingsModal .game-container{max-width:500px}.photo-mode-settings-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;display:flex}.photo-mode-settings-content p{color:#a0a0b0;margin:0}.photo-mode-settings-content .mode-choice-container{justify-content:center;gap:1rem;display:flex}.photo-mode-size-btn{min-width:100px}.photo-mode-only{display:none!important}body.photo-mode-active .photo-mode-only{display:flex!important}