body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;position:relative;-webkit-user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.language-selector{display:inline-block;position:relative}.language-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-button:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.flag{font-size:16px}.language-code{font-weight:500;min-width:20px}.dropdown-arrow{font-size:10px}.language-dropdown{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 10px 40px #00000026;max-height:320px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option{align-items:center;background:none;border:none;border-radius:0;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.language-option:first-child{border-radius:16px 16px 0 0}.language-option:last-child{border-radius:0 0 16px 16px}.language-option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1f2937}.language-option.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.language-option.active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.language-name{flex:1 1}@media (max-width:768px){.language-dropdown{min-width:160px;right:-10px}.language-option{font-size:16px;padding:12px}}[dir=rtl] .language-dropdown{left:0;right:auto}[dir=rtl] .language-option{text-align:right}.sidebar-footer .language-selector{width:100%}.sidebar-footer .language-button{background:#667eea1a;border:1px solid #667eea33;color:#667eea;font-weight:600;justify-content:center;width:100%}.sidebar-footer .language-button:hover{background:#667eea33;border-color:#667eea4d;color:#5a67d8}.sidebar-footer .language-dropdown{bottom:calc(100% + 8px);left:0;min-width:100%;right:auto;top:auto}.desktop-sidebar.collapsed .sidebar-footer .language-button{min-width:48px;padding:8px}.desktop-sidebar.collapsed .sidebar-footer .dropdown-arrow,.desktop-sidebar.collapsed .sidebar-footer .language-code{display:none}.mobile-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000026;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mobile-navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:8px 16px}.navbar-brand{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:8px;text-decoration:none;transition:transform .2s ease}.navbar-brand:hover{transform:scale(1.05)}.brand-icon{font-size:1.5rem}.brand-text{letter-spacing:-.5px;text-shadow:0 2px 4px #0003}.mobile-nav-controls{align-items:center;display:flex;gap:12px}.mobile-menu-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:36px;justify-content:center;transition:all .3s ease;width:36px}.mobile-menu-button:hover{background:#fff3}.hamburger-line{background:#fff;border-radius:1px;height:2px;margin:1.5px 0;transition:all .3s ease;width:18px}.mobile-menu-button.open .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-button.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.mobile-menu{animation:slideIn .3s ease;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:300px}.mobile-menu-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.mobile-menu-header h3{font-size:1.2rem;font-weight:600;margin:0}.mobile-nav-links{flex:1 1;overflow-y:auto;padding:20px 0}.mobile-nav-link{align-items:center;border-left:4px solid #0000;color:#374151;display:flex;font-weight:500;gap:16px;padding:16px 24px;text-decoration:none;transition:all .2s ease}.mobile-nav-link:hover{background:#f9fafb;color:#1f2937}.mobile-nav-link.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left-color:#667eea;color:#667eea}.active-indicator{color:#667eea;font-size:.8rem;margin-left:auto}.desktop-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:4px 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:270px;z-index:1000}.desktop-sidebar.collapsed{width:80px}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;justify-content:space-between;min-height:80px;padding:20px 16px}.sidebar-brand,.sidebar-header{align-items:center;color:#fff;display:flex}.sidebar-brand{flex:1 1;font-size:1.3rem;font-weight:700;gap:12px;text-decoration:none;transition:transform .2s ease}.sidebar-brand:hover{transform:scale(1.05)}.sidebar-brand .brand-icon{flex-shrink:0;font-size:1.8rem}.sidebar-brand .brand-text{letter-spacing:-.5px;overflow:hidden;text-shadow:0 2px 4px #0003;transition:opacity .3s ease;white-space:nowrap}.sidebar-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.sidebar-toggle:hover{background:#fff3}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-links{display:flex;flex-direction:column;gap:4px;padding:0 12px}.sidebar-link{align-items:center;border:1px solid #0000;border-radius:12px;color:#6b7280;display:flex;font-weight:500;gap:12px;min-height:48px;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-link:hover{background:#f9fafb;border-color:#e5e7eb;color:#374151}.sidebar-link.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.sidebar-link .nav-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:24px}.sidebar-link .nav-text{overflow:hidden;transition:opacity .3s ease;white-space:nowrap}.sidebar-link .active-indicator{background:#fff;border-radius:50%;height:6px;position:absolute;right:8px;width:6px}.sidebar-group{margin-bottom:4px}.sidebar-group-header{align-items:center;background:none;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;margin:2px 0;min-height:48px;padding:12px 16px;position:relative;text-align:left;transition:all .3s ease;width:100%}.sidebar-group-header:hover{background:#f9fafb;color:#374151}.sidebar-group-header.active-group{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;color:#667eea}.sidebar-group-header .nav-icon{flex-shrink:0;font-size:1.2rem;margin-right:12px;text-align:center;width:24px}.sidebar-group-header .nav-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-arrow{color:#9ca3af;flex-shrink:0;font-size:10px;margin-left:8px;transition:transform .3s ease}.group-arrow.expanded{transform:rotate(180deg)}.sidebar-group-children{border-left:2px solid #e5e7eb;margin-bottom:8px;margin-left:16px;margin-top:4px;padding-left:8px}.sidebar-link.child-link{border-radius:8px;color:#6b7280;font-size:13px;font-weight:500;margin:2px 0;min-height:36px;padding:8px 12px}.sidebar-link.child-link:hover{background:#f9fafb;color:#374151}.sidebar-link.child-link.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff;font-weight:600}.sidebar-link.child-link .nav-icon{font-size:1rem;margin-right:10px;width:20px}.sidebar-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 16px}.desktop-sidebar.collapsed .group-arrow,.desktop-sidebar.collapsed .sidebar-brand .brand-text,.desktop-sidebar.collapsed .sidebar-group-header .nav-text,.desktop-sidebar.collapsed .sidebar-link .nav-text{opacity:0;width:0}.desktop-sidebar.collapsed .sidebar-links{padding:0 8px}.desktop-sidebar.collapsed .sidebar-link{justify-content:center;padding:12px 8px}.desktop-sidebar.collapsed .sidebar-link .nav-icon{margin:0}.desktop-sidebar.collapsed .sidebar-group-header{justify-content:center;padding:12px 8px}.desktop-sidebar.collapsed .sidebar-group-header .nav-icon{margin:0}.desktop-sidebar.collapsed .sidebar-group-children{display:none}@media (max-width:768px){.desktop-sidebar{display:none}}@media (min-width:769px){.mobile-navbar{display:none}}@media (max-width:480px){.mobile-menu{width:100vw}.mobile-navbar-container{padding:6px 12px}.navbar-brand{font-size:1.1rem;gap:6px}.brand-icon{font-size:1.3rem}.mobile-menu-button{height:32px;width:32px}.hamburger-line{width:16px}}@media (min-width:769px){.main-content{margin-left:270px;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:80px}}.mobile-nav-group{margin-bottom:4px}.mobile-group-header{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin:2px 0;min-height:50px;padding:14px 20px;text-align:left;transition:all .3s ease;width:100%}.mobile-group-header:hover{background:#667eea14;color:#374151}.mobile-group-header.active-group{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea40;color:#667eea}.mobile-group-header .nav-icon{flex-shrink:0;font-size:1.3rem;margin-right:14px;text-align:center;width:28px}.mobile-group-header .nav-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mobile-group-header .group-arrow{color:#9ca3af;flex-shrink:0;font-size:12px;margin-left:8px;transition:transform .3s ease}.mobile-group-header .group-arrow.expanded{transform:rotate(180deg)}.mobile-group-children{border-left:2px solid #e5e7eb;margin-bottom:8px;margin-left:20px;margin-top:4px;padding-left:12px}.mobile-nav-link.child-link{background:#f8fafccc;border-radius:10px;color:#6b7280;font-size:14px;font-weight:500;margin:3px 0;min-height:42px;padding:10px 16px}.mobile-nav-link.child-link:hover{background:#667eea1a;color:#374151}.mobile-nav-link.child-link.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff;font-weight:600}.mobile-nav-link.child-link .nav-icon{font-size:1.1rem;margin-right:12px;width:24px}.mobile-nav-link.child-link .active-indicator{background:#fff}.layout-wrapper{min-height:calc(100vh - 140px);transition:margin-left .3s ease;width:100%}.layout-wrapper.with-sidebar{margin-left:0}@media (min-width:769px){.layout-wrapper.with-sidebar{margin-left:270px}}@media (max-width:768px){.layout-wrapper.with-sidebar{margin-left:0}}.cookie-banner{background:linear-gradient(135deg,#2d3748,#4a5568);border-top:3px solid #667eea;bottom:0;box-shadow:0 -4px 20px #0000004d;color:#fff;left:0;padding:20px;position:fixed;right:0;z-index:10000}.cookie-content{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.cookie-text{flex:1 1}.cookie-title{color:#f7fafc;font-size:1.2rem;font-weight:600;margin:0 0 8px}.cookie-description{color:#e2e8f0;font-size:.9rem;line-height:1.5;margin:0;opacity:.9}.cookie-buttons{display:flex;flex-shrink:0;gap:12px}.cookie-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.cookie-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cookie-btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.cookie-btn-secondary{background:#0000;border:2px solid #e2e8f0;color:#e2e8f0}.cookie-btn-secondary:hover{background:#e2e8f0;color:#2d3748}.cookie-btn-settings{background:#0000;border:1px solid #cbd5e0;color:#cbd5e0;font-size:.8rem;padding:8px 16px}.cookie-btn-settings:hover{background:#cbd5e0;color:#2d3748}.cookie-settings-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.cookie-settings-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.cookie-settings-content h3{color:#2d3748;font-size:1.5rem;margin-bottom:20px;text-align:center}.cookie-category{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:20px}.cookie-category h4{color:#2d3748;font-size:1.1rem;margin-bottom:8px}.cookie-category p{color:#4a5568;font-size:.9rem;line-height:1.5;margin-bottom:12px}.cookie-toggle{align-items:center;display:flex;gap:8px}.cookie-toggle input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.cookie-toggle label,.cookie-toggle span{color:#4a5568;font-size:.9rem;font-weight:500}.cookie-settings-buttons{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center;margin-top:25px;padding-top:20px}@media (max-width:768px){.cookie-content{flex-direction:column;gap:15px;text-align:center}.cookie-buttons{flex-direction:column;width:100%}.cookie-btn{padding:12px 20px;width:100%}.cookie-settings-modal{padding:10px}.cookie-settings-content{padding:20px}.cookie-settings-buttons{flex-direction:column}}@media (max-width:480px){.cookie-banner{padding:15px}.cookie-title{font-size:1.1rem}.cookie-btn,.cookie-description{font-size:.85rem}.cookie-btn{padding:10px 16px}}.pickamino-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #667eea4d;cursor:pointer;display:flex;flex-direction:column;min-height:320px;overflow:hidden;padding:25px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.pickamino-card:hover{box-shadow:0 20px 40px #667eea66;transform:translateY(-8px) scale(1.02)}.pickamino-card:hover .pickamino-card-overlay{opacity:1}.pickamino-card:hover .pickamino-blocks{animation:pickaminoFloat 2s ease-in-out infinite}.pickamino-card-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.pickamino-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;height:50px;justify-content:center;width:50px}.pickamino-blocks{height:30px;position:relative;width:30px}.pickamino-block{border-radius:1px;height:6px;position:absolute;transition:all .3s ease;width:6px}.pickamino-block.block-1{background:#ff6b6b;left:0;top:0}.pickamino-block.block-2{background:#4ecdc4;right:0;top:0}.pickamino-block.block-3{background:#45b7d1;bottom:0;left:0}.pickamino-block.block-4{background:#f9ca24;bottom:0;right:0}.pickamino-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.pickamino-card-content{flex:1 1;margin-bottom:20px}.pickamino-description{color:#ffffffe6;font-size:1rem;line-height:1.6;margin:0 0 20px;text-shadow:0 1px 2px #0003}.pickamino-features{display:flex;flex-direction:column;gap:12px}.feature-item{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;gap:10px}.feature-icon{font-size:1.2rem;text-align:center;width:24px}.feature-text{flex:1 1}.pickamino-card-footer{margin-top:auto}.play-pickamino-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:1px;margin-bottom:15px;padding:15px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.play-pickamino-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.play-pickamino-btn:hover .btn-icon{transform:scale(1.2)}.game-stats{gap:15px;justify-content:space-between}.stat-label{color:#ffffffb3;font-size:.8rem;letter-spacing:.5px}.stat-value{font-size:.9rem}.pickamino-card-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.overlay-content{color:#fff;text-align:center}.play-icon{animation:pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:10px}.overlay-text{font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}@keyframes pickaminoFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(5deg)}50%{transform:translateY(-6px) rotate(0deg)}75%{transform:translateY(-3px) rotate(-5deg)}}@media (max-width:768px){.pickamino-card{min-height:280px;padding:20px}.pickamino-title{font-size:1.3rem}.pickamino-description{font-size:.9rem}.feature-item{font-size:.85rem}.play-pickamino-btn{font-size:1rem;padding:12px 16px}.game-stats{gap:10px}.stat-label{font-size:.75rem}.stat-value{font-size:.85rem}}@media (max-width:480px){.pickamino-card{min-height:260px;padding:18px}.pickamino-card-header{gap:12px;margin-bottom:15px}.pickamino-icon{height:45px;width:45px}.pickamino-blocks{height:25px;width:25px}.pickamino-block{height:5px;width:5px}.pickamino-title{font-size:1.2rem}.pickamino-description{font-size:.85rem;margin-bottom:15px}.pickamino-features{gap:10px}.feature-item{font-size:.8rem}.feature-icon{font-size:1.1rem;width:20px}.play-pickamino-btn{font-size:.95rem;margin-bottom:12px;padding:10px 14px}.overlay-text{font-size:1rem}.play-icon{font-size:2.5rem}}@media (hover:none) and (pointer:coarse){.pickamino-card:hover{box-shadow:0 10px 30px #667eea4d;transform:none}.pickamino-card:active{transform:scale(.98)}.play-pickamino-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:none}.play-pickamino-btn:active{background:#ffffff40;transform:scale(.95)}}.page-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:calc(100vh - 140px);padding:60px 20px}.page-header{margin-bottom:50px;text-align:center}.page-title{color:#1f2937;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;text-shadow:0 2px 4px #0003,0 4px 8px #0000001a}.page-subtitle{color:#6b7280;font-size:1.2rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.card-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1200px;width:100%}.game-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;color:inherit;cursor:pointer;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.game-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.game-card:hover:before{opacity:1}.game-card-image{height:200px;overflow:hidden;position:relative}.game-card img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.game-card:hover img{transform:scale(1.05)}.card-overlay{background:linear-gradient(180deg,#0000,#0000004d);bottom:0;left:0;position:absolute;right:0;top:0}.card-text{padding:24px;position:relative}.card-text h3{color:#1f2937;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:12px}.card-text p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.card-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;color:#374151;font-size:.8rem;font-weight:500;padding:6px 12px;position:absolute;right:16px;top:16px}.status-available{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.status-coming-soon{background:#fbbf241a;border:1px solid #fbbf2433;color:#d97706}.memory-garden-card{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7 50%,#bbf7d0);display:flex;justify-content:center}.memory-garden-preview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:40px}.garden-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem}.garden-icon:first-child{animation-delay:0s}.garden-icon:nth-child(2){animation-delay:.7s}.garden-icon:nth-child(3){animation-delay:1.4s}.garden-icon:nth-child(4){animation-delay:2.1s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.multiplayer-card .game-card-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center}.multiplayer-preview{align-items:center;display:flex;gap:1rem;justify-content:center;padding:2rem}.vs-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem}.vs-text{animation:glow 2s ease-in-out infinite alternate;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px #00000080}.vs-icon:first-child{animation-delay:0s}.vs-icon:nth-child(3){animation-delay:1s}.multiplayer-card:hover .vs-icon,.multiplayer-card:hover .vs-text{animation-duration:1s}@media (max-width:768px){.page-wrapper{padding:40px 16px}.page-title{font-size:2.2rem}.page-subtitle{font-size:1.1rem}.card-grid{gap:20px;grid-template-columns:1fr}.game-card{border-radius:16px}.card-text{padding:20px}}.content-section,.features-section{margin:4rem 0;text-align:center}.section-title{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:2rem}.content-grid,.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.content-card{border:2px solid #0000;border-radius:15px;box-shadow:0 5px 15px #0000001a;color:inherit;text-decoration:none;transition:all .3s ease}.content-card:hover{border-color:#3498db;box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.content-icon{display:block;font-size:3rem;margin-bottom:1rem}.content-card h3{font-size:1.2rem}.content-card p{color:#7f8c8d;font-size:.95rem}.feature-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-3px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1rem;opacity:.9}.feature-item h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.feature-item p{font-size:.95rem;line-height:1.6;opacity:.9}@media (max-width:768px){.content-grid,.features-grid{gap:1.5rem;grid-template-columns:1fr}.section-title{font-size:1.6rem}.content-card,.feature-item{padding:1.5rem}.content-icon,.feature-icon{font-size:2.5rem}}.quick-access-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-top:60px;padding:40px}.quick-links{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.quick-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;display:flex;gap:15px;padding:20px;text-decoration:none;transition:all .3s ease}.quick-link:hover{background:#fff3;box-shadow:0 10px 25px #0003;transform:translateY(-3px)}.quick-link-icon{flex-shrink:0;font-size:1.8rem}.quick-link-text{font-size:1rem;font-weight:600}@media (max-width:768px){.quick-access-section{padding:30px 20px}.quick-links{gap:15px;grid-template-columns:1fr}.quick-link{padding:15px}.quick-link-icon{font-size:1.5rem}.quick-link-text{font-size:.9rem}}@media (max-width:480px){.quick-access-section{margin-top:40px;padding:20px 15px}}.about-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 140px);padding:60px 20px}.about-container{margin:0 auto;max-width:1000px}.about-header{margin-bottom:60px;text-align:center}.logo-container{margin-bottom:30px}.about-logo{border-radius:30px;box-shadow:0 10px 30px #00000026;height:120px;transition:transform .3s ease;width:120px}.about-logo:hover{transform:scale(1.05) rotate(5deg)}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0000001a}.about-subtitle{color:#6b7280;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:700px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:600}.about-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.content-card{border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.content-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.content-card:hover:before{opacity:1}.card-icon{display:block;font-size:3rem;margin-bottom:20px}.content-card h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:16px}.content-card p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.contact-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;grid-column:1/-1;margin:0 auto;max-width:500px}.contact-card h3{color:#fff}.contact-card p{color:#ffffffe6}.contact-link{background:#ffffff1a;border-radius:6px;color:#fbbf24;padding:4px 8px;transition:all .2s ease}.contact-link:hover{background:#fff3;color:#f59e0b;transform:translateY(-1px)}@media (max-width:768px){.about-page{padding:40px 16px}.about-title{font-size:2.2rem}.about-subtitle{font-size:1.1rem}.about-content{gap:20px;grid-template-columns:1fr}.content-card{padding:30px 20px}.contact-card{grid-column:1}}.privacy-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 140px);padding:60px 20px}.privacy-container{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.privacy-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:50px 40px;text-align:center}.privacy-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0003}.privacy-intro{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.95}.privacy-content{padding:40px}.privacy-content h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:16px;margin-top:40px;padding-bottom:8px;position:relative}.privacy-content h2:first-child{margin-top:0}.privacy-content h2:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.privacy-content p{color:#6b7280;font-size:1rem;line-height:1.7;margin-bottom:20px}.privacy-content a{border-radius:4px;color:#667eea;font-weight:500;padding:2px 4px;text-decoration:none;transition:all .2s ease}.privacy-content a:hover{background:#667eea1a;color:#5a67d8;text-decoration:underline}@media (max-width:768px){.privacy-page{padding:40px 16px}.privacy-header{padding:40px 24px}.privacy-title{font-size:2rem}.privacy-intro{font-size:1rem}.privacy-content{padding:30px 24px}.privacy-content h2{font-size:1.3rem}}.sudoku-guide-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 140px);padding:40px 20px}.guide-container{margin:0 auto;max-width:1100px;padding:0 15px}.single-column-layout .guide-container{max-width:1200px;padding:0 5px}.guide-header{margin-bottom:40px;text-align:center}.guide-icon{display:block;font-size:4rem;margin-bottom:20px}.guide-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:20px}.guide-subtitle{color:#6b7280;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:700px}.guide-content{display:flex;flex-direction:column;gap:50px}.guide-section{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px}.guide-section h2{color:#1f2937;font-size:2rem;font-weight:600;margin-bottom:30px;text-align:center}.rules-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.rule-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:30px;text-align:center;transition:transform .3s ease}.rule-card:hover{transform:translateY(-5px)}.rule-icon{font-size:2.5rem;margin-bottom:20px}.rule-card h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:15px}.rule-card p{color:#6b7280;line-height:1.6}.structure-visual{display:flex;justify-content:center;margin:40px 0}.sudoku-demo{position:relative}.demo-grid{grid-gap:1px;background:#374151;border:2px solid #374151;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(9,40px);grid-template-rows:repeat(9,40px)}.demo-cell{align-items:center;background:#fff;color:#1f2937;display:flex;font-size:14px;font-weight:600;justify-content:center}.demo-cell.highlight{background:#fef3c7;color:#92400e}.demo-labels{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.label{background:#667eeae6;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute}.row-label{left:0;top:-30px}.col-label{left:-80px;top:0;transform:rotate(-90deg);transform-origin:center}.box-label{left:50%;top:50%;transform:translate(-50%,-50%)}.steps-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;overflow:hidden;padding:30px;position:relative;text-align:center}.step-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.step-number{font-size:2.5rem;font-weight:700;margin-bottom:20px;opacity:.8}.step-card h3{font-size:1.3rem;font-weight:600;margin-bottom:15px}.step-card p{line-height:1.6;opacity:.9}.tips-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tip-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:30px;text-align:center;transition:transform .3s ease}.tip-card:hover{transform:translateY(-5px)}.tip-icon{font-size:2.5rem;margin-bottom:20px}.tip-card h3{color:#0c4a6e}.tip-card p{color:#075985}.methods-layout{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:240px 1fr}.methods-sidebar{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-right:15px;padding:20px;position:-webkit-sticky;position:sticky;top:100px}.methods-sidebar h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.methods-list{display:flex;flex-direction:column;gap:10px}.method-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;text-align:left;transition:all .3s ease}.method-button:hover{background:#f8fafc;border-color:#667eea}.method-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.method-info{align-items:center;display:flex;gap:10px}.method-icon{font-size:1.2rem}.method-name{font-size:.9rem;font-weight:500}.difficulty-badge{border-radius:6px;font-size:.75rem;font-weight:500;padding:4px 8px}.difficulty-badge.large{font-size:.85rem;padding:6px 12px}.method-content{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:25px}.method-header{margin-bottom:30px}.method-title-section{align-items:center;display:flex;gap:20px}.method-icon-large{font-size:3rem}.method-title-section h2{color:#1f2937;font-size:2rem;font-weight:600;margin-bottom:10px}.method-details{display:flex;flex-direction:column;gap:30px}.method-section h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:20px}.steps-list{display:flex;flex-direction:column;gap:20px}.method-step{align-items:flex-start;display:flex;gap:20px}.method-step .step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.step-content h4{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:8px}.step-content p{color:#6b7280;line-height:1.6}.detailed-explanation{margin-top:20px}.explanation-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px}.explanation-block h4{align-items:center;color:#1e40af;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:12px}.explanation-block h4:before{content:"📝";font-size:1rem}.explanation-block p{color:#4b5563;line-height:1.7;margin-bottom:0}.process-steps{margin-top:15px}.process-step{background:#fff;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.process-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.process-content{flex:1 1}.process-content strong{color:#1e40af;display:block;font-size:1rem;margin-bottom:5px}.process-content p{color:#6b7280;line-height:1.6;margin:0}.tips-list{list-style:none;margin-top:15px;padding:0}.tips-list li{border-bottom:1px solid #e5e7eb;color:#4b5563;line-height:1.6;padding:12px 0}.tips-list li:last-child{border-bottom:none}.tips-list li strong{color:#1e40af}.usage-tips{display:flex;flex-direction:column;gap:15px}.tip-item{align-items:center;background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;display:flex;gap:15px;padding:15px}.tip-icon{font-size:1.2rem}@media (min-width:1024px){.methods-layout{gap:0;grid-template-columns:230px 1fr}.methods-sidebar{margin-right:12px;padding:18px}.method-content{padding:22px}.guide-container{max-width:1200px}}@media (min-width:1200px){.methods-layout{gap:0;grid-template-columns:220px 1fr}.methods-sidebar{margin-right:10px;padding:16px}.method-content{padding:20px}.single-column-layout{margin-left:-50px;padding-left:20px;padding-right:25px}.single-column-layout .method-content{max-width:950px;padding:30px 35px}}@media (min-width:1400px){.single-column-layout{margin-left:-60px;padding-left:25px;padding-right:30px}.single-column-layout .method-content{max-width:1000px;padding:35px 40px}}@media (max-width:768px){.benefits-page,.how-to-play-page,.solving-methods-page{margin-left:0!important;padding:20px 16px!important;width:100%!important}.benefits-page .guide-header,.how-to-play-page .guide-header,.solving-methods-page .guide-header{padding:0}.compact-layout,.compact-methods-layout{padding-left:16px!important;padding-right:16px!important}.compact-methods-layout .methods-sidebar{margin-bottom:20px!important;margin-right:0!important}.single-column-layout .method-content{padding:20px 16px}.benefit-card{margin-bottom:12px;padding:18px}.benefit-icon{font-size:2rem}.benefit-card h4{font-size:1.2rem}.action-buttons{align-items:center;flex-direction:column}.action-btn{justify-content:center;max-width:280px;width:100%}.related-grid{gap:10px;grid-template-columns:1fr}.related-link{padding:12px 16px}}.single-column-layout{display:flex;flex-direction:column;gap:0;margin-left:-40px;padding-left:15px;padding-right:20px;width:100%}.single-column-layout .method-content{margin:0 auto 0 0;max-width:900px;padding:25px 30px;width:100%}.benefit-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;overflow:hidden;padding:20px 25px;position:relative;transition:all .2s ease}.benefit-card:hover{border-color:#e2e8f0;box-shadow:0 8px 25px #00000014;transform:translateY(-1px)}.benefit-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.benefit-icon{display:block;font-size:2.5rem;margin-bottom:15px}.benefit-card h4{color:#1f2937;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:15px}.benefit-card p{color:#4b5563;font-size:1rem;line-height:1.7;margin-bottom:15px}.benefit-research{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;margin-top:15px;padding:15px}.benefit-research strong{color:#0369a1;font-size:.95rem;font-weight:600}.action-buttons{margin-top:25px}.action-btn{align-items:center;border:2px solid #0000;border-radius:12px;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.action-btn.primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.action-btn.secondary{background:#fff;border-color:#667eea;color:#667eea}.action-btn.secondary:hover{background:#667eea;color:#fff}.related-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.related-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;display:flex;font-weight:500;gap:10px;padding:15px 20px;text-decoration:none;transition:all .3s ease}.related-link:hover{background:#f9fafb;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.benefits-page{margin-left:-270px!important;padding:20px 0;padding-left:280px!important;width:calc(100% + 270px)!important}.benefits-page .guide-container{margin:0!important;max-width:none!important;padding:0!important}.benefits-page .guide-header{margin-bottom:25px;padding:0 20px}.compact-layout{margin-left:0!important;padding-left:20px!important;padding-right:20px!important;width:100%!important}.compact-layout .method-content{margin:0!important;max-width:900px!important;padding:20px 25px!important}@media (min-width:1024px){.benefits-page{padding-left:275px!important}.compact-layout .method-content{max-width:950px!important;padding:25px 30px!important}}@media (min-width:1200px){.benefits-page{padding-left:272px!important}.compact-layout .method-content{max-width:1000px!important;padding:30px 35px!important}}@media (min-width:1400px){.benefits-page{padding-left:270px!important}.compact-layout .method-content{max-width:1050px!important;padding:30px 40px!important}}.solving-methods-page{margin-left:-270px!important;padding:20px 0;padding-left:280px!important;width:calc(100% + 270px)!important}.solving-methods-page .guide-container{margin:0!important;max-width:none!important;padding:0!important}.solving-methods-page .guide-header{margin-bottom:25px;padding:0 20px}.compact-methods-layout{gap:15px!important;margin-left:0!important;padding-left:20px!important;padding-right:20px!important}.compact-methods-layout .methods-sidebar{margin-right:10px!important;padding:18px!important}.compact-methods-layout .method-content{padding:20px 25px!important}.how-to-play-page{margin-left:-270px!important;padding:20px 0;padding-left:280px!important;width:calc(100% + 270px)!important}.how-to-play-page .guide-container{margin:0!important;max-width:none!important;padding:0!important}.how-to-play-page .guide-header{margin-bottom:25px;padding:0 20px}.how-to-play-page .compact-layout{margin-left:0!important;padding-left:20px!important;padding-right:20px!important}.how-to-play-page .method-content{margin:0!important;max-width:900px!important;padding:20px 25px!important}@media (min-width:1024px){.how-to-play-page,.solving-methods-page{padding-left:275px!important}.compact-methods-layout .methods-sidebar{padding:20px!important}.compact-methods-layout .method-content,.how-to-play-page .method-content{max-width:950px!important;padding:25px 30px!important}}@media (min-width:1200px){.how-to-play-page,.solving-methods-page{padding-left:272px!important}.compact-methods-layout .method-content,.how-to-play-page .method-content{max-width:1000px!important;padding:30px 35px!important}}@media (min-width:1400px){.how-to-play-page,.solving-methods-page{padding-left:270px!important}.compact-methods-layout .method-content,.how-to-play-page .method-content{max-width:1050px!important;padding:30px 40px!important}}@media (max-width:768px){.sudoku-guide-page{padding:30px 16px}.guide-title{font-size:2.2rem}.guide-subtitle{font-size:1.1rem}.guide-section{padding:25px 20px}.methods-layout,.rules-grid,.steps-container,.tips-grid{grid-template-columns:1fr}.methods-layout{gap:20px}.methods-sidebar{order:-1;position:static}.demo-grid{grid-template-columns:repeat(9,30px);grid-template-rows:repeat(9,30px)}.example-container,.method-title-section{flex-direction:column;text-align:center}.method-content{padding:30px 20px}}@media (max-width:480px){.sudoku-guide-page{padding:20px 12px}.guide-header{margin-bottom:40px}.guide-title{font-size:1.8rem}.guide-section,.method-content{padding:20px 15px}}.social-share{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;margin:30px 0;padding:25px;text-align:center}.share-title{color:#2d3748;font-size:1.2rem;margin-bottom:20px;text-align:center}.share-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto;max-width:600px}.share-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s ease}.share-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.share-button:hover:before{left:100%}.share-button:hover{border-color:#667eea;border-color:var(--social-color,#667eea);box-shadow:0 4px 12px #0000001a;color:#667eea;color:var(--social-color,#667eea);transform:translateY(-2px)}.share-button:active{transform:translateY(0)}.share-icon{font-size:1.2rem}.share-name{font-weight:500}.copy-button{--social-color:#667eea}.copy-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}@media (max-width:768px){.share-buttons{gap:10px;grid-template-columns:repeat(2,1fr)}.share-button{font-size:.85rem;padding:10px 12px}.share-name{display:none}.share-icon{font-size:1.4rem}}@media (max-width:480px){.social-share{padding:20px 15px}.share-buttons{grid-template-columns:repeat(3,1fr)}}.seo-article{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 140px);padding:40px 20px}.article-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.article-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:50px 40px;text-align:center}.article-header h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 4px #0003}.article-meta{display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px;justify-content:center;opacity:.9}.article-meta span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:6px 12px}.article-content{padding:50px 40px}.intro-section{margin-bottom:40px}.lead{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #667eea;border-radius:12px;color:#4a5568;font-size:1.2rem;font-weight:400;line-height:1.7;margin-bottom:30px;padding:25px}.tip-section{margin-bottom:50px}.tip-section h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:30px;padding-bottom:10px;position:relative}.tip-section h2:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:80px}.tip-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.tip-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.tip-card:hover{border-color:#cbd5e0;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.tip-card h3{color:#2d3748;font-size:1.3rem;font-weight:600}.tip-card h3,.tip-card p{margin-bottom:15px;padding-left:15px}.tip-card p{color:#4a5568;line-height:1.6}.tip-example{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-left:15px;margin-top:15px;padding:15px}.tip-example strong{color:#c53030;font-weight:600}.conclusion-section{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:1px solid #9ae6b4;border-radius:12px;margin-bottom:40px;padding:30px;text-align:center}.conclusion-section h2{color:#22543d;font-size:1.8rem;margin-bottom:20px}.conclusion-section p{color:#2f855a;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.cta-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.cta-button{align-items:center;border:2px solid #0000;border-radius:8px;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.cta-button.secondary{background:#fff;border-color:#667eea;color:#667eea}.cta-button.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.related-links{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:25px}.related-links h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:15px}.related-links ul{list-style:none;margin:0;padding:0}.related-links li{margin-bottom:10px}.related-links a{align-items:center;color:#667eea;display:flex;font-weight:500;gap:8px;text-decoration:none;transition:color .2s ease}.related-links a:before{content:"📖";font-size:.9rem}.related-links a:hover{color:#5a67d8;text-decoration:underline}@media (max-width:768px){.seo-article{padding:20px 16px}.article-header{padding:40px 24px}.article-header h1{font-size:2rem}.article-meta{font-size:.8rem;gap:10px}.article-content{padding:30px 24px}.tip-card{padding:20px}.cta-buttons{align-items:center;flex-direction:column}.cta-button{justify-content:center;max-width:250px;width:100%}}@media (max-width:480px){.article-header h1{font-size:1.6rem}.article-content{padding:20px 16px}.tip-section h2{font-size:1.5rem}}.games-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.game-recommendation{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem;transition:transform .3s ease}.game-recommendation:hover{transform:translateY(-5px)}.difficulty{background:#e74c3c;border-radius:15px;font-size:.8rem;margin-bottom:1rem;padding:.3rem .8rem}.difficulty,.game-link{color:#fff;display:inline-block}.game-link{background:#3498db;border-radius:25px;margin-top:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.game-link:hover{background:#2980b9}.health-tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.time-recommendations{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.age-group{background:#f8f9fa;border-radius:10px;padding:1.5rem;text-align:center}.age-group h4{color:#2c3e50;margin-bottom:1rem}.age-group p{color:#3498db;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.note{color:#7f8c8d;font-size:.9rem;font-style:italic}.rule-visual{flex-wrap:wrap;gap:1rem;margin:2rem 0}.rule-item,.rule-visual{align-items:center;display:flex;justify-content:center}.rule-item{background:#3498db;border-radius:50%;color:#fff;flex-direction:column;height:80px;padding:1rem;width:80px}.rule-number{font-size:1.5rem;font-weight:700}.rule-text{font-size:.8rem}.rule-arrow{color:#3498db;font-size:1.5rem;font-weight:700}.warning-signs{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.sign-category{background:#fff5f5;border-left:4px solid #e74c3c;border-radius:0 10px 10px 0;padding:1.5rem}.help-indicators{grid-gap:1rem;display:grid;gap:1rem;margin:1.5rem 0}.indicator{background:#fff5f5;border-left:4px solid #e74c3c;border-radius:0 5px 5px 0;padding:1rem}.focus-areas{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.focus-area{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem;text-align:center}.focus-icon{font-size:3rem;margin-bottom:1rem}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.article-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem;position:relative}.article-number{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;left:20px;position:absolute;top:-10px;width:40px}.article-meta-info{display:flex;justify-content:space-between;margin-bottom:1rem}.level{border-radius:15px;font-size:.8rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.level-easy,.level-kolay{background:#d4edda;color:#155724}.level-intermediate,.level-medium,.level-orta{background:#fff3cd;color:#856404}.level-advanced,.level-hard,.level-i̇leri{background:#f8d7da;color:#721c24}.article-status{background:#6c757d;border-radius:20px;color:#fff;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem;text-align:center}.experts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.expert-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;padding:2rem;text-align:center}.expert-avatar{font-size:3rem;margin-bottom:1rem}.highlights-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.highlight-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;gap:1rem;padding:1.5rem}.highlight-stat{color:#3498db;font-size:2rem;font-weight:700;min-width:80px}.upcoming-timeline{margin:2rem 0;position:relative}.timeline-item{align-items:flex-start;display:flex;gap:2rem;margin-bottom:2rem}.timeline-date{background:#3498db;border-radius:20px;color:#fff;font-weight:600;min-width:120px;padding:.5rem 1rem;text-align:center}.timeline-content{background:#f8f9fa;border-radius:10px;flex:1 1;padding:1.5rem}.newsletter-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;padding:2rem;text-align:center}.newsletter-form{margin-top:1.5rem}.newsletter-input{max-width:300px;min-width:250px}.content-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem}.content-card h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.aging-facts,.protective-benefits{margin:1.5rem 0}.aging-facts h4,.protective-benefits h4{color:#3498db;font-size:1.2rem;margin-bottom:1rem}.aging-facts ul,.protective-benefits ul{list-style:none;padding:0}.aging-facts li,.protective-benefits li{border-bottom:1px solid #ecf0f1;padding:.5rem 0}.aging-facts li:last-child,.protective-benefits li:last-child{border-bottom:none}.benefit-section,.games-section,.health-section,.tips-section{margin:3rem 0}.benefit-section h2,.games-section h2,.health-section h2,.tips-section h2{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:2rem;margin-bottom:2rem;padding-bottom:.5rem}.benefit-item{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.benefit-icon{font-size:2rem;min-width:3rem;text-align:center}.tips-grid{grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.practical-grid,.tips-grid{display:grid;gap:2rem;margin:2rem 0}.practical-grid{grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.practical-card{background:#f8f9fa;border-left:4px solid #28a745;border-radius:12px;padding:2rem}.practical-card h3{color:#2c3e50;margin-bottom:1rem}.practical-card ul{list-style:none;padding:0}.practical-card li{color:#495057;padding:.5rem 0}.help-resources{margin-top:2rem}.help-resources h4{color:#e74c3c;margin-bottom:1rem}.help-resources ul{list-style:none;padding:0}.help-resources li{border-bottom:1px solid #ecf0f1;padding:.8rem 0}.motivation-techniques{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.technique{background:#e8f5e8;border-left:4px solid #28a745;border-radius:10px;padding:1.5rem}.technique h4{color:#2c3e50;margin-bottom:1rem}.balance-section,.emergency-section,.expert-panel,.mental-health-section,.newsletter-signup-section,.physical-health-section,.practical-tips-section,.research-highlights,.series-articles,.series-overview,.upcoming-content{margin:3rem 0}@media (max-width:768px){.articles-grid,.experts-grid,.focus-areas,.games-grid,.health-tips-grid,.highlights-list,.motivation-techniques,.practical-grid,.time-recommendations,.tips-grid,.warning-signs{gap:1.5rem;grid-template-columns:1fr}.rule-visual{flex-direction:column}.rule-arrow{transform:rotate(90deg)}.timeline-item{flex-direction:column;gap:1rem}.newsletter-form{align-items:center;flex-direction:column}.newsletter-input{max-width:none;width:100%}.benefit-item,.highlight-item{flex-direction:column;text-align:center}}.pieces-section{margin:40px 0}.pieces-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.piece-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px;text-align:center;transition:all .3s ease}.piece-card:hover{border-color:#cbd5e0;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.piece-visual{align-items:center;display:flex;justify-content:center;margin-bottom:20px;min-height:80px}.pickamino-piece{background:#0000000d;border-radius:4px;display:inline-block;padding:5px}.pickamino-row{display:flex;gap:2px;margin-bottom:2px}.pickamino-row:last-child{margin-bottom:0}.block-pickamino-guide,.empty-pickamino-guide{border-radius:3px;height:24px;position:relative;width:24px}.block-pickamino-guide{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #5a67d8;box-shadow:inset 0 1px 2px #ffffff4d,0 2px 4px #0003}.block-pickamino-guide:before{background:#fff6;border-radius:2px 2px 0 0;content:"";height:6px;left:2px;position:absolute;right:2px;top:2px}.empty-pickamino-guide{background:#0000}.i-piece .block-pickamino-guide{background:linear-gradient(135deg,#ff6b9d,#ffb3ba);border-color:#ff1493}.o-piece .block-pickamino-guide{background:linear-gradient(135deg,#ffd93d,#ffeb9c);border-color:orange}.t-piece .block-pickamino-guide{background:linear-gradient(135deg,#a8e6cf,#c8f7c5);border-color:#00fa9a}.s-piece .block-pickamino-guide{background:linear-gradient(135deg,#88d8b0,#b5ead7);border-color:#20b2aa}.z-piece .block-pickamino-guide{background:linear-gradient(135deg,#ff8b94,#ffaaa5);border-color:#ff4500}.l-piece .block-pickamino-guide{background:linear-gradient(135deg,#85c1e9,#aed6f1);border-color:#4169e1}.j-piece .block-pickamino-guide{background:linear-gradient(135deg,#f8bbd9,#fadbd8);border-color:orchid}.pentamino-i .block-pickamino-guide.gold{background:linear-gradient(135deg,gold,#fff8dc);border-color:#daa520}.pentamino-f .block-pickamino-guide.silver{background:linear-gradient(135deg,silver,#e8e8e8);border-color:#a0a0a0}.pentamino-l .block-pickamino-guide.blue{background:linear-gradient(135deg,#0047ab,#4169e1);border-color:#0039a6}.pentamino-n .block-pickamino-guide.purple{background:linear-gradient(135deg,indigo,#8a2be2);border-color:#40006f}.pentamino-p .block-pickamino-guide.orange{background:linear-gradient(135deg,#ff4500,#ff8c00);border-color:#cc3700}.pentamino-t .block-pickamino-guide.turquoise{background:linear-gradient(135deg,#00ced1,#48d1cc);border-color:#00a5a8}.pentamino-u .block-pickamino-guide.violet{background:linear-gradient(135deg,#9400d3,orchid);border-color:#7b00b4}.pentamino-x .block-pickamino-guide.skyblue{background:linear-gradient(135deg,#1e90ff,#87ceeb);border-color:#0080ff}.pentamino-others .block-pickamino-guide.mixed{background:linear-gradient(45deg,tomato,#32cd32 25%,#1e90ff 50%,gold 75%,tomato);border-color:#87ceeb}.block-pickamino-guide.gold{background:linear-gradient(135deg,gold,#fff8dc);border-color:#daa520}.block-pickamino-guide.silver{background:linear-gradient(135deg,silver,#e8e8e8);border-color:#a0a0a0}.block-pickamino-guide.blue{background:linear-gradient(135deg,#0047ab,#4169e1);border-color:#0039a6}.block-pickamino-guide.purple{background:linear-gradient(135deg,indigo,#8a2be2);border-color:#40006f}.block-pickamino-guide.orange{background:linear-gradient(135deg,#ff4500,#ff8c00);border-color:#cc3700}.block-pickamino-guide.turquoise{background:linear-gradient(135deg,#00ced1,#48d1cc);border-color:#00a5a8}.block-pickamino-guide.violet{background:linear-gradient(135deg,#9400d3,orchid);border-color:#7b00b4}.block-pickamino-guide.skyblue{background:linear-gradient(135deg,#1e90ff,#87ceeb);border-color:#0080ff}.block-pickamino-guide.mixed{background:linear-gradient(45deg,tomato,#32cd32 25%,#1e90ff 50%,gold 75%,tomato);border-color:#87ceeb}.block-pickamino-guide.copper{background:linear-gradient(135deg,#b87333,#d4a574);border-color:#8b4513}.block-pickamino-guide.green{background:linear-gradient(135deg,#228b22,#32cd32);border-color:#006400}.block-pickamino-guide.darkred{background:linear-gradient(135deg,#8b0000,#dc143c);border-color:maroon}.block-pickamino-guide.pink{background:linear-gradient(135deg,#ff1493,#ff69b4);border-color:#dc143c}.block-pickamino-guide.tomato{background:linear-gradient(135deg,tomato,#ffa07a);border-color:#cd5c5c}.block-pickamino-guide.springgreen{background:linear-gradient(135deg,#00ff7f,#98fb98);border-color:#00fa9a}.block-pickamino-guide.yellow{background:linear-gradient(135deg,#ff0,#fffacd);border-color:gold}.block-pickamino-guide.darkgray{background:linear-gradient(135deg,#2f4f4f,#708090);border-color:#36454f}.block-pickamino-guide.plum{background:linear-gradient(135deg,purple,plum);border-color:#639}.block-pickamino-guide.midnightblue{background:linear-gradient(135deg,#191970,#483d8b);border-color:navy}.piece-card h4{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:15px}.piece-card p{color:#4a5568;font-size:.95rem;line-height:1.6}.advanced-section,.scoring-section,.strategy-section{margin:50px 0}.strategy-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.strategy-card,.technique-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px;position:relative;transition:all .3s ease}.strategy-card:before,.technique-card:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 0 0 12px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.strategy-card:hover,.technique-card:hover{border-color:#cbd5e0;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.strategy-card h3,.technique-card h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-left:15px}.strategy-card p,.technique-card p{color:#4a5568;line-height:1.6;padding-left:15px}.technique-card{margin-bottom:20px}@media (max-width:768px){.pieces-grid,.strategy-grid{gap:20px;grid-template-columns:1fr}.piece-card,.strategy-card,.technique-card{padding:20px}.block-pickamino-guide,.empty-pickamino-guide{height:20px;width:20px}.pickamino-piece{padding:3px}}.tip-card .controls-section{margin-top:20px}.tip-card .pickamino-controls-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.tip-card .control-group h4{border-bottom:2px solid #667eea!important;color:#2d3748!important;font-size:1.2rem!important;font-weight:600;margin:0 0 15px!important;padding-bottom:8px}.tip-card .control-item{align-items:center;display:flex;gap:15px;margin-bottom:12px;padding:8px 0}.tip-card .key{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:2px solid #5a67d8!important;border-radius:8px;box-shadow:0 4px 8px #667eea4d;color:#fff!important;display:inline-block;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;min-width:70px;padding:8px 14px;text-align:center;text-shadow:0 1px 2px #0003}.tip-card .description{color:#2d3748!important;flex:1 1;font-size:.95rem!important;font-weight:500}.tip-card .mobile-control-item{align-items:center;display:flex;gap:15px;margin-bottom:12px;padding:8px 0}.tip-card .mobile-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.8rem;min-width:50px;text-align:center}.tip-card .mobile-description{color:#2d3748!important;flex:1 1;font-size:.95rem!important;font-weight:500}@media (max-width:768px){.tip-card .pickamino-controls-grid{gap:20px;grid-template-columns:1fr}.tip-card .control-item,.tip-card .mobile-control-item{gap:10px}.tip-card .key{font-size:.8rem!important;min-width:50px!important}.tip-card .description,.tip-card .mobile-description{font-size:.9rem!important}}@media (max-width:480px){.tip-card .control-group h4{font-size:1.1rem!important}.tip-card .pickamino-controls-grid{gap:15px}}.pickamino-controls{padding:20px 0}.controls-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 15px #0000004d;padding:25px}.controls-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center}.controls-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.control-group h4{border-bottom:2px solid #fff3;color:#a8e6cf;font-size:1.2rem;font-weight:600;margin:0 0 15px;padding-bottom:8px}.control-item{align-items:center;display:flex;gap:15px;margin-bottom:12px;padding:8px 0}.key{background:#ffffff1a;border:2px solid #fff3;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;min-width:60px;padding:6px 12px;text-align:center}.description{color:#fffc;flex:1 1;font-size:.95rem}.mobile-control-item{align-items:center;display:flex;gap:12px;margin-bottom:10px;padding:6px 0}.mobile-icon{font-size:1.2rem;min-width:30px;text-align:center}.mobile-description{color:#ffffffd9;flex:1 1;font-size:.9rem;line-height:1.3}@media (max-width:768px){.pickamino-controls{padding:15px 0}.controls-content{padding:20px}.controls-grid{gap:20px;grid-template-columns:1fr}.controls-content h3{font-size:1.3rem}.control-group h4{font-size:1.1rem}.control-item{gap:10px}.key{font-size:.8rem;min-width:50px;padding:4px 8px}.description{font-size:.9rem}.mobile-control-item{gap:10px}.mobile-icon{font-size:1.1rem;min-width:25px}.mobile-description{font-size:.85rem}}@media (max-width:480px){.controls-content{padding:15px}.controls-content h3{font-size:1.2rem}.control-group h4{font-size:1rem}.key{font-size:.75rem;min-width:45px;padding:3px 6px}.description,.mobile-description{font-size:.8rem}}.desktop-only{display:block}.mobile-only{display:none}@media (min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}body.pickamino-active{height:100%;overflow:hidden;position:fixed;width:100%}.pickamino-game *{box-sizing:border-box!important;margin:0!important}.pickamino-game>*{margin-bottom:0!important;margin-top:0!important}.pickamino-game{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;display:flex!important;flex-direction:column!important;font-family:Inter,sans-serif;gap:0!important;margin:0 auto;max-width:800px;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));position:relative;user-select:none;-webkit-user-select:none}.game-header-pickamino{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1f44;border:1px solid #ffffff26;border-radius:3px;box-shadow:0 1px 3px #00000012;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;margin-bottom:1px;min-height:18px;padding:1px 3px}.game-header-pickamino h1{font-size:1rem;margin:0}.score-section-pickamino{align-items:center;display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap;gap:6px}.score-item-pickamino{align-items:center!important;background:#0a1f44;border-radius:3px;display:flex!important;flex-direction:row!important;gap:3px!important;min-height:16px;min-width:40px;padding:1px 4px}.score-label-pickamino{font-weight:500;opacity:.9}.score-label-pickamino,.score-value-pickamino{display:inline!important;font-size:16px!important;margin:0!important;padding:0!important;white-space:nowrap!important}.score-value-pickamino{color:gold;font-weight:700;text-shadow:0 1px 2px #0000004d}.header-buttons-pickamino{align-items:center;display:flex;gap:6px}.next-piece-mobile-pickamino{align-items:center;display:flex;justify-content:center}.next-label-pickamino{color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.next-piece-preview-small-pickamino{align-items:center;background:#0003;border:1px solid #fff3;border-radius:3px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:60px;min-width:30px;padding:2px}.restart-btn-pickamino,.sound-btn-pickamino{align-items:center;background:#0a1f44;border:1px solid #ffffff4d;border-radius:6px;box-shadow:0 1px 3px #00000026;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:24px;padding:1px 4px;transition:all .15s ease}.restart-btn-pickamino:hover,.sound-btn-pickamino:hover{background:#ffffff59;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.pickamino-content{box-sizing:border-box;display:flex;flex-direction:column;margin:0!important;padding:10px;width:100%}.game-area-wrapper-pickamino{align-items:flex-start;display:flex;gap:20px;justify-content:center}.next-piece-container-pickamino{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff26;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;min-height:280px;min-width:100px;padding:15px}.next-piece-container-pickamino h4{color:#fff;font-size:.9rem;letter-spacing:1px;margin:0 0 10px;opacity:.8;text-transform:uppercase}.next-piece-preview-pickamino{align-items:center;background:#0000001a;border-radius:8px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:200px;min-width:80px}.game-canvas-container-pickamino{align-items:center;display:flex;justify-content:center;min-height:400px;min-width:400px;position:relative}@media (max-width:768px){.game-canvas-container-pickamino{min-height:auto!important}}.pickamino-canvas{background:#000;border:3px solid #667eea;border-radius:8px;box-shadow:0 0 20px #667eea80;display:block;flex-shrink:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;touch-action:manipulation;transition:none}.game-overlay-pickamino{align-items:center;background:#000c;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.game-overlay-pickamino.demo-overlay-pickamino{background:#0000;pointer-events:none}.game-overlay-pickamino.demo-overlay-pickamino .start-button-pickamino{pointer-events:auto}.game-overlay-pickamino .restart-button-pickamino,.game-overlay-pickamino .start-button-pickamino{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease}.game-overlay-pickamino .restart-button-pickamino:hover,.game-overlay-pickamino .start-button-pickamino:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.game-over-pickamino,.paused-pickamino{color:#fff;text-align:center}.game-over-pickamino h3,.paused-pickamino h3{color:#ff6b6b;font-size:2rem;margin:0 0 15px}.game-over-pickamino p{color:#00f0f0;font-size:1.2rem;margin:10px 0 20px}.game-instructions-pickamino{margin-top:auto;padding:0 10px}.controls-help-pickamino{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0000004d;padding:20px}.controls-help-pickamino h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 15px;text-align:center}.control-groups-pickamino{display:flex;gap:20px;justify-content:space-between}.desktop-controls-pickamino,.mobile-controls-pickamino{background:#0003;border-radius:8px;flex:1 1;padding:15px}.desktop-controls-pickamino h5,.mobile-controls-pickamino h5{color:#00f0f0;font-size:.9rem;font-weight:600;margin:0 0 10px;text-align:center}.desktop-controls-pickamino p,.mobile-controls-pickamino p{color:#ffffffd9;font-size:.8rem;line-height:1.3;margin:5px 0}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.pickamino-game{gap:0!important;height:100vh;margin:0!important;min-height:100vh;overflow:hidden;padding:0}.pickamino-content{display:flex;flex-direction:column;gap:0!important;height:100%;margin:0!important;max-width:100%;padding:4px 8px}.game-header-pickamino{align-items:center;display:flex;gap:2px;justify-content:space-between;margin-bottom:0;min-height:20px;padding:2px 4px}.score-section-pickamino{flex:1 1;gap:2px;overflow:hidden}.score-item-pickamino{flex-shrink:1;min-height:16px;min-width:30px;padding:1px 2px}.score-label-pickamino{font-size:9px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-value-pickamino{font-size:10px!important;font-weight:700}.header-buttons-pickamino{flex-shrink:0;gap:2px}.next-label-pickamino{font-size:8px}.restart-btn-pickamino,.sound-btn-pickamino{font-size:10px;height:16px;min-width:20px;padding:1px 2px}.next-piece-preview-small-pickamino{min-height:28px;min-width:28px}.game-area-wrapper-pickamino{align-items:center;flex:1 1;flex-direction:column;gap:0!important;height:100%;justify-content:flex-start;margin:0!important;padding:0!important}.game-canvas-container-pickamino{align-items:center;display:flex;flex:0 0 auto;justify-content:center;margin:8px 0 0;max-width:100%;overflow:visible;padding:0;width:100%}.next-piece-container-pickamino.mobile-only{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #00000040;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin:12px auto 8px;max-width:320px;min-height:120px;padding:12px;text-align:center;width:90%}.next-piece-container-pickamino.mobile-only h4{color:#fff;font-size:.7rem;letter-spacing:.3px;margin:0 0 6px;opacity:.9;text-transform:uppercase}.next-piece-container-pickamino.mobile-only .next-piece-preview-pickamino{align-items:center;background:#0000001a;border-radius:6px;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:center;min-height:70px;min-width:100%;padding:4px}.next-piece-container-pickamino.desktop-only{display:none!important}}@media (max-width:480px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.pickamino-game{height:100vh;overflow:hidden}.pickamino-content,.pickamino-game{gap:0!important;margin:0!important;padding:0}.pickamino-content{display:flex;flex-direction:column;height:100%}.game-header-pickamino{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;min-height:18px;padding:1px 2px}.score-item-pickamino{min-height:14px;min-width:25px;padding:1px}.score-label-pickamino{font-size:8px!important}.score-value-pickamino{font-size:9px!important;font-weight:700}.next-label-pickamino{font-size:7px}.restart-btn-pickamino,.sound-btn-pickamino{font-size:9px;height:14px;min-width:16px;padding:1px}.next-piece-preview-small-pickamino{min-height:24px;min-width:24px}.game-area-wrapper-pickamino{align-items:center;flex:1 1;flex-direction:column;gap:0!important;height:100%;justify-content:flex-start;margin:0!important;padding:0!important}.controls-help-pickamino h4{font-size:1rem;margin-bottom:12px}.desktop-controls-pickamino h5,.mobile-controls-pickamino h5{font-size:.85rem}.desktop-controls-pickamino p,.mobile-controls-pickamino p{font-size:.75rem}.game-canvas-container-pickamino{flex:1 1;margin:0;max-width:calc(100vw - 100px);overflow:visible;padding:0;width:auto}.next-piece-container-pickamino{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;flex-shrink:0;min-height:180px;min-width:70px;padding:6px}.next-piece-container-pickamino h4{color:#fff;font-size:.6rem;letter-spacing:.3px;margin:0 0 6px;opacity:.9;text-transform:uppercase}.next-piece-preview-pickamino{background:#0000001a;border-radius:4px;gap:4px;min-height:140px;min-width:50px;padding:2px}.pickamino-canvas-pickamino{height:auto;max-height:calc(100vh - 48px);max-width:calc(100vw - 2px);width:auto}}@media (hover:none) and (pointer:coarse){.pickamino-canvas-pickamino{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}}@media (max-height:600px) and (orientation:landscape){.pickamino-content-pickamino{align-items:flex-start;flex-direction:row;gap:15px}.game-canvas-container-pickamino{flex:1 1;margin-bottom:0;min-height:auto}.game-instructions-pickamino{flex-shrink:0;margin-top:0}}.pickamino-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;overflow-x:hidden}.pickamino-page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.pickamino-back-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;display:flex;gap:8px;padding:10px 15px;text-decoration:none;transition:all .3s ease}.pickamino-back-button:hover{background:#fff3;transform:translateX(-2px)}.pickamino-back-icon{font-size:1.2rem;font-weight:700}.pickamino-back-text{font-size:.9rem;font-weight:500}.pickamino-page-title-section{flex:1 1;gap:15px}.pickamino-logo,.pickamino-page-title-section{align-items:center;display:flex;justify-content:center}.pickamino-logo{height:50px;position:relative;width:50px}.pickamino-logo-blocks{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:40px;position:relative;transform:rotate(45deg);width:40px}.pickamino-logo-block{animation:pickaminoLogoFloat 3s ease-in-out infinite;border-radius:2px;height:100%;width:100%}.pickamino-logo-block.block-t1{animation-delay:0s;background:linear-gradient(45deg,#ff6b6b,#ee5a52)}.pickamino-logo-block.block-t2{animation-delay:.5s;background:linear-gradient(45deg,#4ecdc4,#44a08d)}.pickamino-logo-block.block-t3{animation-delay:1s;background:linear-gradient(45deg,#45b7d1,#3498db)}.pickamino-logo-block.block-t4{animation-delay:1.5s;background:linear-gradient(45deg,#f9ca24,#f0932b)}.pickamino-page-title{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.pickamino-header-spacer{width:120px}.pickamino-game-instructions{margin:0 auto;max-width:1200px;padding:30px 20px}.pickamino-instructions-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 2px 10px #0000004d;padding:25px}.pickamino-instructions-content h3{color:#fff;font-size:1.5rem;margin:0 0 20px;text-align:center}.pickamino-controls-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.pickamino-control-group h4{border-bottom:2px solid #fff3;color:#a8e6cf;font-size:1.2rem;margin:0 0 15px;padding-bottom:8px}.pickamino-control-item{align-items:center;display:flex;gap:15px;margin-bottom:12px;padding:8px 0}.pickamino-key{background:#ffffff1a;border:2px solid #fff3;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;min-width:60px;padding:6px 12px;text-align:center}.pickamino-description{color:#fffc;flex:1 1;font-size:.95rem}.pickamino-control-group p{color:#fffc;line-height:1.6;margin:0}@keyframes pickaminoLogoFloat{0%,to{opacity:1;transform:scale(1) rotate(0deg)}25%{opacity:.8;transform:scale(1.1) rotate(5deg)}50%{opacity:1;transform:scale(.9) rotate(-5deg)}75%{opacity:.9;transform:scale(1.05) rotate(3deg)}}@media (max-width:768px){.pickamino-page-header{padding:15px}.pickamino-page-title{font-size:1.5rem}.pickamino-logo{height:40px;width:40px}.pickamino-logo-blocks{height:32px;width:32px}.pickamino-back-text{display:none}.pickamino-header-spacer{width:60px}.pickamino-game-instructions{padding:20px 15px}.pickamino-controls-grid{gap:20px;grid-template-columns:1fr}.pickamino-instructions-content{padding:20px}.pickamino-control-item{gap:10px}.pickamino-key{font-size:.8rem;min-width:50px}.pickamino-description{font-size:.9rem}}@media (max-width:480px){.pickamino-page-header{padding:12px}.pickamino-page-title{font-size:1.3rem}.pickamino-game-instructions{padding:15px 10px}.pickamino-instructions-content{padding:15px}.pickamino-instructions-content h3{font-size:1.3rem}.pickamino-control-group h4{font-size:1.1rem}}.block-puzzle-game{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;font-family:Inter,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;overflow:visible!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));position:relative;user-select:none;-webkit-user-select:none}body.block-puzzle-active{height:100%;overflow:hidden;position:fixed;width:100%}.game-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1f44;border:1px solid #ffffff26;border-radius:3px;box-shadow:0 1px 3px #00000012;flex-direction:row;flex-wrap:nowrap;gap:4px;margin-bottom:1px;min-height:18px;padding:1px 3px}.game-header h1{font-size:1rem;margin:0}.score-section{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px}.score-item{align-items:center!important;background:#0a1f44;border-radius:3px;display:flex!important;flex-direction:row!important;gap:3px!important;min-height:16px;min-width:40px;padding:1px 4px}.score-label{font-weight:500;opacity:.9}.score-label,.score-value{display:inline!important;font-size:16px!important;margin:0!important;padding:0!important;white-space:nowrap!important}.score-value{color:gold;font-weight:700;text-shadow:0 1px 2px #0000004d}.header-buttons{gap:6px}.header-buttons,.sound-btn{align-items:center;display:flex}.sound-btn{background:#0a1f44;border:1px solid #ffffff4d;box-shadow:0 1px 3px #00000026;color:#fff;cursor:pointer;font-weight:700;height:16px;justify-content:center;padding:1px 4px;transition:all .15s ease}.sound-btn:hover{background:#ffffff59;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.restart-btn-block{box-shadow:0 1px 3px #00000026;color:#fff;cursor:pointer;font-weight:700;min-height:16px;transition:all .15s ease}.restart-btn-block:hover{background:#ffffff59;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.game-grid{grid-gap:2px;aspect-ratio:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0a1f44;border-radius:15px;contain:layout style paint;display:grid;gap:2px;grid-template-rows:repeat(10,1fr);isolation:isolate;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:min(98vw,550px);overflow:visible!important;padding:6px;transform:translateZ(0);transform-origin:center;transition:none!important;width:100%;z-index:1}.game-grid,.game-grid.dragging{position:relative;will-change:auto}.game-grid.dragging,.grid-row{transform:translateZ(0)}.grid-row{grid-gap:2px;contain:layout style;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);position:relative}.grid-cell{aspect-ratio:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ffffff1a;border-radius:4px;box-sizing:border-box;contain:layout style paint;cursor:pointer;position:relative;transition:none!important;will-change:auto}.grid-cell.empty{background:#0a1f44!important}.game-grid .grid-cell.empty.preview-piece-shadow{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;background-color:initial!important;background-image:none!important;border:1px solid #fff3!important;box-shadow:inset 2px 2px 6px #000c,inset -1px -1px 3px #ffffff1a,0 2px 4px #0009!important;position:relative}.grid-cell.filled{background:linear-gradient(145deg,#fff3,#ffffff1a 25%,#0000001a 75%,#0003);border:1px solid #ffffff4d;box-shadow:inset 4px 4px 8px #fff6,inset -4px -4px 8px #0009,inset 2px 2px 4px #fff3,inset -2px -2px 4px #0006,0 4px 8px #0006,0 -1px 0 #fff3;opacity:1;position:relative}.pieces-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1f44;border-radius:15px;min-height:min(22vw,130px);overflow:visible!important;padding:8px}.available-pieces,.pieces-section{contain:layout style;max-width:100%;position:relative;width:100%}.available-pieces{-webkit-overflow-scrolling:touch;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:min(2vw,12px);justify-content:space-between;overflow-x:auto;overflow-y:hidden;padding:0 min(1vw,6px);scroll-behavior:smooth;transform:translateZ(0)}.available-pieces::-webkit-scrollbar{display:none}.available-pieces{-ms-overflow-style:none;scrollbar-width:none}.piece-container{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0000;border:none;border-radius:0;box-sizing:border-box;contain:layout style paint;cursor:pointer;display:flex;flex:1 1;flex-shrink:0;justify-content:center;max-width:calc(33.333% - min(2vw,12px));min-height:min(20vw,120px);min-width:min(25vw,100px);padding:min(2vw,12px);position:relative;transform:translateZ(0);transform-origin:center;transition:all .2s ease;will-change:transform}.piece-container:hover{background:#0000;position:relative;transform:translateY(-2px) scale(1.02)}.piece-container.used{pointer-events:none;visibility:hidden}.piece-container[draggable=true]{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;cursor:grab;position:relative;transform:translateZ(0);user-select:none;-webkit-user-select:none;will-change:auto}.piece-container[draggable=true]:active{cursor:grabbing;position:relative;transform:translateZ(0) scale(.95)}.grid-cell{transform:translateZ(0);transition:none;user-select:none;-webkit-user-select:none;will-change:background-color}.grid-cell:hover{background-color:#ffffff1a!important}.piece-cell{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #ffffff4d;border-radius:4px;box-sizing:border-box;flex-shrink:0;height:min(max(6vw,28px),45px);transform:translateZ(0);transition:all .2s ease;width:min(max(6vw,28px),45px);will-change:auto}.piece-preview,.piece-row{align-items:center;display:flex;gap:4px;justify-content:center}.piece-preview{flex-direction:column}@media (max-width:768px){.block-puzzle-game{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));touch-action:manipulation;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-user-select:none}.game-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a1f44!important;border:1px solid #050a5533!important;border-radius:2px;box-shadow:none;gap:3px;margin-bottom:2px;min-height:16px;padding:1px 4px}.game-header,.score-section{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.score-section{gap:4px}.score-item{align-items:center!important;background:#0a1f44!important;border-radius:2px;display:flex!important;flex-direction:row!important;gap:2px!important;min-height:14px;min-width:30px;padding:1px 3px}.score-label{font-weight:500}.score-label,.score-value{display:inline!important;font-size:14px!important;margin:0!important;padding:0!important;white-space:nowrap!important}.score-value{text-shadow:none}.restart-btn-block{align-items:right!important;background:#0a1f44!important;border:1px solid #ffffff4d!important;border-radius:16px!important;box-shadow:none;flex-shrink:0;font-size:16px!important;padding:2px 6px!important}.game-grid{-webkit-touch-callout:none;max-width:min(98vw,480px);padding:4px;touch-action:none;-webkit-user-select:none;user-select:none}.grid-cell{border-radius:2px;transition:none}.pieces-section{padding:6px}.available-pieces{gap:min(1.5vw,8px);padding:0 min(.8vw,4px)}.piece-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:min(2vw,10px);flex-shrink:0;max-width:calc(33.333% - min(1.5vw,8px));min-height:min(25vw,140px);min-width:min(22vw,85px);padding:min(1.5vw,8px);touch-action:manipulation;transform:translateZ(0);-webkit-user-select:none}.piece-cell{height:min(max(5vw,22px),35px);width:min(max(5vw,22px),35px)}.piece-cell.empty{background:#0000!important;border:none!important;box-shadow:none!important;flex-shrink:0!important;height:min(max(5vw,22px),35px)!important;opacity:0!important;visibility:hidden!important;width:min(max(5vw,22px),35px)!important}.floating-piece,div[style*="position:fixed"]{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;contain:layout style paint!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform,left,top!important}.block-puzzle-game.dragging *{animation-delay:0s!important;animation-duration:0s!important;transition-delay:0s!important;transition-duration:0s!important}.floating-piece{filter:none;opacity:.9}.piece-container:active{transform:translateZ(0) scale(.95);transition:none!important}.grid-cell:hover{background-color:inherit!important}.game-over-content{background:#0a1f44;margin:20px;padding:30px}.game-over-content h2{font-size:24px}.piece-container{transition:none!important;will-change:transform}.piece-container.dragging{box-shadow:inset 0 2px 6px #0000004d,0 6px 12px #0006;filter:grayscale(30%) brightness(.9);opacity:.5;transform:translateZ(0) scale(.8) rotateX(5deg);transition:all .15s ease-out!important}}@media (max-width:480px){.block-puzzle-game{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.game-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a1f44;border:1px solid #fff3;border-radius:4px;box-shadow:none;gap:2px;margin-bottom:1px;min-height:14px;padding:1px 3px;text-align:center}.game-header,.score-section{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.score-section{gap:3px}.header-buttons{align-items:center;display:flex;flex-shrink:0;gap:3px}.score-item{align-items:center!important;background:#0a1f44;border-radius:2px;display:flex!important;flex-direction:row!important;font-size:9px;gap:1px!important;min-height:12px;min-width:25px;padding:1px 2px}.score-label{font-weight:500}.score-label,.score-value{display:inline!important;font-size:12px!important;margin:0!important;padding:0!important;white-space:nowrap!important}.score-value{text-shadow:none}.restart-btn-block{background:#0a1f44;border:1px solid #ffffff4d;border-radius:6px;box-shadow:none;flex-shrink:0;font-size:7px;padding:1px 4px}.game-grid{max-width:min(98vw,480px);padding:4px}.pieces-section{padding:5px}.available-pieces{gap:min(2vw,8px);padding:0 min(1vw,4px)}.piece-container{border-radius:min(3vw,12px);flex-shrink:0;max-width:calc(33.333% - min(2vw,8px));min-width:min(20vw,78px);padding:min(2vw,8px)}.piece-cell{height:min(max(6vw,24px),38px);width:min(max(6vw,24px),38px)}.piece-cell.empty{background:#0000!important;border:none!important;box-shadow:none!important;flex-shrink:0!important;height:min(max(6vw,24px),38px)!important;opacity:0!important;visibility:hidden!important;width:min(max(6vw,24px),38px)!important}}@media (max-width:360px){.available-pieces{gap:min(1.8vw,6px)}.piece-container{flex-shrink:0;max-width:calc(33.333% - min(1.8vw,6px));min-width:min(18vw,72px);padding:min(1.8vw,6px)}.piece-cell{height:min(max(5.5vw,22px),35px);width:min(max(5.5vw,22px),35px)}.piece-cell.empty{background:#0000!important;border:none!important;box-shadow:none!important;flex-shrink:0!important;height:min(max(5.5vw,22px),35px)!important;opacity:0!important;visibility:hidden!important;width:min(max(5.5vw,22px),35px)!important}}@media (max-width:320px){.available-pieces{gap:min(1.5vw,5px)}.piece-container{flex-shrink:0;max-width:calc(33.333% - min(1.5vw,5px));min-width:min(16vw,68px);padding:min(1.5vw,5px)}.piece-cell{height:min(max(5vw,20px),32px);width:min(max(5vw,20px),32px)}.piece-cell.empty{background:#0000!important;border:none!important;box-shadow:none!important;flex-shrink:0!important;height:min(max(5vw,20px),32px)!important;opacity:0!important;visibility:hidden!important;width:min(max(5vw,20px),32px)!important}}@media (max-width:280px){.pieces-section{background:#0a1f44;padding:4px}.available-pieces{gap:min(1.2vw,4px)}.piece-container{flex-shrink:0;max-width:calc(33.333% - min(1.2vw,4px));min-width:min(15vw,65px);padding:min(1.2vw,4px)}.piece-cell{height:min(max(4.5vw,18px),28px);width:min(max(4.5vw,18px),28px)}.piece-cell.empty{background:#0000!important;border:none!important;box-shadow:none!important;flex-shrink:0!important;height:min(max(4.5vw,18px),28px)!important;opacity:0!important;visibility:hidden!important;width:min(max(4.5vw,18px),28px)!important}}.floating-piece{-ms-interpolation-mode:nearest-neighbor;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint size;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;opacity:.95;pointer-events:none;position:fixed;transform:translateZ(0) scale(1.15) rotateX(5deg) rotateY(-5deg);transform-origin:center;transform-style:preserve-3d;transition:none!important;will-change:transform,left,top,opacity;z-index:9999}.floating-piece .piece-cell.filled{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#ffffff26,#0000);border:3px solid #fffc;border-radius:4px;box-shadow:inset 0 2px 6px #fff6,inset 0 -2px 6px #0006,0 4px 8px #0009;height:calc(12.5vw - 12px);max-height:56.75px;max-width:56.75px;min-height:40px;min-width:40px;opacity:1;transform:translateZ(0);width:calc(12.5vw - 12px);will-change:transform}.piece-container.dragging{background:linear-gradient(145deg,#0000004d,#ffffff0d);border:2px solid #ffffff1a;box-shadow:inset 0 2px 8px #0006,inset 0 -2px 8px #ffffff1a,0 10px 20px #0009;filter:grayscale(50%) brightness(.8) blur(1px);opacity:.4;pointer-events:none;transform:translateZ(0) scale(.85) rotateX(10deg) rotateY(5deg);transition:all .2s ease-out;will-change:transform}.piece-cell.filled{background:linear-gradient(145deg,#fff3,#ffffff1a 25%,#0000001a 75%,#0003);border:1px solid #fff6;border-radius:4px;box-shadow:inset 3px 3px 6px #fff6,inset -3px -3px 6px #0009,inset 1px 1px 3px #fff3,inset -1px -1px 3px #0006,0 3px 6px #00000080,0 -1px 0 #ffffff4d;opacity:1;position:relative;transform:translateZ(0);will-change:auto}.piece-cell.empty{background:#0000!important;box-sizing:border-box;flex-shrink:0;height:min(max(8vw,36px),55px);min-height:36px;min-width:36px;opacity:0;visibility:hidden!important;width:min(max(8vw,36px),55px)}.grid-cell.preview-zone,.piece-cell.empty{border:none!important;box-shadow:none!important}.grid-cell.preview-zone{background-color:initial!important;transform:none!important;transition:none!important;will-change:auto}.grid-cell.preview-piece-shadow{animation:shadowPulse 1.5s ease-in-out infinite alternate;opacity:.7;position:relative;transform:scale(.95);z-index:3}@keyframes shadowPulse{0%{opacity:.5;transform:scale(.95)}to{opacity:.7;transform:scale(.97)}}.grid-cell.preview-clear{animation:previewClearPulse .8s ease-in-out infinite alternate;border:2px solid #ffffffe6!important;box-shadow:0 0 15px #fff9,inset 0 0 10px #ffffff4d;position:relative;z-index:5}@keyframes previewClearPulse{0%{border-color:#ffffffb3;box-shadow:0 0 10px #fff6,inset 0 0 8px #fff3;transform:scale(1)}to{border-color:#fff;box-shadow:0 0 20px #fffc,inset 0 0 12px #fff6;transform:scale(1.02)}}.block-puzzle-game.dragging *{pointer-events:none;will-change:auto}.block-puzzle-game.dragging .game-grid{pointer-events:auto;will-change:auto}.block-puzzle-game.dragging .piece-container:not(.dragging){pointer-events:none;will-change:auto}.block-puzzle-game.dragging{will-change:auto}.block-puzzle-game.dragging .floating-piece,.block-puzzle-game.dragging .grid-cell{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.block-puzzle-game.dragging .floating-piece{will-change:transform,left,top}.block-puzzle-game.dragging .grid-cell{transition:none!important;will-change:background-color,transform}.block-puzzle-game.dragging .piece-cell,.block-puzzle-game.dragging .piece-container{transition:none!important;will-change:transform}.block-puzzle-game.dragging .floating-piece .piece-cell{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}@media (max-width:768px){.floating-piece{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))!important;transform:translateZ(0) scale(1.25) rotateX(3deg) rotateY(-3deg)!important}.floating-piece .piece-cell.filled{background:linear-gradient(145deg,#fff3,#ffffff1a 25%,#0000001a 75%,#0003)!important;border:2px solid #fff6!important;border-radius:4px!important;box-shadow:inset 4px 4px 8px #fff6,inset -4px -4px 8px #0009,inset 2px 2px 4px #fff3,inset -2px -2px 4px #0006,0 6px 12px #00000080,0 -1px 0 #ffffff4d!important}.floating-piece .piece-cell.empty,.floating-piece .piece-cell.filled{height:calc(12.25vw - 9.5px)!important;max-height:50.5px!important;max-width:50.5px!important;min-height:35px!important;min-width:35px!important;width:calc(12.25vw - 9.5px)!important}}@media (max-width:480px){.floating-piece .piece-cell.filled{background:linear-gradient(145deg,#fff3,#ffffff1a 25%,#0000001a 75%,#0003)!important;border:2px solid #fff6!important;border-radius:4px!important;box-shadow:inset 3px 3px 6px #fff6,inset -3px -3px 6px #0009,inset 1px 1px 3px #fff3,inset -1px -1px 3px #0006,0 4px 8px #00000080,0 -1px 0 #ffffff4d!important}.floating-piece .piece-cell.empty,.floating-piece .piece-cell.filled{height:calc(12.25vw - 9.5px)!important;max-height:50.5px!important;max-width:50.5px!important;min-height:30px!important;min-width:30px!important;width:calc(12.25vw - 9.5px)!important}}@media (max-width:360px){.floating-piece .piece-cell.filled{background:linear-gradient(145deg,#fff3,#ffffff1a 25%,#0000001a 75%,#0003)!important;border:2px solid #fff6!important;border-radius:3px!important;box-shadow:inset 2px 2px 5px #fff6,inset -2px -2px 5px #0009,inset 1px 1px 2px #fff3,inset -1px -1px 2px #0006,0 3px 6px #00000080,0 -1px 0 #ffffff4d!important}.floating-piece .piece-cell.empty,.floating-piece .piece-cell.filled{height:calc(12.25vw - 8.25px)!important;max-height:36.75px!important;max-width:36.75px!important;min-height:28px!important;min-width:28px!important;width:calc(12.25vw - 8.25px)!important}}@media (max-width:320px){.floating-piece .piece-cell.filled{background:linear-gradient(145deg,#fff3,#ffffff1a 25%,#0000001a 75%,#0003)!important;border:1px solid #fff6!important;border-radius:3px!important;box-shadow:inset 2px 2px 4px #fff6,inset -2px -2px 4px #0009,inset 1px 1px 2px #fff3,inset -1px -1px 2px #0006,0 2px 4px #00000080,0 -1px 0 #ffffff4d!important}.floating-piece .piece-cell.empty,.floating-piece .piece-cell.filled{height:calc(12.25vw - 7.625px)!important;max-height:32.375px!important;max-width:32.375px!important;min-height:25px!important;min-width:25px!important;width:calc(12.25vw - 7.625px)!important}}@media (max-width:280px){.floating-piece .piece-cell.filled{background:linear-gradient(145deg,#fff3,#ffffff1a 25%,#0000001a 75%,#0003)!important;border:1px solid #fff6!important;border-radius:2px!important;box-shadow:inset 1px 1px 3px #fff6,inset -1px -1px 3px #0009,inset 1px 1px 1px #fff3,inset -1px -1px 1px #0006,0 2px 3px #00000080,0 -1px 0 #ffffff4d!important}.floating-piece .piece-cell.empty,.floating-piece .piece-cell.filled{height:calc(12.25vw - 7px)!important;max-height:28px!important;max-width:28px!important;min-height:22px!important;min-width:22px!important;width:calc(12.25vw - 7px)!important}}.combo-item{animation:comboGlow .5s ease-in-out;background:linear-gradient(45deg,#ff6b6b,#feca57)!important;border:2px solid #ffffff4d!important}.combo-value{color:#fff!important;font-weight:900!important;text-shadow:0 2px 4px #00000080!important}@keyframes comboGlow{0%{box-shadow:0 0 0 #ff6b6bb3;transform:scale(1)}50%{box-shadow:0 0 20px #ff6b6bb3;transform:scale(1.1)}to{box-shadow:0 0 0 #ff6b6bb3;transform:scale(1)}}.grid-cell.clearing{animation:clearingAnimation .4s ease-out forwards;z-index:10}@keyframes clearingAnimation{0%{filter:brightness(1);opacity:1;transform:scale(1) rotate(0deg)}25%{filter:brightness(1.5) saturate(1.5);opacity:.8;transform:scale(1.2) rotate(5deg)}50%{filter:brightness(2) saturate(2);opacity:.6;transform:scale(1.1) rotate(-3deg)}75%{filter:brightness(3) saturate(3);opacity:.3;transform:scale(.8) rotate(2deg)}to{filter:brightness(4) saturate(4);opacity:0;transform:scale(0) rotate(10deg)}}.animated-score{animation:scoreAnimation .4s ease-out forwards;color:gold;font-size:48px;font-weight:900;left:50%;pointer-events:none;position:fixed;text-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70099,0 0 30px #ffd70066;top:50%;transform:translate(-50%,-50%);z-index:1001}@keyframes scoreAnimation{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-60%) scale(1.2)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.combo-popup{animation:comboPopup 1.5s ease-out forwards;left:50%;pointer-events:none;position:fixed;top:40%;transform:translate(-50%,-50%);z-index:1002}.combo-text{-webkit-text-fill-color:#0000;animation:gradientShift .5s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;font-size:36px;font-weight:900;text-align:center;text-shadow:0 4px 8px #0000004d}.combo-bonus{color:#fff;font-size:18px;font-weight:700;margin-top:8px;text-align:center;text-shadow:0 2px 4px #00000080}@keyframes comboPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-10deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(5deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(-2deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(-50%,-70%) scale(.8) rotate(0deg)}}@keyframes gradientShift{0%{background-position:0 50%}to{background-position:100% 50%}}@media (min-width:769px){.block-puzzle-game{padding-bottom:40px}.pieces-section{background:#0a1f44;border-radius:15px;margin-bottom:30px;padding:20px}.available-pieces{display:flex;gap:20px;justify-content:center;padding:0}.piece-container{background:#0000;border:none;border-radius:0;cursor:grab;flex:0 0 auto;min-width:100px;padding:15px}.piece-container:hover{background:#0000}.piece-container[draggable=true]:active{cursor:grabbing}.piece-cell{border:2px solid #fff6;border-radius:6px;height:40px;width:40px}.piece-cell.empty{background:#0000!important;border:none!important;box-shadow:none!important;height:40px!important;visibility:hidden!important;width:40px!important}.piece-preview,.piece-row{gap:5px}}@media (max-width:768px){.animated-score{font-size:36px;top:45%}.combo-popup{top:35%}.combo-text{font-size:28px}.combo-bonus{font-size:14px}.combo-item{min-width:35px}.score-section{flex-wrap:nowrap;gap:6px;overflow:hidden}}@media (max-width:480px){.animated-score{font-size:32px;top:40%}.combo-text{font-size:24px}.combo-bonus{font-size:12px}.combo-item{min-width:30px;padding:1px 3px}.score-label{font-size:6px}.combo-value{font-size:11px}.record-title{font-size:1.8rem!important}.celebration-emoji{font-size:2rem!important}.record-celebration{gap:10px}.record-score{font-size:1.4rem!important}.record-message{font-size:1rem!important}}.game-over-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);bottom:0;padding:20px;right:0}.game-over-content{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);background:#0a1f44;border:2px solid #fff3;max-width:90vw;padding:40px 30px;width:100%}.game-over-content h2{color:gold;font-weight:700;margin:0 0 20px}.game-over-content p{color:#ffffffe6}.game-over-content .restart-btn-block{background:#0a1f44;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:12px 24px;transition:all .2s ease}.game-over-content .restart-btn-block:hover{background:#0a1f44cc;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.game-over-content.new-record{animation:recordCelebration 2s ease-in-out infinite;background:linear-gradient(135deg,gold,orange 50%,tomato);border:3px solid gold;box-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70080,inset 0 0 30px #fff3;color:#000}.record-title{animation:recordTitleBounce 1s ease-in-out infinite alternate;color:#8b0000!important;font-size:2.5rem!important;margin:0 0 15px!important;text-shadow:2px 2px 4px #fffc}.record-celebration{animation:celebrationFloat 2s ease-in-out infinite;display:flex;gap:20px;justify-content:center;margin:15px 0}.celebration-emoji{animation:emojiDance 1.5s ease-in-out infinite;font-size:3rem}.celebration-emoji:first-child{animation-delay:0s}.celebration-emoji:nth-child(2){animation-delay:.3s}.celebration-emoji:nth-child(3){animation-delay:.6s}.record-score{animation:scoreGlow 1.5s ease-in-out infinite alternate;color:#8b0000!important;font-size:1.8rem!important;font-weight:900!important;margin:15px 0!important;text-shadow:1px 1px 2px #fffc}.record-message{color:#4b0000!important;font-size:1.2rem!important;font-weight:600!important;margin:10px 0!important;text-shadow:1px 1px 2px #fff9}.game-over-content.new-record .restart-btn-block{background:linear-gradient(135deg,#8b0000,#b22222);border:2px solid gold;box-shadow:0 4px 15px #8b000080;color:gold!important;font-weight:700;text-shadow:1px 1px 2px #00000080}.game-over-content.new-record .restart-btn-block:hover{background:linear-gradient(135deg,sienna,peru);box-shadow:0 8px 25px #8b0000b3;transform:translateY(-3px)}@keyframes recordCelebration{0%,to{box-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70080,inset 0 0 30px #fff3;transform:scale(1)}50%{box-shadow:0 0 40px gold,0 0 80px #ffd700b3,inset 0 0 40px #ffffff4d;transform:scale(1.02)}}@keyframes recordTitleBounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-5px) scale(1.05)}}@keyframes celebrationFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes emojiDance{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}@keyframes scoreGlow{0%{text-shadow:1px 1px 2px #fffc}to{text-shadow:1px 1px 2px #fffc,0 0 20px #8b0000cc,0 0 30px #ffd70099}}.restart-btn-block{border-radius:8px;font-size:8px;padding:2px 6px}.sound-btn{border-radius:6px;font-size:10px;height:24px;min-width:28px;padding:2px 4px}.restart-btn-block{background:#0a1f44;border:1px solid #ffffff4d;border-radius:6px;box-shadow:none;flex-shrink:0;font-size:7px;padding:1px 4px}.sound-btn{border-radius:5px;font-size:9px;height:20px;min-width:24px;padding:1px 3px}.social-sharing{align-items:center;display:flex;flex-direction:column;gap:15px;margin:25px 0 10px}.share-text{color:#ffffffe6;font-size:1rem;margin:0}.social-buttons{align-items:center;display:flex;gap:15px;justify-content:center}.social-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;height:50px;overflow:hidden;position:relative;transition:all .3s ease;width:50px}.social-btn:before{border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.social-btn:hover{border-color:#fff9;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px) scale(1.1)}.social-btn:hover:before{opacity:1}.social-icon{filter:brightness(0) invert(1);height:24px;position:relative;transition:all .3s ease;width:24px;z-index:1}.x-btn:before{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.facebook-btn:before{background:linear-gradient(135deg,#1877f2,#0c63d4)}.whatsapp-btn:before{background:linear-gradient(135deg,#25d366,#128c7e)}.facebook-btn:hover .social-icon,.whatsapp-btn:hover .social-icon,.x-btn:hover .social-icon{filter:brightness(0) invert(1)}.game-over-content.new-record .share-text{color:#4b0000!important;font-weight:700;text-shadow:1px 1px 2px #fffc}.game-over-content.new-record .social-btn{background:#ffd70033;border-color:gold;box-shadow:0 4px 15px #ffd7004d}.game-over-content.new-record .social-btn:hover{border-color:gold;box-shadow:0 8px 25px #ffd70080}.game-over-content.new-record .social-icon{filter:brightness(0) saturate(100%) invert(12%) sepia(79%) saturate(3936%) hue-rotate(347deg) brightness(85%) contrast(102%)}@media (max-width:480px){.social-sharing{gap:12px;margin:20px 0 5px}.share-text{font-size:.9rem}.social-buttons{gap:12px}.social-btn{height:45px;width:45px}.social-icon{height:20px;width:20px}.game-over-content.new-record .social-sharing{margin:15px 0 5px}}@media (max-width:360px){.social-btn{height:40px;width:40px}.social-icon{height:18px;width:18px}.social-buttons{gap:10px}}.block-puzzle-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;overflow-x:hidden}.block-puzzle-page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;display:flex;gap:8px;padding:10px 15px;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translateX(-2px)}.back-icon{font-size:1.2rem;font-weight:700}.back-text{font-size:.9rem;font-weight:500}.page-title-section{flex:1 1;gap:15px}.block-puzzle-logo,.page-title-section{align-items:center;display:flex;justify-content:center}.block-puzzle-logo{height:50px;position:relative;width:50px}.logo-puzzle-blocks{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:24px;width:36px}.logo-puzzle-block{animation:logoBlockFloat 3s ease-in-out infinite;border-radius:3px}.logo-puzzle-block.block-p1{animation-delay:0s;background:linear-gradient(45deg,#ff6b6b,#ee5a52)}.logo-puzzle-block.block-p2{animation-delay:.5s;background:linear-gradient(45deg,#4ecdc4,#44a08d)}.logo-puzzle-block.block-p3{animation-delay:1s;background:linear-gradient(45deg,#45b7d1,#3498db)}.logo-puzzle-block.block-p4{animation-delay:1.5s;background:linear-gradient(45deg,#96ceb4,#85c1a5)}.logo-puzzle-block.block-p5{animation-delay:2s;background:linear-gradient(45deg,#ffeaa7,#fdcb6e)}.logo-puzzle-block.block-p6{animation-delay:2.5s;background:linear-gradient(45deg,plum,#c39bd3)}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.header-spacer{width:120px}.game-instructions{background:#0000001a;margin:0 auto;max-width:1200px;padding:40px 20px;position:relative;z-index:1}.instructions-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:25px}.instructions-content h3{color:#fff;font-size:1.5rem;margin:0 0 20px;text-align:center}.instructions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.instruction-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.instruction-group h4{border-bottom:2px solid #4ecdc44d;color:#4ecdc4;font-size:1.2rem;margin:0 0 15px;padding-bottom:8px}.instruction-group p{color:#ffffffe6;font-size:.95rem;line-height:1.6;margin:0}.instruction-group ul{color:#ffffffe6;margin:0;padding-left:20px}.instruction-group li{font-size:.95rem;line-height:1.5;margin-bottom:8px}@keyframes logoBlockFloat{0%,to{opacity:1;transform:scale(1) rotate(0deg)}25%{opacity:.8;transform:scale(1.1) rotate(3deg)}50%{opacity:1;transform:scale(.9) rotate(-3deg)}75%{opacity:.9;transform:scale(1.05) rotate(2deg)}}.guide-link-section{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:2px solid #ffffff4d!important;color:#fff;text-align:center}.guide-link-section h4{color:#fff!important;margin-bottom:10px}.guide-link-section p{color:#ffffffe6!important;margin-bottom:15px}.guide-link-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.guide-link-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 8px 20px #0003;color:#fff;transform:translateY(-2px)}.guide-icon{font-size:1.2rem}.guide-arrow{font-size:1.1rem;transition:transform .3s ease}.guide-link-button:hover .guide-arrow{transform:translateX(3px)}@media (min-width:769px){.game-instructions{background:#00000026;padding:60px 40px}.instructions-content{margin:0 auto;max-width:1000px;padding:40px}.instruction-group{padding:25px}.block-puzzle-page{max-width:100%;overflow-x:hidden}.block-puzzle-page>div:nth-child(2){box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}}@media (max-width:768px){.block-puzzle-page-header{padding:15px}.page-title{font-size:1.5rem}.block-puzzle-logo{height:40px;width:40px}.logo-puzzle-blocks{height:20px;width:30px}.back-text{display:none}.header-spacer{width:60px}.game-instructions{display:none}.instructions-grid{gap:15px;grid-template-columns:1fr}.instructions-content{padding:20px}.instruction-group{padding:15px}.instruction-group h4{font-size:1.1rem}.instruction-group li,.instruction-group p{font-size:.9rem}}@media (max-width:480px){.block-puzzle-page-header{padding:12px}.page-title{font-size:1.3rem}.game-instructions{display:none}.instructions-content{padding:15px}.instructions-content h3{font-size:1.3rem}.instruction-group{padding:12px}.instruction-group h4{font-size:1rem}.instruction-group li,.instruction-group p{font-size:.85rem}}.sound-settings-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.sound-settings-modal{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;width:90%}.sound-settings-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.sound-settings-header h3{font-size:1.25rem;font-weight:600;margin:0}.close-button{background:none;border-radius:4px;color:#fff;font-size:1.5rem;height:32px;padding:4px;transition:background .2s ease;width:32px}.close-button:hover{background:#ffffff1a}.sound-settings-content{padding:1.5rem}.setting-group{margin-bottom:2rem}.setting-group:last-child{margin-bottom:0}.setting-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem}.setting-title{color:#374151;font-size:1rem;font-weight:600}.volume-value{color:#6366f1;font-size:.9rem;font-weight:600}.setting-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:.5rem 0 0}.toggle-switch{height:24px;position:relative;width:50px}.toggle-input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-input:checked+.toggle-slider{background-color:#6366f1}.toggle-input:checked+.toggle-slider:before{transform:translateX(26px)}.volume-slider{background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;margin:.5rem 0;outline:none;transition:all .2s ease;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6366f1;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.volume-slider::-moz-range-thumb{background:#6366f1;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.volume-slider:disabled{cursor:not-allowed;opacity:.5}.volume-slider:disabled::-webkit-slider-thumb{background:#9ca3af;cursor:not-allowed}.test-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.test-button:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.test-button:active:not(:disabled){transform:translateY(0)}.test-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.sound-info{background:#f8fafc;border-radius:8px;margin-top:1.5rem;padding:1rem}.sound-info h4{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.sound-info ul{list-style:none;margin:0;padding-left:1rem}.sound-info li{color:#6b7280;font-size:.875rem;margin-bottom:.5rem;position:relative}.sound-info li:last-child{margin-bottom:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.sound-settings-modal{margin:1rem;width:95%}.sound-settings-header{padding:1rem}.sound-settings-header h3{font-size:1.1rem}.sound-settings-content{padding:1rem}.setting-group{margin-bottom:1.5rem}}.user-profile{align-items:center;display:flex;gap:12px;position:relative}.auth-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.login-btn{background:#0000;border:1px solid #d1d5db;color:#374151}.login-btn:hover{background:#f9fafb;border-color:#9ca3af}.register-btn{background:#3b82f6;color:#fff}.register-btn:hover{background:#2563eb}.user-profile-container{position:relative}.user-profile-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.user-profile-button:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.user-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar.large{font-size:18px;height:48px;width:48px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-initials{text-transform:uppercase}.user-info{align-items:flex-start}.user-name{color:#1f2937;font-size:14px;font-weight:600}.user-email,.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#6b7280;font-size:12px}.level-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-shadow:0 1px 2px #0000001a}.level-badge.large{border-radius:16px;font-size:12px;padding:4px 12px}.user-level{margin-top:4px}.dropdown-arrow{color:#6b7280;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownSlideIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;margin-top:8px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}.user-dropdown-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.user-details h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.user-details p{color:#6b7280;font-size:14px;margin:0 0 8px}.user-provider{background:#eff6ff;border-radius:4px;color:#1d4ed8;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.user-stats{grid-gap:16px;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px 20px}.stat-label{font-size:12px;margin-bottom:4px}.stat-value{font-size:18px}.user-dropdown-actions{padding:12px 8px}.dropdown-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dropdown-action-btn:hover{background:#f3f4f6}.dropdown-action-btn.logout-btn{color:#dc2626}.dropdown-action-btn.logout-btn:hover{background:#fef2f2}.dropdown-divider{background:#e5e7eb;height:1px;margin:8px 0}.user-dropdown-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.profile-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.profile-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;position:relative}.profile-header-content{align-items:center;display:flex;justify-content:space-between}.profile-avatar-section{align-items:center;display:flex;gap:20px}.profile-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-initials{text-transform:uppercase}.profile-info h2{font-size:28px;font-weight:700;margin:0 0 8px}.profile-email{font-size:16px;margin:0 0 16px;opacity:.9}.profile-level{gap:8px}.level-progress,.profile-level{display:flex;flex-direction:column}.level-progress{gap:4px}.progress-bar{background:#ffffff4d;width:200px}.progress-bar.large{height:12px;width:100%}.progress-bar.mini{height:4px;width:120px}.progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.progress-text{font-size:12px;opacity:.9}.close-modal-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-modal-btn:hover{background:#ffffff4d;transform:scale(1.1)}.profile-modal-content{max-height:calc(90vh - 140px);overflow-y:auto}.profile-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px 20px;transition:all .2s ease}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.profile-tab-content{padding:24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.stat-icon{font-size:32px;margin-bottom:12px}.stat-details{display:flex;flex-direction:column;gap:4px}.stat-number{color:#1f2937;font-size:24px;font-weight:700}.progress-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.level-progress-detailed{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.level-info{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:12px}.achievements-summary{margin-bottom:32px;text-align:center}.achievements-summary h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.achievements-summary p{color:#6b7280;font-size:16px;margin:0}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.achievement-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.achievement-card.unlocked{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#10b981}.achievement-card.locked{border-color:#d1d5db;opacity:.6}.achievement-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.achievement-icon{font-size:32px;min-width:48px;text-align:center}.achievement-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.achievement-info p{color:#6b7280;font-size:14px;margin:0 0 8px}.achievement-progress{align-items:center;display:flex;gap:8px}.achievement-progress span{color:#6b7280;font-size:12px;font-weight:500}.info-section{margin-bottom:32px}.info-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.info-grid,.preferences-grid{grid-gap:16px;display:grid;gap:16px}.info-item,.preference-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.info-label,.preference-label{color:#6b7280;font-size:14px;font-weight:500}.info-value,.preference-value{color:#1f2937;font-size:14px;font-weight:600}.info-value.provider{background:#eff6ff;border-radius:4px;color:#1d4ed8;font-size:12px;padding:2px 8px}@media (max-width:768px){.user-profile-button{gap:8px;padding:6px 8px}.user-avatar{font-size:12px;height:28px;width:28px}.user-info{display:none}.user-dropdown{min-width:260px;right:-20px}.user-dropdown-header{padding:16px}.user-stats{gap:12px;grid-template-columns:1fr}.stat-item{text-align:left}.stat-label{font-size:11px}.stat-value{font-size:16px}.user-dropdown-actions{padding:8px}.dropdown-action-btn{font-size:13px;padding:10px 12px}.profile-modal{margin:10px;max-width:95%}.profile-modal-header{padding:16px}.profile-avatar-section{flex-direction:column;gap:12px;text-align:center}.profile-avatar{font-size:20px;height:60px;width:60px}.profile-info h2{font-size:22px}.progress-bar{width:150px}.close-modal-btn{position:absolute;right:16px;top:16px}.profile-tabs{flex-direction:column}.tab-btn{padding:12px 16px;text-align:left}.profile-tab-content{padding:16px}.stats-grid{gap:16px}.achievements-grid,.stats-grid{grid-template-columns:1fr}.achievement-card{flex-direction:column;text-align:center}.info-item,.preference-item{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.auth-button{font-size:13px;padding:6px 12px}.user-dropdown{min-width:240px;right:-30px}.user-email,.user-name{max-width:100px}.profile-modal-overlay{padding:10px}.profile-modal{border-radius:12px}.profile-avatar{font-size:18px;height:50px;width:50px}.profile-info h2{font-size:18px}.stat-card{padding:16px}.stat-icon{font-size:24px}.stat-number{font-size:20px}}@media (prefers-color-scheme:dark){.user-profile-button{background:#1f2937;border-color:#374151;color:#fff}.user-profile-button:hover{background:#111827;border-color:#4b5563}.user-name{color:#f9fafb}.dropdown-arrow,.user-email{color:#d1d5db}.user-dropdown{background:#1f2937;border-color:#374151}.user-dropdown-header{border-bottom-color:#374151}.user-details h3{color:#f9fafb}.user-details p{color:#d1d5db}.user-stats{border-bottom-color:#374151}.stat-label{color:#9ca3af}.dropdown-action-btn,.stat-value{color:#f9fafb}.dropdown-action-btn:hover,.dropdown-divider{background:#374151}.login-btn{background:#0000;border-color:#4b5563;color:#f9fafb}.login-btn:hover{background:#1f2937;border-color:#6b7280}.profile-modal{background:#1f2937;color:#f9fafb}.profile-tabs{background:#111827;border-bottom-color:#374151}.tab-btn{color:#9ca3af}.tab-btn:hover{background:#1f2937;color:#d1d5db}.tab-btn.active{background:#1f2937;border-bottom-color:#60a5fa;color:#60a5fa}.achievement-card,.info-item,.level-progress-detailed,.preference-item,.stat-card{background:#111827;border-color:#374151}.achievement-info h4,.info-value,.preference-value,.stat-number{color:#f9fafb}.achievement-info p,.info-label,.preference-label,.stat-label{color:#9ca3af}}.auth-button:focus,.dropdown-action-btn:focus,.user-profile-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.user-profile-button.loading{cursor:not-allowed;opacity:.6}@media (prefers-contrast:high){.user-dropdown,.user-profile-button{border:2px solid}.dropdown-action-btn:hover{background:#000;color:#fff}}@media (prefers-reduced-motion:reduce){.achievement-card,.dropdown-action-btn,.dropdown-arrow,.stat-card,.user-profile-button{transition:none}.user-dropdown{animation:none}@keyframes dropdownSlideIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%,to{opacity:1}}@keyframes modalSlideIn{0%,to{opacity:1;transform:translateY(0) scale(1)}}}.verification-code-input{align-items:center;display:flex;flex-direction:column;gap:1rem}.code-inputs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.code-input{background-color:#fff;border-radius:8px;color:#2d3748;font-size:1.25rem;height:3rem;transition:all .2s ease-in-out;width:3rem}.code-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;transform:scale(1.05)}.code-input.filled{background-color:#f0fff4;border-color:#38a169;color:#38a169}.code-input.error{background-color:#fed7d7;border-color:#e53e3e;color:#e53e3e}.code-input:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.code-inputs.error .code-input{animation:shake .5s ease-in-out}.clear-code-btn{background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:color .2s ease-in-out}.clear-code-btn:hover{background-color:#edf2f7;color:#4a5568}.clear-code-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.code-input{font-size:1rem;height:2.5rem;width:2.5rem}.code-inputs{gap:.25rem}}[data-theme=dark] .code-input{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .code-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}[data-theme=dark] .code-input.filled{background-color:#1a202c;border-color:#68d391;color:#68d391}[data-theme=dark] .code-input:disabled{background-color:#1a202c;opacity:.6}[data-theme=dark] .clear-code-btn{color:#a0aec0}[data-theme=dark] .clear-code-btn:hover{background-color:#4a5568;color:#e2e8f0}.email-verification-screen{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:400px;padding:2rem 1.5rem}.verification-header{margin-bottom:2rem;text-align:center}.verification-icon{font-size:3rem;margin-bottom:1rem}.verification-title{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.verification-subtitle{color:#718096;font-size:.875rem;line-height:1.5;margin:0}.verification-content{display:flex;flex-direction:column;gap:1.5rem}.code-input-section{display:flex;flex-direction:column;gap:1rem}.code-input-label{color:#4a5568;font-size:.875rem;font-weight:600;text-align:center}.verification-error{align-items:center;background-color:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#e53e3e;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.error-icon{font-size:1rem}.timer-section{text-align:center}.expired-message,.timer-display{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.timer-display{background-color:#e6fffa;border:1px solid #b2f5ea;color:#319795}.expired-message{background-color:#fed7d7;border:1px solid #feb2b2;color:#e53e3e}.expired-icon,.timer-icon{font-size:1rem}.verification-actions{display:flex;flex-direction:column;gap:.75rem}.resend-code-btn,.submit-verification-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.submit-verification-btn{background-color:#3182ce;color:#fff}.submit-verification-btn:hover:not(:disabled){background-color:#2c5aa0;transform:translateY(-1px)}.submit-verification-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.resend-code-btn{background-color:#edf2f7;border:1px solid #e2e8f0;color:#4a5568}.resend-code-btn:hover:not(:disabled){background-color:#e2e8f0;border-color:#cbd5e0;transform:translateY(-1px)}.resend-code-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.verification-footer{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem}.back-to-registration-btn{align-items:center;background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.5rem;transition:all .2s ease-in-out}.back-to-registration-btn:hover:not(:disabled){background-color:#f7fafc;color:#4a5568}.back-to-registration-btn:disabled{cursor:not-allowed;opacity:.6}.help-text p{color:#a0aec0;font-size:.75rem;line-height:1.4}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-top-color:currentcolor;height:1rem;width:1rem}@media (max-width:480px){.email-verification-screen{margin:1rem;padding:1.5rem 1rem}.verification-title{font-size:1.25rem}.verification-icon{font-size:2.5rem}}[data-theme=dark] .email-verification-screen{background-color:#2d3748;color:#e2e8f0}[data-theme=dark] .verification-title{color:#e2e8f0}[data-theme=dark] .verification-subtitle{color:#a0aec0}[data-theme=dark] .code-input-label{color:#cbd5e0}[data-theme=dark] .verification-error{background-color:#2d3748;border-color:#e53e3e;color:#fc8181}[data-theme=dark] .timer-display{background-color:#1a365d;border-color:#319795;color:#4fd1c7}[data-theme=dark] .expired-message{background-color:#2d3748;border-color:#e53e3e;color:#fc8181}[data-theme=dark] .submit-verification-btn{background-color:#3182ce}[data-theme=dark] .submit-verification-btn:hover:not(:disabled){background-color:#2c5aa0}[data-theme=dark] .resend-code-btn{background-color:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .resend-code-btn:hover:not(:disabled){background-color:#718096;border-color:#a0aec0}[data-theme=dark] .verification-footer{border-top-color:#4a5568}[data-theme=dark] .back-to-registration-btn{color:#a0aec0}[data-theme=dark] .back-to-registration-btn:hover:not(:disabled){background-color:#4a5568;color:#e2e8f0}[data-theme=dark] .help-text p{color:#718096}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:480px;overflow-y:auto;width:90%}.auth-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.auth-modal-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.auth-modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.auth-modal-close:hover{background-color:#f3f4f6;color:#374151}.auth-modal-body{padding:0 24px 24px}.social-login-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-login-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;padding:12px 16px;transition:all .2s ease}.social-login-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.social-login-btn:disabled{cursor:not-allowed;opacity:.5}.facebook-btn{border-color:#1877f2;color:#1877f2}.facebook-btn:hover{background-color:#1877f2;color:#fff}.google-btn{border-color:#ea4335;color:#ea4335}.google-btn:hover{background-color:#ea4335;color:#fff}.auth-divider{margin:24px 0;position:relative;text-align:center}.auth-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#6b7280;font-size:14px;padding:0 16px;position:relative;z-index:1}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:6px}.form-group input{border:1px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444}.password-toggle{border-radius:4px;padding:4px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#374151}.auth-submit-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:8px;padding:12px 24px;transition:background-color .2s ease}.auth-submit-btn:hover{background:#2563eb}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:14px;padding:12px;text-align:center}.auth-switch{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px;text-align:center}.auth-switch p{color:#6b7280;font-size:14px;margin:0}.auth-switch-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:underline}.auth-switch-btn:hover{color:#2563eb}.forgot-password-link{color:#6b7280!important;font-size:14px!important;text-decoration:none!important}.forgot-password-link:hover{color:#f59e0b!important;text-decoration:underline!important}.forgot-password-info{background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-bottom:16px;padding:16px}.forgot-password-info p{color:#0369a1;font-size:14px;line-height:1.5;margin:0}@media (max-width:640px){.auth-modal{margin:20px;width:95%}.auth-modal-header{padding:20px 20px 0}.auth-modal-body{padding:0 20px 20px}.auth-modal-header h2{font-size:20px}.social-login-buttons{gap:10px}.social-login-btn{font-size:13px;padding:10px 14px}.form-group input{font-size:16px;padding:10px 14px}.auth-submit-btn{font-size:15px;padding:10px 20px}}@media (prefers-color-scheme:dark){.auth-modal{background:#1f2937;color:#fff}.auth-modal-header{border-bottom-color:#374151}.auth-modal-header h2{color:#fff}.auth-modal-close{color:#9ca3af}.auth-modal-close:hover{background-color:#374151;color:#d1d5db}.social-login-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.social-login-btn:hover{background-color:#4b5563;border-color:#6b7280}.auth-divider:before{background:#374151}.auth-divider span{background:#1f2937;color:#9ca3af}.form-group input{background:#374151;border-color:#4b5563;color:#fff}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.password-toggle{color:#9ca3af}.password-toggle:hover{color:#d1d5db}.auth-error{background:#fef2f2;border-color:#fecaca;color:#ef4444}.auth-switch{border-top-color:#374151}.auth-switch p{color:#9ca3af}.forgot-password-link{color:#9ca3af!important}.forgot-password-link:hover{color:#fbbf24!important}.forgot-password-info{background-color:#1e3a8a;border-color:#1e40af}.forgot-password-info p{color:#93c5fd}}.auth-submit-btn:disabled{overflow:hidden;position:relative}.auth-submit-btn:disabled:after{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.auth-modal:focus-within,.auth-submit-btn:focus,.auth-switch-btn:focus,.social-login-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.form-group input:focus{outline:none}.form-group input.error{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-modal.verification-modal{max-width:500px;width:90%}.auth-modal.verification-modal .auth-modal-body{padding:0}.auth-modal.verification-modal .email-verification-screen{background-color:initial;box-shadow:none;padding:1rem 0}[data-theme=dark] .auth-modal.verification-modal .email-verification-screen{background-color:initial}.password-reset-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1050}.password-reset-modal{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}.password-reset-header{align-items:center;border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color,#e1e5e9);display:flex;justify-content:space-between;padding:24px 24px 16px}.password-reset-header h2{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:600;margin:0}.password-reset-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.password-reset-close:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.password-reset-body{padding:24px}.reset-info{margin-bottom:32px;text-align:center}.reset-icon{font-size:48px;margin-bottom:16px}.reset-info p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;line-height:1.5;margin:0}.password-reset-form{gap:24px}.form-group,.password-reset-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:500;margin-bottom:4px}.code-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.code-input{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e1e5e9;border:2px solid var(--border-color,#e1e5e9);border-radius:12px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:600;height:56px;outline:none;text-align:center;transition:all .2s ease;width:48px}.code-input:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 3px #007bff1a}.code-input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.resend-section{margin-top:8px;text-align:center}.resend-countdown{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.resend-button{background:none;border:none;color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;font-size:14px;text-decoration:underline;transition:opacity .2s ease}.resend-button:hover{opacity:.8}.resend-button:disabled{cursor:not-allowed;opacity:.5}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e1e5e9;border:2px solid var(--border-color,#e1e5e9);border-radius:12px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:16px;outline:none;padding:16px 48px 16px 16px;transition:all .2s ease;width:100%}.password-input-wrapper input:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 3px #007bff1a}.password-input-wrapper input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.password-input-wrapper input::placeholder{color:#9ca3af;color:var(--text-placeholder,#9ca3af)}.password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;transition:all .2s ease}.password-toggle:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.error-message{color:#dc3545;font-size:14px;margin-top:4px}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;padding:12px 16px;text-align:center}.submit-button{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px 24px;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#0056b3;background:var(--primary-hover,#0056b3);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.success-content{padding:20px 0;text-align:center}.success-icon{animation:successBounce .6s ease-out;font-size:64px;margin-bottom:24px}@keyframes successBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-content h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:600;margin:0 0 16px}.success-content p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;line-height:1.5;margin:0 0 16px}.auto-close-message{color:#9ca3af!important;color:var(--text-tertiary,#9ca3af)!important;font-size:14px!important;font-style:italic}[data-theme=dark] .password-reset-modal{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border:1px solid #374151;border:1px solid var(--border-color,#374151)}[data-theme=dark] .password-reset-header{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .password-reset-header h2{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .password-reset-close{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .password-reset-close:hover{background:#374151;background:var(--bg-secondary,#374151);color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .reset-info p{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .code-input,[data-theme=dark] .form-label{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .code-input{background:#374151;background:var(--bg-secondary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .code-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .password-input-wrapper input{background:#374151;background:var(--bg-secondary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .password-input-wrapper input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .password-input-wrapper input::placeholder{color:#6b7280;color:var(--text-placeholder,#6b7280)}[data-theme=dark] .password-toggle{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .password-toggle:hover{background:#4b5563;background:var(--bg-tertiary,#4b5563);color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .form-error{background:#dc26261a;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .success-content h3{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .success-content p{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .auto-close-message{color:#6b7280!important;color:var(--text-tertiary,#6b7280)!important}@media (max-width:640px){.password-reset-overlay{padding:12px}.password-reset-modal{border-radius:12px;max-width:100%}.password-reset-header{padding:20px 20px 16px}.password-reset-header h2{font-size:20px}.password-reset-body{padding:20px}.reset-icon{font-size:40px;margin-bottom:12px}.code-input-container{gap:8px}.code-input{font-size:20px;height:48px;width:40px}.password-input-wrapper input{font-size:16px;padding:14px 44px 14px 14px}.submit-button{font-size:16px;padding:14px 20px}.success-icon{font-size:48px;margin-bottom:20px}.success-content h3{font-size:20px}.success-content p{font-size:15px}}.code-input:focus-visible,.password-input-wrapper input:focus-visible,.password-reset-close:focus-visible,.password-toggle:focus-visible,.submit-button:focus-visible{outline:2px solid #007bff;outline:2px solid var(--primary-color,#007bff);outline-offset:2px}.submit-button:disabled{position:relative}.submit-button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.leaderboard-overlay{align-items:center;background:#000000bf;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999999999!important}.leaderboard-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;color:#fff;display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:800px;min-height:500px;min-width:320px;overflow-y:auto;position:relative;width:90vw}.leaderboard-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #fff3;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 30px}.leaderboard-header h2{font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.close-button img{filter:brightness(0) invert(1);height:20px;width:20px}.leaderboard-error,.leaderboard-loading{padding:60px 30px;text-align:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin:0 auto 20px}.retry-button{background:#fff3;border:1px solid #ffffff4d;margin-top:15px}.retry-button:hover{background:#ffffff4d}.stat-selector{border-bottom:1px solid #fff3;padding:20px 30px}.stat-selector h3{font-size:1.2rem;font-weight:600;margin:0 0 15px}.stat-buttons{gap:8px}.stat-button{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;padding:8px 16px}.stat-button:hover{background:#ffffff4d}.stat-button.active{background:#ffffffe6;color:#667eea;font-weight:600}.leaderboard-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:30px}.no-data{opacity:.8;padding:60px 20px}.podium{margin-bottom:40px}.podium-container{align-items:end;gap:10px;margin-bottom:20px}.podium-container,.podium-item{display:flex;justify-content:center;position:relative}.podium-item{align-items:center;flex-direction:column;text-align:center;z-index:2}.podium-item.first{order:2}.podium-item.second{order:1}.podium-item.third{order:3}.rank-medal{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;margin-bottom:8px;text-align:center}.podium-item.first .rank-medal{font-size:2.5rem}.username{align-items:center;color:#1b0553;display:flex;font-size:.9rem;font-weight:600;justify-content:center;margin-bottom:5px;max-width:80px;text-shadow:1px 1px 2px #00000080;width:100%}.podium-item.first .username{font-size:1.1rem;font-weight:700}.stat-value{align-items:center;color:#fff;display:flex;font-size:.8rem;font-weight:500;justify-content:center;margin-bottom:15px;opacity:.9;text-shadow:1px 1px 2px #00000080;width:100%}.podium-item.first .stat-value{font-size:1rem;font-weight:600}.podium-base{border-radius:8px 8px 0 0;position:relative;width:80px}.first-place{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 15px #ffd70066;height:80px}.second-place{background:linear-gradient(135deg,silver,#e6e6e6);box-shadow:0 4px 15px #c0c0c066;height:60px}.third-place{background:linear-gradient(135deg,#cd7f32,#daa520);box-shadow:0 4px 15px #cd7f3266;height:40px}.players-list{margin-top:30px}.players-list h3{font-size:1.3rem;font-weight:600;margin:0 0 20px;text-align:center}.player-item{align-items:center;background:#ffffff1a;border-radius:12px;color:#0e032b;display:flex;margin-bottom:10px;padding:15px;transition:all .3s ease}.player-item:hover{background:#ffffff26;transform:translateY(-2px)}.player-rank{align-items:center;display:flex;justify-content:center;text-align:center;width:50px}.rank-first,.rank-second,.rank-third{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:1px 1px 2px #00000080}.rank-other{color:#fff;font-size:1rem;font-weight:600;opacity:.8;text-shadow:1px 1px 2px #00000080}.player-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.player-name{font-size:1rem;font-weight:600;margin-bottom:3px}.player-games,.player-name{align-items:center;color:#0e032b;display:flex;justify-content:center;text-align:center;text-shadow:1px 1px 2px #00000080;width:100%}.player-games{font-size:.8rem;opacity:.7}.player-stat{align-items:center;color:#0e032b;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;min-width:80px;text-align:center;text-shadow:1px 1px 2px #00000080}.simple-list .player-item{background:#ffffff26}.leaderboard-footer{border-top:1px solid #fff3;margin-top:30px;opacity:.8;padding-top:20px}.leaderboard-footer p{font-size:.9rem;margin:5px 0}.refresh-info{font-style:italic;opacity:.7}.leaderboard-modal .player-games,.leaderboard-modal .player-name,.leaderboard-modal .player-stat,.leaderboard-modal .stat-value,.leaderboard-modal .username{align-items:center!important;display:flex!important;justify-content:center!important;text-align:center!important;width:100%!important}.leaderboard-modal .player-info{flex-direction:column!important}.leaderboard-modal .player-info,.leaderboard-modal .player-rank,.leaderboard-modal .podium-item{align-items:center!important;display:flex!important;justify-content:center!important;text-align:center!important}.leaderboard-modal .podium-item{flex-direction:column!important}@media (max-width:768px){.leaderboard-overlay{padding:5px}.leaderboard-modal{border-radius:0;bottom:0;height:100vh;left:0;margin:0;max-width:none;min-height:auto;min-width:auto;position:fixed;right:0;top:0;width:100vw}.leaderboard-header{padding:10px 15px}.leaderboard-header h2{font-size:1.5rem}.leaderboard-content{flex:1 1;max-height:calc(100vh - 120px);overflow-y:auto;padding:15px}.stat-selector{padding:10px 15px}.stat-selector h3{font-size:1.1rem;margin-bottom:8px}.stat-buttons{flex-direction:column;gap:4px}.stat-button{font-size:1rem;padding:10px 12px;text-align:center;width:100%}.podium{margin-bottom:15px}.podium-container{align-items:center;flex-direction:column;gap:6px}.podium-item{margin-bottom:10px;max-width:200px;width:100%}.podium-item.first{order:1}.podium-item.second{order:2}.podium-item.third{order:3}.rank-medal{font-size:1.3rem}.podium-item.first .rank-medal{font-size:1.6rem}.username{font-size:.9rem;max-width:60px}.podium-item.first .username{font-size:1.1rem}.stat-value{font-size:.9rem;margin-bottom:8px}.podium-item.first .stat-value{font-size:1rem}.podium-base{border-radius:4px;height:8px;width:100%}.first-place{background:linear-gradient(135deg,gold,#ffed4e)}.second-place{background:linear-gradient(135deg,silver,#e6e6e6)}.third-place{background:linear-gradient(135deg,#cd7f32,#daa520)}.players-list h3{font-size:1.2rem;margin-bottom:12px}.player-item{flex-direction:column;gap:.6rem;margin-bottom:10px;padding:12px;text-align:center}.player-rank{margin:0;min-width:auto}.player-info{align-items:center;margin:0;text-align:center}.player-name{font-size:1rem;font-weight:600}.player-games{font-size:.8rem}.player-stat{font-size:1.1rem;min-width:auto;text-align:center}}@media (max-width:480px){.leaderboard-overlay{padding:5px}.leaderboard-modal{border-radius:12px;height:98vh;min-height:350px;min-width:280px;width:98vw}.leaderboard-header{padding:10px 15px}.leaderboard-header h2{font-size:1.3rem}.leaderboard-content{flex:1 1;overflow-y:auto;padding:15px}.podium-container{gap:5px}.stat-button{font-size:.75rem;padding:5px 10px}}:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--bg-gradient-start:#fafafa;--bg-gradient-end:#f1f5f9;--bg-accent:linear-gradient(135deg,#6366f1,#8b5cf6);--surface-color:#ffffffe6;--surface-hover:#fffffff2;--surface-active:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--board-bg:#fff;--cell-bg:#fff;--cell-border:#e2e8f0;--cell-border-thick:#64748b;--cell-text:#1e293b;--cell-text-initial:#0f172a;--cell-text-user:var(--primary-color);--cell-highlight:#dceeff;--cell-selected:var(--info-color);--cell-selected-text:#fff;--cell-same-number:#10b98114;--container-max-width:420px;--container-padding:1rem;--section-gap:1rem;--element-gap:0.75rem;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005;--shadow-board:0 10px 40px #0000001a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}.sudoku-board{gap:0!important;height:min(95vw,85vh)!important;margin:0 max(auto,env(safe-area-inset-right,0px)) 0 max(auto,env(safe-area-inset-left,0px))!important;max-height:520px!important;max-width:520px!important;min-height:320px!important;min-width:320px!important;width:min(95vw,85vh)!important}.sudoku-row{flex-direction:row!important;gap:0!important}.sudoku-cell{font-size:clamp(1.6rem,6.5vmin,3.2rem)!important}.sudoku-game{-webkit-tap-highlight-color:transparent;animation:fadeInGame .8s cubic-bezier(.25,.46,.45,.94);background:linear-gradient(135deg,#fafafa,#f1f5f9);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);color:#1e293b;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:max(40px,env(safe-area-inset-top,20px)) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:relative;user-select:none;-webkit-user-select:none;width:100%}@keyframes fadeInGame{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-wrapper{display:flex;flex-direction:column;height:auto;margin:0 auto;max-width:100%;min-height:auto;overflow:visible;padding:1rem;padding:var(--container-padding);padding-left:max(1rem,env(safe-area-inset-left,0px));padding-left:max(var(--container-padding),env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));padding-right:max(var(--container-padding),env(safe-area-inset-right,0px));padding-top:.5rem;width:100%}.sudoku-header{align-items:center;animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1);background:#0000;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--section-gap);min-height:50px;position:relative;width:100%;z-index:50}.sudoku-header h1{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;flex:1 1;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;gap:.5rem;letter-spacing:-.02em;margin:0}.header-icon{filter:#1e293b brightness(0) saturate(100%);filter:var(--text-primary) brightness(0) saturate(100%);flex-shrink:0;height:1.2em;width:1.2em}.inline-icon{display:inline-block;filter:currentColor brightness(0) saturate(100%);height:1em;margin-right:.25rem;vertical-align:middle;width:1em}.difficulty-icon{filter:#6366f1 brightness(0) saturate(100%);filter:var(--primary-color) brightness(0) saturate(100%);height:2.5rem;margin-bottom:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:2.5rem}.option-icon{display:inline-block;filter:currentColor brightness(0) saturate(100%);height:1.2em;margin-right:.5rem;vertical-align:middle;width:1.2em}[data-theme=dark] .header-icon,[data-theme=dark] .inline-icon,[data-theme=dark] .option-icon{filter:brightness(0) saturate(100%) invert(1) brightness(.9)}[data-theme=dark] .difficulty-icon{filter:brightness(0) saturate(100%) invert(1) brightness(.8)}.header-controls{gap:.5rem}.close-btn,.header-controls,.theme-toggle{align-items:center;display:flex;flex-shrink:0;position:relative;z-index:100}.close-btn,.theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--surface-color);border:1px solid #00000014;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:40px}.difficulty-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:2rem 0 1rem}.difficulty-card{background:#fff;border:1.5px solid #ececec;border-radius:18px;box-shadow:0 2px 18px #0002;padding:1.2rem 1rem;text-align:center;transition:box-shadow .2s}.difficulty-card .icon{display:block;font-size:2rem;margin-bottom:.4rem}.difficulty-card:hover .difficulty-icon{filter:#6366f1 brightness(0) saturate(100%) drop-shadow(0 2px 8px rgba(99,102,241,.3));filter:var(--primary-color) brightness(0) saturate(100%) drop-shadow(0 2px 8px rgba(99,102,241,.3));transform:scale(1.1)}[data-theme=dark] .difficulty-card:hover .difficulty-icon{filter:brightness(0) saturate(100%) invert(1) brightness(.8) drop-shadow(0 2px 8px rgba(99,102,241,.4))}[data-theme=dark] .combined-stats .stat-label[data-type=best]:before,[data-theme=dark] .combined-stats .stat-label[data-type=score]:before,[data-theme=dark] .combined-stats .stat-label[data-type=time]:before{filter:brightness(0) saturate(100%) invert(1) brightness(.8)}.difficulty-card:hover{border:1.5px solid #a5a5ff;box-shadow:0 6px 32px #8e8eff22}.difficulty-card.veryhard{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.difficulty-card.veryhard:hover{border-color:#dc2626;box-shadow:0 6px 32px #dc262622}.difficulty-card.master{background:linear-gradient(135deg,#fefce8,#fef3c7);border-color:#fbbf24}.difficulty-card.master:hover{border-color:#f59400;box-shadow:0 6px 32px #f5940022}.difficulty-tip{background:#f3f7fa;border-left:5px solid #6c63ff;border-radius:8px;font-size:1rem;margin-top:1.2rem;padding:.9rem 1.2rem}@media (max-width:600px){.difficulty-grid{grid-template-columns:1fr}}.theme-toggle{animation:themeGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)!important;border:2px solid #fff3!important;color:#fff!important;font-size:1.125rem;opacity:1!important;visibility:visible!important}@keyframes themeGlow{0%{box-shadow:0 0 5px #6366f180}to{box-shadow:0 0 15px #6366f1cc}}.close-btn:hover,.theme-toggle:hover{background:#fffffff2;background:var(--surface-hover);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:scale(1.05)}.theme-toggle:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);box-shadow:0 0 20px #6366f1;transform:scale(1.1)}.close-btn:active,.theme-toggle:active{transform:scale(.95)}.close-btn:focus,.theme-toggle:focus{outline:2px solid #f59e0b;outline:2px solid var(--accent-color);outline-offset:2px}[data-theme=dark] .theme-toggle{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border-color:#fbbf244d!important;color:#1e293b!important}[data-theme=dark] .theme-toggle:hover{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 0 20px #fbbf24cc}[data-theme=dark] .close-btn{background:#475569cc;border-color:#fff3;color:#1e293b;color:var(--text-primary)}[data-theme=dark] .close-btn:hover{background:#475569e6}.game-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--section-gap)}.combined-stats{grid-gap:.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000000d;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:.35rem;padding:.35rem .6rem;position:relative;width:100%;z-index:2147483646}.stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:clamp(.1rem,.5vw,.2rem);justify-content:center;min-width:0}.combined-stats .stat-item{background:none;border:none;border-radius:0;box-shadow:none;padding:0;text-align:center}.combined-stats .stat-label{color:#94a3b8;color:var(--text-muted);font-size:.65rem;font-weight:500;letter-spacing:.05em;margin-bottom:.15rem;text-transform:uppercase}.combined-stats .stat-value{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:700}.timer-container{gap:.5rem}.pause-btn,.timer-container{align-items:center;display:flex;justify-content:center}.pause-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--border-radius-sm);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1rem;height:32px;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);user-select:none;-webkit-user-select:none;width:32px}.pause-btn:hover{background:#8b5cf6;background:var(--secondary-color);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.pause-btn:active{box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);transform:translateY(0)}.pause-btn.paused{animation:pausePulse 2s infinite;background:#10b981;background:var(--success-color)}.pause-btn.paused:hover{background:#059669}@keyframes pausePulse{0%,to{box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 4px #10b98133}}.pause-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.pause-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#ffffffe6;background:var(--surface-color);border-radius:24px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);max-width:400px;padding:2rem;text-align:center;width:90%}.pause-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pause-icon{animation:pauseIconPulse 2s infinite;font-size:3rem}.pause-title{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.pause-content{margin-bottom:2rem}.pause-message{color:#64748b;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.pause-stats{background:#0000000d;border-radius:12px;border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:.75rem;padding:1rem}.pause-stat{align-items:center;display:flex;justify-content:space-between}.pause-stat-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500}.pause-stat-value{color:#6366f1;color:var(--primary-color);font-size:.875rem;font-weight:700}.pause-actions{display:flex;gap:1rem;justify-content:center}.new-game-btn,.resume-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.resume-btn.primary{background:#10b981;background:var(--success-color);color:#fff}.resume-btn.primary:hover{background:#059669;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.new-game-btn.secondary{background:#fffffff2;background:var(--surface-hover);border:1px solid #e2e8f0;border:1px solid var(--cell-border);color:#1e293b;color:var(--text-primary)}.new-game-btn.secondary:hover{background:#fff;background:var(--surface-active);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}@keyframes pauseIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .pause-stats{background:#ffffff1a}[data-theme=dark] .new-game-btn.secondary{background:#ffffff1a;border-color:#fff3}[data-theme=dark] .new-game-btn.secondary:hover{background:#ffffff26}.difficulty-selection{align-items:center;animation:fadeInUp .8s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:1rem;gap:var(--section-gap);width:100%}.difficulty-selection h2{color:#1e293b;color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;margin:0;text-align:center}.difficulty-dropdown{display:inline-block;max-width:300px;position:relative;width:100%}.difficulty-current{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bg-accent);border:none;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:space-between;padding:1rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.difficulty-current:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.difficulty-options{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000001a;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:1000}.difficulty-dropdown.open .difficulty-options{opacity:1;pointer-events:all;transform:translateY(0)}.difficulty-option{background:none;border:none;border-bottom:1px solid #0000000d;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.9375rem;padding:1rem;text-align:left;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast);width:100%}.difficulty-option:last-child{border-bottom:none}.difficulty-option:hover{background:#0000000d}[data-theme=dark] .difficulty-option{border-bottom-color:#ffffff1a}[data-theme=dark] .difficulty-option:hover{background:#ffffff1a}[data-theme=dark] .difficulty-options{border-color:#fff3}.best-score-display{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000000d;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);display:flex;font-size:.875rem;gap:.75rem;gap:var(--element-gap);justify-content:space-between;max-width:300px;padding:1rem 1.5rem;width:100%}.best-score-label{color:#64748b;color:var(--text-secondary);font-weight:500}.best-score-value{color:#f59e0b;color:var(--accent-color);font-size:1rem;font-weight:700}[data-theme=dark] .best-score-display{border-color:#ffffff1a}.sudoku-board{grid-gap:0;animation:boardEnter .8s cubic-bezier(.34,1.56,.64,1) .2s both;aspect-ratio:1;background:#fff;background:var(--board-bg);border:2px solid #64748b;border:2px solid var(--cell-border-thick);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 10px 40px #0000001a;box-shadow:var(--shadow-board);display:grid;gap:0;grid-template-rows:repeat(9,1fr);margin-bottom:1rem;margin-bottom:var(--section-gap);padding:.75rem;width:min(95vmin,520px)}@keyframes boardEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sudoku-row{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(9,1fr)}.sudoku-cell{align-items:center;aspect-ratio:1;background:var(--cell-bg);border:1px solid #e2e8f0;border:1px solid var(--cell-border);cursor:pointer;display:flex;font-size:clamp(1rem,2.5vmin,1.4rem);font-weight:600;justify-content:center;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.cell-number{animation:numberEntry .3s cubic-bezier(.34,1.56,.64,1);font-size:inherit;font-weight:inherit}@keyframes numberEntry{0%{opacity:0;transform:scale(.7)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.action-btn,.mode-btn{align-items:center;border:1px solid #00000014;display:flex;gap:.5rem;justify-content:center}.action-btn:hover,.mode-btn:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-icon{font-size:1rem;opacity:.8}.number-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;transition:all .15s ease}.number-btn:hover:not(:disabled){background:#e9ecef;border-color:#6c757d}.number-btn:active:not(:disabled){background:#dee2e6;border-color:#495057}.sudoku-game.playing .game-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-areas:"stats board" "status board" "controls board";grid-template-columns:260px 1fr;grid-template-rows:auto auto 1fr;height:auto;justify-content:center;margin:0 auto;max-height:calc(100vh - 140px);max-width:1000px;min-height:calc(100vh - 180px);overflow:visible;padding-top:0}.game-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem;width:100%}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000000d;border-radius:6px;border-radius:var(--border-radius-sm);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);padding:.5rem}.stat-label{color:#94a3b8;color:var(--text-muted);font-size:.6875rem;letter-spacing:.025em;margin-bottom:.125rem}.stat-value{color:#1e293b;color:var(--text-primary);font-size:.875rem}.game-status{animation:fadeIn .8s ease-out .3s both;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;position:relative;z-index:10000}.status-item{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:none;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem}.status-icon{font-size:.875rem}.status-text{color:#1e293b;color:var(--text-primary);font-weight:600}.difficulty-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bg-accent);border:none;color:#fff;flex-direction:column;text-align:center}.difficulty-badge .difficulty-name{color:#fff;font-weight:600;text-transform:capitalize}.difficulty-description{color:#fffc;font-size:.5rem;font-weight:400;line-height:1.2;margin-top:.25rem;max-width:200px}.sudoku-cell:nth-child(3n){border-right:2px solid #64748b;border-right:2px solid var(--cell-border-thick)}.sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:2px solid #64748b;border-bottom:2px solid var(--cell-border-thick)}.sudoku-cell:first-child{border-left:none}.sudoku-row:first-child .sudoku-cell{border-top:none}.sudoku-cell:last-child{border-right:none}.sudoku-row:last-child .sudoku-cell{border-bottom:none}.sudoku-cell.initial{background:#fff;background:var(--cell-bg);color:#0f172a;color:var(--cell-text-initial);font-weight:700}.sudoku-cell.editable{background:#fff;background:var(--cell-bg);color:#6366f1;color:var(--cell-text-user)}.sudoku-cell.editable:hover{background:#dceeff;background:var(--cell-highlight)}.sudoku-cell.selected{background:#3b82f6!important;background:var(--cell-selected)!important;box-shadow:0 0 0 3px #3b82f64d;color:#fff;color:var(--cell-selected-text);transform:scale(1.02);z-index:10}.sudoku-cell.highlighted{background:#dceeff!important;background:var(--cell-highlight)!important}.sudoku-cell.same-number{background:#10b98114!important;background:var(--cell-same-number)!important}.sudoku-cell.mistake-flash{animation:mistakeFlash .6s ease-out}.sudoku-cell.hint-glow{animation:hintGlow 1s ease-out}.sudoku-cell.hint-highlight{animation:hintHighlight 3s ease-out;background:#10b9811a!important;border:2px solid #10b981!important}@keyframes mistakeFlash{0%,to{background:#fff;background:var(--cell-bg);transform:scale(1)}50%{background:#ef4444;background:var(--error-color);color:#fff;transform:scale(1.05)}}@keyframes hintGlow{0%{box-shadow:0 0 0 0 #10b981b3}50%{box-shadow:0 0 20px 10px #10b9814d}to{box-shadow:0 0 0 0 #10b98100}}@keyframes hintHighlight{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(1)}10%{box-shadow:0 0 15px 5px #10b98166;transform:scale(1.02)}90%{box-shadow:0 0 10px 3px #10b98133;transform:scale(1.01)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(1)}}.cell-notes{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);inset:1px;position:absolute}.note{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:clamp(.3125rem,.8vmin,.4375rem);font-weight:500;justify-content:center}.note.active{color:#1e293b;color:var(--text-primary);font-weight:600}.game-controls{animation:slideInUp .8s cubic-bezier(.34,1.56,.64,1) .4s both;display:flex;flex-direction:column;gap:.75rem;gap:var(--element-gap);width:100%}.mode-controls{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);width:100%}.action-btn,.mode-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000001a;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.8125rem;font-weight:600;overflow:hidden;padding:.75rem;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.action-btn:hover,.mode-btn:hover{background:#fffffff2;background:var(--surface-hover);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-btn:active,.mode-btn:active{transform:translateY(0)}.action-btn:focus,.mode-btn:focus{outline:2px solid #f59e0b;outline:2px solid var(--accent-color);outline-offset:2px}.mode-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bg-accent);border:none;color:#fff}.action-btn:disabled{box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a!important;box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.4;transform:none!important}.number-pad{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:.5rem;width:100%}.number-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000001a;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:2.75rem;justify-content:center;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.number-btn:hover:not(:disabled){background:#fffffff2;background:var(--surface-hover);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;box-shadow:var(--shadow-lg);transform:scale(1.02)}.number-btn:active:not(:disabled){transform:scale(.98)}.number-btn:focus{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}.number-btn:disabled{box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a!important;box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.3}.game-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--container-padding);position:fixed;right:0;top:0;z-index:9999999999!important}.game-result{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000001a;border-radius:24px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);max-width:90vw;max-width:350px;padding:2rem 1.5rem;text-align:center;width:100%}.game-result,.game-result h2{color:#1e293b;color:var(--text-primary)}.game-result h2{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;margin:0 0 1.5rem}.result-stats{margin-bottom:1.5rem}.result-stats p{color:#64748b;color:var(--text-secondary);font-size:.9375rem;margin:.5rem 0}.result-stats strong{color:#1e293b;color:var(--text-primary);font-weight:600}.new-record{animation:glow 1s ease-in-out infinite alternate;color:#f59e0b!important;color:var(--accent-color)!important;font-size:1rem!important;font-weight:700!important}@keyframes glow{0%{text-shadow:0 0 10px #f59e0b;text-shadow:0 0 10px var(--accent-color)}to{text-shadow:0 0 20px #f59e0b;text-shadow:0 0 20px var(--accent-color)}}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.menu-btn,.restart-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000001a;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.menu-btn:hover,.restart-btn:hover{background:#fffffff2;background:var(--surface-hover);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.menu-btn:focus,.restart-btn:focus{outline:2px solid #f59e0b;outline:2px solid var(--accent-color);outline-offset:2px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--cell-border:#000;--cell-border-thick:#000;--text-primary:#000;--text-secondary:#000}[data-theme=dark]{--cell-border:#fff;--cell-border-thick:#fff;--text-primary:#fff;--text-secondary:#fff}.action-btn,.mode-btn,.number-btn,.sudoku-cell{border-width:2px}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.loading-overlay{align-items:center;animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--container-padding);pointer-events:all;position:fixed;right:0;top:0;touch-action:none;z-index:2000}.loading-content{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000001a;border-radius:24px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);max-width:90vw;max-width:400px;padding:3rem 2rem;position:relative;text-align:center;width:100%}.loading-content,.loading-content h2{color:#1e293b;color:var(--text-primary)}.loading-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--bg-accent);background-clip:text;-webkit-background-clip:text;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;margin:1.5rem 0 1rem}.loading-content p{color:#64748b;color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0}.loading-spinner{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto;position:relative;width:80px}.spinner-ring{animation:spin 1.5s linear infinite;border:3px solid #0000;border-radius:50%;height:64px;position:absolute;width:64px}.spinner-ring:first-child{animation-delay:0s;border-top-color:#6366f1;height:64px;width:64px}.spinner-ring:nth-child(2){animation-delay:-.5s;border-top-color:#8b5cf6;height:48px;left:8px;top:8px;width:48px}.spinner-ring:nth-child(3){animation-delay:-1s;border-top-color:#f59e0b;height:32px;left:16px;top:16px;width:32px}[data-theme=dark] .loading-content{border-color:#fff3}[data-theme=dark] .loading-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);background-clip:text;-webkit-background-clip:text}.progress-section{margin-top:1.5rem;text-align:center}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:.5rem}.progress-fill{animation:progressGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#6366f1,#8b5cf6,#f59e0b);border-radius:4px}.progress-text{font-weight:500;margin:0}.error-bar{animation:errorPulse 1s ease-in-out;background:linear-gradient(90deg,#ef4444,#fbbf24,#ef4444);background:linear-gradient(90deg,var(--error-color),#fbbf24,var(--error-color));background-size:200% 100%;height:4px;left:0;position:fixed;right:0;top:0;z-index:1001}@keyframes errorPulse{0%,to{background-position:0 50%;opacity:0}50%{background-position:100% 50%;opacity:1}}*{box-sizing:border-box}@media (max-width:1023px){.game-actions-section{display:none!important}}body.sudoku-active{height:100%!important;overflow:hidden!important;position:fixed!important;touch-action:none!important;width:100%!important}@media (min-width:1024px) and (max-width:1199px) and (pointer:fine){:root{--container-max-width:1000px}.sudoku-game{overflow:hidden;padding-top:45px}.game-wrapper{display:flex;flex-direction:column;justify-content:flex-start;max-width:420px;max-width:var(--container-max-width);min-height:calc(100vh - 45px);padding:.5rem 1rem 1.5rem}.sudoku-header{flex-shrink:0;margin-bottom:.75rem;min-height:40px}.sudoku-header h1{font-size:1.5rem}.close-btn,.theme-toggle{font-size:1rem;height:40px;min-height:40px;min-width:40px;width:40px}.sudoku-game.playing .game-content{grid-gap:1.2rem;align-items:start;display:grid;gap:1.2rem;grid-template-areas:"stats board" "status board" "controls board";grid-template-columns:240px 1fr;grid-template-rows:auto auto 1fr;height:auto;justify-content:center;margin:0 auto;max-height:calc(100vh - 140px);max-width:900px;padding-top:0}.sudoku-board{border-radius:12px;box-shadow:0 8px 30px #0000001a;margin:0 auto;max-width:360px;padding:.5rem;width:min(52vh,360px)}.sudoku-cell{font-size:clamp(1.1rem,2.2vw,1.6rem)!important}.number-btn{border-radius:12px;border-radius:var(--border-radius-md);font-size:.9rem;height:2.2rem;min-width:0;width:100%}}@media (max-width:479px){:root{--container-max-width:100%;--container-padding:0.5rem;--section-gap:0.5rem;--element-gap:0.5rem}.sudoku-game{background:#f8f9fa;min-height:100vh;overflow-x:hidden!important;padding:0}.game-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.sudoku-header{align-items:center;background:#6366f1;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;margin-bottom:0;min-height:60px;padding:.75rem 1rem;width:100%}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.sudoku-header h1{flex:1 1;font-size:1.25rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-btn,.sound-btn,.theme-toggle{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease;width:36px}.close-btn:hover,.sound-btn:hover,.theme-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.combined-stats{grid-gap:.5rem!important;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;display:grid!important;gap:.5rem!important;grid-area:none!important;grid-template-columns:repeat(4,1fr)!important;margin:0;padding:.75rem 1rem;width:100%}.combined-stats .stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0;text-align:center}.combined-stats .stat-label{align-items:center;color:#64748b;display:flex;font-size:.7rem;font-weight:600;gap:.2rem}.combined-stats .stat-label:before{font-size:.8rem}.combined-stats .stat-label[data-type=score]:before{background-image:url(/static/media/star.476f740afabb16c40a89.svg)}.combined-stats .stat-label[data-type=best]:before,.combined-stats .stat-label[data-type=score]:before,.combined-stats .stat-label[data-type=time]:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:.8rem;margin-right:.25rem;width:.8rem}.combined-stats .stat-label[data-type=time]:before{background-image:url(/static/media/timer.754168e0ba7439143e26.svg)}.combined-stats .stat-value{color:#1e293b;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sudoku-game.playing .game-content{align-items:stretch!important;display:flex!important;flex:1 1;flex-direction:column!important;gap:0!important;grid-template-areas:none!important;grid-template-columns:none!important;justify-content:flex-start;max-height:none!important;min-height:calc(100vh - 60px)!important;overflow-x:hidden;overflow-y:auto;padding:0}.game-status{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.game-status .status-item.completion-rate-item,.game-status .status-item.leaderboard-item,.game-status .status-item.puzzle-stats-item{display:none}.game-status .status-item:not(.completion-rate-item):not(.puzzle-stats-item):not(.leaderboard-item):not(.mobile-menu-container),.game-status .status-item:not(.mobile-menu-container){display:flex}.completion-rate-item{display:flex!important;margin:0;width:auto}.completion-rate-btn{align-items:center!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a)!important;background:var(--primary-gradient)!important;border:1px solid #ffffff40!important;border-radius:12px!important;box-shadow:0 4px 14px #1e1b4b66,0 2px 6px #0003!important;box-shadow:var(--elite-shadow-rest)!important;color:#fff!important;display:flex!important;font-size:.7rem!important;font-weight:700!important;gap:.45rem!important;justify-content:center!important;min-height:2.4rem!important;padding:.5rem .9rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important}.completion-rate-btn:hover{background:linear-gradient(135deg,#0f172a,#1e1b4b 25%,#312e81 50%,#3730a3)!important;background:var(--primary-gradient-hover)!important;box-shadow:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66!important;box-shadow:var(--elite-shadow-hover)!important;transform:translateY(-3px) scale(1.02)!important}.completion-rate-btn .inline-icon{filter:brightness(1.2) contrast(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;height:.95rem!important;width:.95rem!important}.completion-rate-text{color:#fff!important;font-size:.65rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}.puzzle-stats-item{display:flex!important;margin:0 0 0 .4rem;width:auto}.puzzle-stats-btn{align-items:center!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:linear-gradient(135deg,#312e81,#3730a3 25%,#1e3a8a 50%,#1e40af)!important;background:var(--secondary-gradient)!important;border:1px solid #ffffff40!important;border-radius:12px!important;box-shadow:0 4px 14px #1e1b4b66,0 2px 6px #0003!important;box-shadow:var(--elite-shadow-rest)!important;color:#fff!important;display:flex!important;font-size:.7rem!important;font-weight:700!important;gap:.45rem!important;justify-content:center!important;min-height:2.4rem!important;padding:.5rem .9rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important}.puzzle-stats-btn:hover{background:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a)!important;background:var(--secondary-gradient-hover)!important;box-shadow:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66!important;box-shadow:var(--elite-shadow-hover)!important;transform:translateY(-3px) scale(1.02)!important}.puzzle-stats-btn .inline-icon{filter:brightness(1.2) contrast(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;height:.95rem!important;width:.95rem!important}.puzzle-stats-text{color:#fff!important;font-size:.65rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}.leaderboard-item{display:flex!important;margin:0 0 0 .4rem;width:auto}.leaderboard-btn{align-items:center!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:linear-gradient(135deg,#3730a3,#1e3a8a 25%,#1e40af 50%,#1d4ed8)!important;background:var(--accent-gradient)!important;border:1px solid #ffffff40!important;border-radius:12px!important;box-shadow:0 4px 14px #1e1b4b66,0 2px 6px #0003!important;box-shadow:var(--elite-shadow-rest)!important;color:#fff!important;display:flex!important;font-size:.7rem!important;font-weight:700!important;gap:.45rem!important;justify-content:center!important;min-height:2.4rem!important;padding:.5rem .9rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important}.leaderboard-btn:hover{background:linear-gradient(135deg,#312e81,#3730a3 25%,#1e3a8a 50%,#1e40af)!important;background:var(--accent-gradient-hover)!important;box-shadow:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66!important;box-shadow:var(--elite-shadow-hover)!important;transform:translateY(-3px) scale(1.02)!important}.leaderboard-btn .inline-icon{filter:brightness(1.2) contrast(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;height:.95rem!important;width:.95rem!important}.leaderboard-text{color:#fff!important;font-size:.65rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}.game-actions-section{display:none!important}.game-board-section{align-items:center;grid-area:none!important;order:1;padding:.75rem .5rem}.game-actions-section,.game-board-section{background:#fff;box-sizing:border-box;display:flex;justify-content:center;width:100%}.game-actions-section{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;order:2;padding:.75rem}.action-controls .action-btn{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-weight:600;height:2.25rem;transition:all .2s ease}.action-controls .action-btn:hover:not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.action-controls .action-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0) scale(.98)}.action-controls .action-btn.active{background:linear-gradient(135deg,#2f2e9f,#1e1b87);border-color:#2563eb;box-shadow:0 4px 12px #3b82f666}@media (min-width:768px){.action-controls .action-btn.active{background:linear-gradient(1135deg,#2f2e9f,#1e1b87);border-color:#2563eb;box-shadow:0 4px 12px #3b82f666;color:#fff}.action-controls .action-btn[data-mode=notes].active{background:linear-gradient(135deg,#1e3a8a,#1e40af)!important;border:2px solid #1e40af!important;box-shadow:0 4px 16px #1e3a8a99!important;color:#fff!important;transform:translateY(-1px)!important}}.action-controls .action-btn:disabled{box-shadow:0 1px 2px #0000000d!important;cursor:not-allowed;opacity:.5;transform:none!important}.action-icon{font-size:.8rem;line-height:1}.action-text{font-size:.55rem;font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sudoku-board{grid-gap:0;border:2px solid #374151;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:grid;gap:0;grid-template-rows:repeat(9,1fr);height:min(calc(100vw - max(.5rem,env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px))),calc(100vh - 120px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));margin:0 auto;max-height:500px;max-width:500px;min-height:320px;min-width:320px;padding:0;width:min(calc(100vw - max(.5rem,env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px))),calc(100vh - 120px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.sudoku-board,.sudoku-cell{aspect-ratio:1;background:#fff;box-sizing:border-box}.sudoku-cell{align-items:center;border:.5px solid #e5e7eb;color:#1f2937;display:flex;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:600;justify-content:center;min-height:0;min-width:0;padding:1px;position:relative;text-align:center}.sudoku-row{grid-gap:0;aspect-ratio:9/1;display:grid;gap:0;grid-template-columns:repeat(9,1fr);width:100%}.sudoku-cell:nth-child(3n){border-right:2px solid #6b7280!important}.sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:2px solid #6b7280!important}.sudoku-cell.selected{background:#3b82f6!important;box-shadow:0 0 0 1px #3b82f699;color:#fff;transform:scale(1.01);z-index:10}.sudoku-cell.highlighted{background:#dbeafe!important;color:#1e40af}.sudoku-cell.same-number{background:#bfdbfe!important;color:#1e40af;font-weight:700}.number-pad-section{align-items:center;background:linear-gradient(145deg,#f0f4f8,#e2e8f0);border-radius:20px 20px 0 0;box-shadow:inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a,0 -4px 12px #0000001a;flex-direction:column;gap:1.25rem;order:3;padding:1.25rem max(.75rem,env(safe-area-inset-right,0px)) max(2rem,calc(env(safe-area-inset-bottom,0px) + 1.5rem)) max(.75rem,env(safe-area-inset-left,0px));position:relative;z-index:10}.action-controls,.number-pad-section{box-sizing:border-box;display:flex;width:100%}.action-controls{gap:.75rem;justify-content:space-between;max-width:min(95vw,340px);padding:0 .25rem}.action-controls .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f1f5f9);border:none;border-radius:14px;box-shadow:3px 3px 8px #0000001f,-3px -3px 8px #ffffffe6,inset 0 0 0 #fff0;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.7rem;font-weight:500;gap:.1rem;height:3.5rem;justify-content:center;max-width:100px;min-width:0;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.action-controls .action-btn:hover{box-shadow:6px 6px 16px #0003,-6px -6px 16px #ffffffe6,inset 0 0 0 #fff0;transform:translateY(-2px)}.action-controls .action-btn:active{box-shadow:inset 2px 2px 6px #0003,inset -2px -2px 6px #ffffffe6;transform:translateY(0)}.action-controls .action-btn.active{background:linear-gradient(145deg,#3b82f6,#2563eb);box-shadow:inset 2px 2px 6px #0000004d,inset -2px -2px 6px #3b82f6cc;color:#fff}.action-controls .action-btn .action-icon{font-size:1.25rem;line-height:1}.action-controls .action-btn .action-text{font-size:.75rem;font-weight:500;letter-spacing:.025em}.number-pad{flex-direction:row;gap:.2rem;justify-content:space-between;max-width:min(98vw,350px);padding:0 .25rem;width:100%}.number-btn,.number-pad{box-sizing:border-box;display:flex}.number-btn{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#fff,#f1f5f9);border:none;border-radius:12px;box-shadow:3px 3px 8px #0000001f,-3px -3px 8px #ffffffe6,inset 0 0 0 #fff0;color:#1e293b;cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:600;height:3.5rem;justify-content:center;max-width:36px;min-width:0;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.number-btn:hover{box-shadow:6px 6px 16px #0003,-6px -6px 16px #ffffffe6,inset 0 0 0 #fff0;transform:translateY(-2px)}.number-btn:active{box-shadow:inset 2px 2px 6px #0003,inset -2px -2px 6px #ffffffe6;transform:translateY(0)}.number-btn.selected{background:linear-gradient(145deg,#3b82f6,#2563eb);box-shadow:inset 2px 2px 6px #0000004d,inset -2px -2px 6px #3b82f6cc;color:#fff}.number-btn:disabled{box-shadow:2px 2px 6px #0000001a,-2px -2px 6px #ffffffb3!important;cursor:not-allowed;opacity:.4;transform:none!important}}@media (max-width:480px) and (min-width:400px){.combined-stats{gap:.3rem!important;margin-bottom:.5rem!important;padding:.6rem .75rem!important}.combined-stats .stat-label{font-size:.65rem!important;margin-bottom:.125rem!important}.combined-stats .stat-value{font-size:.95rem!important}.sudoku-board{height:min(96vw,420px)!important;max-height:420px!important;max-width:420px!important;width:min(96vw,420px)!important}.sudoku-cell{font-size:clamp(1.3rem,4.5vw,1.9rem)!important;padding:.5vw!important}.action-controls{gap:.6rem!important;max-width:min(95vw,330px)!important;padding:0 .2rem!important}.action-controls .action-btn{font-size:.65rem!important;gap:.125rem!important;height:2.75rem!important;max-width:95px!important}.action-controls .action-btn .action-icon{font-size:.85rem!important}.action-controls .action-btn .action-text{font-size:.55rem!important}.number-pad{gap:clamp(.5rem,2.8vw,1rem)!important;max-width:min(96vw,400px)!important;padding:0 clamp(.3rem,1.5vw,.6rem)!important}.number-btn{border-radius:12px!important;font-size:clamp(1.3rem,3.5vw,1.6rem)!important;font-weight:700!important;height:clamp(3.8rem,9vw,4.2rem)!important;max-width:clamp(36px,8.5vw,42px)!important;padding:clamp(.2rem,.8vw,.4rem)!important}}@media (min-width:481px) and (max-width:768px){.number-btn{font-size:1.2rem!important}}@media (min-width:481px) and (max-width:640px){.sudoku-game{overflow-x:hidden!important;padding-top:32px}.game-wrapper{min-height:calc(100vh - 32px);overflow-x:hidden;width:100%}.sudoku-header{box-sizing:border-box;flex-shrink:0;margin-bottom:.75rem;min-height:40px;width:100%}.sudoku-header h1{font-size:1.5rem}.close-btn,.theme-toggle{font-size:1rem;height:40px;min-height:40px;min-width:40px;width:40px}.sudoku-game.playing .game-content{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.75rem!important;grid-template-areas:none!important;grid-template-columns:none!important;max-height:none!important;min-height:auto!important;overflow-x:hidden;width:100%}.game-board-section{box-sizing:border-box;display:flex;grid-area:none!important;justify-content:center;order:1;padding:.5rem;width:100%}.sudoku-board{display:flex!important;flex-direction:column!important;height:min(96vw,450px)!important;margin:0 auto!important;max-height:450px!important;max-width:450px!important;padding:0!important;width:min(96vw,450px)!important}.sudoku-row{height:11.111%!important}.sudoku-cell,.sudoku-row{display:flex!important;flex:1 1!important;min-height:0!important;width:100%!important}.sudoku-cell{align-items:center!important;aspect-ratio:1!important;box-sizing:border-box!important;font-size:clamp(.9rem,3vw,1.3rem)!important;height:100%!important;justify-content:center!important;margin:0!important;min-width:0!important;padding:0!important}.number-pad-section{align-items:center;background:linear-gradient(145deg,#f0f4f8,#e2e8f0);border-radius:16px;box-shadow:0 2px 12px #0000001a;flex-direction:column;margin:.75rem 0;max-width:min(95vw,400px);order:2;padding:1.25rem 1rem}.action-controls,.number-pad-section{box-sizing:border-box;display:flex;gap:1rem;width:100%}.action-controls{justify-content:space-between;max-width:380px}.action-controls .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f1f5f9);border:none;border-radius:12px;box-shadow:2px 2px 6px #0000001a,-2px -2px 6px #ffffffe6;color:#1e293b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;font-weight:600;gap:.2rem;height:3rem;justify-content:center;max-width:110px;min-width:0;transition:all .2s ease}.action-controls .action-btn .action-icon{font-size:.9rem}.action-controls .action-btn .action-text{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number-pad{box-sizing:border-box;display:flex;flex-direction:row;gap:clamp(.6rem,2.2vw,1rem);justify-content:space-between;max-width:clamp(380px,90vw,450px);padding:0 clamp(.3rem,1.2vw,.5rem);width:100%}.number-btn{aspect-ratio:1;background:linear-gradient(145deg,#fff,#f1f5f9)!important;border:none!important;border-radius:12px!important;box-shadow:2px 2px 6px #0000001a,-2px -2px 6px #ffffffe6!important;box-sizing:border-box;flex:1 1;font-size:clamp(1.4rem,3.2vw,1.7rem);font-weight:700;height:clamp(3.8rem,8vw,4.3rem);max-width:clamp(40px,7.5vw,44px);padding:clamp(.2rem,.6vw,.4rem)!important}.game-actions-section,.game-controls-section{display:none!important}}@media (min-width:641px) and (max-width:767px){.sudoku-game{overflow-x:hidden!important;padding-top:36px}.game-wrapper{min-height:calc(100vh - 36px);overflow-x:hidden;width:100%}.sudoku-header{box-sizing:border-box;flex-shrink:0;margin-bottom:.75rem;min-height:40px;width:100%}.sudoku-header h1{font-size:1.5rem}.close-btn,.theme-toggle{font-size:1rem;height:40px;min-height:40px;min-width:40px;width:40px}.sudoku-game.playing .game-content{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.75rem!important;grid-template-areas:none!important;grid-template-columns:none!important;max-height:none!important;min-height:auto!important;overflow-x:hidden;width:100%}.game-board-section{box-sizing:border-box;display:flex;grid-area:none!important;justify-content:center;order:1;padding:.75rem;width:100%}.sudoku-board{height:min(94vw,500px)!important;max-height:500px!important;max-width:500px!important;width:min(94vw,500px)!important}.sudoku-cell{font-size:clamp(1.5rem,5vw,2.3rem)!important}.number-pad-section{align-items:center;background:linear-gradient(145deg,#f0f4f8,#e2e8f0);border-radius:18px;box-shadow:0 3px 15px #0000001f;flex-direction:column;margin:1rem 0;max-width:min(90vw,450px);order:2;padding:1.5rem 1.25rem}.action-controls,.number-pad-section{box-sizing:border-box;display:flex;gap:1.25rem;width:100%}.action-controls{justify-content:space-between;max-width:420px}.action-controls .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f1f5f9);border:none;border-radius:14px;box-shadow:3px 3px 8px #0000001a,-3px -3px 8px #ffffffe6;color:#1e293b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.85rem;font-weight:600;gap:.25rem;height:3.5rem;justify-content:center;max-width:120px;min-width:0;transition:all .2s ease}.action-controls .action-btn .action-icon{font-size:1rem}.action-controls .action-btn .action-text{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number-pad{box-sizing:border-box;display:flex;flex-direction:row;gap:clamp(.7rem,2.5vw,1.2rem);justify-content:space-between;max-width:clamp(420px,92vw,480px);padding:0 clamp(.4rem,1.5vw,.7rem);width:100%}.number-btn{aspect-ratio:1;background:linear-gradient(145deg,#fff,#f1f5f9)!important;border:none!important;border-radius:14px!important;box-shadow:3px 3px 8px #0000001a,-3px -3px 8px #ffffffe6!important;box-sizing:border-box;flex:1 1;font-size:clamp(1.5rem,3.5vw,1.8rem);font-weight:700;height:clamp(4rem,8.5vw,4.6rem);max-width:clamp(44px,8vw,48px);padding:clamp(.3rem,.8vw,.5rem)!important}.game-actions-section,.game-controls-section{display:none!important}.sudoku-board{background:#fff;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:0!important;height:min(96vw,390px)!important;margin:0 auto!important;max-height:390px!important;max-width:390px!important;padding:0!important;width:min(96vw,390px)!important}.sudoku-row{gap:0!important;height:11.111%!important}.sudoku-cell,.sudoku-row{display:flex!important;flex:1 1!important;margin:0!important;min-height:0!important;padding:0!important;width:100%!important}.sudoku-cell{align-items:center!important;aspect-ratio:1!important;background:#fff;border:1px solid #e5e7eb;box-sizing:border-box!important;font-size:clamp(.95rem,2.7vw,1.3rem)!important;height:100%!important;justify-content:center!important;min-width:0!important}}@media (min-width:768px) and (max-width:1023px){:root{--container-max-width:100%;--container-padding:1rem}.sudoku-game{background:#f8f9fa;min-height:100vh;padding:0}.game-wrapper{display:flex;flex-direction:column;min-height:100vh;padding:0}.sudoku-header{align-items:center;background:#6366f1;color:#fff;display:flex;justify-content:space-between;margin-bottom:0;min-height:70px;padding:1rem 1.5rem}.sudoku-header h1{font-size:1.5rem;font-weight:600;margin:0}.close-btn,.theme-toggle{background:#fff3;border:none;border-radius:8px;color:#fff;font-size:1.25rem;height:48px;min-height:48px;min-width:48px;width:48px}.combined-stats{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;display:flex;grid-area:none!important;justify-content:space-between;margin:0;padding:1.25rem 1.5rem;width:100%}.combined-stats .stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;text-align:center}.combined-stats .stat-label{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.combined-stats .stat-label:before{font-size:1rem}.combined-stats .stat-label[data-type=score]:before{background-image:url(/static/media/star.476f740afabb16c40a89.svg)}.combined-stats .stat-label[data-type=best]:before,.combined-stats .stat-label[data-type=score]:before,.combined-stats .stat-label[data-type=time]:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:1rem;margin-right:.25rem;width:1rem}.combined-stats .stat-label[data-type=time]:before{background-image:url(/static/media/timer.754168e0ba7439143e26.svg)}.combined-stats .stat-value{color:#1e293b;font-size:1.375rem;font-weight:700}.sudoku-game.playing .game-content{align-items:stretch!important;display:flex!important;flex:1 1;flex-direction:column!important;gap:0!important;grid-template-areas:none!important;grid-template-columns:none!important;justify-content:flex-start;max-height:none!important;min-height:auto!important;padding:0}.game-status{display:none}.game-board-section{align-items:flex-start;background:#fff;display:flex;grid-area:none!important;justify-content:center;order:1;padding:1rem 1.5rem .5rem}.game-actions-section{display:none}.sudoku-board{background:#fff;border:3px solid #374151;border-radius:8px;box-shadow:0 4px 16px #0000001a;height:min(90vw,650px);margin:0;padding:0;width:min(90vw,650px)}.sudoku-cell{background:#fff;border:1px solid #d1d5db;color:#1f2937;font-size:clamp(1.8rem,5.5vw,3rem);font-weight:600}.number-pad-section{align-items:center;background:#fff;display:flex;flex-direction:column;gap:1.5rem;order:2;padding:1.5rem 1.5rem max(1.5rem,env(safe-area-inset-bottom));width:100%}.action-controls{display:flex;gap:1.5rem;justify-content:space-between;max-width:min(85vw,600px);width:100%}.action-controls .action-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#475569;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.875rem;font-weight:600;gap:.25rem;height:3.5rem;justify-content:center;min-width:0;transition:all .2s ease}.action-controls .action-btn .action-icon{font-size:1rem}.action-controls .action-btn .action-text{font-size:.75rem}.number-pad{display:flex;flex-direction:row;gap:clamp(.6rem,1.8vw,1.2rem);justify-content:space-between;max-width:min(88vw,650px);padding:0 clamp(.3rem,1vw,.6rem);width:100%}.number-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;flex:1 1;font-size:clamp(1.6rem,3vw,2rem);font-weight:600;height:clamp(3.2rem,6vw,4rem);max-width:clamp(55px,9vw,65px);min-width:0;padding:clamp(.3rem,.7vw,.5rem);transition:all .15s}.number-pad-section{background:linear-gradient(145deg,#f8fafc,#e2e8f0)!important;border-radius:24px!important;box-shadow:inset 0 4px 8px #fffc,inset 0 -4px 8px #0000001a,0 8px 24px #0000001f!important}.action-controls .action-btn,.number-btn{background:linear-gradient(145deg,#fff,#f1f5f9)!important;border:none!important;border-radius:16px!important;box-shadow:4px 4px 12px #00000026,-4px -4px 12px #ffffffe6!important}.number-btn{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.25rem!important;justify-content:center!important}.number-btn.selected{background:linear-gradient(145deg,#3b82f6,#2563eb);box-shadow:inset 2px 2px 6px #0000004d,inset -2px -2px 6px #3b82f6cc;color:#fff}.number-btn:hover{box-shadow:6px 6px 16px #0003,-6px -6px 16px #ffffffe6!important;transform:translateY(-2px)!important}.number-btn:active{box-shadow:inset 2px 2px 6px #0003,inset -2px -2px 6px #ffffffe6!important;transform:translateY(0)!important}}@media (min-width:1200px) and (pointer:fine){:root{--container-max-width:1200px}.sudoku-game{overflow-y:auto!important;padding-top:45px}.game-wrapper{display:flex;flex-direction:column;justify-content:flex-start;max-width:420px;max-width:var(--container-max-width);min-height:calc(100vh - 45px);padding:1.5rem 1rem 0}.sudoku-header{flex-shrink:0;margin-bottom:1rem;min-height:50px}.sudoku-header h1{font-size:1.5rem}.close-btn,.sound-btn,.theme-toggle{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:all .2s ease;width:40px}.close-btn:hover,.sound-btn:hover,.theme-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.sudoku-game.playing .game-wrapper{padding-top:.25rem}.sudoku-game.playing .sudoku-header{background:#fafafa;background:var(--bg-gradient-start);border-bottom:1px solid #ffffff1a;margin-bottom:.75rem;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .sudoku-game.playing .sudoku-header{background:#fafafa;background:var(--bg-gradient-start);border-bottom-color:#ffffff0d}.sudoku-game.playing .game-content{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;justify-content:flex-start!important;margin:0 auto!important;max-width:1200px!important;padding:0 2rem 8rem!important;width:100%!important}.combined-stats,.game-status{justify-content:center;margin:0 auto;max-width:800px;width:100%}.desktop-game-area{gap:.5rem;max-width:950px;width:100%}.desktop-game-area,.game-board-section{align-items:flex-start;display:flex;justify-content:center}.game-board-section{flex:1 1;max-width:600px}.sudoku-board{max-width:420px;width:min(52vh,420px)}.sudoku-cell{font-size:clamp(1.2rem,2.4vw,1.8rem)!important}.desktop-controls{display:flex;flex:0 0 270px;flex-direction:column;gap:1rem}.sudoku-oyna-seo{clear:both!important;display:block!important;flex-shrink:0!important;margin:3rem auto 2rem!important;max-width:900px!important;opacity:1!important;order:10!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:1!important}.sudoku-game.playing .game-content .number-pad-section{grid-gap:.75rem;background:#0000;border-radius:0;box-shadow:none;box-sizing:border-box;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);justify-items:center;margin:0 auto;max-width:500px;padding:0;width:100%}.sudoku-game.playing .game-content .action-controls{display:contents;grid-column:1/-1}.sudoku-game.playing .game-content .action-controls .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f1f5f9);border:none;border-radius:10px;box-shadow:3px 3px 8px #0000001a,-3px -3px 8px #fffc;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.7rem;font-weight:500;gap:.15rem;height:2.5rem;justify-content:center;max-width:100px;padding:.2rem;transition:all .2s ease;width:60%}.sudoku-game.playing .game-content .action-controls .action-btn .action-icon,.sudoku-game.playing .game-content .action-controls .action-icon{font-size:.9rem;margin-right:.3rem}.sudoku-game.playing .game-content .action-controls .action-btn .action-text,.sudoku-game.playing .game-content .action-controls .action-text{font-size:.75rem;font-weight:600}.sudoku-game.playing .game-content .number-pad{display:contents}.number-btn{align-items:center!important;background:linear-gradient(145deg,#fff,#f1f5f9)!important;border:none!important;border-radius:10px!important;box-shadow:3px 3px 8px #0000001a,-3px -3px 8px #fffc!important;color:#1e293b!important;cursor:pointer!important;display:flex!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:clamp(.8rem,1.6vw,1.1rem)!important;font-weight:600!important;height:clamp(2.2rem,3.2vw,2.8rem)!important;justify-content:center!important;padding:clamp(.25rem,.5vw,.4rem)!important;transform:translateY(0)!important;transition:all .2s ease!important;width:60%!important}.number-btn:hover:not(:disabled){box-shadow:5px 5px 12px #00000026,-5px -5px 12px #ffffffe6!important;transform:translateY(-2px)!important}.number-btn:active{box-shadow:inset 2px 2px 6px #0003,inset -2px -2px 6px #ffffffe6!important;transform:translateY(0)!important}.number-btn.selected{background:linear-gradient(145deg,#3b82f6,#2563eb)!important;box-shadow:inset 2px 2px 6px #0000004d,inset -2px -2px 6px #3b82f6cc!important;color:#fff!important}}@media (min-width:1024px) and (max-width:1199px){.sudoku-game.playing .game-content{align-items:center!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;grid-template-areas:none!important;grid-template-columns:none!important;max-height:none!important;min-height:auto!important;padding:1rem!important}.combined-stats{grid-area:none!important;margin:0 auto 1rem;max-width:600px;width:100%}.game-status{margin:0 0 1rem}.game-board-section,.game-status{grid-area:none!important;justify-content:center;width:100%}.game-board-section{display:flex;margin-bottom:1.5rem}.sudoku-board{max-width:480px;padding:1rem;width:min(65vmin,480px)}.sudoku-cell{font-size:clamp(1.3rem,3vmin,2rem)!important}.number-pad-section{border-radius:16px 16px 0 0;order:2;padding:1.5rem 1.5rem .75rem}.game-actions-section,.number-pad-section{background:#ffffffe6;background:var(--surface-color);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;box-shadow:var(--shadow-lg);display:flex;justify-content:center;max-width:600px;width:100%}.game-actions-section{border-radius:0 0 16px 16px;order:3;padding:.75rem 1.5rem 1.5rem}.action-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.action-controls .action-btn{flex-direction:column;font-size:.9rem;gap:.25rem;height:auto;justify-content:center;padding:1rem;text-align:center}.number-pad{grid-gap:clamp(.8rem,1.8vw,1.2rem);display:grid;gap:clamp(.8rem,1.8vw,1.2rem);grid-template-columns:repeat(3,1fr);margin:0}.number-btn{aspect-ratio:1;border-radius:12px;font-size:clamp(1.4rem,2.8vw,1.7rem)!important;height:clamp(3.2rem,6.8vw,3.6rem)!important;padding:clamp(.25rem,.6vw,.5rem)!important}.number-btn:hover:not(:disabled){transform:scale(1.05)}}@media (max-width:399px){.game-wrapper,.sudoku-game,.sudoku-game.playing .game-content{padding-bottom:max(80px,env(safe-area-inset-bottom,80px))}.close-btn,.sound-btn,.theme-toggle{font-size:.8rem!important;height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.combined-stats{padding:.5rem .75rem!important}.game-status{display:flex!important;justify-content:center;margin-bottom:.5rem}.game-status .status-item:not(.completion-rate-item):not(.puzzle-stats-item):not(.leaderboard-item){display:none!important}.completion-rate-item{display:flex!important}.completion-rate-btn{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a)!important;background:var(--primary-gradient)!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 4px 14px #1e1b4b66,0 2px 6px #0003!important;box-shadow:var(--elite-shadow-rest)!important;color:#fff!important;font-size:.65rem!important;font-weight:700!important;gap:.35rem!important;min-height:2.1rem!important;padding:.4rem .65rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.completion-rate-btn:hover{background:linear-gradient(135deg,#0f172a,#1e1b4b 25%,#312e81 50%,#3730a3)!important;background:var(--primary-gradient-hover)!important;box-shadow:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66!important;box-shadow:var(--elite-shadow-hover)!important;transform:translateY(-2px) scale(1.02)!important}.completion-rate-btn .inline-icon{filter:brightness(1.2) contrast(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;height:.85rem!important;width:.85rem!important}.completion-rate-text{color:#fff!important;font-size:.6rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}.puzzle-stats-item{display:flex!important;margin-left:.25rem}.puzzle-stats-btn{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#312e81,#3730a3 25%,#1e3a8a 50%,#1e40af)!important;background:var(--secondary-gradient)!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 4px 14px #1e1b4b66,0 2px 6px #0003!important;box-shadow:var(--elite-shadow-rest)!important;color:#fff!important;font-size:.65rem!important;font-weight:700!important;gap:.35rem!important;min-height:2.1rem!important;padding:.4rem .65rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.puzzle-stats-btn:hover{background:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a)!important;background:var(--secondary-gradient-hover)!important;box-shadow:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66!important;box-shadow:var(--elite-shadow-hover)!important;transform:translateY(-2px) scale(1.02)!important}.puzzle-stats-btn .inline-icon{filter:brightness(1.2) contrast(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;height:.85rem!important;width:.85rem!important}.puzzle-stats-text{color:#fff!important;font-size:.6rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}.leaderboard-item{display:flex!important;margin-left:.25rem}.leaderboard-btn{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#3730a3,#1e3a8a 25%,#1e40af 50%,#1d4ed8)!important;background:var(--accent-gradient)!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 4px 14px #1e1b4b66,0 2px 6px #0003!important;box-shadow:var(--elite-shadow-rest)!important;color:#fff!important;font-size:.65rem!important;font-weight:700!important;gap:.35rem!important;min-height:2.1rem!important;padding:.4rem .65rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.leaderboard-btn:hover{background:linear-gradient(135deg,#312e81,#3730a3 25%,#1e3a8a 50%,#1e40af)!important;background:var(--accent-gradient-hover)!important;box-shadow:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66!important;box-shadow:var(--elite-shadow-hover)!important;transform:translateY(-2px) scale(1.02)!important}.leaderboard-btn .inline-icon{filter:brightness(1.2) contrast(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;height:.85rem!important;width:.85rem!important}.leaderboard-text{color:#fff!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}.combined-stats .stat-label,.leaderboard-text{font-size:.6rem!important}.combined-stats .stat-value{font-size:.9rem!important}.sudoku-board{height:min(94vw,380px)!important;max-height:380px!important;max-width:380px!important;padding:0!important;width:min(94vw,380px)!important}.sudoku-cell{font-size:clamp(1.3rem,4.2vw,1.8rem)!important;padding:.5px!important}.action-controls{gap:.5rem!important;max-width:min(95vw,320px)!important;padding:0 .125rem!important}.action-controls .action-btn{border-radius:10px!important;font-size:.6rem!important;height:2rem!important;max-width:90px!important}.action-controls .action-btn .action-icon{font-size:.7rem!important}.action-controls .action-btn .action-text{font-size:.5rem!important}.number-pad{gap:.15rem!important;max-width:min(95vw,320px)!important;padding:0 .125rem!important}.number-btn{border-radius:8px!important;font-size:1rem!important;height:3rem!important;max-width:32px!important}.number-pad-section{gap:1rem!important;padding:1rem .5rem max(1.5rem,env(safe-area-inset-bottom,1.5rem))!important}.result-actions{flex-direction:column!important;gap:.75rem!important;padding:0 .75rem!important;width:100%!important}.menu-btn,.restart-btn{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:2px solid #fff3!important;border-radius:14px!important;box-shadow:0 3px 12px #00000026!important;font-size:clamp(.875rem,3.5vw,1.125rem)!important;font-weight:700!important;letter-spacing:.3px!important;margin:0 auto!important;max-width:280px!important;min-height:3rem!important;overflow:hidden!important;padding:clamp(.75rem,2.5vw,1rem) clamp(1.25rem,4vw,1.75rem)!important;position:relative!important;text-transform:uppercase!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.restart-btn:before{content:"🎮"!important}.menu-btn:before,.restart-btn:before{font-size:1rem!important;left:.75rem!important;opacity:.8!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.menu-btn:before{content:"🏠"!important}.menu-btn:hover,.restart-btn:hover{box-shadow:0 6px 20px #0003!important;transform:translateY(-2px) scale(1.01)!important}.menu-btn:active,.restart-btn:active{transform:translateY(0) scale(.99)!important;transition:all .1s ease!important}[data-theme=dark] .restart-btn{background:linear-gradient(135deg,#047857,#065f46)!important;border:2px solid #10b98140!important;box-shadow:0 3px 12px #10b98126!important}[data-theme=dark] .menu-btn{background:linear-gradient(135deg,#374151,#1f2937)!important;border:2px solid #94a3b840!important;box-shadow:0 3px 12px #37415126!important}[data-theme=dark] .restart-btn:hover{box-shadow:0 6px 20px #10b98140!important}[data-theme=dark] .menu-btn:hover{box-shadow:0 6px 20px #37415140!important}}.number-pad-section{display:flex;justify-content:center;width:100%}.sudoku-oyna-seo{background:#f7fafd;border-radius:18px;box-shadow:0 4px 24px #00336611;box-sizing:border-box!important;clear:both!important;color:#222831;display:block!important;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:1.06rem;letter-spacing:.01em;line-height:1.75;margin:2rem auto;max-width:540px;opacity:1!important;padding:2rem 1.4rem;position:relative!important;visibility:visible!important;width:92vw;z-index:10!important}.sudoku-oyna-seo h2{color:#1a223f;font-size:1.36rem;font-weight:700;margin-bottom:1.2rem;text-align:left}.sudoku-oyna-seo p{margin-bottom:1rem}.sudoku-oyna-seo strong{color:#222;font-weight:700}.sudoku-oyna-seo ul{margin-bottom:1rem;padding-left:1.4em}.sudoku-oyna-seo ul li{font-size:1.03rem;list-style-type:disc;margin-bottom:.5rem}@media (min-width:701px) and (max-width:1024px){.sudoku-oyna-seo{display:block!important;font-size:1.04rem;margin:1.5rem auto;max-width:90vw;opacity:1!important;padding:1.8rem 1.2rem;visibility:visible!important}.sudoku-oyna-seo h2{font-size:1.28rem}}@media (max-width:700px){.sudoku-oyna-seo{display:block!important;font-size:1rem;margin:1rem auto;max-width:98vw;opacity:1!important;padding:1.1rem .7rem;visibility:visible!important}.sudoku-oyna-seo h2{font-size:1.08rem}}@media (min-width:1025px){.sudoku-oyna-seo{clear:both!important;display:block!important;flex-shrink:0!important;font-size:1.1rem!important;line-height:1.8!important;margin:3rem auto!important;max-width:900px!important;opacity:1!important;padding:2.5rem 2rem!important;position:relative!important;visibility:visible!important;z-index:1!important}.sudoku-oyna-seo h2{font-size:1.5rem!important;margin-bottom:1.5rem!important}.sudoku-oyna-seo p,.sudoku-oyna-seo ul{margin-bottom:1.2rem!important}.sudoku-oyna-seo ul li{font-size:1.08rem!important;margin-bottom:.6rem!important}}.share-section{margin:1.5rem 0;text-align:center}.share-title{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem;opacity:.9}.share-buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.share-btn,.share-buttons{display:flex;justify-content:center}.share-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000001a;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.8125rem;font-weight:600;gap:.375rem;min-width:80px;padding:.625rem .875rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.share-btn:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.share-btn:active{transform:translateY(0)}.share-btn:focus{outline:2px solid #f59e0b;outline:2px solid var(--accent-color);outline-offset:2px}.share-btn.facebook{background:linear-gradient(135deg,#1877f2,#42a5f5);border:none;color:#fff}.share-btn.facebook:hover{background:linear-gradient(135deg,#166fe5,#1976d2);box-shadow:0 4px 12px #1877f266}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);border:none;color:#fff}.share-btn.twitter:hover{background:linear-gradient(135deg,#0d8bd9,#0277bd);box-shadow:0 4px 12px #1da1f266}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#20b954);border:none;color:#fff}.share-btn.whatsapp:hover{background:linear-gradient(135deg,#20b954,#1e8e3e);box-shadow:0 4px 12px #25d36666}.share-icon{font-size:1rem;line-height:1}.share-btn img.share-icon{height:16px;width:16px}.share-btn img.share-icon,.share-btn.facebook img.share-icon,.share-btn.twitter img.share-icon,.share-btn.whatsapp img.share-icon{filter:brightness(0) invert(1)}.share-text{font-size:.75rem;font-weight:600;letter-spacing:.025em}[data-theme=dark] .share-btn{border-color:#fff3}@media (max-width:480px){.share-buttons{gap:.5rem}.share-btn{font-size:.75rem;min-width:70px;padding:.5rem .625rem}.share-text{font-size:.6875rem}.share-icon{font-size:.875rem}.share-btn img.share-icon{height:14px;width:14px}.result-actions{flex-direction:column!important;gap:1rem!important;padding:0 1rem!important;width:100%!important}.menu-btn,.restart-btn{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:2px solid #fff3!important;border-radius:16px!important;box-shadow:0 4px 15px #00000026!important;font-size:clamp(1rem,4vw,1.25rem)!important;font-weight:700!important;letter-spacing:.5px!important;margin:0 auto!important;max-width:320px!important;min-height:3.5rem!important;overflow:hidden!important;padding:clamp(.875rem,3vw,1.125rem) clamp(1.5rem,5vw,2rem)!important;position:relative!important;text-transform:uppercase!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.restart-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;order:1!important}.restart-btn:before{content:"🎮"!important;font-size:1.25rem!important;left:1rem!important;opacity:.8!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.menu-btn{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important;order:2!important}.menu-btn:before{content:"🏠"!important;font-size:1.25rem!important;left:1rem!important;opacity:.8!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.menu-btn:hover,.restart-btn:hover{box-shadow:0 8px 25px #00000040!important;transform:translateY(-3px) scale(1.02)!important}.menu-btn:active,.restart-btn:active{transform:translateY(-1px) scale(.98)!important;transition:all .1s ease!important}.menu-btn:after,.restart-btn:after{background:#ffffff4d!important;border-radius:50%!important;content:""!important;height:0!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:width .6s,height .6s!important;width:0!important}.menu-btn:active:after,.restart-btn:active:after{height:200px!important;width:200px!important}[data-theme=dark] .restart-btn{background:linear-gradient(135deg,#059669,#047857)!important;border:2px solid #10b9814d!important;box-shadow:0 4px 15px #10b98133!important}[data-theme=dark] .menu-btn{background:linear-gradient(135deg,#475569,#334155)!important;border:2px solid #94a3b84d!important;box-shadow:0 4px 15px #47556933!important}[data-theme=dark] .restart-btn:hover{box-shadow:0 8px 25px #10b9814d!important}[data-theme=dark] .menu-btn:hover{box-shadow:0 8px 25px #4755694d!important}.game-wrapper,.sudoku-game{overflow-x:hidden!important;overflow-y:auto!important}.game-wrapper{height:auto!important;min-height:100vh!important}}.sudoku-board{background:#fff!important;border:2px solid #334155!important;border-radius:18px!important;box-shadow:0 4px 20px #00294e14!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:min(96vmin,520px)!important;margin:0 auto!important;overflow:hidden!important;padding:0!important;width:min(96vmin,520px)!important}.sudoku-cell,.sudoku-row{display:flex!important;flex:1 1!important;margin:0!important;min-height:0!important;padding:0!important;width:100%!important}.sudoku-cell{align-items:center!important;aspect-ratio:1!important;background:#fff!important;border:1px solid #e5e7eb!important;box-sizing:border-box!important;font-size:clamp(1.5rem,4.5vmin,3.2rem)!important;height:100%!important;justify-content:center!important;min-width:0!important}.sudoku-row:first-child .sudoku-cell{border-top:none!important}.sudoku-row:last-child .sudoku-cell{border-bottom:none!important}.sudoku-row .sudoku-cell:first-child{border-left:none!important}.sudoku-row .sudoku-cell:last-child{border-right:none!important}.sudoku-cell:nth-child(3n){border-right:2px solid #6b7280!important}.sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:2px solid #6b7280!important}.sudoku-row:nth-child(9) .sudoku-cell{border-bottom:none!important}.hint-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--container-padding);position:fixed;right:0;top:0;z-index:9999999999!important}.hint-modal{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;background:var(--surface-color);border:1px solid #0000001a;border-radius:24px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);max-width:90vw;max-width:450px;overflow:hidden;width:100%}.hint-header{align-items:flex-start;display:flex;gap:1rem;padding:1.5rem 1.5rem 0}.hint-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #6366f14d;display:flex;flex-shrink:0;font-size:2rem;height:3rem;justify-content:center;line-height:1;width:3rem}.hint-title-section{flex:1 1;min-width:0}.hint-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.hint-cell-ref{font-size:.875rem;font-weight:500;margin:0}.hint-cell-ref,.hint-close-btn{color:#64748b;color:var(--text-secondary)}.hint-close-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;transition:all .2s ease;width:2rem}.hint-close-btn:hover{background:#0000001a;color:#1e293b;color:var(--text-primary);transform:scale(1.1)}.hint-content{padding:1rem 1.5rem}.hint-message{color:#1e293b;color:var(--text-primary);font-size:1rem;line-height:1.6;margin:0 0 1rem}.hint-indicators{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.confidence-indicator,.difficulty-indicator{align-items:center;border:1px solid;border-radius:6px;border-radius:var(--border-radius-sm);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.indicator-label{font-weight:600;opacity:.8}.indicator-value{font-weight:700}.confidence-indicator.high{background:#10b9811a;border-color:#10b9814d;color:#059669}.confidence-indicator.medium{background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}.confidence-indicator.low{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.difficulty-indicator.beginner{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.difficulty-indicator.easy{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.difficulty-indicator.medium{background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}.difficulty-indicator.hard{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.difficulty-indicator.advanced{background:#9333ea1a;border-color:#9333ea4d;color:#9333ea}.difficulty-indicator.error{background:#ef444426;border-color:#ef444466;color:#dc2626}[data-theme=dark] .confidence-indicator.high{background:#10b98126;color:#10b981}[data-theme=dark] .confidence-indicator.medium{background:#f59e0b26;color:#f59e0b}[data-theme=dark] .confidence-indicator.low{background:#ef444426;color:#ef4444}[data-theme=dark] .difficulty-indicator.beginner{background:#22c55e26;color:#22c55e}[data-theme=dark] .difficulty-indicator.easy{background:#3b82f626;color:#3b82f6}[data-theme=dark] .difficulty-indicator.medium{background:#f59e0b26;color:#f59e0b}[data-theme=dark] .difficulty-indicator.hard{background:#ef444426;color:#ef4444}[data-theme=dark] .difficulty-indicator.advanced{background:#9333ea26;color:#a855f7}.hint-tip{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;border-radius:var(--border-radius-md);color:#0c4a6e}.hint-strategy,.hint-tip{font-size:.875rem;line-height:1.5;margin:0;padding:.75rem}.hint-strategy{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;border-radius:var(--border-radius-md);color:#92400e}[data-theme=dark] .hint-tip{background:linear-gradient(135deg,#1e293b,#334155);border-color:#0ea5e9;color:#7dd3fc}[data-theme=dark] .hint-strategy{background:linear-gradient(135deg,#451a03,#78350f);border-color:#f59e0b;color:#fbbf24}.hint-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef4444;border-radius:12px;border-radius:var(--border-radius-md);color:#991b1b;font-size:.875rem;line-height:1.5;margin:0;padding:.75rem}[data-theme=dark] .hint-error{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#ef4444;color:#fca5a5}.hint-actions{padding:0 1.5rem 1.5rem}.hint-progress{align-items:center;background:#0000000d;border-radius:12px;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.progress-text{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600}.progress-dots{display:flex;gap:.5rem}.progress-dot{background:#0003;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.progress-dot.active{background:#6366f1;box-shadow:0 0 8px #6366f180;transform:scale(1.3)}.progress-dot.completed{background:#10b981}.hint-navigation{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.hint-action-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.hint-action-btn:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-2px)}.hint-action-btn:active{transform:translateY(0)}.hint-action-btn.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.hint-action-btn.primary:hover{box-shadow:0 4px 16px #10b98166}.hint-action-btn.secondary{background:#ffffffe6;background:var(--surface-color);border:2px solid #0000001a;box-shadow:0 2px 8px #0000001a;color:#1e293b;color:var(--text-primary)}.hint-action-btn.secondary:hover{background:#0000000d;border-color:#6366f1;box-shadow:0 4px 12px #6366f133;color:#6366f1}[data-theme=dark] .hint-modal{background:linear-gradient(135deg,#1e293bf2,#334155e6)!important;border-color:#fff3!important;color:#f1f5f9!important}[data-theme=dark] .hint-header{background:linear-gradient(135deg,#1e293bcc,#33415599)!important;border-bottom-color:#ffffff1a!important}[data-theme=dark] .hint-title{color:#f1f5f9!important}[data-theme=dark] .hint-cell-ref{background:#6366f133!important;border-color:#6366f14d!important;color:#94a3b8!important}[data-theme=dark] .hint-message{color:#e2e8f0!important}[data-theme=dark] .hint-close-btn{background:#1e293bcc!important;border-color:#fff3!important;color:#94a3b8!important}[data-theme=dark] .hint-close-btn:hover{background:#ef444433!important;border-color:#ef444466!important;color:#f87171!important}[data-theme=dark] .hint-progress{background:#ffffff0d!important}[data-theme=dark] .progress-dot{background:#fff3!important}[data-theme=dark] .progress-dot.active{background:#6366f1!important}[data-theme=dark] .progress-dot.completed{background:#10b981!important}[data-theme=dark] .hint-action-btn.primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important}[data-theme=dark] .hint-action-btn.secondary{background:#ffffffe6!important;background:var(--surface-color)!important;border-color:#ffffff1a!important;color:#cbd5e1!important}[data-theme=dark] .hint-action-btn.secondary:hover{background:#ffffff0d!important}@media (max-width:480px){.hint-modal{margin:1rem;max-width:95vw}.hint-header{gap:.75rem;padding:1rem 1rem 0}.hint-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.25rem;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.hint-title{font-size:1.125rem}.hint-content{padding:.75rem 1rem}.hint-actions{padding:0 1rem 1rem}.hint-action-btn{font-size:.875rem;min-width:80px;padding:.625rem 1.25rem}.hint-navigation,.hint-progress{flex-direction:column}.hint-progress{gap:.5rem;text-align:center}}@media (max-width:360px){.hint-modal{border-radius:16px;margin:.5rem auto;max-height:90vh;max-width:98vw;width:98vw}.hint-header{align-items:flex-start;flex-direction:row;gap:.625rem;padding:.875rem .875rem 0}.hint-icon{align-items:center;display:flex;flex-shrink:0;font-size:1rem;height:2rem;justify-content:center;min-height:2rem;min-width:2rem;width:2rem}.hint-title{font-size:1rem;line-height:1.2;margin:0 0 .125rem}.hint-cell-ref{font-size:.7rem;margin:0}.hint-close-btn{flex-shrink:0;font-size:1.25rem;height:1.75rem;padding:.125rem;width:1.75rem}.hint-content{padding:.625rem .875rem}.hint-message{font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.hint-indicators{gap:.5rem;margin-bottom:.75rem}.confidence-indicator,.difficulty-indicator{font-size:.75rem;padding:.375rem .5rem}.hint-error,.hint-strategy,.hint-tip{font-size:.8rem;line-height:1.5;margin:.75rem 0;padding:.75rem}.hint-actions{padding:0 .875rem .875rem}.hint-action-btn{font-size:.8rem;min-width:70px;padding:.5rem 1rem}.hint-progress{flex-direction:column;gap:.375rem;margin-bottom:.75rem;text-align:center}.progress-text{font-size:.75rem}.progress-dots{gap:.25rem}.progress-dot{height:6px;width:6px}.hint-navigation{flex-direction:column;gap:.5rem}.completion-rate-modal{border-radius:16px;margin:.5rem auto;max-height:90vh;max-width:98vw;width:98vw}.completion-rate-header{gap:.75rem;padding:1rem 1rem .75rem}.completion-rate-icon{font-size:1.25rem;height:2.5rem;width:2.5rem}.completion-rate-title{font-size:1.125rem}.completion-rate-subtitle{font-size:.7rem;padding:.25rem .5rem}.completion-rate-content{padding:0 1rem 1rem}.completion-rate-circle{height:120px;width:120px}.completion-rate-percentage{font-size:1.5rem}.completion-rate-label{font-size:.6rem;padding:.15rem .4rem}.completion-rate-stat{gap:.75rem;padding:1rem .75rem}.stat-icon{font-size:1.5rem;padding:.375rem}.stat-value{font-size:1.125rem}.stat-label{font-size:.6rem}.completion-rate-message{gap:.75rem;padding:1rem}.message-icon{font-size:1.75rem;padding:.25rem}.message-text p{font-size:.875rem;line-height:1.5}.completion-rate-tip{font-size:.8rem;padding:1rem}.completion-rate-tip:before{font-size:1rem;left:1rem;padding:.25rem;top:-5px}.completion-rate-actions{padding:0 1rem 1.5rem}.completion-rate-action-btn{border-radius:10px;font-size:.8rem;min-width:140px;padding:.75rem 2rem}.completion-rate-btn{border-radius:8px!important;font-size:.7rem!important;gap:.25rem!important;padding:.375rem .6rem!important}.completion-rate-btn .inline-icon{height:.875rem!important;width:.875rem!important}.completion-rate-text{font-size:.65rem!important;font-weight:700!important}.completion-rate-country{border-radius:8px;font-size:.75rem;padding:.75rem}}.note{font-size:clamp(.5rem,1.2vmin,.7rem)!important;font-weight:600!important}.note,.note.active{font-style:italic!important}.note.active{font-size:clamp(.6rem,1.4vmin,.8rem)!important;font-weight:700!important}@media (max-width:767px){.note{font-size:clamp(.6rem,1.4vmin,.85rem)!important}.note.active{font-size:clamp(.7rem,1.6vmin,.95rem)!important}}@media (min-width:1024px){.combined-stats{grid-template-columns:repeat(3,1fr)!important}.mobile-menu-stat{display:none!important}.note{font-size:clamp(.55rem,1vmin,.65rem)!important}.note.active{font-size:clamp(.65rem,1.2vmin,.75rem)!important}}.completion-rate-overlay{align-items:center;animation:overlayFadeIn .5s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#add8e61a,#90ee901a);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999999999!important}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;opacity:0}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#add8e61a,#90ee901a);opacity:1}}.completion-rate-modal{animation:modalEntrance .6s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6,#f0f8ffd9);border:2px solid #ffffff4d;border-radius:24px;box-shadow:0 32px 64px #00000026,0 16px 32px #0000001a,inset 0 1px 0 #fffc,0 0 0 1px #fff3;max-height:90vh;max-width:520px;overflow-y:auto;position:relative;width:100%}@keyframes modalEntrance{0%{filter:blur(10px);opacity:0;transform:translateY(40px) scale(.9) rotateX(10deg)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}.completion-rate-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff9,#f8fafc66);border-bottom:1px solid #ffffff4d;border-radius:24px 24px 0 0;display:flex;gap:1.2rem;margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}.completion-rate-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#4ade80,#22c55e,#16a34a);border-radius:18px;box-shadow:0 8px 20px #22c55e66,0 4px 10px #22c55e33,inset 0 1px 0 #ffffff4d;display:flex;flex-shrink:0;font-size:2rem;height:4rem;justify-content:center;overflow:hidden;position:relative;width:4rem}.completion-rate-icon:before{animation:shimmer 2s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.completion-rate-title-section{flex:1 1}.completion-rate-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151,#4b5563);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}.completion-rate-subtitle{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid #22c55e33;border-radius:12px;box-shadow:0 2px 4px #22c55e1a;color:#6b7280;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.02em;margin:0;padding:.5rem 1rem;text-transform:uppercase}.completion-rate-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:300;height:2.75rem;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:2.75rem}.completion-rate-close-btn:hover{background:#ef44441a;border-color:#ef44444d;box-shadow:0 4px 16px #ef444433;color:#ef4444;transform:scale(1.1) rotate(90deg)}.completion-rate-content{padding:0 2rem 2rem}.completion-rate-main{align-items:center;display:flex;flex-direction:column;gap:2.5rem;margin-bottom:2.5rem}.completion-rate-circle{height:180px;position:relative;width:180px}.completion-rate-progress{align-items:center;animation:progressRotate 2s ease-out,progressGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#34d399,#10b981,#059669);border-radius:50%;box-shadow:0 8px 24px #22c55e66,0 4px 12px #22c55e33,inset 0 2px 4px #ffffff4d;display:flex;height:100%;justify-content:center;padding:10px;position:relative;width:100%}@keyframes progressRotate{0%{transform:rotate(-90deg)}to{transform:rotate(0deg)}}@keyframes progressGlow{0%,to{box-shadow:0 8px 24px #22c55e66,0 4px 12px #22c55e33,inset 0 2px 4px #ffffff4d}50%{box-shadow:0 12px 32px #22c55e99,0 6px 16px #22c55e4d,inset 0 2px 4px #fff6}}.completion-rate-inner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:2px solid #fff9;border-radius:50%;box-shadow:inset 0 4px 12px #0000001a,inset 0 2px 4px #fffc;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.completion-rate-percentage{-webkit-text-fill-color:#0000;animation:numberPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#059669,#047857,#065f46);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:.5rem}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.completion-rate-label{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid #22c55e33;border-radius:20px;color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase}.completion-rate-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0;width:100%}.completion-rate-stat{align-items:center;animation:cardSlideUp .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.completion-rate-stat .stat-info{align-items:center;display:flex;flex-direction:column;width:100%}.completion-rate-stat .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.25rem;text-align:center}.completion-rate-stat .stat-label{color:#6b7280;font-size:.6rem;font-weight:600;letter-spacing:.8px;line-height:1.3;text-align:center;text-transform:uppercase}.completion-rate-stat:first-child{animation-delay:.1s}.completion-rate-stat:nth-child(2){animation-delay:.2s}.completion-rate-stat:nth-child(3){animation-delay:.3s}.completion-rate-stat:before{background:linear-gradient(90deg,#0000,#22c55e99,#0000);content:"";height:3px;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.completion-rate-stat:hover{background:linear-gradient(135deg,#fffffff2,#f8fafccc);border-color:#22c55e4d;box-shadow:0 12px 24px #0000001f,0 6px 12px #00000014;transform:translateY(-6px) scale(1.02)}.completion-rate-stat:hover:before{left:100%}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-icon{animation:iconBounce .8s ease-out;border-radius:12px;box-shadow:0 4px 8px #0000001a;flex-shrink:0;font-size:2rem;margin-bottom:.5rem;padding:.75rem}.stat-icon:first-child{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#6d28d9}.stat-icon:nth-child(2){background:linear-gradient(135deg,#fecaca,#f87171);color:#dc2626}.stat-icon:nth-child(3){background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#059669}@keyframes iconBounce{0%,20%,40%,60%,80%,to{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-4px)}}.stat-info{align-items:center;display:flex;flex-direction:column;gap:.25rem;width:100%}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.6rem;font-weight:600;letter-spacing:.8px;line-height:1.3;text-align:center;text-transform:uppercase}.completion-rate-message{align-items:flex-start;animation:messageGlow .8s ease-out .4s both;background:linear-gradient(135deg,#22c55e14,#10b9810d,#05966908);border:2px solid #22c55e33;border-radius:16px;box-shadow:0 8px 16px #22c55e26,inset 0 1px 0 #fff3;display:flex;gap:1.25rem;margin:1.5rem 0;overflow:hidden;padding:1.75rem;position:relative}.completion-rate-message:before{background:linear-gradient(90deg,#34d399,#10b981,#059669);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes messageGlow{0%{box-shadow:0 0 0 #22c55e00;opacity:0;transform:scale(.95)}to{box-shadow:0 8px 16px #22c55e26,inset 0 1px 0 #fff3;opacity:1;transform:scale(1)}}.message-icon{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-radius:12px;box-shadow:0 4px 8px #0000001a;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:2.5rem;margin-top:.25rem;padding:.5rem}.message-text{flex:1 1}.message-text p{color:#374151;font-size:1.05rem;font-weight:500;line-height:1.7;margin:0}.message-text strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#047857);-webkit-background-clip:text;background-clip:text;font-weight:800}.completion-rate-tip{animation:tipSlideIn .8s ease-out .6s both;background:linear-gradient(135deg,#6366f114,#4f46e50d,#4338ca08);border:2px solid #6366f133;border-radius:16px;box-shadow:0 6px 12px #6366f11a,inset 0 1px 0 #fff3;color:#374151;font-size:.95rem;font-weight:500;line-height:1.7;margin:1.5rem 0;padding:1.5rem;position:relative}.completion-rate-tip:before{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-radius:8px;box-shadow:0 4px 8px #0000001a;font-size:1.25rem;left:1.5rem;padding:.5rem;position:absolute;top:-8px}@keyframes tipSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.completion-rate-tip strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#5b21b6);-webkit-background-clip:text;background-clip:text;font-weight:700}.completion-rate-actions{display:flex;justify-content:center;padding:0 2rem 2.5rem}.completion-rate-action-btn{background:linear-gradient(135deg,#10b981,#059669,#047857);border:none;border-radius:16px;box-shadow:0 8px 16px #10b9814d,0 4px 8px #10b98133,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1.1rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;min-width:180px;overflow:hidden;padding:1rem 3rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.completion-rate-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.completion-rate-action-btn:hover{box-shadow:0 12px 24px #10b98166,0 6px 12px #10b9814d,inset 0 1px 0 #ffffff4d;transform:translateY(-4px) scale(1.02)}.completion-rate-action-btn:hover:before{left:100%}.completion-rate-action-btn:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}:root{--primary-gradient:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a);--primary-gradient-hover:linear-gradient(135deg,#0f172a,#1e1b4b 25%,#312e81 50%,#3730a3);--secondary-gradient:linear-gradient(135deg,#312e81,#3730a3 25%,#1e3a8a 50%,#1e40af);--secondary-gradient-hover:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a);--accent-gradient:linear-gradient(135deg,#3730a3,#1e3a8a 25%,#1e40af 50%,#1d4ed8);--accent-gradient-hover:linear-gradient(135deg,#312e81,#3730a3 25%,#1e3a8a 50%,#1e40af);--elite-shadow-rest:0 4px 14px #1e1b4b66,0 2px 6px #0003;--elite-shadow-hover:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66;--elite-shadow-focus:0 0 0 3px #3730a380}.status-item button{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:none;border-radius:14px;box-shadow:0 4px 14px #1e1b4b66,0 2px 6px #0003;box-shadow:var(--elite-shadow-rest);color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:700;gap:.6rem;letter-spacing:.025em;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-shadow:0 1px 3px #0003;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.status-item button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s cubic-bezier(.4,0,.2,1);width:100%}.status-item button:hover:before{left:100%}.status-item button:hover{box-shadow:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66;box-shadow:var(--elite-shadow-hover);transform:translateY(-4px) scale(1.03)}.status-item button:active{transform:translateY(-2px) scale(1.01);transition:all .15s cubic-bezier(.4,0,.2,1)}.completion-rate-item{margin-top:.5rem}.completion-rate-btn{background:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a);background:var(--primary-gradient);border:1px solid #fff3}.completion-rate-btn:hover{background:linear-gradient(135deg,#0f172a,#1e1b4b 25%,#312e81 50%,#3730a3);background:var(--primary-gradient-hover)}.completion-rate-text{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.puzzle-stats-item{align-items:center;display:flex}.puzzle-stats-btn{background:linear-gradient(135deg,#312e81,#3730a3 25%,#1e3a8a 50%,#1e40af);background:var(--secondary-gradient);border:1px solid #fff3}.puzzle-stats-btn:hover{background:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a);background:var(--secondary-gradient-hover)}.puzzle-stats-text{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.leaderboard-btn{background:linear-gradient(135deg,#3730a3,#1e3a8a 25%,#1e40af 50%,#1d4ed8);background:var(--accent-gradient);border:1px solid #fff3}.leaderboard-btn:hover{background:linear-gradient(135deg,#312e81,#3730a3 25%,#1e3a8a 50%,#1e40af);background:var(--accent-gradient-hover)}.leaderboard-text{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.status-item button .inline-icon{filter:brightness(1.2) contrast(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.3));height:1.1rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:1.1rem}.status-item button:hover .inline-icon{filter:brightness(1.3) contrast(1.2) drop-shadow(0 2px 4px rgba(0,0,0,.4));transform:scale(1.15) rotate(8deg)}.status-item button:focus{box-shadow:0 0 0 3px #3730a380,0 4px 14px #1e1b4b66,0 2px 6px #0003;box-shadow:var(--elite-shadow-focus),var(--elite-shadow-rest);outline:none}.status-item button:focus-visible{box-shadow:0 0 0 3px #3730a380,0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66;box-shadow:var(--elite-shadow-focus),var(--elite-shadow-hover)}@keyframes rotateProgress{0%{transform:rotate(-90deg)}to{transform:rotate(0deg)}}[data-theme=dark] .completion-rate-modal{background:linear-gradient(135deg,#1e293bf2,#334155e6,#475569d9)!important;border-color:#ffffff1a!important;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a!important}[data-theme=dark] .completion-rate-header{background:linear-gradient(135deg,#1e293bcc,#33415599)!important;border-bottom-color:#ffffff1a!important}[data-theme=dark] .completion-rate-title{color:#f1f5f9!important}[data-theme=dark] .completion-rate-subtitle{background:#22c55e33!important;border-color:#22c55e4d!important;color:#94a3b8!important}[data-theme=dark] .completion-rate-close-btn{background:#1e293bcc!important;border-color:#fff3!important;color:#94a3b8!important}[data-theme=dark] .completion-rate-close-btn:hover{background:#ef444433!important;border-color:#ef444466!important;color:#f87171!important}[data-theme=dark] .completion-rate-inner{background:linear-gradient(135deg,#1e293bf2,#334155e6)!important;border-color:#ffffff4d!important}[data-theme=dark] .completion-rate-label{background:#22c55e33!important;border-color:#22c55e4d!important;color:#94a3b8!important}[data-theme=dark] .completion-rate-stat{background:linear-gradient(135deg,#1e293bcc,#33415599)!important;border-color:#ffffff1a!important}[data-theme=dark] .completion-rate-stat:hover{background:linear-gradient(135deg,#1e293bf2,#334155cc)!important;border-color:#22c55e4d!important}[data-theme=dark] .stat-value{color:#f1f5f9!important}[data-theme=dark] .stat-label{color:#94a3b8!important}[data-theme=dark] .completion-rate-message{background:linear-gradient(135deg,#22c55e26,#10b9811a,#05966914)!important;border-color:#22c55e4d!important}[data-theme=dark] .message-text{color:#e2e8f0!important}[data-theme=dark] .message-text strong{color:#34d399!important}[data-theme=dark] .completion-rate-tip{background:linear-gradient(135deg,#6366f126,#4f46e51a,#4338ca14)!important;border-color:#6366f14d!important;color:#cbd5e1!important}[data-theme=dark] .completion-rate-tip strong{color:#a5b4fc!important}[data-theme=dark] .completion-rate-action-btn{background:linear-gradient(135deg,#10b981,#059669,#047857)!important;color:#fff!important}@media (max-width:480px){.completion-rate-modal{border-radius:20px;margin:1rem auto;max-height:85vh;max-width:95vw;overflow-y:auto;width:95vw}.completion-rate-header{border-radius:20px 20px 0 0;flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1rem;text-align:center}.completion-rate-icon{font-size:1.5rem;height:3rem;margin:0 auto;width:3rem}.completion-rate-title-section{order:1}.completion-rate-close-btn{height:2.5rem;order:2;position:absolute;right:1rem;top:1rem;width:2.5rem}.completion-rate-title{font-size:1.25rem;margin-bottom:.5rem}.completion-rate-subtitle{font-size:.75rem;padding:.375rem .75rem}.completion-rate-content{padding:0 1.5rem 1.5rem}.completion-rate-main{gap:1.5rem;margin-bottom:1.5rem}.completion-rate-circle{height:140px;width:140px}.completion-rate-progress{padding:8px}.completion-rate-percentage{font-size:1.75rem;margin-bottom:.375rem}.completion-rate-label{font-size:.65rem;padding:.2rem .5rem}.completion-rate-stats{gap:1rem;grid-template-columns:1fr;margin:1rem 0}.completion-rate-stat{flex-direction:row;gap:1rem;padding:1.25rem 1rem;text-align:left}.stat-icon{flex-shrink:0;font-size:1.75rem;margin-bottom:0;padding:.5rem}.stat-info{align-items:center;flex:1 1}.stat-value{font-size:1.25rem;margin-bottom:.125rem;text-align:center}.stat-label{font-size:.65rem;line-height:1.2;text-align:center}.completion-rate-message{border-radius:12px;gap:1rem;margin:1rem 0;padding:1.25rem}.message-icon{font-size:2rem;margin-top:0;padding:.375rem}.message-text p{font-size:.95rem;line-height:1.6}.completion-rate-tip{border-radius:12px;font-size:.875rem;margin:1rem 0;padding:1.25rem}.completion-rate-tip:before{font-size:1.125rem;left:1.25rem;padding:.375rem;top:-6px}.completion-rate-actions{padding:0 1.5rem 2rem}.completion-rate-action-btn{border-radius:12px;font-size:.875rem;min-width:160px;padding:.875rem 2.5rem}.completion-rate-btn{border-radius:10px;font-size:.75rem;padding:.5rem .875rem}.completion-rate-text{font-size:.7rem}.completion-rate-country{background:linear-gradient(135deg,#22c55e0d,#10b98108);border:1px solid #22c55e33;border-radius:10px;font-size:.8rem;margin:1rem 0;padding:1rem;text-align:center}}.puzzle-stats-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999999999!important}.puzzle-stats-modal{animation:modalEntrance .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #ff980033;border-radius:20px;box-shadow:0 25px 50px #00000040,0 10px 20px #ff98001a,inset 0 1px 0 #fffc;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.puzzle-stats-header{align-items:flex-start;background:linear-gradient(135deg,#ff98000d,#ffc10705);border-bottom:2px solid #ff98001a;display:flex;gap:15px;margin-bottom:25px;padding:25px 30px 0;position:relative}.puzzle-stats-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:15px;box-shadow:0 8px 20px #ff98004d;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;position:relative;width:50px}.puzzle-stats-icon:before{animation:shimmer 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff9800,#ffc107,#ff9800);border-radius:17px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.puzzle-stats-title-section{flex:1 1}.puzzle-stats-title{color:#1a1a1a;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px;text-shadow:0 1px 2px #0000001a}.puzzle-stats-subtitle{background:#ff98001a;border-left:3px solid #ff9800;border-radius:8px;color:#666;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 20px;opacity:.8;padding:8px 12px}.puzzle-stats-close-btn{align-items:center;background:#ff98001a;border:none;border-radius:12px;color:#ff9800;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.puzzle-stats-close-btn:hover{background:#ff980033;color:#f57c00;transform:scale(1.1)}.puzzle-stats-content{padding:0 30px 25px}.puzzle-stats-loading{padding:40px 20px;text-align:center}.puzzle-stats-loading p{color:#666;font-size:16px;margin-top:20px}.puzzle-stats-error{padding:40px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:15px}.puzzle-stats-error h4{color:#e74c3c;font-size:18px;margin-bottom:10px}.puzzle-stats-error p{color:#666;margin-bottom:10px}.error-details{background:#f8f9fa;border-radius:5px;color:#999;font-family:monospace;font-size:12px;margin:15px 0;padding:10px}.retry-btn{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:#f57c00;transform:translateY(-2px)}.puzzle-stats-data{grid-gap:20px;display:grid;gap:20px}.stats-section{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #ff98001a;border-radius:15px;display:flex;gap:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.stats-section:before{background:linear-gradient(90deg,#ff9800,#ffc107);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stats-section:hover{border-color:#ff98004d;box-shadow:0 10px 25px #ff980026;transform:translateY(-3px)}.section-icon{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:12px;box-shadow:0 5px 15px #ff98004d;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:45px;justify-content:center;width:45px}.section-content{flex:1 1}.section-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.stat-highlight{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:8px;text-align:center}.stat-value{color:#ff9800;font-size:24px;text-shadow:0 1px 2px #ff980033}.stat-label{font-weight:500}.stat-detail,.stat-label{color:#666;font-size:14px}.stat-detail{font-style:italic;margin:8px 0 0}.stats-summary{grid-gap:15px;background:linear-gradient(135deg,#ff98000d,#ffc10705);border:2px solid #ff980026;border-radius:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:20px}.summary-item{align-items:center;background:#fff;border-left:3px solid #ff9800;border-radius:10px;box-shadow:0 2px 8px #ff98001a;display:flex;justify-content:space-between;padding:12px 15px}.summary-label{color:#666;font-size:14px;font-weight:500}.summary-value{color:#ff9800;font-size:18px;font-weight:700;text-align:center}.puzzle-stats-actions{background:#ff980005;border-top:2px solid #ff98001a;padding:20px 30px;text-align:center}.puzzle-stats-action-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:12px;box-shadow:0 4px 15px #ff98004d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.puzzle-stats-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.puzzle-stats-action-btn:hover{box-shadow:0 6px 20px #ff980066;transform:translateY(-2px)}.puzzle-stats-action-btn:hover:before{left:100%}.puzzle-stats-action-btn:active{box-shadow:0 2px 10px #ff98004d;transform:translateY(0)}[data-theme=dark] .puzzle-stats-modal{background:linear-gradient(135deg,#1e293bf2,#334155e6)!important;border-color:#ff98004d!important}[data-theme=dark] .puzzle-stats-header{background:linear-gradient(135deg,#1e293bcc,#33415599)!important;border-bottom-color:#ff980033!important}[data-theme=dark] .puzzle-stats-title{color:#f1f5f9!important}[data-theme=dark] .puzzle-stats-subtitle{background:#ff980033!important;border-color:#ff98004d!important;color:#94a3b8!important}[data-theme=dark] .puzzle-stats-close-btn{background:#1e293bcc!important;border-color:#fff3!important;color:#94a3b8!important}[data-theme=dark] .puzzle-stats-close-btn:hover{background:#ef444433!important;border-color:#ef444466!important;color:#f87171!important}[data-theme=dark] .stats-section{background:linear-gradient(135deg,#1e293bcc,#33415599)!important;border-color:#ff980033!important}[data-theme=dark] .stats-section:hover{background:linear-gradient(135deg,#1e293bf2,#334155cc)!important;border-color:#ff980066!important}[data-theme=dark] .section-content h4{color:#f1f5f9!important}[data-theme=dark] .puzzle-stats-loading .loading-spinner{border-color:#ff98004d #ff98004d #ff98004d #ff9800!important}[data-theme=dark] .puzzle-stats-loading p{color:#cbd5e1!important}[data-theme=dark] .puzzle-stats-error{background:#dc26261a!important;border-color:#dc26264d!important}[data-theme=dark] .puzzle-stats-error h4{color:#f87171!important}[data-theme=dark] .puzzle-stats-error p{color:#fca5a5!important}[data-theme=dark] .retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important}[data-theme=dark] .stats-summary{background:linear-gradient(135deg,#ff980026,#ffc1071a)!important;border-color:#ff98004d!important}[data-theme=dark] .puzzle-stats-actions{background:linear-gradient(135deg,#1e293b99,#33415566)!important}[data-theme=dark] .puzzle-stats-action-btn{background:linear-gradient(135deg,#ff9800,#f57c00)!important;color:#fff!important}[data-theme=dark] .summary-item{background:#3a3a3a;border-left-color:#ff9800}[data-theme=dark] .summary-label{color:#ccc}[data-theme=dark] .puzzle-stats-actions{background:#ff98000d;border-top-color:#ff980033}@media (max-width:480px){.puzzle-stats-modal{border-radius:15px;margin:10px;max-height:calc(100vh - 20px)}.puzzle-stats-header{gap:12px;padding:20px 20px 0}.puzzle-stats-icon{border-radius:12px;font-size:20px;height:40px;width:40px}.puzzle-stats-title-section{flex:1 1}.puzzle-stats-close-btn{border-radius:10px;font-size:18px;height:35px;width:35px}.puzzle-stats-title{font-size:20px}.puzzle-stats-subtitle{font-size:12px;padding:6px 10px}.puzzle-stats-content{padding:0 20px 20px}.stats-section{gap:12px;padding:15px}.section-icon{border-radius:10px;font-size:16px;height:35px;width:35px}.section-content h4{font-size:14px}.stat-value{font-size:20px;text-align:center}.stat-label{font-size:12px}.stats-summary{gap:12px;grid-template-columns:1fr;padding:15px}.summary-item{padding:10px 12px}.summary-label{font-size:12px}.summary-value{font-size:16px;text-align:center}.puzzle-stats-actions{padding:15px 20px}.puzzle-stats-action-btn{font-size:14px;padding:12px 24px}.puzzle-stats-btn{font-size:11px;padding:6px 10px}.puzzle-stats-text{font-size:10px}}.puzzle-stats-text{font-size:.75rem;font-weight:600}.country-stat-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.country-flag{animation:flagWave 2s ease-in-out infinite;font-size:1.5rem}.country-flag,.country-flag-small{display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.country-flag-small{font-size:1rem;margin-right:.375rem}.fastest-country-info{align-items:center;display:flex;gap:.25rem}@keyframes flagWave{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(1deg)}75%{transform:scale(1.05) rotate(-1deg)}}.most-completed .country-flag{animation-delay:.5s}.most-attempted .country-flag{animation-delay:1s}.country-stat-container .stat-value{color:#1f2937;font-weight:700}[data-theme=dark] .country-stat-container .stat-value{color:#f9fafb}.stat-value{color:#1f2937;font-weight:600;text-align:center;transition:all .3s ease}[data-theme=dark] .stat-value{color:#f9fafb}.motivational-message{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.motivational-emoji{-webkit-text-fill-color:unset!important;animation:emojiPulse 2s ease-in-out infinite;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#0000!important;filter:none!important;font-size:1.25em;text-shadow:none!important}.motivational-text{color:#4f46e5;font-size:.95em;font-weight:700;text-shadow:0 1px 2px #4f46e51a}[data-theme=dark] .motivational-text{color:#818cf8;text-shadow:0 1px 2px #818cf833}.average-time .stat-value:not(.motivational-message),.fastest-time .stat-value:not(.motivational-message),.most-attempted .stat-value:not(.motivational-message),.most-completed .stat-value:not(.motivational-message){color:#4f46e5;font-weight:700;text-shadow:0 1px 2px #4f46e51a}[data-theme=dark] .average-time .stat-value:not(.motivational-message),[data-theme=dark] .fastest-time .stat-value:not(.motivational-message),[data-theme=dark] .most-attempted .stat-value:not(.motivational-message),[data-theme=dark] .most-completed .stat-value:not(.motivational-message){color:#818cf8;text-shadow:0 1px 2px #818cf833}@keyframes emojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes statPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.stats-section:hover .stat-value{animation:statPulse 2s ease-in-out infinite}@media (max-width:480px){.country-stat-container{gap:.375rem}.country-flag{font-size:1.25rem}.country-flag-small{font-size:.875rem;margin-right:.25rem}.fastest-country-info{gap:.25rem}.motivational-message{align-items:center;flex-direction:column;gap:.375rem;text-align:center}.motivational-emoji{font-size:1.5em}.motivational-text{font-size:.85em;line-height:1.3}}.new-record-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999999!important}.new-record-modal{animation:modalEntrance .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.new-record-header{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:20px 20px 0 0;color:#fff;display:flex;gap:15px;padding:20px;position:relative}.new-record-icon{animation:iconBounce 2s ease-in-out infinite;font-size:3rem}.new-record-title-section{flex:1 1}.new-record-title{font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.new-record-subtitle{font-size:1rem;margin:5px 0 0;opacity:.9}.new-record-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.new-record-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.new-record-content{padding:30px}.record-details{background:#f8f9fa;border-left:4px solid gold;border-radius:12px;margin-bottom:25px;padding:20px}.record-details p{font-size:1.1rem;margin:8px 0}.username-section{margin-bottom:25px}.username-section p{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:15px}.username-input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1.1rem;padding:15px;transition:all .3s ease;width:100%}.username-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd7001a;outline:none}.username-input:disabled{background-color:#f5f5f5;opacity:.7}.error-message{color:#e74c3c;font-size:.9rem;font-weight:500;margin-top:8px}.new-record-actions{display:flex;gap:15px;justify-content:center}.skip-btn,.submit-username-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 25px;transition:all .3s ease}.submit-username-btn{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 15px #ffd7004d;color:#fff}.submit-username-btn:hover:not(:disabled){box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.submit-username-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.skip-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.success-message{padding:20px;text-align:center}.success-icon{animation:iconBounce 1s ease-in-out;font-size:4rem;margin-bottom:20px}.success-message h4{color:#28a745;font-size:1.5rem;margin-bottom:15px}.success-message p{color:#333;font-size:1.1rem;margin:10px 0}[data-theme=dark] .new-record-modal{background:#2c3e50;border-color:#34495e;color:#fff}[data-theme=dark] .record-details{background:#34495e;border-left-color:gold}[data-theme=dark] .username-input{background:#34495e;border-color:#4a5f7a;color:#fff}[data-theme=dark] .username-input:focus{border-color:gold}[data-theme=dark] .success-message p,[data-theme=dark] .username-section p{color:#ecf0f1}@media (max-width:480px){.new-record-modal{margin:10px;width:95%}.new-record-header{padding:15px}.new-record-icon{font-size:2.5rem}.new-record-title{font-size:1.5rem}.new-record-content{padding:20px}.new-record-actions{flex-direction:column}.skip-btn,.submit-username-btn{width:100%}}.number-btn{-webkit-text-fill-color:#0000!important;align-items:center!important;aspect-ratio:1!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;background-clip:text!important;border:none!important;border-radius:12px!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;filter:drop-shadow(0 2px 4px rgba(102,126,234,.1))!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-size:clamp(1.8rem,4.5vw,2.4rem)!important;font-weight:700!important;height:auto!important;justify-content:center!important;letter-spacing:-.02em!important;min-width:0!important;overflow:hidden!important;padding:.5rem!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.number-btn:before{background:radial-gradient(circle at center,#667eea14 0,#764ba20d 100%)!important;border-radius:12px!important;content:""!important;inset:0!important;opacity:0!important;position:absolute!important;transition:opacity .3s ease!important}.number-btn:hover:not(:disabled){-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f093fb,#f5576c)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 4px 8px rgba(240,147,251,.2))!important;transform:scale(1.1)!important}.number-btn:hover:not(:disabled):before{background:radial-gradient(circle at center,#f093fb1f 0,#f5576c14 100%)!important;opacity:1!important}.number-btn:active:not(:disabled){-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#4facfe,#00f2fe)!important;-webkit-background-clip:text!important;background-clip:text!important;transform:scale(.95)!important}.number-btn:disabled{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#9ca3af,#6b7280)!important;-webkit-background-clip:text!important;background-clip:text!important;cursor:not-allowed!important;filter:none!important;opacity:.25!important;transform:none!important}.number-btn.selected{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#ff6b6b,#feca57)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 6px 12px rgba(255,107,107,.3))!important;font-weight:800!important;transform:scale(1.15)!important}.number-btn.selected:before{background:radial-gradient(circle at center,#ff6b6b26 0,#feca571a 100%)!important;opacity:1!important}.number-btn.selected:hover:not(:disabled){-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#ff9a9e,#fecfef)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 8px 16px rgba(255,154,158,.4))!important;transform:scale(1.2)!important}.number-pad-section{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:.25rem 0!important;overflow:visible!important;padding:.5rem!important;position:relative!important}.number-pad-section:before{display:none!important}[data-theme=dark] .number-pad-section{background:none!important;box-shadow:none!important}[data-theme=dark] .number-pad-section:before{display:none!important}[data-theme=dark] .number-btn{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#a8edea,#fed6e3)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 2px 4px rgba(168,237,234,.15))!important}[data-theme=dark] .number-btn:before{background:radial-gradient(circle at center,#a8edea14 0,#fed6e30d 100%)!important}[data-theme=dark] .number-btn:hover:not(:disabled){-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#74b9ff,#0984e3)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 4px 8px rgba(116,185,255,.25))!important}[data-theme=dark] .number-btn:hover:not(:disabled):before{background:radial-gradient(circle at center,#74b9ff1f 0,#0984e314 100%)!important}[data-theme=dark] .number-btn:active:not(:disabled){-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#00cec9,#55efc4)!important;-webkit-background-clip:text!important;background-clip:text!important;transform:scale(.95)!important}[data-theme=dark] .number-btn:disabled{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#4b5563,#374151)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:none!important}[data-theme=dark] .number-btn.selected{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fd79a8,#fdcb6e)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 6px 12px rgba(253,121,168,.35))!important;font-weight:800!important;transform:scale(1.15)!important}[data-theme=dark] .number-btn.selected:before{background:radial-gradient(circle at center,#fd79a826 0,#fdcb6e1a 100%)!important;opacity:1!important}[data-theme=dark] .number-btn.selected:hover:not(:disabled){-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#e17055,#fab1a0)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 8px 16px rgba(225,112,85,.4))!important;transform:scale(1.2)!important}@media (max-width:768px){.number-pad{gap:clamp(.4rem,2.5vw,1.2rem)!important}.number-pad-section{margin:.5rem 0!important;padding:clamp(.6rem,2vw,1rem) clamp(.6rem,2vw,1rem) calc(clamp(.6rem,2vw,1rem) + env(safe-area-inset-bottom,.2rem))!important}.number-btn{font-size:clamp(1.6rem,4.5vw,2.2rem)!important;min-height:clamp(3.2rem,8vw,4rem)!important;padding:clamp(.4rem,1.5vw,.8rem)!important}}@media (max-width:480px){.number-pad{gap:clamp(.5rem,3vw,1.4rem)!important}.number-pad-section{margin:.6rem 0!important;padding:clamp(.8rem,2.5vw,1.2rem) clamp(.8rem,2.5vw,1.2rem) calc(clamp(.8rem,2.5vw,1.2rem) + env(safe-area-inset-bottom,.3rem))!important}.number-btn{font-size:clamp(1.8rem,5vw,2.4rem)!important;font-weight:800!important;min-height:clamp(3.5rem,9vw,4.5rem)!important;padding:clamp(.3rem,1.2vw,.6rem)!important}}@media (max-width:399px){.number-pad{gap:clamp(.4rem,2.8vw,1.1rem)!important}.number-pad-section{margin:.5rem 0!important;padding:clamp(.7rem,2.2vw,1rem) clamp(.7rem,2.2vw,1rem) calc(clamp(.7rem,2.2vw,1rem) + env(safe-area-inset-bottom,.25rem))!important}.number-btn{font-size:clamp(1.6rem,4.8vw,2.1rem)!important;font-weight:800!important;min-height:clamp(3.2rem,8.5vw,4rem)!important;padding:clamp(.2rem,1vw,.5rem)!important}}.number-btn.completed{background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #10b981!important;box-shadow:0 4px 12px #10b9814d,inset 0 1px 3px #ffffff4d!important;color:#fff!important;cursor:not-allowed!important;font-weight:800!important;overflow:hidden!important;pointer-events:none!important;position:relative!important;text-shadow:0 1px 2px #0000004d!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.number-btn.completed:before{animation:shine 3s ease-in-out infinite!important;background:linear-gradient(45deg,#0000 40%,#ffffff4d 50%,#0000 60%)!important;content:""!important;height:200%!important;left:-100%!important;pointer-events:none!important;position:absolute!important;top:-50%!important;width:100%!important}@keyframes shine{0%{left:-100%;opacity:0}50%{left:100%;opacity:1}to{left:100%;opacity:0}}.number-btn.completed:hover{background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #10b981!important;box-shadow:0 4px 12px #10b9814d,inset 0 1px 3px #ffffff4d!important;color:#fff!important;cursor:not-allowed!important;pointer-events:none!important}.completed-indicator{align-items:center!important;animation:checkmarkBounce 2s ease-in-out infinite!important;background:#fff!important;border:2px solid #10b981!important;border-radius:50%!important;box-shadow:0 3px 8px #10b98166,inset 0 1px 2px #fffc!important;color:#10b981!important;display:flex!important;font-size:clamp(.6rem,1.5vw,.9rem)!important;font-weight:900!important;height:clamp(18px,4vw,24px)!important;justify-content:center!important;position:absolute!important;right:1px!important;top:1px!important;width:clamp(18px,4vw,24px)!important;z-index:3!important}@keyframes checkmarkBounce{0%,to{box-shadow:0 3px 8px #10b98166;transform:scale(1) rotate(0deg)}25%{box-shadow:0 5px 12px #10b98199;transform:scale(1.15) rotate(-5deg)}50%{box-shadow:0 4px 10px #10b98180;transform:scale(1.1) rotate(0deg)}75%{box-shadow:0 5px 12px #10b98199;transform:scale(1.15) rotate(5deg)}}[data-theme=dark] .number-btn.completed{background:linear-gradient(135deg,#065f46,#047857)!important;border:2px solid #34d399!important;box-shadow:0 4px 12px #34d39966,inset 0 1px 3px #d4fae533!important;color:#d1fae5!important}[data-theme=dark] .number-btn.completed:before{background:linear-gradient(45deg,#0000 40%,#d4fae533 50%,#0000 60%)!important}[data-theme=dark] .number-btn.completed:hover{background:linear-gradient(135deg,#065f46,#047857)!important;border:2px solid #34d399!important;box-shadow:0 4px 12px #34d39966,inset 0 1px 3px #d4fae533!important;color:#d1fae5!important;cursor:not-allowed!important;pointer-events:none!important}[data-theme=dark] .sudoku-board{background:#1e293b!important;border:2px solid #475569!important;box-shadow:0 8px 32px #0006,0 4px 16px #0003!important}[data-theme=dark] .sudoku-cell{background:#334155!important;border:1px solid #475569!important;color:#f1f5f9!important}[data-theme=dark] .sudoku-cell.initial{background:#475569!important;color:#e2e8f0!important;font-weight:700!important}[data-theme=dark] .sudoku-cell.editable{background:#334155!important;color:#cbd5e1!important}[data-theme=dark] .sudoku-cell.editable:hover{background:#3f4d5f!important}[data-theme=dark] .sudoku-cell.selected{background:#6366f180!important;border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f1,inset 0 0 8px #6366f133!important;color:#e0e7ff!important}[data-theme=dark] .sudoku-cell.highlighted{background:#6366f14d!important;border-color:#6366f1!important}[data-theme=dark] .sudoku-cell.editable:hover{background:#6366f133!important;border-color:#64748b!important}[data-theme=dark] .sudoku-cell.same-number{background:#10b9814d!important;border-color:#10b981!important;color:#ecfdf5!important}[data-theme=dark] .sudoku-cell.mistake-flash{animation:mistakeFlashDark .5s ease-in-out!important;background:#dc262699!important;border-color:#ef4444!important;color:#fef2f2!important}[data-theme=dark] .sudoku-cell.hint-glow{background:#8b5cf666!important;border-color:#8b5cf6!important;box-shadow:0 0 12px #8b5cf699,inset 0 0 8px #8b5cf64d!important;color:#f3e8ff!important}@keyframes mistakeFlashDark{0%,to{background:#334155!important;border-color:#475569!important}50%{background:#dc262699!important;border-color:#ef4444!important}}.game-won-modal{animation:modalSlideIn .4s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border:3px solid gold;border-radius:20px;box-shadow:0 15px 50px #0006;color:#fff;max-height:85vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.game-won-header{align-items:center;background:#ffffff1a;border-bottom:2px solid #fff3;border-radius:17px 17px 0 0;display:flex;padding:1.5rem}.game-won-icon{animation:bounce 1s infinite;font-size:3rem;margin-right:1rem}.game-won-title-section{flex:1 1}.game-won-title{font-size:1.8rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.game-won-subtitle{font-size:1rem;margin:.5rem 0 0;opacity:.9}.game-won-close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;transition:all .2s ease;width:40px}.game-won-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.game-won-content{padding:1.5rem}.game-won-stats{background:#ffffff26;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.game-stat{align-items:center;display:flex;font-size:1rem;justify-content:space-between;margin:.5rem 0}.game-stat.new-record{animation:glow 1s ease-in-out infinite alternate;border-top:1px solid #ffffff4d;color:gold;font-size:1.1rem;font-weight:700;justify-content:center;margin-top:1rem;padding-top:.5rem}.record-error,.record-loading{padding:2rem;text-align:center}.record-error{color:#ffcdd2}.first-solver-section{background:#ffffff1a;border-radius:12px;margin:1rem 0;padding:1rem;text-align:center}.first-solver-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:1rem}.first-solver-section h4{color:gold;font-size:1.4rem;margin:1rem 0;text-shadow:2px 2px 4px #0000004d}.first-solver-section p{font-size:1rem;line-height:1.6;margin:.8rem 0}.time-highlight{background:#fff3;border-radius:10px;margin:1rem 0;padding:1rem}.time-value{color:gold;font-size:1.6rem;font-weight:700;text-shadow:1px 1px 2px #0000004d}.motivational{color:gold;font-style:italic;font-weight:500;margin-top:1rem}.record-comparison-section{background:#ffffff1a;border-radius:12px;margin:1rem 0;padding:1rem}.record-comparison-section h4{color:gold;font-size:1.3rem;margin-bottom:1rem;text-align:center;text-shadow:2px 2px 4px #0000004d}.record-display{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.fastest-record,.user-record{align-items:center;background:#ffffff26;border-radius:10px;display:flex;gap:1rem;padding:1rem}.record-icon,.user-icon{font-size:1.8rem;min-width:2.5rem;text-align:center}.record-details,.user-details{flex:1 1}.record-time,.user-time{color:gold;font-size:1.1rem;font-weight:700;margin:0}.record-country{font-size:.9rem;margin:.3rem 0 0;opacity:.8}.comparison-result{border-radius:10px;font-size:1rem;font-weight:700;margin:1rem 0;padding:1rem;text-align:center}.comparison-new-record{background:linear-gradient(135deg,#ffeb3b,#ffc107);color:#333}.comparison-close,.comparison-new-record{border-radius:10px;font-weight:700;margin:0;padding:1rem}.comparison-close{background:linear-gradient(135deg,#ff9800,#f57c00)}.comparison-close,.comparison-good{color:#fff;text-shadow:1px 1px 2px #0000004d}.comparison-good{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:10px;font-weight:700;margin:0;padding:1rem}.game-won-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.game-won-btn{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;min-width:120px;padding:.8rem 1.5rem;transition:all .2s ease}.game-won-btn.primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.game-won-btn.secondary{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.game-won-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.social-share-section{border-top:2px solid #ffd7004d;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.social-share-title{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.social-share-buttons{flex-wrap:wrap;gap:.8rem}.social-btn,.social-share-buttons{display:flex;justify-content:center}.social-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;gap:.5rem;min-width:140px;padding:.7rem 1rem;text-decoration:none;transition:all .2s ease}.social-btn .social-icon{fill:currentColor;height:18px;width:18px}.social-btn.facebook{background:linear-gradient(135deg,#1877f2,#0c5aa6)}.social-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.social-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-btn:hover{box-shadow:0 4px 12px #0003;filter:brightness(1.1);transform:translateY(-2px)}.social-btn:active{transform:translateY(0)}@media (max-width:768px){.game-won-modal{margin:1rem;max-width:95%}.game-won-title{font-size:1.4rem}.game-won-subtitle{font-size:.9rem}.game-won-actions{flex-direction:column}.game-won-btn{margin-bottom:.5rem;width:100%}.record-display{gap:.8rem}.fastest-record,.user-record{padding:.8rem}.record-icon,.user-icon{font-size:1.5rem;min-width:2rem}.game-stat{font-size:.9rem}}[data-theme=dark] .game-won-modal{background:linear-gradient(135deg,#1b5e20,#2e7d32);border-color:gold}[data-theme=dark] .game-won-header{background:#ffffff0d;border-bottom-color:#ffffff1a}[data-theme=dark] .first-solver-section,[data-theme=dark] .game-won-stats,[data-theme=dark] .record-comparison-section{background:#ffffff14}[data-theme=dark] .fastest-record,[data-theme=dark] .user-record{background:#ffffff1a}[data-theme=dark] .time-highlight{background:#ffffff26}[data-theme=dark] .social-share-section{border-top-color:#ffd70080}[data-theme=dark] .social-share-title{color:#fff}@media (max-width:768px){.social-share-buttons{align-items:center;flex-direction:column}.social-btn{min-width:200px}}.mobile-menu-container{align-items:center;background:#0000!important;border:none!important;box-shadow:none!important;display:flex;padding:0!important;position:relative;z-index:99999}.mobile-menu-stat{background:#0000!important;border:none!important;box-shadow:none!important;flex-direction:column!important;gap:.5rem!important;padding:.5rem!important}.mobile-menu-stat,.mobile-menu-toggle{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important;z-index:2147483647!important}.mobile-menu-toggle{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#1e3a8a)!important;background:var(--primary-gradient)!important;border:1px solid #fff3!important;border-radius:8px!important;box-shadow:0 4px 14px #1e1b4b66,0 2px 6px #0003!important;box-shadow:var(--elite-shadow-rest)!important;cursor:pointer!important;min-height:2rem!important;padding:.4rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#0f172a,#1e1b4b 25%,#312e81 50%,#3730a3);background:var(--primary-gradient-hover);box-shadow:0 8px 28px #1e1b4b99,0 4px 14px #1e1b4b66;box-shadow:var(--elite-shadow-hover);transform:translateY(-2px) scale(1.05)}.hamburger-icon{display:flex;flex-direction:column;height:12px;justify-content:space-between;position:relative;width:16px}.hamburger-icon span{background:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.hamburger-icon.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-icon.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-dropdown{animation:dropdownSlideIn .3s cubic-bezier(.34,1.56,.64,1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#1e1b4bfa,#312e81f2,#3730a3e6)!important;border:1px solid #fff3!important;border-radius:16px!important;box-shadow:0 20px 40px #0000004d,0 8px 16px #1e1b4b66,inset 0 1px 0 #fff3!important;min-width:140px!important;overflow:visible!important;pointer-events:all!important;position:fixed!important;right:.5rem!important;top:50px!important;z-index:9147483647!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-menu-item{align-items:center!important;background:#0000!important;border:none!important;border-bottom:1px solid #ffffff1a!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.75rem!important;font-weight:700!important;gap:.75rem!important;letter-spacing:.05em!important;padding:.875rem 1rem!important;position:relative!important;text-align:left!important;text-transform:uppercase!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important;z-index:2147483647!important}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:#ffffff26;color:#fff;transform:translateX(4px)}.mobile-menu-item:active{background:#ffffff40;transform:translateX(2px) scale(.98)}.mobile-menu-item .inline-icon{filter:brightness(1.2) contrast(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0;height:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:1rem}.mobile-menu-item:hover .inline-icon{filter:brightness(1.3) contrast(1.2) drop-shadow(0 2px 4px rgba(0,0,0,.4));transform:scale(1.1) rotate(5deg)}.mobile-menu-item span{flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .mobile-menu-dropdown{background:linear-gradient(135deg,#0f172afa,#1e293bf2,#334155e6);border-color:#ffffff26}[data-theme=dark] .mobile-menu-item{border-bottom-color:#ffffff14}[data-theme=dark] .mobile-menu-item:hover{background:#ffffff1a}@media (max-width:480px){.mobile-menu-toggle{padding:.5rem}.hamburger-icon{height:14px;width:18px}.mobile-menu-dropdown{border-radius:12px;min-width:120px}.mobile-menu-item{font-size:.7rem;gap:.6rem;padding:.75rem .875rem}.mobile-menu-item .inline-icon{height:.875rem;width:.875rem}}.action-controls .action-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a!important;transform:translateY(0) scale(.98)!important}.action-controls .action-btn.active{background:linear-gradient(135deg,#2f2e9f,#1e1b87)!important;border-color:#2563eb!important;box-shadow:0 4px 12px #3b82f666!important;color:#fff!important}.sudoku-helper{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.sudoku-helper h1{color:#333;margin-bottom:30px;text-align:center}.input-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.input-mode-selector{display:flex;gap:10px;margin-bottom:20px}.input-mode-selector button{background:#fff;border:2px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.input-mode-selector button:hover{background:#e7f3ff}.input-mode-selector button.active{background:#007bff;color:#fff}.text-input-section textarea{border:1px solid #ced4da;border-radius:5px;font-family:monospace;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.image-input-section input[type=file],.text-input-section button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease}.text-input-section button:hover{background:#218838}.image-input-section{display:flex;flex-direction:column;gap:15px}.ocr-progress{margin-top:15px}.progress-bar{background:#e9ecef;height:20px;margin-bottom:10px}.progress-fill{background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.message{border-radius:5px;font-weight:500;margin:15px 0;padding:12px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.sudoku-grid{background:#333;border:3px solid #333;border-radius:8px;box-shadow:0 4px 12px #00000026;display:inline-block;margin:20px auto}.sudoku-row{display:flex}.sudoku-cell{background:#fff;border:1px solid #ccc;font-size:18px;font-weight:700;height:45px;outline:none;text-align:center;transition:all .2s ease;width:45px}.sudoku-cell:focus{background:#e7f3ff;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.sudoku-cell.original-cell{background:#f8f9fa;color:#333;font-weight:900}.sudoku-cell.next-move-cell{animation:pulse 1.5s infinite;background:#fff3cd!important;border-color:#ffc107!important;box-shadow:0 0 0 2px #ffc10780!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sudoku-cell.solution-cell{background:#d4edda!important;border-color:#28a745!important;color:#155724!important}.sudoku-cell:nth-child(3n){border-right:3px solid #333}.sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:3px solid #333}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0}.action-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.action-buttons button:first-child{background:#007bff;color:#fff}.action-buttons button:first-child:hover{background:#0056b3;transform:translateY(-2px)}.action-buttons button:nth-child(2){background:#28a745;color:#fff}.action-buttons button:nth-child(2):hover{background:#1e7e34;transform:translateY(-2px)}.action-buttons button:nth-child(3){background:#ffc107;color:#212529}.action-buttons button:nth-child(3):hover{background:#e0a800;transform:translateY(-2px)}.action-buttons button:last-child{background:#dc3545;color:#fff}.action-buttons button:last-child:hover{background:#c82333;transform:translateY(-2px)}.action-buttons button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.next-move-section{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.next-move-section h3{color:#856404;margin-top:0}.next-move-section p{color:#856404;margin:10px 0}.next-move-section button{background:#ffc107;border:none;border-radius:5px;color:#212529;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s ease}.next-move-section button:hover{background:#e0a800}.solution-section{background:#d4edda;border:1px solid #28a745;border-radius:8px;margin:20px 0;padding:20px}.solution-section h3{color:#155724;margin-top:0}.solution-section p{color:#155724;margin:10px 0}.solution-section button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:10px;margin-right:10px;padding:10px 20px;transition:background .3s ease}.solution-section button:hover{background:#1e7e34}.solution-section button:last-child{background:#6c757d}.solution-section button:last-child:hover{background:#5a6268}@media (max-width:768px){.sudoku-helper{padding:10px}.sudoku-cell{font-size:16px;height:35px;width:35px}.action-buttons{align-items:center;flex-direction:column}.action-buttons button{min-width:200px}.input-mode-selector{flex-direction:column}.text-input-section textarea{font-size:14px}}@media (max-width:480px){.sudoku-cell{font-size:14px;height:30px;width:30px}.sudoku-helper h1{font-size:24px}}.seo-content{color:#333;line-height:1.6;margin:40px auto 0;max-width:800px;padding:0 20px}.seo-content section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:30px;padding:20px}.seo-content h2{border-bottom:2px solid #007bff;color:#007bff;font-size:1.8em;margin-bottom:15px;padding-bottom:10px}.seo-content h3{color:#0056b3;font-size:1.4em;margin-bottom:15px}.seo-content .description{font-size:1.1em;margin-bottom:20px;text-align:justify}.seo-content ol,.seo-content ul{margin-bottom:15px;padding-left:25px}.seo-content li{margin-bottom:8px;text-align:justify}.seo-content strong{color:#0056b3}@media (max-width:768px){.seo-content{padding:0 15px}.seo-content section{margin-bottom:20px;padding:15px}.seo-content h2{font-size:1.5em}.seo-content h3{font-size:1.2em}}*,:after,:before{box-sizing:border-box}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}.memory-garden{background:linear-gradient(135deg,#f0f8f4,#e8f5e8 50%,#f0f8f4);box-sizing:border-box;color:#2d4a3a;font-family:Arial,sans-serif;margin:0;max-width:100%;min-height:100vh;min-height:100dvh;min-height:calc(100vh + env(safe-area-inset-bottom));overflow-x:hidden;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));-webkit-user-select:none;user-select:none;width:100%}.game-header{align-items:center;background:#fff;border:2px solid #d4f1d4;border-radius:20px;box-shadow:0 4px 20px #2d4a3a1a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.game-title{color:#2d4a3a;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0000001a}.level-info{flex:1 1}.level-details{margin-top:10px}.level-name{color:#4a7c59;display:block;font-size:1.4rem;font-weight:700;margin-bottom:10px}.progress-bar{background:#e0f2e0;border:2px solid #b8e6b8;border-radius:10px;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4a7c59,#6abf69);border-radius:8px;height:100%;transition:width .5s ease}.game-stats{align-items:center;display:flex;gap:20px}.stat-item{background:#f8fdf8;border:2px solid #d4f1d4;border-radius:12px;min-width:80px;padding:10px 15px;text-align:center}.stat-label{color:#4a7c59;display:block;font-size:1rem;margin-bottom:5px}.stat-value{color:#2d4a3a;display:block;font-size:1.8rem;font-weight:700}.controls{display:flex;gap:10px}.control-btn{-webkit-tap-highlight-color:transparent;background:#6abf69;border:none;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;font-size:1.5rem;min-height:44px;min-width:50px;padding:12px 16px;touch-action:manipulation;transition:all .3s ease}.control-btn:hover{background:#5aa55a;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.game-area{margin-bottom:30px}.cards-grid{grid-gap:12px;align-content:center;background:#fff;border:3px solid #d4f1d4;border-radius:20px;box-shadow:0 8px 32px #2d4a3a1a;display:grid;gap:12px;justify-content:center;margin:0 auto;max-width:80%;padding:30px;width:100%}.memory-card{-webkit-tap-highlight-color:transparent;animation:cardAppear .6s ease-out;animation-fill-mode:both;aspect-ratio:1;cursor:pointer;min-height:100px;perspective:1000px;touch-action:manipulation}@keyframes cardAppear{0%{opacity:0;transform:scale(.8) rotateY(-90deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}.card-inner{border-radius:16px;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s ease;width:100%}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid #b8e6b8;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}.card-back{background:linear-gradient(135deg,#6abf69,#4a7c59);color:#fff;transform:rotateY(0deg)}.card-front{background:linear-gradient(135deg,#fff,#f8fdf8);border-color:#4a7c59;color:#2d4a3a;transform:rotateY(180deg)}.card-question{font-size:clamp(2.5rem,5vw,4rem);text-shadow:2px 2px 4px #0000004d}.card-symbol{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.card-symbol .svg-icon{transition:transform .3s ease}.memory-card:hover .card-inner{transform:scale(1.05)}.memory-card.flipped:hover .card-inner{transform:rotateY(180deg) scale(1.05)}.memory-card.matched .card-inner{animation:matchedPulse .6s ease}@keyframes matchedPulse{0%,to{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}}.celebration-overlay{align-items:center;animation:fadeIn .5s ease;background:#000c;bottom:0;bottom:env(safe-area-inset-bottom,0);display:flex;justify-content:center;left:0;left:env(safe-area-inset-left,0);position:fixed;right:0;right:env(safe-area-inset-right,0);top:0;top:env(safe-area-inset-top,0);z-index:1000}.celebration-content{animation:celebrationBounce .8s ease;background:#fff;border:4px solid #6abf69;border-radius:30px;box-shadow:0 20px 60px #0000004d;padding:40px;text-align:center}@keyframes celebrationBounce{0%{opacity:0;transform:scale(.5) rotateY(-90deg)}50%{opacity:1;transform:scale(1.1) rotateY(0deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}.celebration-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.celebration-content h2{color:#2d4a3a;font-size:2.5rem;margin:10px 0}.celebration-content p{color:#4a7c59;font-size:1.4rem;margin:10px 0}.celebration-flowers{animation:sway 2s ease-in-out infinite;font-size:2rem;margin-top:20px}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.level-complete{align-items:center;animation:fadeIn .3s ease;background:#2d4a3ae6;bottom:0;bottom:env(safe-area-inset-bottom,0);display:flex;justify-content:center;left:0;left:env(safe-area-inset-left,0);position:fixed;right:0;right:env(safe-area-inset-right,0);top:0;top:env(safe-area-inset-top,0);z-index:999}.complete-content{animation:slideUp .5s ease;background:#fff;border:3px solid #6abf69;border-radius:25px;box-shadow:0 15px 50px #0003;max-width:400px;padding:40px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.complete-content h2{color:#2d4a3a;font-size:2.2rem;margin-bottom:20px}.complete-content p{color:#4a7c59;font-size:1.3rem;margin:10px 0}.complete-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.action-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:15px;cursor:pointer;font-size:1.2rem;font-weight:700;min-height:44px;min-width:140px;padding:15px 25px;touch-action:manipulation;transition:all .3s ease}.action-btn.primary{background:#6abf69;box-shadow:0 6px 20px #6abf694d;color:#fff}.action-btn.primary:hover{background:#5aa55a;box-shadow:0 8px 25px #6abf6966;transform:translateY(-3px)}.action-btn.secondary{background:#f0f8f4;border:2px solid #d4f1d4;color:#4a7c59}.action-btn.secondary:hover{background:#e8f5e8;transform:translateY(-2px)}.help-text{background:#fff;border:2px solid #d4f1d4;border-radius:15px;box-shadow:0 4px 16px #2d4a3a0d;margin-top:20px;padding:20px;text-align:center}.help-text p{color:#4a7c59;font-size:1.2rem;line-height:1.5;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width:1200px){.cards-grid{gap:16px;max-width:70%;padding:40px}.memory-card{min-height:120px}}@media (min-width:1600px){.cards-grid{gap:20px;max-width:60%;padding:50px}.memory-card{min-height:140px}}@media (min-width:1400px){.memory-garden{padding:30px}.cards-grid{gap:20px;max-width:50%;padding:50px}.memory-card{min-height:150px}.game-title{font-size:3rem}}@media (min-width:992px) and (max-width:1399px){.cards-grid{gap:16px;max-width:60%;padding:40px}.memory-card{min-height:120px}}@media (min-width:768px) and (max-width:991px){.memory-garden{padding:20px}.game-header{flex-direction:column;gap:15px;text-align:center}.game-title{font-size:2.2rem}.level-name{font-size:1.3rem}.game-stats{flex-wrap:wrap;gap:15px;justify-content:center}.cards-grid{gap:12px;max-width:85%;padding:25px}.memory-card{min-height:90px}.celebration-content,.complete-content,.game-over-content{margin:20px;max-width:90%;padding:35px}}@media (max-width:767px){.memory-garden{margin:0;max-width:100%;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.game-header{flex-direction:column;gap:15px;margin-bottom:20px;padding:15px;text-align:center}.game-title{align-items:center;display:flex;flex-wrap:wrap;font-size:1.8rem;justify-content:center}.level-info{width:100%}.level-name{font-size:1.1rem;margin-bottom:8px}.game-stats{flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.stat-item{flex:1 1;max-width:80px;min-width:65px;padding:8px 10px}.stat-label{font-size:.85rem}.stat-value{font-size:1.4rem}.controls{gap:8px;justify-content:center}.control-btn{font-size:1.2rem;min-width:45px;padding:10px 12px}.cards-grid{gap:8px;margin:0 auto;max-width:95%;padding:12px}.memory-card{max-height:100px;min-height:70px}.card-question{font-size:clamp(1.5rem,5vw,2.2rem)}.card-symbol .svg-icon{height:clamp(30px,8vw,50px)!important;width:clamp(30px,8vw,50px)!important}.celebration-content,.complete-content,.game-over-content{margin:max(15px,calc(env(safe-area-inset-top) + 15px)) max(15px,calc(env(safe-area-inset-right) + 15px)) max(15px,calc(env(safe-area-inset-bottom) + 15px)) max(15px,calc(env(safe-area-inset-left) + 15px));max-width:calc(100% - 30px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:25px;width:auto}.celebration-content h2,.complete-content h2,.game-over-content h2{font-size:1.8rem}.celebration-content p,.complete-content p,.game-over-content p{font-size:1.1rem}.complete-actions{align-items:center;flex-direction:column;gap:12px}.action-btn{font-size:1.1rem;max-width:250px;padding:12px 20px;width:100%}.help-text{margin-top:15px;padding:15px}.help-text p{font-size:1rem}}@media (max-width:480px){.memory-garden{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.game-header{margin-bottom:15px;padding:12px}.game-title{font-size:1.5rem}.level-name{font-size:1rem}.stat-item{max-width:70px;min-width:55px;padding:6px 8px}.stat-label{font-size:.75rem}.stat-value{font-size:1.2rem}.control-btn{font-size:1.1rem;min-width:40px;padding:8px 10px}.cards-grid{gap:6px;max-width:98%;padding:8px}.memory-card{max-height:80px;min-height:60px}.card-question{font-size:clamp(1.2rem,4vw,1.8rem)}.card-symbol .svg-icon{height:clamp(25px,6vw,40px)!important;width:clamp(25px,6vw,40px)!important}.celebration-content,.complete-content,.game-over-content{margin:max(10px,calc(env(safe-area-inset-top) + 10px)) max(10px,calc(env(safe-area-inset-right) + 10px)) max(10px,calc(env(safe-area-inset-bottom) + 10px)) max(10px,calc(env(safe-area-inset-left) + 10px));max-width:calc(100% - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:20px}.celebration-content h2,.complete-content h2,.game-over-content h2{font-size:1.5rem}.celebration-content p,.complete-content p,.game-over-content p{font-size:1rem}.celebration-icon{font-size:3rem;margin-bottom:15px}.action-btn{font-size:1rem;padding:10px 16px}.help-text{padding:12px}.help-text p{font-size:.9rem}}@media (max-width:360px){.game-title{font-size:1.3rem}.cards-grid{gap:4px;padding:6px}.memory-card{max-height:70px;min-height:50px}.stat-item{max-width:65px;min-width:50px;padding:5px 6px}.stat-value{font-size:1.1rem}.control-btn{font-size:1rem;min-width:35px;padding:6px 8px}}@media (max-width:767px) and (orientation:landscape){.memory-garden{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.game-header{margin-bottom:10px;padding:10px}.game-title{font-size:1.4rem}.level-name{font-size:.95rem}.cards-grid{gap:6px;max-width:90%;padding:10px}.memory-card{max-height:65px;min-height:50px}.help-text{margin-top:10px;padding:10px}.celebration-content,.complete-content,.game-over-content{margin:10px;max-height:80vh;overflow-y:auto;padding:20px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card-back,.card-front,.cards-grid,.game-header{border-width:2px}}.time-warning{animation:timerPulse 1s ease-in-out infinite;color:#dc2626!important;font-weight:700}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.game-over-overlay{align-items:center;animation:fadeIn .5s ease;background:#000c;bottom:env(safe-area-inset-bottom,0);display:flex;height:100%;height:auto;justify-content:center;left:0;left:env(safe-area-inset-left,0);position:fixed;right:env(safe-area-inset-right,0);top:0;top:env(safe-area-inset-top,0);width:100%;width:auto;z-index:1000}.game-over-content{animation:slideUp .5s ease;background:linear-gradient(135deg,#dc2626,#ef4444);border:3px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0006;color:#fff;max-width:400px;padding:40px;text-align:center;width:90%}.game-over-content h2{font-size:2rem;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}.game-over-content p{font-size:1.1rem;margin:10px 0;opacity:.9}.game-over-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:25px}@media print{.memory-garden{background:#fff}.celebration-overlay,.control-btn,.game-over-overlay,.level-complete{display:none}}.memory-garden .seo-content{background:linear-gradient(135deg,#fff,#f8fdf8);border:2px solid #d4f1d4;border-radius:20px;box-shadow:0 8px 32px #2d4a3a1a;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:40px;max-width:1200px;padding:40px}.memory-garden .seo-content section{margin-bottom:40px}.memory-garden .seo-content section:last-child{margin-bottom:0}.memory-garden .seo-content h2{border-bottom:3px solid #6abf69;color:#2d4a3a;font-size:2.2rem;margin-bottom:20px;padding-bottom:15px;text-align:center;text-shadow:1px 1px 2px #0000001a}.memory-garden .seo-content h3{color:#4a7c59;font-size:1.8rem;margin-bottom:15px;margin-top:30px;padding-left:20px;position:relative}.memory-garden .seo-content h3:before{content:"🌿";left:0;position:absolute;top:0}.memory-garden .seo-content h4{color:#2d4a3a;font-size:1.3rem;font-weight:700;margin-bottom:10px}.memory-garden .seo-content p{color:#2d4a3a;font-size:1.1rem;margin-bottom:15px;text-align:justify}.memory-garden .seo-content ul{list-style:none;margin-bottom:20px;padding-left:0}.memory-garden .seo-content li{color:#2d4a3a;font-size:1.1rem;margin-bottom:10px;padding-left:30px;position:relative}.memory-garden .seo-content li:before{content:"🌸";left:0;position:absolute;top:0}.memory-garden .seo-content strong{color:#4a7c59;font-weight:700}.memory-garden .seo-content em{color:#6abf69;font-style:italic;font-weight:500}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:25px}.feature-item{background:linear-gradient(135deg,#f8fdf8,#fff);border:2px solid #d4f1d4;border-radius:15px;box-shadow:0 4px 16px #2d4a3a14;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{box-shadow:0 8px 24px #2d4a3a26;transform:translateY(-5px)}.feature-item h4{color:#2d4a3a;font-size:1.2rem;margin-bottom:15px}.feature-item p{color:#4a7c59;font-size:1rem;margin-bottom:0}@media (max-width:768px){.memory-garden .seo-content{margin-top:30px;padding:25px}.memory-garden .seo-content h2{font-size:1.8rem}.memory-garden .seo-content h3{font-size:1.5rem}.memory-garden .seo-content h4{font-size:1.2rem}.memory-garden .seo-content li,.memory-garden .seo-content p{font-size:1rem}.features-grid{gap:20px;grid-template-columns:1fr}.feature-item{padding:20px}}@media (max-width:480px){.memory-garden .seo-content{margin-top:25px;padding:20px}.memory-garden .seo-content h2{font-size:1.6rem;text-align:left}.memory-garden .seo-content h3{font-size:1.4rem}.memory-garden .seo-content p{text-align:left}.feature-item{padding:15px}}#root,body,html{background:#1c2a38;height:100%;margin:0;padding:0;width:100%}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.main-content,footer{transition:margin-left .3s ease}footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:auto;padding:20px;text-align:center}footer p{font-size:.9rem;margin:5px 0}footer a{color:#ffffffe6;text-decoration:none;transition:color .3s ease}footer a:hover{color:#fff;text-decoration:underline}@media (min-width:769px){footer{margin-left:270px}footer.sidebar-collapsed{margin-left:80px}}.unity-game-container{align-items:center;background-color:#1c2a38;display:flex;height:calc(100vh - 64px);justify-content:center;width:100vw}.unity-canvas{background-color:#1c2a38;display:block;height:100vmin;max-height:1000px;max-width:1000px;outline:none;width:100vmin}@media (max-width:768px){.unity-game-container{height:100vh}.unity-canvas{height:100vmin;margin:0 auto;max-height:1000px;max-width:1000px;width:100vmin}}.unity-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #eee;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:16px;width:50px}.unity-error{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px}.retry-button{background:#764ba2;font-weight:700;margin-top:20px;padding:10px 20px}.blog-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 0}.blog-container{margin:0 auto;max-width:1200px;padding:0 1rem}.blog-header{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin-bottom:3rem;padding:2rem;text-align:center}.blog-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.blog-subtitle{color:#7f8c8d;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.blog-categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-filter{background:#fff;border:2px solid #e1e8ed;border-radius:25px;color:#7f8c8d;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.category-filter.active,.category-filter:hover{background:#3498db;border-color:#3498db;color:#fff;transform:translateY(-2px)}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.blog-card{background:#fff;border:1px solid #f0f0f0;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:2rem;transition:all .3s ease}.blog-card:hover{box-shadow:0 15px 45px #00000026;transform:translateY(-5px)}.blog-card-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category{background:#e74c3c;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.read-time{color:#95a5a6;font-size:.9rem}.blog-card-title{margin-bottom:1rem}.blog-card-title a{color:#2c3e50;font-size:1.3rem;font-weight:600;line-height:1.4;text-decoration:none;transition:color .3s ease}.blog-card-title a:hover{color:#3498db}.blog-card-excerpt{color:#7f8c8d;line-height:1.6;margin-bottom:1.5rem}.blog-card-footer{align-items:center;border-top:1px solid #ecf0f1;display:flex;justify-content:space-between;padding-top:1rem}.publish-date{color:#95a5a6;font-size:.9rem}.read-more{color:#3498db;font-weight:600;text-decoration:none;transition:color .3s ease}.read-more:hover{color:#2980b9}.featured-content{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin-bottom:3rem;padding:3rem}.featured-content h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem;text-align:center}.featured-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.featured-card{background:#f8f9fa;border-radius:10px;padding:2rem;text-align:center;transition:transform .3s ease}.featured-card:hover{transform:translateY(-3px)}.featured-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.featured-card p{color:#7f8c8d;line-height:1.6;margin-bottom:1.5rem}.featured-link{background:#3498db;border-radius:25px;color:#fff;display:inline-block;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.featured-link:hover{background:#2980b9}.newsletter-signup{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:3rem;padding:3rem;text-align:center}.newsletter-signup h2{font-size:1.8rem;margin-bottom:1rem}.newsletter-signup p{margin-bottom:2rem;opacity:.9}.newsletter-form{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:400px}.newsletter-input{border:none;border-radius:25px;flex:1 1;font-size:1rem;min-width:200px;outline:none;padding:1rem}.newsletter-button{background:#e74c3c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:background-color .3s ease}.newsletter-button:hover{background:#c0392b}.blog-tags{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:2rem;text-align:center}.blog-tags h3{color:#2c3e50;margin-bottom:1.5rem}.tags-cloud{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.tag{background:#ecf0f1;border-radius:20px;color:#2c3e50;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.tag:hover{background:#3498db;color:#fff;transform:scale(1.05)}@media (max-width:768px){.blog-container{padding:0 .5rem}.blog-header h1{font-size:2rem}.blog-subtitle{font-size:1rem}.blog-grid{gap:1.5rem;grid-template-columns:1fr}.blog-card{padding:1.5rem}.featured-content{padding:2rem}.featured-grid{grid-template-columns:1fr}.newsletter-form{align-items:center;flex-direction:column}.newsletter-input{max-width:300px;width:100%}.blog-categories{justify-content:center}.category-filter{font-size:.9rem;padding:.6rem 1rem}}@media (max-width:480px){.blog-page{padding:1rem 0}.blog-header{margin-bottom:2rem;padding:1.5rem}.blog-header h1{font-size:1.8rem}.blog-card{padding:1rem}.blog-card-title a{font-size:1.1rem}.featured-content{padding:1.5rem}.newsletter-signup{padding:2rem 1rem}}.faq-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 140px);padding:40px 20px}.faq-container{margin:0 auto;max-width:900px}.faq-header{background:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:50px;padding:50px 40px;text-align:center}.faq-header h1{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0003}.faq-subtitle{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.faq-search{display:flex;justify-content:center;margin-bottom:40px}.search-box{max-width:500px;position:relative;width:100%}.search-input{background:#fff;border:none;border-radius:25px;box-shadow:0 5px 20px #0000001a;font-size:1rem;outline:none;padding:15px 50px 15px 20px;transition:all .3s ease;width:100%}.search-input:focus{box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.search-icon{color:#667eea;font-size:1.2rem;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.faq-content{margin-bottom:60px}.faq-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.faq-section:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.section-title{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:600;justify-content:space-between;margin:0;padding:25px 30px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.section-title:hover{background:linear-gradient(135deg,#5a6fd8,#6b4190)}.toggle-icon{font-size:1rem;transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.questions-container{max-height:0;overflow:hidden;transition:max-height .3s ease}.questions-container.open{max-height:2000px}.faq-item{border-bottom:1px solid #e2e8f0;padding:30px;transition:background-color .3s ease}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:#f8fafc}.question{margin-bottom:15px}.question h3{color:#2d3748;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0;padding-left:25px;position:relative}.question h3:before{color:#667eea;content:"❓";left:0;position:absolute}.answer{color:#4a5568;font-size:1rem;line-height:1.7;padding-left:25px}.answer p{margin:0}.no-results{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:60px 40px;text-align:center}.no-results h3{color:#2d3748;font-size:1.5rem;margin-bottom:15px}.no-results p{color:#4a5568;font-size:1rem;margin-bottom:25px}.contact-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.contact-link:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.faq-footer{grid-gap:50px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:grid;gap:50px;grid-template-columns:2fr 1fr;padding:50px 40px}.help-section{text-align:center}.help-section h3{color:#2d3748;font-size:1.8rem;margin-bottom:20px}.help-section p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.help-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.help-button{border-radius:25px;display:inline-block;font-size:1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.help-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.help-button.primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.help-button.secondary{background:#f8fafc;border:2px solid #e2e8f0;color:#4a5568}.help-button.secondary:hover{background:#e2e8f0;border-color:#cbd5e0}.quick-links{border-left:2px solid #e2e8f0;padding-left:30px}.quick-links h4{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:20px}.quick-links ul{list-style:none;margin:0;padding:0}.quick-links li{margin-bottom:12px}.quick-links a{color:#4a5568;font-size:1rem;padding-left:20px;position:relative;text-decoration:none;transition:all .3s ease}.quick-links a:before{color:#667eea;content:"→";left:0;position:absolute;transition:transform .3s ease}.quick-links a:hover{color:#667eea;padding-left:25px}.quick-links a:hover:before{transform:translateX(5px)}@media (max-width:768px){.faq-page{padding:20px 15px}.faq-header{padding:30px 20px}.faq-header h1{font-size:2.2rem}.faq-subtitle{font-size:1rem}.search-input{font-size:.9rem;padding:12px 40px 12px 15px}.section-title{font-size:1.2rem;padding:20px}.faq-item{padding:20px}.question h3{font-size:1.1rem}.answer{font-size:.95rem}.faq-footer{gap:30px;grid-template-columns:1fr;padding:30px 20px}.help-section h3{font-size:1.5rem}.help-buttons{align-items:center;flex-direction:column}.help-button{text-align:center;width:200px}.quick-links{border-left:none;border-top:2px solid #e2e8f0;padding-left:0;padding-top:30px}}@media (max-width:480px){.faq-header h1{font-size:1.8rem}.search-box{margin:0 10px}.faq-item{padding:15px}.question h3{font-size:1rem;padding-left:20px}.answer{font-size:.9rem;padding-left:20px}.help-button{margin:0 10px;width:100%}}.leaderboard-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.leaderboard-page-wrapper{background:#fffffff2;border-radius:16px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.leaderboard-page-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:3rem 2rem 2rem;position:relative;text-align:center}.leaderboard-page-header:before{background:#0000001a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.leaderboard-page-header>*{position:relative;z-index:2}.leaderboard-page-header h1{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 1rem}.leaderboard-page-header .header-icon{filter:invert(1);height:3rem;width:3rem}.leaderboard-page-subtitle{font-size:1.2rem;font-weight:300;margin:0;opacity:.9}.leaderboard-page-content{padding:2rem}.leaderboard-page-error,.leaderboard-page-loading{padding:3rem;text-align:center}.leaderboard-page-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.leaderboard-page-error{color:#e74c3c}.leaderboard-page-error .error-details{color:#666;font-size:.9rem;margin:1rem 0}.retry-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:all .3s ease}.retry-button:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.leaderboard-controls{margin-bottom:2rem}.stat-selector h3{color:#333;font-size:1.3rem;margin:0 0 1rem}.stat-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.stat-button{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.stat-button:hover{border-color:#4caf50;color:#4caf50;transform:translateY(-2px)}.stat-button.active{background:#4caf50;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff}.leaderboard-content{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:2rem}.leaderboard-header{border-bottom:2px solid #e9ecef;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.leaderboard-header h2{color:#333;font-size:1.8rem;margin:0 0 .5rem}.total-users{color:#666;font-size:1rem;margin:0}.no-data{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;display:flex;padding:1.5rem;position:relative;transition:all .3s ease}.leaderboard-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.leaderboard-item.rank-first{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold}.leaderboard-item.rank-second{background:linear-gradient(135deg,silver,#d4d4d4);border-color:silver}.leaderboard-item.rank-third{background:linear-gradient(135deg,#cd7f32,#d4915a);border-color:#cd7f32}.rank{font-size:1.5rem;font-weight:700;margin-right:1.5rem;min-width:60px;text-align:center}.rank-icon{font-size:2rem}.rank-medal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:32px;object-fit:contain;width:32px}.user-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-right:1rem;min-width:0}.username{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border:1px solid #0003;border-radius:6px;color:#000;display:inline-block;font-size:1.2rem;font-weight:700;margin-bottom:.25rem;max-width:360px;min-width:250px;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.user-details{color:#666;font-size:.9rem}.provider{background:#0000001a;border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.stat-value{min-width:120px;text-align:right}.stat-value .value{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border:1px solid #0003;border-radius:6px;color:#1a237e!important;display:inline-block;font-size:1.3rem;font-weight:700;margin-bottom:.25rem;min-width:80px;padding:8px 12px;text-align:center}.stat-value .stat-label{color:#666;font-size:.8rem}.leaderboard-page .stat-value .value,.leaderboard-page-content .stat-value .value{color:#1a237e!important}.leaderboard-footer{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1rem;text-align:center}.join-info,.update-info{color:#666;font-size:.9rem;margin:.5rem 0}.join-info{color:#4caf50;font-weight:500}.auth-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem}.join-text{color:#4caf50;font-weight:500;margin:0}.auth-actions{display:flex;gap:1rem}.auth-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.auth-btn:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.auth-btn.register-btn{background:#0000;border:2px solid #4caf50;color:#4caf50}.auth-btn.register-btn:hover{background:#4caf50;color:#fff}@media (max-width:768px){.leaderboard-page{padding:1rem}.leaderboard-page-header{padding:2rem 1rem 1.5rem}.leaderboard-page-header h1{flex-direction:column;font-size:2rem;gap:.5rem}.leaderboard-page-header .header-icon{height:2.5rem;width:2.5rem}.leaderboard-page-subtitle,.username{font-size:1rem}.username{max-width:150px!important}.leaderboard-page-content{padding:1rem}.stat-buttons{flex-direction:column}.stat-button{text-align:center}.leaderboard-content{padding:1rem}.leaderboard-item{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.rank{margin:0;min-width:auto}.user-info{align-items:center;margin:0;text-align:center}.stat-value{min-width:auto;text-align:center}.auth-actions{flex-direction:column;width:100%}.auth-btn{max-width:200px;width:100%}}@media (max-width:480px){.leaderboard-page-header h1{font-size:1.5rem}.leaderboard-page-header .header-icon{height:2rem;width:2rem}.leaderboard-page-subtitle{font-size:.9rem}.stat-button{font-size:.8rem;padding:.5rem 1rem}.leaderboard-item{padding:.75rem}.username{font-size:1rem;max-width:150px!important}.stat-value .value{font-size:1.1rem}}