@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap";.app-container{background-color:#faf8ef;font-family:Quicksand,Helvetica Neue,Arial,sans-serif;color:#776e65;transition:background-color .3s ease,color .3s ease}.childish-theme .app-container{background-color:#fef9c3;color:#92400e;font-family:Comic Sans MS,cursive,sans-serif;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23fbcfe8' fill-opacity='0.2' d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z'%3E%3C/path%3E%3C/svg%3E")}.childish-theme .game-wrapper{background-color:#fef9c3cc;border:3px solid #fbbf24;border-radius:20px;box-shadow:0 8px #fb923c66}body{font-family:Quicksand,sans-serif;margin:0;padding:0}html::-webkit-scrollbar,body::-webkit-scrollbar,::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,::-webkit-scrollbar-track{background:#faf8ef;border-radius:10px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background:#8f7a66;border-radius:10px;border:2px solid #faf8ef;transition:background-color .3s ease}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:hover{background:#9f8b77}html::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:active{background:#776e65}html,body,*{scrollbar-width:thin;scrollbar-color:#8f7a66 #faf8ef}html.dark-theme::-webkit-scrollbar-track,body.dark-theme::-webkit-scrollbar-track,body.dark-theme ::-webkit-scrollbar-track{background:#1a202c}html.dark-theme::-webkit-scrollbar-thumb,body.dark-theme::-webkit-scrollbar-thumb,body.dark-theme ::-webkit-scrollbar-thumb{background:#4b5563;border:2px solid #1a202c}html.dark-theme::-webkit-scrollbar-thumb:hover,body.dark-theme::-webkit-scrollbar-thumb:hover,body.dark-theme ::-webkit-scrollbar-thumb:hover{background:#6b7280}html.dark-theme::-webkit-scrollbar-thumb:active,body.dark-theme::-webkit-scrollbar-thumb:active,body.dark-theme ::-webkit-scrollbar-thumb:active{background:#718096}html.dark-theme,body.dark-theme,body.dark-theme *{scrollbar-color:#4b5563 #1a202c}html.neon-theme::-webkit-scrollbar,body.neon-theme::-webkit-scrollbar,body.neon-theme ::-webkit-scrollbar{width:14px;height:14px}html.neon-theme::-webkit-scrollbar-track,body.neon-theme::-webkit-scrollbar-track,body.neon-theme ::-webkit-scrollbar-track{background:#0f172a;border:1px solid #1e293b;border-radius:10px}html.neon-theme::-webkit-scrollbar-thumb,body.neon-theme::-webkit-scrollbar-thumb,body.neon-theme ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#4f46e5);border-radius:10px;border:2px solid #0f172a;box-shadow:0 0 10px #4f46e5}html.neon-theme::-webkit-scrollbar-thumb:hover,body.neon-theme::-webkit-scrollbar-thumb:hover,body.neon-theme ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#4338ca);box-shadow:0 0 15px #38bdf8}html.neon-theme::-webkit-scrollbar-thumb:active,body.neon-theme::-webkit-scrollbar-thumb:active,body.neon-theme ::-webkit-scrollbar-thumb:active{background:#ec4899;box-shadow:0 0 20px #ec4899}html.neon-theme,body.neon-theme,body.neon-theme *{scrollbar-color:#3b82f6 #0f172a}html.childish-theme::-webkit-scrollbar,body.childish-theme::-webkit-scrollbar,body.childish-theme ::-webkit-scrollbar{width:16px;height:16px}html.childish-theme::-webkit-scrollbar-track,body.childish-theme::-webkit-scrollbar-track,body.childish-theme ::-webkit-scrollbar-track{background:#fffbeb;border:2px dashed #fcd34d;border-radius:20px}html.childish-theme::-webkit-scrollbar-thumb,body.childish-theme::-webkit-scrollbar-thumb,body.childish-theme ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f472b6,#a855f7);border-radius:20px;border:3px solid #fffbeb;box-shadow:0 4px #fb923c66}html.childish-theme::-webkit-scrollbar-thumb:hover,body.childish-theme::-webkit-scrollbar-thumb:hover,body.childish-theme ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ec4899,#8b5cf6)}html.childish-theme::-webkit-scrollbar-thumb:active,body.childish-theme::-webkit-scrollbar-thumb:active,body.childish-theme ::-webkit-scrollbar-thumb:active{background:#6366f1;box-shadow:0 2px #fb923c66}html.childish-theme,body.childish-theme,body.childish-theme *{scrollbar-color:#f472b6 #fffbeb}:root{--classic-navbar-bg: #bbada0;--classic-navbar-button: #8f7a66;--classic-navbar-button-hover: #9f8b77;--dark-navbar-bg: #2d3748;--dark-navbar-button: #4b5563;--dark-navbar-button-hover: #6b7280;--neon-navbar-bg: #0f172a;--neon-navbar-button: #3b82f6;--neon-navbar-button-hover: #60a5fa;--childish-navbar-bg: #fef3c7;--childish-navbar-button: #f59e0b;--childish-navbar-button-hover: #fbbf24}.navbar-button:hover:after{content:none}.navbar{display:flex;flex-direction:column;align-items:center;margin-bottom:5rem;width:100%;border-radius:.5rem;padding:.7rem 0;transition:background-color .3s ease,color .3s ease;box-sizing:border-box;background-color:var(--classic-navbar-bg);box-shadow:0 4px 6px -1px #0000001a;color:#fff}.navbar-title{font-size:2rem;font-weight:700;text-align:center;margin:.5rem 0;color:#fff;letter-spacing:.5px;transition:color .3s ease}.navbar-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.navbar-button{background-color:var(--classic-navbar-button);color:#fff;border:none;border-radius:6px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease;height:40px;width:40px}.navbar-button:hover{background-color:var(--classic-navbar-button-hover);transform:translateY(-2px)}.navbar-button:active{transform:translateY(1px)}.navbar-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.dark-theme .navbar{background-color:var(--dark-navbar-bg);color:#fff}.dark-theme .navbar-button{background-color:var(--dark-navbar-button)}.dark-theme .navbar-button:hover{background-color:var(--dark-navbar-button-hover)}.neon-theme .navbar{background-color:var(--neon-navbar-bg);color:#e2e8f0;box-shadow:0 0 15px #3b82f680}.neon-theme .navbar-title{text-shadow:0 0 8px rgba(59,130,246,.7)}.neon-theme .navbar-button{background-color:var(--neon-navbar-button);box-shadow:0 0 8px #3b82f680}.neon-theme .navbar-button:hover{background-color:var(--neon-navbar-button-hover);box-shadow:0 0 12px #3b82f6b3}.childish-theme .navbar{background-color:var(--childish-navbar-bg);color:#92400e;border-radius:1rem;box-shadow:0 4px #fb923c66}.childish-theme .navbar-title{color:#92400e}.childish-theme .navbar-button{background-color:var(--childish-navbar-button);border-radius:1rem;box-shadow:0 3px #fb923c66}.childish-theme .navbar-button:hover{background-color:var(--childish-navbar-button-hover)}.info-modal{width:90%;max-width:550px;max-height:85vh;overflow-y:auto;background-color:#faf8ef;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a;animation:pop-in .3s ease-out}.info-section{margin-bottom:1.5rem}.info-section h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#6b7280}.info-list{padding-left:1.5rem;margin-bottom:1rem}.info-list li{margin-bottom:.5rem;line-height:1.5}.game-credits{font-size:.9rem;color:#6b7280;border-top:1px solid #e5e7eb;padding-top:1rem}.dark-theme .info-modal{background-color:#1a202c;box-shadow:0 10px 25px -5px #0000004d}.dark-theme .info-section h3{color:#e2e8f0}.dark-theme .info-list li{color:#a0aec0}.dark-theme .game-credits{color:#9ca3af;border-top:1px solid #374151}.dark-theme .modal-header{border-color:#4a5568;background-color:#4a5568}.dark-theme .modal-header h2,.dark-theme .modal-close{color:#fff}.dark-theme .modal-close:hover{background-color:#ffffff1e;color:#fff}.neon-theme .info-modal{background-color:#0f172a;box-shadow:0 0 20px #00bfff80;border:1px solid rgba(0,255,255,.3)}.neon-theme .info-section h3{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.7)}.neon-theme .info-list li{color:#0ff}.neon-theme .info-list li strong{color:#f0f;text-shadow:0 0 5px rgba(255,0,255,.7)}.neon-theme .modal-header{border-color:#1e293b;background-color:#1e293b}.neon-theme .modal-header h2{color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5)}.neon-theme .modal-close{color:#fff}.neon-theme .modal-close:hover{background-color:#ffffff1e;color:#fff}.neon-theme .game-credits{color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5)}.childish-theme .info-modal{background-color:#fef3c7;border-radius:1rem;box-shadow:0 5px #fb923c66;border:3px solid #fbbf24}.childish-theme .info-section h3{color:#92400e;font-family:Comic Sans MS,cursive,sans-serif}.childish-theme .info-list li{color:#b45309;font-family:Comic Sans MS,cursive,sans-serif}.childish-theme .info-list li strong{color:#db2777}.childish-theme .modal-header{border-color:#fef3c7;background-color:#fef3c7}.childish-theme .modal-header h2,.childish-theme .modal-close{color:#92400e}.childish-theme .modal-close:hover{background-color:#92410e28;color:#92400e}.childish-theme .modal-content{background-color:#fffbeb}.childish-theme .game-credits{color:#92400e;border-top:1px dashed #fbbf24;font-family:Comic Sans MS,cursive,sans-serif}@media (min-width: 640px){.info-section h3{font-size:1.25rem}.info-list li,.game-credits{font-size:1rem}}@media (prefers-reduced-motion){.info-modal{animation:none!important}}.stats-modal{background-color:#faf8ef;border-radius:.5rem;box-shadow:0 4px 12px #00000026;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.stats-modal.dark{background-color:#1a202c;color:#f7fafc}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width: 480px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stats-modal.dark .stat-item{background-color:#2d3748}.stats-modal.neon .stat-item{background-color:#1e293b;box-shadow:0 0 8px #3b82f64d}.stats-modal.childish .stat-item{background-color:#fef2f2;border-radius:1rem;box-shadow:0 3px #fb923c4d}.stats-modal.neon .stat-item:hover{box-shadow:0 0 12px #3b82f680}.stat-value{font-size:1.5rem;font-weight:700;color:#776e65;margin-bottom:.25rem}.stats-modal.dark .stat-value{color:#f7fafc}.stats-modal.neon .stat-value{color:#10b981;text-shadow:0 0 5px rgba(16,185,129,.5)}.stats-modal.childish .stat-value{color:#f472b6}.stats-modal.dark .stat-label{color:#a0aec0}.stats-modal.neon .stat-label{color:#60a5fa}.stats-modal.childish .stat-label{color:#92400e;font-weight:600}.stats-modal.dark .stats-group h3{border-bottom:1px solid #4a5568;color:#f7fafc}.stats-modal.neon .stats-group h3{border-bottom:1px solid #1e293b;color:#60a5fa;text-shadow:0 0 5px rgba(96,165,250,.5)}.stats-modal.childish .stats-group h3{border-bottom:1px solid #fde68a;color:#92400e}.stats-modal.dark .recent-game{background-color:#2d3748;border-left:4px solid #4a5568}.stats-modal.neon .recent-game{background-color:#1e293b;border-left:4px solid #3b82f6;box-shadow:0 0 5px #3b82f64d}.stats-modal.childish .recent-game{background-color:#fff7ed;border-radius:1rem;border-left:4px solid #f59e0b;box-shadow:0 2px #fb923c33}.stats-modal.dark .game-date{color:#a0aec0}.stats-modal.neon .game-date{color:#60a5fa}.stats-modal.childish .game-date{color:#92400e}.stats-modal.neon .game-result.win{background-color:#10b981;box-shadow:0 0 5px #10b98180}.stats-modal.neon .game-result.loss{background-color:#ef4444;box-shadow:0 0 5px #ef444480}.stats-modal.childish .game-result{border-radius:.75rem}.stats-modal.dark .recent-game-stats,.stats-modal.neon .recent-game-stats{color:#e2e8f0}.stats-modal.childish .recent-game-stats{color:#92400e}.stats-footer{border-top:1px solid #e5e7eb;padding-top:1rem;color:#8f7a66}.stats-modal.dark .stats-footer{border-top:1px solid #4a5568;color:#e2e8f0}.stats-modal.neon .stats-footer{border-top:1px solid #1e293b;color:#e2e8f0}.stats-modal.childish .stats-footer{border-top:1px solid #fde68a;color:#92400e}.time-played{display:flex;justify-content:space-between;align-items:center}.time-played strong{font-weight:600}.stats-modal.neon{background-color:#0f172a;color:#e2e8f0;box-shadow:0 0 20px #3b82f64d}.stats-modal.neon .modal-header{background-color:var(--neon-navbar-bg);border-bottom:1px solid #1e293b}.stats-modal.childish{background-color:#fffbeb;color:#92400e;border-radius:1rem;box-shadow:0 8px #fb923c33}.stats-modal.childish .modal-header{background-color:var(--childish-navbar-bg);color:#92400e;border-bottom:1px solid #fde68a;border-radius:1rem 1rem 0 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 640px){.navbar{flex-direction:row;justify-content:space-between;padding:1rem 1.5rem;align-items:center}.navbar-title{margin-bottom:0;margin-right:1rem}}@media (max-width: 480px){.navbar{flex-direction:row;justify-content:space-between;padding:1rem 1.5rem;margin-bottom:2rem;align-items:center}.navbar-actions{gap:.5rem}.navbar-button{padding:8px;height:36px;width:36px}.settings-modal{width:95%}.modal-header h2{font-size:1.3rem}.theme-options{grid-template-columns:1fr}}.auth-container{background-color:#faf8ef;border-radius:.5rem;box-shadow:0 4px 12px #00000026;width:100%;max-width:420px;margin:0 auto;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-form{padding:1.5rem;padding:1.5rem 2rem 1rem}.auth-form h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#8f7a66;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#776e65}.form-input{width:100%;padding:.75rem;border-radius:.375rem;border:1px solid #d1d5db;background-color:#f9fafb;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:#8f7a66;box-shadow:0 0 0 3px #8f7a6633}.form-input::placeholder{color:#9ca3af}.auth-button{width:100%;padding:.75rem 1rem;border-radius:.375rem;background-color:#8f7a66;color:#fff;font-weight:500;font-size:1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease;margin-top:1rem}.auth-button:hover{background-color:#9f8b77}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-error{background-color:#fee2e2;color:#ef4444;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.9rem}.auth-message{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#776e65}.auth-link{background:none;border:none;color:#8f7a66;font-weight:500;cursor:pointer;padding:0;text-decoration:underline}.auth-link:hover{color:#9f8b77}.spin{animation:spin 1s linear infinite}.auth-modal{background-color:#f0e6d2;border:2px solid #a89984;border-radius:1rem;box-shadow:0 4px 12px #0003;color:#32302f}.modal-content{padding-bottom:0}.classic-theme .auth-modal{background-color:#f0e6d2;border:2px solid #a89984;box-shadow:0 4px 12px #0003;color:#32302f}.classic-theme .auth-form h3{color:#5a4a3a;font-family:serif;border-bottom:1px solid #a89984;padding-bottom:.5rem}.classic-theme .form-group label{color:#4b3621;font-weight:600}.classic-theme .form-input{background-color:#f8f4e9;border:1px solid #a89984;color:#32302f}.classic-theme .form-input:focus{border-color:#7c6f64;box-shadow:0 0 0 3px #7c6f6433}.classic-theme .form-input::placeholder{color:#a89984}.classic-theme .auth-button{background-color:#7c6f64;border:1px solid #5a4a3a;box-shadow:0 2px 4px #0003;font-family:serif}.classic-theme .auth-button:hover{background-color:#665c54}.classic-theme .auth-message{color:#4b3621}.classic-theme .auth-link{color:#7c6f64;text-decoration:underline;font-weight:600}.classic-theme .auth-link:hover{color:#5a4a3a}.classic-theme .auth-error{background-color:wheat;border:1px solid #d5a26f;color:#8b4513}.dark-theme .auth-modal{background-color:#1a202c;color:#e2e8f0;border-radius:1rem}.dark-theme .auth-form h3,.dark-theme .form-group label{color:#e2e8f0}.dark-theme .form-input{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-theme .form-input::placeholder{color:#718096}.dark-theme .form-input:focus{border-color:#4a5568;box-shadow:0 0 0 3px #4a55684d}.dark-theme .auth-button{background-color:#2d3748}.dark-theme .auth-button:hover{background-color:#4a5568}.dark-theme .auth-message{color:#e2e8f0}.dark-theme .auth-link{color:#90cdf4}.dark-theme .auth-error{background-color:#ef444433;color:#f87171}.neon-theme .auth-modal{background-color:#0f172a;color:#e2e8f0;box-shadow:0 0 20px #3b82f64d;border:1px solid rgba(0,255,255,.2);border-radius:1rem}.neon-theme .auth-form h3{color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5)}.neon-theme .form-group label{color:#7df9ff}.neon-theme .form-input{background-color:#0f172acc;border:1px solid rgba(0,255,255,.3);color:#e2e8f0;box-shadow:0 0 5px #00bfff33}.neon-theme .form-input:focus{border-color:#0ff;box-shadow:0 0 8px #0ff6}.neon-theme .form-input::placeholder{color:#e2e8f099}.neon-theme .auth-button{background-color:#ff00ffb3;box-shadow:0 0 10px #ff00ff80;border:1px solid rgba(255,0,255,.3)}.neon-theme .auth-button:hover{background-color:#ff10f0cc;box-shadow:0 0 15px #ff10f0b3}.neon-theme .auth-message{color:#7df9ff}.neon-theme .auth-link{color:#f0f;text-shadow:0 0 3px rgba(255,0,255,.5)}.neon-theme .auth-error{background-color:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;box-shadow:0 0 8px #ef44444d}.childish-theme .auth-modal{background-color:#fffbeb;color:#92400e;border-radius:1rem;box-shadow:0 8px #fb923c33;border:3px solid #fbbf24;font-family:Comic Sans MS,cursive,sans-serif}.childish-theme .auth-form h3,.childish-theme .form-group label{color:#92400e}.childish-theme .form-input{background-color:#fef3c7;border:2px solid #fbbf24;border-radius:1rem;color:#92400e}.childish-theme .form-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b4d}.childish-theme .auth-button{background-color:#38bdf8;border-radius:1rem;box-shadow:0 3px #0284c7}.childish-theme .auth-button:hover{background-color:#0ea5e9;transform:translateY(1px);box-shadow:0 2px #0284c7}.childish-theme .auth-message{color:#92400e}.childish-theme .auth-link{color:#f97316}.childish-theme .auth-error{background-color:#fee2e2;border:2px solid #fca5a5;border-radius:1rem;color:#ef4444}@media (max-width: 480px){.auth-modal{width:95%}.auth-form{padding:1rem}.auth-form h3{font-size:1.3rem}}.profile-modal{background-color:#faf8ef;border-radius:.5rem;box-shadow:0 4px 12px #00000026;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;animation:pop-in .3s ease}.profile-content{display:flex;flex-direction:column}.user-profile-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.user-info{display:flex;gap:1.5rem;align-items:center;margin-bottom:1rem}.avatar-container{flex-shrink:0}.avatar-placeholder{background-color:#8f7a66;color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.user-details{flex:1}.user-details h3{margin:0 0 .25rem;font-size:1.25rem;color:#776e65}.username{margin:0;color:#8f7a66;font-size:.9rem}.profile-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;background-color:#eee4da;color:#776e65}.profile-btn:hover{background-color:#f3e2cd}.logout-btn{background-color:#f87171;color:#fff}.logout-btn:hover{background-color:#ef4444}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:15px}.refresh-btn{background:none;border:none;cursor:pointer;padding:10px;margin-right:10px;border-radius:50%;color:#fff}.refresh-btn:hover{background-color:#ffffff1a}.stats-container{margin-bottom:1.5rem}.stats-container h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0;color:#8f7a66}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{background-color:#eee4da;border-radius:.5rem;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-item:hover{transform:translateY(-3px);box-shadow:0 5px 10px #0000001a}.stat-value{font-size:1.25rem;font-weight:700;color:#776e65;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:#8f7a66;text-transform:uppercase;letter-spacing:.05em}.stats-group{margin-bottom:1.5rem}.stats-group h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;color:#8f7a66}.recent-games{display:flex;flex-direction:column;gap:.75rem}.recent-game{background-color:#f8f5f0;border-radius:.5rem;padding:.75rem 1rem;border-left:4px solid #bbada0}.recent-game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.game-date{font-size:.85rem;color:#776e65}.game-result{font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:1rem;text-transform:uppercase}.game-result.win{background-color:#edc22e;color:#fff}.game-result.loss{background-color:#f87171;color:#fff}.recent-game-stats{display:flex;justify-content:space-between;font-size:.85rem;color:#776e65}.no-games{padding:1rem;text-align:center;color:#8f7a66;background-color:#f8f5f0;border-radius:.5rem;font-size:.9rem}.stats-footer{padding:1rem 0;padding-bottom:0;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.time-played{display:flex;justify-content:space-between;align-items:center;width:100%}.time-played span{flex-shrink:0}.time-played strong{padding-left:.5rem;font-weight:600;margin-left:auto}.profile-modal.dark{background-color:#1a202c;color:#f7fafc}.profile-modal.dark .modal-header{border-bottom:1px solid #4a5568;background-color:#4a5568}.profile-modal.dark .modal-header h2{color:#f7fafc}.profile-modal.dark .refresh-btn{color:#a0aec0}.profile-modal.dark .refresh-btn:hover{background-color:#a0aec014}.profile-modal.dark .modal-close{color:#a0aec0}.profile-modal.dark .modal-close:hover{color:#f7fafc}.profile-modal.dark .user-profile-section{border-bottom:1px solid #4a5568}.profile-modal.dark .avatar-placeholder{background-color:#4a5568}.profile-modal.dark .user-details h3{color:#f7fafc}.profile-modal.dark .username{color:#a0aec0}.profile-modal.dark .profile-btn{background-color:#2d3748;color:#e2e8f0}.profile-modal.dark .profile-btn:hover{background-color:#4a5568}.profile-modal.dark .logout-btn{background-color:#ef4444;color:#fff}.profile-modal.dark .logout-btn:hover{background-color:#dc2626}.profile-modal.dark .stats-container h3{color:#f7fafc}.profile-modal.dark .stat-item{background-color:#2d3748}.profile-modal.dark .stat-value{color:#f7fafc}.profile-modal.dark .stat-label{color:#a0aec0}.profile-modal.dark .stats-group h3{color:#f7fafc;border-bottom:1px solid #4a5568}.profile-modal.dark .recent-game{background-color:#2d3748;border-left:4px solid #4a5568}.profile-modal.dark .game-date{color:#a0aec0}.profile-modal.dark .recent-game-stats{color:#e2e8f0}.profile-modal.dark .no-games{background-color:#2d3748;color:#a0aec0}.profile-modal.dark .stats-footer{border-top:1px solid #4a5568}.profile-modal.dark .time-played{color:#a0aec0}.profile-modal.dark .time-played strong{color:#f7fafc}.profile-modal.neon{background-color:#0f172a;color:#e2e8f0;box-shadow:0 0 20px #3b82f64d}.profile-modal.neon .modal-header{border-bottom:1px solid #1e293b;background-color:#1e293b}.profile-modal.neon .modal-header h2{color:#60a5fa;text-shadow:0 0 5px rgba(96,165,250,.5)}.profile-modal.neon .refresh-btn{color:#60a5fa}.profile-modal.neon .refresh-btn:hover{background-color:#60a5fa14}.profile-modal.neon .modal-close{color:#60a5fa}.profile-modal.neon .modal-close:hover{color:#3b82f6;text-shadow:0 0 8px rgba(59,130,246,.6);background-color:#60a5fa14}.profile-modal.neon .user-profile-section{border-bottom:1px solid #1e293b}.profile-modal.neon .avatar-placeholder{background-color:#3b82f6;box-shadow:0 0 15px #3b82f699}.profile-modal.neon .user-details h3{color:#60a5fa;text-shadow:0 0 5px rgba(96,165,250,.5)}.profile-modal.neon .username{color:#7df9ff}.profile-modal.neon .profile-btn{background-color:#1e293b;color:#60a5fa;box-shadow:0 0 8px #3b82f64d}.profile-modal.neon .profile-btn:hover{background-color:#0f172a;box-shadow:0 0 12px #3b82f680}.profile-modal.neon .logout-btn{background-color:#ef4444;color:#fff;box-shadow:0 0 8px #ef444480}.profile-modal.neon .logout-btn:hover{background-color:#dc2626;box-shadow:0 0 12px #dc262699}.profile-modal.neon .stats-container h3{color:#60a5fa;text-shadow:0 0 5px rgba(96,165,250,.5)}.profile-modal.neon .stat-item{background-color:#1e293b;box-shadow:0 0 8px #3b82f64d}.profile-modal.neon .stat-item:hover{box-shadow:0 0 12px #3b82f680}.profile-modal.neon .stat-value{color:#10b981;text-shadow:0 0 5px rgba(59,130,246,.5)}.profile-modal.neon .stat-label{color:#60a5fa}.profile-modal.neon .stats-group h3{color:#60a5fa;text-shadow:0 0 5px rgba(96,165,250,.5);border-bottom:1px solid #1e293b}.profile-modal.neon .recent-game{background-color:#1e293b;border-left:4px solid #3b82f6;box-shadow:0 0 5px #3b82f64d}.profile-modal.neon .game-date{color:#60a5fa}.profile-modal.neon .game-result.win{background-color:#10b981;box-shadow:0 0 5px #10b98180}.profile-modal.neon .game-result.loss{background-color:#ef4444;box-shadow:0 0 5px #ef444480}.profile-modal.neon .recent-game-stats{color:#e2e8f0}.profile-modal.neon .no-games{background-color:#1e293b;color:#60a5fa}.profile-modal.neon .stats-footer{border-top:1px solid #1e293b}.profile-modal.neon .time-played{color:#7df9ff}.profile-modal.neon .time-played strong{color:#60a5fa}.profile-modal.childish{background-color:#fffbeb;color:#92400e;border-radius:1rem;box-shadow:0 8px #fb923c33}.profile-modal.childish .modal-header{border-bottom:1px solid #fde68a;border-radius:1rem 1rem 0 0;background-color:#fef3c7}.profile-modal.childish .modal-header h2{color:#92400e;font-family:Comic Neue,Comic Sans MS,cursive,sans-serif}.profile-modal.childish .refresh-btn{color:#92400e}.profile-modal.childish .refresh-btn:hover{background-color:#92410e14}.profile-modal.childish .modal-close{color:#92400e}.profile-modal.childish .modal-close:hover{background-color:#92410e14}.profile-modal.childish .user-profile-section{border-bottom:1px solid #fde68a}.profile-modal.childish .avatar-placeholder{background-color:#f59e0b;border:3px solid #fde68a}.profile-modal.childish .user-details h3,.profile-modal.childish .username{color:#92400e;font-family:Comic Sans MS,cursive,sans-serif}.profile-modal.childish .profile-btn{background-color:#fef2f2;color:#92400e;border-radius:1rem;box-shadow:0 3px #fb923c4d;font-family:Comic Sans MS,cursive,sans-serif}.profile-modal.childish .profile-btn:hover{background-color:#fee2e2}.profile-modal.childish .logout-btn{background-color:#ff4a4a;color:#fff;border-radius:1rem;box-shadow:0 3px #bb2d2d;font-family:Comic Sans MS,cursive,sans-serif}.profile-modal.childish .logout-btn:hover{background-color:#d83333;transform:translateY(1px);box-shadow:0 2px #bb2d2d}.profile-modal.childish .stats-container h3{color:#92400e;font-family:Comic Neue,Comic Sans MS,cursive,sans-serif}.profile-modal.childish .stat-item{background-color:#fef2f2;border-radius:1rem;box-shadow:0 3px #fb923c4d}.profile-modal.childish .stat-value{color:#f472b6;font-family:Comic Neue,Comic Sans MS,cursive,sans-serif}.profile-modal.childish .stat-label{color:#92400e;font-family:Comic Neue,Comic Sans MS,cursive,sans-serif}.profile-modal.childish .stats-group h3{color:#92400e;font-family:Comic Neue,Comic Sans MS,cursive,sans-serif;border-bottom:1px solid #fde68a}.profile-modal.childish .recent-game{background-color:#fff7ed;border-radius:1rem;border-left:4px solid #f59e0b;box-shadow:0 2px #fb923c33}.profile-modal.childish .game-date{color:#92400e}.profile-modal.childish .game-result{border-radius:.75rem}.profile-modal.childish .recent-game-stats{color:#92400e}.profile-modal.childish .no-games{background-color:#fff7ed;color:#92400e;border-radius:1rem}.profile-modal.childish .stats-footer{border-top:1px solid #fde68a}.profile-modal.childish .time-played{color:#92400e;font-family:Comic Sans MS,cursive,sans-serif}.profile-modal.childish .time-played strong{color:#92400e}@media (max-width: 640px){.user-info{flex-direction:column;align-items:center;gap:1rem;text-align:center}.user-details{display:flex;flex-direction:column;align-items:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-actions{justify-content:center}.recent-game-info{flex-direction:column;align-items:flex-start;gap:.5rem}.recent-game-stats{flex-direction:column;gap:.5rem;width:100%;justify-content:space-between}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-modal{width:95%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.settings-modal{background-color:#faf8ef;border-radius:.5rem;box-shadow:0 4px 12px #00000026;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:pop-in .3s ease}.settings-modal.dark{background-color:#1a202c;color:#f7fafc}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#bbada0;color:#fff;border-radius:.5rem .5rem 0 0}.settings-modal.dark .modal-header{border-bottom:1px solid #4a5568;background-color:#2d3748}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.modal-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close:hover{background-color:#fff3}.settings-group{margin-bottom:2rem}.settings-group:last-child{margin-bottom:0}.settings-group h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;color:#8f7a66}.settings-modal.dark .settings-group h3{border-bottom:1px solid #4a5568;color:#f7fafc}.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.theme-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:transform .2s,background-color .2s}.theme-option:hover{background-color:#f3f4f6;transform:translateY(-2px)}.settings-modal.dark .theme-option:hover{background-color:#2d3748}.theme-option.selected{background-color:#e5e7eb;outline:2px solid #8f7a66}.settings-modal.dark .theme-option.selected{background-color:#374151;outline:2px solid #6b7280}.theme-preview{width:100%;height:60px;border-radius:.375rem;margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.theme-option span{font-weight:500;font-size:.9rem}.classic-preview{background-color:#faf8ef;border:1px solid #e5e7eb}.classic-preview:before{content:"";position:absolute;width:30px;height:30px;background-color:#edc22e;border-radius:3px}.dark-preview{background-color:#1f2937;border:1px solid #374151}.dark-preview:before{content:"";position:absolute;width:30px;height:30px;background-color:#6366f1;border-radius:3px}.neon-preview{background-color:#0f172a;border:1px solid #1e293b;box-shadow:0 0 8px #4f46e5 inset}.neon-preview:before{content:"";position:absolute;width:30px;height:30px;background-color:#10b981;border-radius:3px;box-shadow:0 0 10px #10b981}.childish-preview{background-color:#fef2f2;border:1px solid #fee2e2;background-image:radial-gradient(#fca5a5 2px,transparent 2px),radial-gradient(#fca5a5 2px,transparent 2px);background-size:30px 30px;background-position:0 0,15px 15px}.childish-preview:before{content:"";position:absolute;width:30px;height:30px;background-color:#f472b6;border-radius:50%}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-row:last-child{margin-bottom:0}.setting-row label{font-weight:500}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#8f7a66}input:focus+.toggle-slider{box-shadow:0 0 1px #8f7a66}input:checked+.toggle-slider:before{transform:translate(24px)}.settings-select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem;font-size:.9rem;min-width:120px;cursor:pointer}.settings-modal.dark .settings-select{background-color:#2d3748;border-color:#4a5568;color:#f7fafc}.settings-modal.neon{background-color:#0f172a;color:#e2e8f0;box-shadow:0 0 20px #3b82f64d}.settings-modal.neon .modal-header{background-color:var(--neon-navbar-bg);border-bottom:1px solid #1e293b}.settings-modal.neon .settings-group h3{border-bottom:1px solid #1e293b;color:#60a5fa}.settings-modal.neon .modal-footer{background-color:#0f172a;border-top:1px solid #1e293b}.settings-modal.childish{background-color:#fffbeb;color:#92400e;border-radius:1rem;box-shadow:0 8px #fb923c33}.settings-modal.childish .modal-header{background-color:var(--childish-navbar-bg);color:#92400e;border-bottom:1px solid #fde68a;border-radius:1rem 1rem 0 0}.settings-modal.childish .settings-group h3{border-bottom:1px solid #fde68a;color:#92400e}.settings-modal.childish .modal-footer{background-color:#fffbeb;border-top:1px solid #fde68a;border-radius:0 0 1rem 1rem}@media (max-width: 480px){.settings-modal{width:95%}.modal-header h2{font-size:1.3rem}.theme-options{grid-template-columns:1fr}}.settings-footer{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.settings-modal.dark .settings-footer{border-top:1px solid #4a5568}.settings-status{margin-bottom:1rem;text-align:center;height:20px;font-size:.9rem}.save-status{color:#047857}.settings-modal.dark .save-status{color:#10b981}.save-error{color:#dc2626}.save-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#8f7a66;color:#fff;border:none;width:100%;max-width:200px}.save-button:hover{background-color:#7c6955;transform:translateY(-2px)}.save-button:active{transform:translateY(0)}.save-button:disabled{opacity:.7;cursor:not-allowed}.save-button.saving{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.settings-modal.dark .save-button{background-color:#4f46e5;color:#fff}.settings-modal.dark .save-button:hover{background-color:#4338ca;box-shadow:0 4px 6px -1px #4f46e54d}.settings-modal.neon .save-button{background-color:#10b981;color:#fff;box-shadow:0 0 10px #10b981b3;border:1px solid #059669}.settings-modal.neon .save-button:hover{background-color:#059669;box-shadow:0 0 15px #10b981e6}.settings-modal.childish .save-button{background-color:#f472b6;color:#fff;border-radius:999px;box-shadow:0 4px #db2777;transform:translateY(0)}.settings-modal.childish .save-button:hover{background-color:#ec4899;transform:translateY(-2px);box-shadow:0 6px #db2777}.settings-modal.childish .save-button{background-color:#ff5aaf;color:#fff;border-radius:1rem;box-shadow:0 3px #b32062;font-family:Comic Sans MS,cursive,sans-serif}.settings-modal.childish .save-button:hover{background-color:#ec4899;transform:translateY(1px);box-shadow:0 2px #db2777}@media (max-width: 480px){.save-button{width:100%;max-width:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.leaderboard-modal{background-color:#faf8ef;border-radius:.5rem;box-shadow:0 4px 12px #00000026;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;animation:pop-in .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;color:#776e65}.modal-actions{display:flex;align-items:center}.refresh-btn{background:none;border:none;cursor:pointer;color:#8f7a66;display:flex;align-items:center;justify-content:center;padding:.5rem;margin-right:.5rem;border-radius:50%}.refresh-btn:hover{background-color:#8f7a661a}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.modal-close{background:none;border:none;cursor:pointer;color:#8f7a66;display:flex;align-items:center;justify-content:center;padding:.25rem}.modal-close:hover{color:#776e65}.modal-content{padding:1.5rem}.leaderboard-content{display:flex;flex-direction:column}.category-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.category-btn{padding:.5rem 1rem;border:none;background-color:#eee4da;color:#776e65;border-radius:1rem;cursor:pointer;transition:all .2s ease;font-family:Quicksand,Helvetica Neue,Arial,sans-serif;font-size:.9rem}.category-btn:hover{background-color:#ede0c8}.category-btn.active{background-color:#8f7a66;color:#fff}.leaderboard-table-container{margin-bottom:1.5rem;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.95rem}.leaderboard-table thead th{padding:.75rem 1rem;text-align:left;color:#776e65;border-bottom:2px solid #ede0c8;font-weight:600}.leaderboard-table tbody td{padding:.75rem 1rem;border-bottom:1px solid #ede0c8}.rank-col{width:80px;text-align-last:center}.player-col{min-width:180px}.score-col,.tile-col,.wins-col,.games-col,.winrate-col{width:100px;text-align-last:right}.rank-cell{text-align:center}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#bbada0;color:#fff;font-weight:700}.rank-1{background-color:#edc22e;box-shadow:0 2px 5px #edc22e80}.rank-2{background-color:silver;box-shadow:0 2px 5px #c0c0c080}.rank-3{background-color:#cd7f32;box-shadow:0 2px 5px #cd7f3280}.player-cell{min-width:150px}.player-info{display:flex;align-items:center;gap:.75rem}.avatar-placeholder{background-color:#8f7a66;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.player-name{display:flex;flex-direction:column}.username{font-weight:600;color:#776e65}.score-cell,.tile-cell,.wins-cell,.games-cell,.winrate-cell{font-weight:600;color:#92400e;text-align:right}.top-rank td{background-color:#edc22e0d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #8f7a66;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#776e65}.error-message{text-align:center;color:#e74c3c;padding:20px}.retry-btn{margin-top:1rem;padding:.5rem 1rem;background-color:#8f7a66;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.retry-btn:hover{background-color:#776e65}.leaderboard-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb}.leaderboard-footer p{margin:0;color:#776e65;font-size:.9rem}.view-all-btn{padding:.5rem 1rem;background-color:#8f7a66;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-family:Quicksand,Helvetica Neue,Arial,sans-serif;font-size:.9rem}.view-all-btn:hover{background-color:#776e65}.leaderboard-modal.dark{background-color:#1a202c;color:#f7fafc}.leaderboard-modal.dark .modal-header{border-bottom:1px solid #4a5568;background-color:#4a5568}.leaderboard-modal.dark .modal-header h2{color:#f7fafc}.leaderboard-modal.dark .refresh-btn{color:#a0aec0}.leaderboard-modal.dark .refresh-btn:hover{background-color:#a0aec01a}.leaderboard-modal.dark .modal-close{color:#a0aec0}.leaderboard-modal.dark .modal-close:hover{color:#f7fafc}.leaderboard-modal.dark .category-btn{background-color:#2d3748;color:#e2e8f0}.leaderboard-modal.dark .category-btn:hover{background-color:#4a5568}.leaderboard-modal.dark .category-btn.active{background-color:#a0aec0;color:#1a202c}.leaderboard-modal.dark .leaderboard-table thead th{color:#f7fafc;border-bottom:2px solid #4a5568}.leaderboard-modal.dark .leaderboard-table tbody td{border-bottom:1px solid #4a5568}.leaderboard-modal.dark .rank-badge,.leaderboard-modal.dark .avatar-placeholder{background-color:#4a5568}.leaderboard-modal.dark .username{color:#f7fafc}.leaderboard-modal.dark .score-cell,.leaderboard-modal.dark .games-cell,.leaderboard-modal.dark .tile-cell,.leaderboard-modal.dark .wins-cell,.leaderboard-modal.dark .winrate-cell{color:#e2e8f0}.leaderboard-modal.dark .top-rank td{background-color:#a0aec00d}.leaderboard-modal.dark .loading-spinner{border-top-color:#a0aec0}.leaderboard-modal.dark .loading-container p{color:#e2e8f0}.leaderboard-modal.dark .error-message{color:#fc8181}.leaderboard-modal.dark .retry-btn{background-color:#4a5568}.leaderboard-modal.dark .retry-btn:hover{background-color:#2d3748}.leaderboard-modal.dark .leaderboard-footer{border-top:1px solid #4a5568}.leaderboard-modal.dark .leaderboard-footer p{color:#a0aec0}.leaderboard-modal.dark .view-all-btn{background-color:#4a5568}.leaderboard-modal.dark .view-all-btn:hover{background-color:#2d3748}.leaderboard-modal.neon{background-color:#0f172a;color:#e2e8f0;box-shadow:0 0 20px #3b82f64d}.leaderboard-modal.neon .modal-header{border-bottom:1px solid #1e293b;background-color:#1e293b}.leaderboard-modal.neon .modal-header h2{color:#60a5fa;text-shadow:0 0 5px rgba(96,165,250,.5)}.leaderboard-modal.neon .refresh-btn{color:#60a5fa}.leaderboard-modal.neon .refresh-btn:hover{background-color:#60a5fa1a}.leaderboard-modal.neon .modal-close{color:#60a5fa}.leaderboard-modal.neon .modal-close:hover{color:#3b82f6;text-shadow:0 0 8px rgba(59,130,246,.6)}.leaderboard-modal.neon .category-btn{background-color:#1e293b;color:#60a5fa;box-shadow:0 0 8px #3b82f64d}.leaderboard-modal.neon .category-btn:hover{background-color:#0f172a;box-shadow:0 0 12px #3b82f680}.leaderboard-modal.neon .category-btn.active{background-color:#3b82f6;color:#0f172a;box-shadow:0 0 12px #3b82f6b3}.leaderboard-modal.neon .leaderboard-table thead th{color:#60a5fa;border-bottom:2px solid #1e293b;text-shadow:0 0 5px rgba(96,165,250,.5)}.leaderboard-modal.neon .leaderboard-table tbody td{border-bottom:1px solid #1e293b}.leaderboard-modal.neon .rank-badge{background-color:#1e293b;box-shadow:0 0 8px #3b82f64d}.leaderboard-modal.neon .rank-1{background-color:#f59e0b;box-shadow:0 0 10px #f59e0bb3}.leaderboard-modal.neon .rank-2{background-color:#60a5fa;box-shadow:0 0 10px #60a5fab3}.leaderboard-modal.neon .rank-3{background-color:#10b981;box-shadow:0 0 10px #10b981b3}.leaderboard-modal.neon .avatar-placeholder{background-color:#3b82f6;box-shadow:0 0 10px #3b82f680}.leaderboard-modal.neon .username{color:#60a5fa;text-shadow:0 0 2px rgba(96,165,250,.5)}.leaderboard-modal.neon .score-cell,.leaderboard-modal.neon .games-cell,.leaderboard-modal.neon .tile-cell,.leaderboard-modal.neon .wins-cell,.leaderboard-modal.neon .winrate-cell{color:#10b981;text-shadow:0 0 2px rgba(16,185,129,.5)}.leaderboard-modal.neon .top-rank td{background-color:#3b82f60d}.leaderboard-modal.neon .loading-spinner{border-top-color:#3b82f6;box-shadow:0 0 10px #3b82f680}.leaderboard-modal.neon .loading-container p{color:#60a5fa;text-shadow:0 0 2px rgba(96,165,250,.5)}.leaderboard-modal.neon .error-message{color:#f87171;text-shadow:0 0 2px rgba(248,113,113,.5)}.leaderboard-modal.neon .retry-btn{background-color:#3b82f6;box-shadow:0 0 8px #3b82f680}.leaderboard-modal.neon .retry-btn:hover{background-color:#2563eb;box-shadow:0 0 12px #2563ebb3}.leaderboard-modal.neon .leaderboard-footer{border-top:1px solid #1e293b}.leaderboard-modal.neon .leaderboard-footer p{color:#7df9ff}.leaderboard-modal.neon .view-all-btn{background-color:#3b82f6;box-shadow:0 0 8px #3b82f680}.leaderboard-modal.neon .view-all-btn:hover{background-color:#2563eb;box-shadow:0 0 12px #2563ebb3}.leaderboard-modal.childish{background-color:#fffbeb;color:#92400e;border-radius:1rem;box-shadow:0 8px #fb923c33;font-family:Comic Sans MS,cursive,sans-serif}.leaderboard-modal.childish .modal-header{border-bottom:1px solid #fde68a;border-radius:1rem 1rem 0 0;background-color:#fef3c7}.leaderboard-modal.childish .modal-header h2{color:#92400e;font-family:Comic Sans MS,cursive,sans-serif}.leaderboard-modal.childish .refresh-btn{color:#92400e}.leaderboard-modal.childish .refresh-btn:hover{background-color:#92400e1a}.leaderboard-modal.childish .modal-close{color:#92400e}.leaderboard-modal.childish .modal-close:hover{background-color:#92400e1a}.leaderboard-modal.childish .category-btn{background-color:#fef2f2;color:#92400e;border-radius:1rem;box-shadow:0 3px #fb923c4d;font-family:Comic Sans MS,cursive,sans-serif}.leaderboard-modal.childish .category-btn:hover{background-color:#fee2e2}.leaderboard-modal.childish .category-btn.active{background-color:#f59e0b;color:#fff;box-shadow:0 3px #f59e0b80}.leaderboard-modal.childish .leaderboard-table thead th{color:#92400e;border-bottom:2px solid #fde68a;font-family:Comic Sans MS,cursive,sans-serif}.leaderboard-modal.childish .leaderboard-table tbody td{border-bottom:1px solid #fde68a}.leaderboard-modal.childish .rank-badge{background-color:#fdba74;box-shadow:0 3px #fb923c4d}.leaderboard-modal.childish .rank-1{background-color:#fbbf24;box-shadow:0 3px #fbbf2480}.leaderboard-modal.childish .rank-2{background-color:#a8a29e;box-shadow:0 3px #a8a29e80}.leaderboard-modal.childish .rank-3{background-color:#d97706;box-shadow:0 3px #d9770680}.leaderboard-modal.childish .avatar-placeholder{background-color:#f59e0b;border:2px solid #fde68a}.leaderboard-modal.childish .username,.leaderboard-modal.childish .score-cell,.leaderboard-modal.childish .games-cell{color:#92400e}.leaderboard-modal.childish .top-rank td{background-color:#fbbf241a}.leaderboard-modal.childish .loading-spinner{border-top-color:#f59e0b}.leaderboard-modal.childish .loading-container p{color:#92400e}.leaderboard-modal.childish .error-message{color:#ef4444}.leaderboard-modal.childish .retry-btn{background-color:#f59e0b;color:#fff;border-radius:1rem;box-shadow:0 3px #f59e0b80;font-family:Comic Sans MS,cursive,sans-serif}.leaderboard-modal.childish .retry-btn:hover{background-color:#d97706}.leaderboard-modal.childish .leaderboard-footer{border-top:1px solid #fde68a}.leaderboard-modal.childish .leaderboard-footer p{color:#92400e}.leaderboard-modal.childish .view-all-btn{background-color:#f59e0b;color:#fff;border-radius:1rem;box-shadow:0 3px #f59e0b80;font-family:Comic Sans MS,cursive,sans-serif}.leaderboard-modal.childish .view-all-btn:hover{background-color:#d97706}@media (max-width: 640px){.category-selector{flex-direction:column;gap:.5rem}.category-btn{width:100%}.leaderboard-footer{flex-direction:column;gap:1rem;text-align:center}.view-all-btn{width:100%}.player-info{gap:.5rem}.leaderboard-table thead th,.leaderboard-table tbody td{padding:.5rem}}@media (max-width: 480px){.leaderboard-modal{width:95%}.rank-col,.score-col,.games-col{width:auto}.player-col{min-width:120px}.avatar-placeholder{width:24px;height:24px;font-size:.7rem}.username,.score-cell,.games-cell{font-size:.9rem}}:root{--classic-grid-cell-bg: #cdc1b4;--classic-text: #776e65;--classic-tile-2: #eee4da;--classic-tile-4: #ede0c8;--classic-tile-8: #f2b179;--classic-tile-16: #f59563;--classic-tile-32: #f67c5f;--classic-tile-64: #f65e3b;--classic-tile-128: #edcf72;--classic-tile-256: #edcc61;--classic-tile-512: #edc850;--classic-tile-1024: #edc53f;--classic-tile-2048: #edc22e;--classic-tile-4096: #ebb408;--classic-tile-8192: #e69708;--classic-tile-16384: #e07e00;--dark-grid-cell-bg: #2d3748;--dark-text: #e2e8f0;--dark-tile-2: #4a5568;--dark-tile-4: #718096;--dark-tile-8: #3182ce;--dark-tile-16: #2b6cb0;--dark-tile-32: #805ad5;--dark-tile-64: #6b46c1;--dark-tile-128: #d69e2e;--dark-tile-256: #c05621;--dark-tile-512: #9c4221;--dark-tile-1024: #7b341e;--dark-tile-2048: #652b19;--dark-tile-4096: #543214;--dark-tile-8192: #42280f;--dark-tile-16384: #30200a;--neon-grid-cell-bg: #0f172a;--neon-tile-2: #00ffff;--neon-tile-4: #00bfff;--neon-tile-8: #7df9ff;--neon-tile-16: #39ff14;--neon-tile-32: #00ff7f;--neon-tile-64: #ff00ff;--neon-tile-128: #ff10f0;--neon-tile-256: #ff3131;--neon-tile-512: #ff8700;--neon-tile-1024: #daff00;--neon-tile-2048: #ffff00;--neon-tile-4096: #ff9500;--neon-tile-8192: #ff1e00;--neon-tile-16384: #bd00ff;--childish-grid-cell-bg: #fef3c7;--childish-text: #92400e;--childish-tile-2: #fef9c3;--childish-tile-4: #fde68a;--childish-tile-8: #ffeb3b;--childish-tile-16: #fbcfe8;--childish-tile-32: #f9a8d4;--childish-tile-64: #ff64b2;--childish-tile-128: #bce8ff;--childish-tile-256: #8ddbff;--childish-tile-512: #62d0ff;--childish-tile-1024: #c4b5fd;--childish-tile-2048: #a78bfa;--childish-tile-4096: #8b5cf6;--childish-tile-8192: #7c3aed;--childish-tile-16384: #6d28d9}.game-tile{width:100%;height:0;padding-bottom:100%;border-radius:.375rem;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.tile-moving{position:absolute;animation:tile-slide .2s ease-in-out forwards;z-index:15}@keyframes tile-slide{0%{transform:translate(var(--start-x, 0px),var(--start-y, 0px))}to{transform:translate(var(--end-x, 0px),var(--end-y, 0px))}}.dark-theme .tile-moving{animation-timing-function:cubic-bezier(.33,1,.68,1)}.neon-theme .tile-moving{animation-timing-function:cubic-bezier(.22,1,.36,1);filter:brightness(1.1)}.childish-theme .tile-moving{animation-timing-function:cubic-bezier(.34,1.2,.64,1)}.tile-value{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-weight:700;transition:color .3s ease}.font-large{font-size:2rem}.font-medium{font-size:1.5rem}.font-small{font-size:1.25rem}.font-xsmall{font-size:1rem}.tile-empty{background-color:var(--classic-grid-cell-bg);transition:background-color .3s ease}.dark-theme .tile-empty{background-color:var(--dark-grid-cell-bg)}.neon-theme .tile-empty{background-color:var(--neon-grid-cell-bg);box-shadow:inset 0 0 4px #4299e14d}.childish-theme .tile-empty{background-color:var(--childish-grid-cell-bg);border-radius:1rem}.tile-2{background-color:var(--classic-tile-2);color:var(--classic-text);transition:background-color .3s ease,color .3s ease}.tile-4{background-color:var(--classic-tile-4);color:var(--classic-text);transition:background-color .3s ease,color .3s ease}.tile-8{background-color:var(--classic-tile-8);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-16{background-color:var(--classic-tile-16);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-32{background-color:var(--classic-tile-32);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-64{background-color:var(--classic-tile-64);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-128{background-color:var(--classic-tile-128);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-256{background-color:var(--classic-tile-256);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-512{background-color:var(--classic-tile-512);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-1024{background-color:var(--classic-tile-1024);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-2048{background-color:var(--classic-tile-2048);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-4096{background-color:var(--classic-tile-4096);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-8192{background-color:var(--classic-tile-8192);color:#fff;transition:background-color .3s ease,color .3s ease}.tile-16384{background-color:var(--classic-tile-16384);color:#fff;transition:background-color .3s ease,color .3s ease}.dark-theme .tile-2{background-color:var(--dark-tile-2);color:var(--dark-text);box-shadow:0 2px 4px #0000004d}.dark-theme .tile-4{background-color:var(--dark-tile-4);color:var(--dark-text);box-shadow:0 2px 4px #0000004d}.dark-theme .tile-8{background-color:var(--dark-tile-8);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-16{background-color:var(--dark-tile-16);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-32{background-color:var(--dark-tile-32);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-64{background-color:var(--dark-tile-64);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-128{background-color:var(--dark-tile-128);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-256{background-color:var(--dark-tile-256);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-512{background-color:var(--dark-tile-512);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-1024{background-color:var(--dark-tile-1024);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-2048{background-color:var(--dark-tile-2048);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-4096{background-color:var(--dark-tile-4096);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-8192{background-color:var(--dark-tile-8192);color:#fff;box-shadow:0 2px 4px #0000004d}.dark-theme .tile-16384{background-color:var(--dark-tile-16384);color:#fff;box-shadow:0 2px 4px #0000004d}.neon-theme .tile-2{background-color:var(--neon-tile-2);color:#000;box-shadow:0 0 12px #00ffffb3}.neon-theme .tile-4{background-color:var(--neon-tile-4);color:#000;box-shadow:0 0 12px #00bfffb3}.neon-theme .tile-8{background-color:var(--neon-tile-8);color:#000;box-shadow:0 0 12px #7df9ffb3}.neon-theme .tile-16{background-color:var(--neon-tile-16);color:#000;box-shadow:0 0 12px #39ff14b3}.neon-theme .tile-32{background-color:var(--neon-tile-32);color:#000;box-shadow:0 0 12px #00ff7fb3}.neon-theme .tile-64{background-color:var(--neon-tile-64);color:#fff;box-shadow:0 0 12px #ff00ffb3}.neon-theme .tile-128{background-color:var(--neon-tile-128);color:#fff;box-shadow:0 0 12px #ff10f0b3}.neon-theme .tile-256{background-color:var(--neon-tile-256);color:#fff;box-shadow:0 0 12px #ff3131b3}.neon-theme .tile-512{background-color:var(--neon-tile-512);color:#000;box-shadow:0 0 12px #ff8700b3}.neon-theme .tile-1024{background-color:var(--neon-tile-1024);color:#000;box-shadow:0 0 14px #daff00b3}.neon-theme .tile-2048{background-color:var(--neon-tile-2048);color:#000;box-shadow:0 0 14px #ffff00b3}.neon-theme .tile-4096{background-color:var(--neon-tile-4096);color:#000;box-shadow:0 0 14px #ff9500b3}.neon-theme .tile-8192{background-color:var(--neon-tile-8192);color:#fff;box-shadow:0 0 14px #ff1e00b3}.neon-theme .tile-16384{background-color:var(--neon-tile-16384);color:#fff;box-shadow:0 0 16px #bd00ffcc}.childish-theme .game-tile{border-radius:1rem}.childish-theme .tile-2{background-color:var(--childish-tile-2);color:var(--childish-text);box-shadow:0 3px #fb923c66}.childish-theme .tile-4{background-color:var(--childish-tile-4);color:var(--childish-text);box-shadow:0 3px #fb923c66}.childish-theme .tile-8{background-color:var(--childish-tile-8);color:var(--childish-text);box-shadow:0 3px #fbbf2466}.childish-theme .tile-16{background-color:var(--childish-tile-16);color:#9d174d;box-shadow:0 3px #f472b666}.childish-theme .tile-32{background-color:var(--childish-tile-32);color:#9d174d;box-shadow:0 3px #ec489966}.childish-theme .tile-64{background-color:var(--childish-tile-64);color:#fff;box-shadow:0 3px #db277766}.childish-theme .tile-128{background-color:var(--childish-tile-128);color:#0c4a6e;box-shadow:0 3px #38bdf866}.childish-theme .tile-256{background-color:var(--childish-tile-256);color:#0c4a6e;box-shadow:0 3px #0ea5e966}.childish-theme .tile-512{background-color:var(--childish-tile-512);color:#fff;box-shadow:0 3px #0284c766}.childish-theme .tile-1024{background-color:var(--childish-tile-1024);color:#4c1d95;box-shadow:0 3px #8b5cf666}.childish-theme .tile-2048{background-color:var(--childish-tile-2048);color:#fff;box-shadow:0 3px #7c3aed66}.childish-theme .tile-4096{background-color:var(--childish-tile-4096);color:#fff;box-shadow:0 3px #6d28d966}.childish-theme .tile-8192{background-color:var(--childish-tile-8192);color:#fff;box-shadow:0 3px #5f1eba66}.childish-theme .tile-16384{background-color:var(--childish-tile-16384);color:#fff;box-shadow:0 3px #4f149c66}.tile-new{animation:tile-appear .2s ease 0s 1 normal forwards}.tile-merged{animation:tile-merged .2s ease 0s 1 normal forwards;z-index:20}@keyframes tile-merged{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes tile-appear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.neon-theme .tile-new{animation:neon-tile-appear .3s ease 0s 1 normal forwards}.neon-theme .tile-merged{animation:neon-tile-merged .3s ease 0s 1 normal forwards}@keyframes neon-tile-merged{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1.3)}}@keyframes neon-tile-appear{0%{transform:scale(0);opacity:0;filter:brightness(1.5)}50%{transform:scale(1.2);filter:brightness(1.3)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.childish-theme .tile-new{animation:childish-tile-appear .4s cubic-bezier(.34,1.56,.64,1) 0s 1 normal forwards}.childish-theme .tile-merged{animation:childish-tile-merged .4s cubic-bezier(.34,1.56,.64,1) 0s 1 normal forwards}@keyframes childish-tile-merged{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(5deg)}70%{transform:scale(.9) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes childish-tile-appear{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}80%{transform:scale(.9) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.dark-theme .tile-merged{animation:dark-tile-merged .25s ease 0s 1 normal forwards}@keyframes dark-tile-merged{0%{transform:scale(1);box-shadow:0 2px 4px #0000004d}50%{transform:scale(1.15);box-shadow:0 4px 8px #0006}to{transform:scale(1);box-shadow:0 2px 4px #0000004d}}@media (max-width: 480px){.font-large{font-size:1.75rem}.font-medium{font-size:1.25rem}.font-small{font-size:1rem}.font-xsmall{font-size:.875rem}}@media (min-width: 768px){.game-tile{box-shadow:0 4px 6px #0000001a}.dark-theme .game-tile{box-shadow:0 4px 6px #0000004d}}@media (prefers-reduced-motion){.game-tile,.tile-new,.tile-moving,.tile-merged{transition:none;animation:none!important}.tile-value{transition:none}}.tile-merged{animation:smooth-tile-merged .3s cubic-bezier(.25,.1,.25,1.5) forwards;z-index:20;position:relative}@keyframes smooth-tile-merged{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}70%{transform:scale(1.05)}to{transform:scale(1)}}.dark-theme .tile-merged{animation:dark-smooth-tile-merged .35s cubic-bezier(.25,.1,.25,1.4) forwards}@keyframes dark-smooth-tile-merged{0%{transform:scale(1);box-shadow:0 2px 4px #0000004d;filter:brightness(.95)}40%{transform:scale(1.2);box-shadow:0 6px 12px #00000080;filter:brightness(1.1)}70%{transform:scale(.95);box-shadow:0 3px 6px #0006;filter:brightness(1)}to{transform:scale(1);box-shadow:0 2px 4px #0000004d;filter:brightness(1)}}.neon-theme .tile-merged{animation:neon-smooth-tile-merged .4s cubic-bezier(.2,.8,.2,1.2) forwards}@keyframes neon-smooth-tile-merged{0%{transform:scale(1);filter:brightness(1) blur(0px);box-shadow:0 0 12px #ffffffb3}30%{transform:scale(1.25);filter:brightness(1.5) blur(.5px);box-shadow:0 0 20px #ffffffe6}60%{transform:scale(.9);filter:brightness(1.3) blur(0px);box-shadow:0 0 16px #fffc}to{transform:scale(1);filter:brightness(1.1) blur(0px);box-shadow:0 0 12px #ffffffb3}}.childish-theme .tile-merged{animation:childish-smooth-tile-merged .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes childish-smooth-tile-merged{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.3) rotate(5deg)}50%{transform:scale(1.1) rotate(0)}70%{transform:scale(.95) rotate(-3deg)}85%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0)}}.tile-merge-flash{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.375rem;background:#fff;opacity:0;pointer-events:none;animation:merge-flash .3s ease-out forwards}@keyframes merge-flash{0%{opacity:.7}to{opacity:0}}.dark-theme .tile-merge-flash{background:#f0f0f0}.neon-theme .tile-merge-flash{background:#fff;animation:neon-merge-flash .3s ease-out forwards}@keyframes neon-merge-flash{0%{opacity:.7;filter:blur(2px)}to{opacity:0;filter:blur(0px)}}.childish-theme .tile-merge-flash{background:#fff;border-radius:1rem}@media (prefers-reduced-motion){.tile-merged,.tile-merge-flash{animation:reduced-motion-merge .2s ease-in-out forwards!important}@keyframes reduced-motion-merge{0%{opacity:.8}to{opacity:1}}}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;border-radius:.5rem;z-index:10;animation:fade-in .3s ease-in-out}.overlay-content{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;text-align:center;max-width:90%;animation:pop-in .3s ease-out}.overlay-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.overlay-score{margin-bottom:1rem;font-size:1.125rem;color:#4b5563}.overlay-button{padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.overlay-button:hover{background-color:#2563eb}.overlay-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.dark-theme .game-overlay{background-color:#000000b3}.dark-theme .overlay-content{background-color:#1a202c;box-shadow:0 10px 15px -3px #0000004d}.dark-theme .overlay-title{color:#e2e8f0}.dark-theme .overlay-score{color:#a0aec0}.dark-theme .overlay-button{background-color:#4a5568;color:#e2e8f0}.dark-theme .overlay-button:hover{background-color:#2d3748}.dark-theme .overlay-button:focus{outline:2px solid #4a5568}.neon-theme .game-overlay{background-color:#0f172acc}.neon-theme .overlay-content{background-color:#0f172a;box-shadow:0 0 20px #00bfff80;border:1px solid rgba(0,255,255,.3)}.neon-theme .overlay-title{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.7)}.neon-theme .overlay-score{color:#7df9ff}.neon-theme .overlay-button{background-color:#f0f;color:#fff;box-shadow:0 0 10px #ff00ffb3;border-radius:.5rem}.neon-theme .overlay-button:hover{background-color:#ff10f0;box-shadow:0 0 15px #ff10f0cc}.neon-theme .overlay-button:focus{outline:2px solid #ff00ff}.neon-theme .overlay-content{animation:neon-pop-in .3s ease-out}@keyframes neon-pop-in{0%{transform:scale(.9);opacity:0;filter:brightness(1.5)}50%{transform:scale(1.05);filter:brightness(1.3)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.childish-theme .game-overlay{background-color:#fcd34d66}.childish-theme .overlay-content{background-color:#fef3c7;border-radius:1rem;box-shadow:0 5px #fb923c66;border:3px solid #fbbf24}.childish-theme .overlay-title{color:#92400e;font-family:Comic Sans MS,cursive,sans-serif}.childish-theme .overlay-score{color:#b45309;font-family:Comic Sans MS,cursive,sans-serif}.childish-theme .overlay-button{background-color:#ec4899;color:#fff;border-radius:1rem;box-shadow:0 3px #be185d;font-family:Comic Sans MS,cursive,sans-serif;padding:.75rem 1.75rem}.childish-theme .overlay-button:hover{background-color:#db2777;transform:translateY(1px);box-shadow:0 2px #be185d}.childish-theme .overlay-button:focus{outline:3px solid #f9a8d4}.childish-theme .overlay-content{animation:childish-pop-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes childish-pop-in{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(5deg)}80%{transform:scale(.95) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 640px){.overlay-title{font-size:1.875rem}.overlay-score{font-size:1.25rem}.overlay-button{padding:.875rem 1.75rem;font-size:1.125rem}}@media (prefers-reduced-motion){.game-overlay,.overlay-content{animation:none!important}.childish-theme .overlay-button:hover,.neon-theme .overlay-button:hover{transform:none}}.game-container{max-width:800px;margin:0 auto;padding:16px;transition:background-color .3s ease}.game-layout{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.game-side-panel{display:flex;flex-direction:column;gap:16px;width:100%;max-width:120px}.score-panel,.controls-panel{justify-content:center}.score-container{background-color:#bbada0;padding:8px 12px;border-radius:6px;text-align:center;color:#fff;min-width:80px;width:100%;box-sizing:border-box;transition:background-color .3s ease,box-shadow .3s ease}.high-score-container{background-color:#edc22e}.score-label{font-size:.8rem;text-transform:uppercase;transition:color .3s ease}.score-value{font-size:1.5rem;font-weight:700;transition:color .3s ease}.game-button{background-color:#8f7a66;color:#fff;border:none;border-radius:6px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;width:100%;height:48px;min-width:80px;font-size:1rem}.game-button:hover{background-color:#9f8b77}.game-button.disabled{opacity:.5;cursor:not-allowed}.game-board{background-color:#bbada0;padding:.75rem;border-radius:.5rem;position:relative;touch-action:none;box-shadow:0 4px 6px -1px #0000001a;width:100%;box-sizing:border-box;margin:0 auto;max-width:400px;transition:background-color .3s ease,box-shadow .3s ease,transform .1s ease}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.75rem;aspect-ratio:1/1;width:100%;max-width:400px;margin:0 auto;position:relative}.dark-theme .game-container{background-color:#1c2534;color:#e2e8f0}.dark-theme .game-layout{background-color:#1c2534}.dark-theme .score-container{background-color:#4a5568;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.dark-theme .high-score-container{background-color:#6b46c1}.dark-theme .game-button{background-color:#2d3748;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.dark-theme .game-button:hover{background-color:#4a5568}.dark-theme .game-board{background-color:#2d3748;box-shadow:0 4px 6px -1px #0000004d}.neon-theme .game-container{background-color:#11192c;color:#e2e8f0}.neon-theme .game-layout{background-color:#11192c}.neon-theme .score-container{background-color:#00bfff33;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 10px #00bfff66;color:#0ff}.neon-theme .high-score-container{background-color:#f0f3;border:1px solid rgba(255,0,255,.3);box-shadow:0 0 10px #f0f6;color:#f0f}.neon-theme .score-label{color:#7df9ff}.neon-theme .score-value{text-shadow:0 0 5px rgba(125,249,255,.5)}.neon-theme .game-button{background-color:#ff00ffb3;box-shadow:0 0 10px #ff00ff80;color:#fff;border:1px solid rgba(255,0,255,.3)}.neon-theme .game-button:hover{background-color:#ff10f0cc;box-shadow:0 0 15px #ff10f0b3;transform:translateY(-2px)}.neon-theme .game-board{background-color:#0f172ae6;box-shadow:0 0 15px #00ffff4d;border:1px solid rgba(0,255,255,.2)}.childish-theme .game-container{color:#92400e}.childish-theme .score-container{background-color:#fde68a;border-radius:1rem;color:#92400e;box-shadow:0 3px #fb923c66;border:2px solid #fbbf24;font-family:Comic Sans MS,cursive,sans-serif}.childish-theme .high-score-container{background-color:#fbcfe8;border:2px solid #f9a8d4;box-shadow:0 3px #f472b666}.childish-theme .score-label,.childish-theme .score-value{color:#92400e}.childish-theme .game-button{background-color:#38bdf8;color:#fff;border-radius:1rem;box-shadow:0 3px #0284c7;font-family:Comic Sans MS,cursive,sans-serif}.childish-theme .game-button:hover{background-color:#0ea5e9;transform:translateY(1px);box-shadow:0 2px #0284c7}.childish-theme .game-board{background-color:#fef3c7;border-radius:1rem;box-shadow:0 4px #fb923c66;border:3px solid #fbbf24}.game-board.swiping{transform:scale(.98);transition:transform .1s ease}.neon-theme .game-board.swiping{transform:scale(.98);filter:brightness(1.2);transition:transform .1s ease,filter .1s ease}.childish-theme .game-board.swiping{transform:scale(.97) rotate(-1deg);transition:transform .1s ease}.game-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.75rem;z-index:0}.game-grid:before>*{background-color:#d1d5db59;border-radius:.375rem}.game-board:focus{outline:2px solid #3b82f6;outline-offset:2px}.dark-theme .game-board:focus{outline:2px solid #7dd3fc}.neon-theme .game-board:focus{outline:2px solid #00ffff;box-shadow:0 0 15px #00ffffb3}.childish-theme .game-board:focus{outline:3px solid #f9a8d4}@media (max-width: 768px){.game-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.game-side-panel{flex-direction:row;justify-content:space-around;max-width:100%}.score-panel{order:1}.controls-panel{order:2}.game-board{order:3;padding:.5rem;margin:16px auto}.game-grid{gap:.5rem}.game-button,.score-container{min-width:100px;flex:1;max-width:120px}}@media (min-width: 640px){.game-board{padding:1rem}}@media (prefers-reduced-motion){.game-container,.score-container,.score-label,.score-value,.game-button,.game-board,.game-board.swiping,.neon-theme .game-board.swiping,.childish-theme .game-board.swiping{transition:none;animation:none}.neon-theme .game-button:hover,.childish-theme .game-button:hover{transform:none}}@media (max-width: 480px){.game-grid:before{gap:.5rem}}.controls-container{margin-top:1.5rem;width:100%}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:600px;margin:0 auto}.control-button{padding:.75rem 1rem;width:100%;background-color:#8f7a66;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease;border:none;outline:none;cursor:pointer;color:#fff;font-size:.9rem;font-weight:500;letter-spacing:.02em;box-shadow:0 2px 4px #0000001a}.control-button:hover{background-color:#9f8b77;transform:translateY(-1px);box-shadow:0 3px 5px #00000026}.control-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.control-button:active{transform:scale(.98);box-shadow:0 1px 2px #0000001a}.dark-theme .control-button{background-color:#2d3748;color:#e2e8f0;box-shadow:0 2px 4px #0000004d}.dark-theme .control-button:hover{background-color:#4a5568;box-shadow:0 3px 5px #0006}.dark-theme .control-button:focus{outline:2px solid #7dd3fc}.neon-theme .control-button{background-color:#b400b4cc;box-shadow:0 0 8px #ff00ff80,inset 0 0 15px #ffffff1a;color:#fff;border:1px solid rgba(255,0,255,.5);text-shadow:0 0 5px rgba(255,255,255,.5)}.neon-theme .control-button:hover{background-color:#c814c8e6;box-shadow:0 0 12px #ff00ffb3,inset 0 0 20px #fff3;transform:translateY(-2px)}.neon-theme .control-button:active{transform:translateY(0) scale(.98);box-shadow:0 0 6px #f0f9,inset 0 0 10px #ffffff1a}.neon-theme .control-button:focus{outline:2px solid #00ffff;box-shadow:0 0 10px #00ffffb3,inset 0 0 15px #ffffff1a}.childish-theme .control-button{background-color:#38bdf8;color:#036;border-radius:1rem;box-shadow:0 4px #0284c7;font-family:Comic Sans MS,cursive,sans-serif;font-weight:700;border:2px solid white}.childish-theme .control-button:hover{background-color:#0ea5e9;transform:translateY(2px);box-shadow:0 2px #0284c7}.childish-theme .control-button:active{transform:translateY(4px);box-shadow:0 0 #0284c7}.childish-theme .control-button:focus{outline:3px solid #f9a8d4;outline-offset:2px}@media (max-width: 768px){.controls-container{display:none}}@media (min-width: 769px) and (max-width: 1024px){.controls-grid{max-width:500px;gap:.4rem}.control-button{padding:.6rem .8rem;font-size:.85rem}}@media (min-width: 1025px) and (max-width: 1440px){.controls-grid{max-width:550px}}@media (prefers-reduced-motion){.control-button,.control-button:hover,.control-button:active{transition:none;transform:none}}.footer{margin:1rem auto;width:calc(100% - 2rem);text-align:center;box-sizing:border-box;overflow:hidden}.footer-text{font-size:.8rem;font-weight:700;color:#7a8ea8;line-height:1;word-wrap:break-word}.footer-text p{margin:0}.footer-text p+p{margin-top:.25rem}@media (max-width: 640px){.footer{margin-top:.75rem;margin-left:.5rem;margin-right:.5rem;width:calc(100% - 1rem)}.footer-text{font-size:.75rem}}html,body,#root{height:100%;margin:0;padding:0}.app-container{min-height:100vh;background-color:#faf8ef;transition:background-color .3s ease,color .3s ease}.dark-theme .app-container{background-color:#1a202c;color:#e2e8f0}.dark-theme .game-wrapper{background-color:#1e293b80;box-shadow:0 4px 6px -1px #0000004d;border-radius:12px}.neon-theme .app-container{background-color:#0f172a;color:#e2e8f0;background-image:linear-gradient(to bottom,#0f172a,#1e293b)}.neon-theme .game-wrapper{background-color:#0f172ab3;box-shadow:0 0 20px #00ffff4d;border:1px solid rgba(0,255,255,.2);border-radius:12px}.childish-theme .app-container{background-color:#fef9c3;color:#92400e;font-family:Comic Neue,Comic Sans MS,cursive,sans-serif}.childish-theme .app-container,.childish-theme .app-container *{font-family:Comic Neue,Comic Sans MS,cursive,sans-serif}.childish-theme .game-wrapper{background-color:#ffeef2;background-image:radial-gradient(circle at 80% 20%,#ffb6c1 0%,#ffb6c1 30px,transparent 30px),radial-gradient(circle at 20% 80%,#ffb6c1 0%,#ffb6c1 25px,transparent 25px),radial-gradient(circle at 25% 25%,#ffb6c1 0%,#ffb6c1 20px,transparent 20px),radial-gradient(circle at 75% 75%,#ffb6c1 0%,#ffb6c1 22px,transparent 22px),radial-gradient(circle at 50% 30%,#ffb6c1 0%,#ffb6c1 18px,transparent 18px),radial-gradient(circle at 50% 70%,#ffb6c1 0%,#ffb6c1 15px,transparent 15px),radial-gradient(circle at 15% 50%,#ffb6c1 0%,#ffb6c1 16px,transparent 16px),radial-gradient(circle at 85% 50%,#ffb6c1 0%,#ffb6c1 19px,transparent 19px),radial-gradient(circle at 35% 40%,#ffb6c1 0%,#ffb6c1 12px,transparent 12px),radial-gradient(circle at 65% 60%,#ffb6c1 0%,#ffb6c1 14px,transparent 14px),radial-gradient(circle at 40% 85%,#ffb6c1 0%,#ffb6c1 10px,transparent 10px),radial-gradient(circle at 60% 15%,#ffb6c1 0%,#ffb6c1 13px,transparent 13px);border:3px solid #fbbf24;border-radius:20px;box-shadow:0 6px #fb923c66}.winter-theme .app-container{background-color:#e0f2fe;color:#0c4a6e;background-image:linear-gradient(to bottom,#e0f2fe,#f0f9ff)}.winter-theme .game-wrapper{background-color:#fffc;border:1px solid #bae6fd;border-radius:12px;box-shadow:0 0 20px #bae6fdb3}.app-container,.game-wrapper{transition:background-color .3s ease,color .3s ease,background-image .3s ease,box-shadow .3s ease}@media (prefers-reduced-motion){.app-container,.game-wrapper{transition:none}}