body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{background:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#f8fafc);min-height:100vh;position:relative;width:100%}.App:before{background:radial-gradient(circle at 20% 80%,#94a3b81a 0,#0000 50%),radial-gradient(circle at 80% 20%,#cbd5e11a 0,#0000 50%),radial-gradient(circle at 40% 40%,#e2e8f01a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}button{border:none;cursor:pointer;font-family:inherit;outline:none;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}button:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}button:hover:before{left:100%}button:disabled{cursor:not-allowed;opacity:.6}button:disabled:before{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#94a3b81a;border-radius:4px}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.slide-in-left{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1)}.slide-in-right{animation:slideInFromRight .6s cubic-bezier(.4,0,.2,1)}.pulse{animation:pulse 2s infinite}.glow{animation:glow 2s infinite}.float{animation:float 3s ease-in-out infinite}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 8px 32px #94a3b81a,inset 0 1px 0 #fffc}.modern-button{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:12px;box-shadow:0 4px 15px #64748b4d,0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-button:hover{box-shadow:0 8px 25px #64748b66,0 3px 10px #0003;transform:translateY(-2px)}.modern-button:active{transform:translateY(0)}.neomorphism{box-shadow:20px 20px 60px #d1d5db,-20px -20px 60px #fff}.neomorphism,.neomorphism-inset{background:#f1f5f9;border-radius:20px}.neomorphism-inset{box-shadow:inset 20px 20px 60px #d1d5db,inset -20px -20px 60px #fff}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#475569,#64748b 50%,#94a3b8);-webkit-background-clip:text;background-clip:text}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #94a3b84d;border-radius:50%;border-top-color:#64748b;height:40px;width:40px}@media (max-width:768px){.glass-card{border-radius:16px;margin:10px}.modern-button{font-size:.9rem;padding:10px 20px}}button:focus-visible,input:focus-visible{outline:2px solid #64748b;outline-offset:2px}::selection{background:#64748b33;color:#1e293b}::-moz-selection{background:#64748b33;color:#1e293b}.low-performance *{animation:none!important;transition:none!important}.low-performance .App{background:#f8fafc!important}.low-performance .App:after,.low-performance .App:before{display:none!important}.low-performance .fade-in{animation:fadeIn .3s ease-out!important}.low-performance .slide-in{animation:slideInFromLeft .3s ease-out!important}.low-performance .clickable:hover,.low-performance button:hover{box-shadow:0 2px 4px #0000001a!important;transform:none!important}.low-performance .control-button,.low-performance .number-button,.low-performance .operator-button{backface-visibility:hidden!important;transform:translateZ(0)!important;transition:background-color .15s ease,box-shadow .15s ease!important;will-change:auto!important}.low-performance button:hover{background-color:#e2e8f0!important;box-shadow:0 1px 3px #0000001a!important}.low-performance button:focus{outline:2px solid #3b82f6!important;outline-offset:2px!important}.intro-screen{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.intro-screen:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 30% 70%,#94a3b80d 0,#0000 50%),radial-gradient(circle at 70% 30%,#cbd5e10d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.intro-content{animation:fadeIn .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 60px #94a3b81a,inset 0 1px 0 #ffffffe6;max-width:1200px;padding:40px;position:relative;width:100%;z-index:1}.game-title{animation:glow 3s ease-in-out infinite;font-size:4rem;margin-bottom:30px;padding-bottom:10px;text-shadow:0 4px 20px #94a3b833}.user-info{align-items:center;animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1) .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 8px 32px #94a3b81a,inset 0 1px 0 #fffc;display:flex;justify-content:center;margin-bottom:30px;padding:24px}.user-avatar{margin-right:20px;position:relative}.user-avatar img{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);border:3px solid #94a3b84d;border-radius:50%;box-shadow:0 8px 25px #94a3b833;height:60px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.user-avatar img:hover{border-color:#05966966;box-shadow:0 12px 35px #94a3b84d;transform:scale(1.05)}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#94a3b833,#cbd5e133);border:3px solid #94a3b84d;border-radius:50%;box-shadow:0 8px 25px #94a3b833;color:#475569;display:flex;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.avatar-placeholder:hover{border-color:#05966966;box-shadow:0 12px 35px #94a3b84d;transform:scale(1.05)}.user-details{text-align:left}.user-name{font-size:1.3rem;margin-bottom:5px}.user-email{color:#64748b;font-size:.95rem;text-shadow:0 1px 5px #94a3b81a}.action-buttons{animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1) .4s both;flex-wrap:wrap}.leaderboard-button,.signin-button,.signout-button,.start-button{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:15px;box-shadow:0 8px 25px #64748b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;min-width:180px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.start-button:hover{box-shadow:0 15px 35px #64748b66;transform:translateY(-2px)}.leaderboard-button{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 8px 25px #f39c124d}.leaderboard-button:hover{box-shadow:0 15px 35px #f39c1266;transform:translateY(-2px)}.signin-button{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #0596694d}.signin-button:hover{box-shadow:0 15px 35px #05966966;transform:translateY(-2px)}.signout-button{background:linear-gradient(135deg,#94a3b833,#cbd5e133);border:1px solid #94a3b84d;box-shadow:0 8px 25px #94a3b81a;color:#475569}.signout-button:hover{background:linear-gradient(135deg,#94a3b84d,#cbd5e14d);box-shadow:0 15px 35px #94a3b826}.accordion-section{animation:slideInFromBottom .8s cubic-bezier(.4,0,.2,1) .6s both;margin-top:40px}.accordion-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:0 2px 10px #94a3b833}.accordion-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px}.accordion-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 8px 32px #94a3b81a,inset 0 1px 0 #fffc;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.accordion-item:hover{box-shadow:0 12px 40px #94a3b826,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.accordion-header{align-items:center;background:linear-gradient(135deg,#fffc,#f8fafc99);border:none;color:#1e293b;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.accordion-header:hover{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a)}.accordion-header.open{background:linear-gradient(135deg,#0891b21a,#0e74901a);border-bottom:1px solid #0891b233}.accordion-title-text{font-weight:700;text-shadow:0 2px 10px #94a3b833}.accordion-icon{align-items:center;color:#0891b2;display:flex;font-size:1.5rem;font-weight:700;height:24px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:24px}.accordion-header:hover .accordion-icon{transform:scale(1.1)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.accordion-content.open{max-height:500px}.accordion-body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;padding:24px}.accordion-body ul{list-style:none;margin:0;padding-left:20px}.accordion-body li{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:12px;padding-left:20px;position:relative;text-shadow:0 1px 5px #94a3b81a}.accordion-body li:before{color:#0891b2;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute;text-shadow:0 2px 10px #0891b24d;top:0}.accordion-body strong{color:#1e293b;font-weight:700;text-shadow:0 2px 10px #94a3b833}.example-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.example-numbers,.example-steps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #94a3b833;border-radius:12px;padding:16px}.example-numbers p,.example-steps p{color:#475569;font-size:.95rem;line-height:1.5;margin:8px 0}.example-numbers strong,.example-steps strong{color:#1e293b;font-weight:700}@media (max-width:768px){.intro-content{margin:10px;padding:25px}.game-title{font-size:2.5rem}.action-buttons{align-items:center;flex-direction:column;gap:15px}.leaderboard-button,.signin-button,.signout-button,.start-button{font-size:1rem;max-width:280px;padding:14px 28px;width:100%}.user-info{flex-direction:column;padding:20px;text-align:center}.user-avatar{margin-bottom:15px;margin-right:0}.user-details{text-align:center}.accordion-container{gap:12px}.accordion-header{font-size:1rem;padding:16px 20px}.accordion-body{padding:20px}.example-content{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.intro-content{margin:5px;padding:20px}.game-title{font-size:2rem}.accordion-title{font-size:1.5rem}.accordion-header{font-size:.95rem;padding:14px 16px}.accordion-body{padding:16px}.accordion-body li{font-size:.9rem;margin-bottom:10px}.example-numbers p,.example-steps p{font-size:.85rem}}.low-performance .intro-screen:before{display:none!important}.low-performance .game-description,.low-performance .game-title,.low-performance .intro-container,.low-performance .leaderboard-button,.low-performance .start-button{animation:none!important}.settings-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-modal{animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #94a3b81a,inset 0 1px 0 #fffc;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.settings-modal:before{background:linear-gradient(135deg,#05966905,#0891b205 50%,#7c3aed05);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-header{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;padding:24px 24px 16px;position:relative;z-index:1}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.close-button{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);border:1px solid #94a3b833;border-radius:12px;font-size:1.1rem;font-weight:600;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.close-button:hover{background:linear-gradient(135deg,#94a3b833,#cbd5e133);transform:scale(1.05)}.modal-content{flex:1 1;overflow-y:auto;padding:20px 24px;position:relative;z-index:1}.setting-section{margin-bottom:32px}.setting-section:last-of-type{margin-bottom:24px}.setting-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.setting-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.current-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0596691a,#0596690d);border:1px solid #05966933;border-radius:8px;color:#059669;font-size:.9rem;font-weight:600;padding:6px 12px}.time-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.time-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #94a3b833;border-radius:12px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.time-option:hover{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);box-shadow:0 4px 12px #94a3b81a;transform:translateY(-1px)}.time-option.selected{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;box-shadow:0 4px 12px #0596694d;color:#fff;transform:translateY(-1px)}.operation-limit-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.operation-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #94a3b833;border-radius:12px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.operation-option:hover{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);box-shadow:0 4px 12px #94a3b81a;transform:translateY(-1px)}.operation-option.selected{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b2;box-shadow:0 4px 15px #0891b24d;color:#fff;transform:translateY(-1px)}.sound-toggle{margin-top:15px}.sound-toggle,.sound-toggle-button{display:flex;justify-content:center}.sound-toggle-button{align-items:center;border:2px solid;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:600;gap:12px;min-width:180px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sound-toggle-button.enabled{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;box-shadow:0 8px 25px #0596694d;color:#fff}.sound-toggle-button.enabled:hover{box-shadow:0 12px 35px #05966966;transform:translateY(-2px)}.sound-toggle-button.disabled{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);border-color:#94a3b84d;box-shadow:0 4px 15px #94a3b81a;color:#64748b}.sound-toggle-button.disabled:hover{background:linear-gradient(135deg,#94a3b833,#cbd5e133);box-shadow:0 8px 25px #94a3b826;transform:translateY(-1px)}.sound-icon{font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sound-toggle-button:hover .sound-icon{transform:scale(1.1)}.sound-text{font-weight:600;letter-spacing:.5px}.setting-description{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:1px solid #3b82f61a;border-radius:8px;margin-top:12px;padding:12px 16px}.setting-description p{color:#64748b;font-size:.85rem;line-height:1.4;margin:0;text-align:center}.info-note{align-items:flex-start;background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:1px solid #3b82f633;border-radius:12px;display:flex;gap:12px;margin-top:24px;padding:16px}.info-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.info-note p{color:#475569;font-size:.9rem;line-height:1.5;margin:0}.modal-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-top:1px solid #94a3b81a;display:flex;flex-shrink:0;gap:12px;padding:20px 24px 24px;position:relative;z-index:1}.cancel-button,.save-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-button{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);border:1px solid #94a3b833;color:#475569}.cancel-button:hover{background:linear-gradient(135deg,#94a3b833,#cbd5e133);box-shadow:0 4px 12px #94a3b81a;transform:translateY(-1px)}.save-button{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0596694d;color:#fff}.save-button:hover:not(.disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 16px #05966966;transform:translateY(-1px)}.save-button.disabled{background:#94a3b84d;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:none}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.settings-modal{border-radius:20px;margin:10px;max-height:95vh;max-width:none;width:95%}.modal-header{flex-shrink:0;padding:20px 20px 12px}.modal-title{font-size:1.3rem}.modal-content{max-height:none;padding:16px 20px}.operation-limit-selector,.time-selector{grid-template-columns:repeat(2,1fr)}.operation-option,.time-option{font-size:.9rem;padding:12px 16px}.sound-toggle-button{font-size:.95rem;min-width:160px;padding:14px 20px}.setting-description{padding:10px 14px}.setting-description p{font-size:.8rem}.modal-footer{flex-shrink:0;padding:16px 20px}.cancel-button,.save-button{font-size:.95rem;padding:12px 20px}}@media (max-width:480px){.settings-modal{border-radius:16px;margin:5px;max-height:98vh;width:98%}.modal-header{flex-shrink:0;padding:16px 16px 12px}.modal-title{font-size:1.2rem}.modal-content{max-height:none;padding:12px 16px}.operation-limit-selector,.time-selector{gap:6px;grid-template-columns:repeat(2,1fr)}.operation-option,.time-option{font-size:.8rem;padding:8px 10px}.setting-header{align-items:flex-start;flex-direction:column;gap:8px}.current-value{align-self:flex-end;font-size:.8rem;padding:4px 8px}.modal-footer{flex-direction:column;flex-shrink:0;padding:12px 16px 16px}.cancel-button,.save-button{padding:12px 16px;width:100%}}.user-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-modal{animation:slideInFromTop .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #94a3b833;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000d,inset 0 1px 0 #fffc;max-width:320px;padding:24px;position:relative;width:90%}.user-modal-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.user-modal-header h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0;text-shadow:0 1px 3px #94a3b81a}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.close-button:hover{background:#94a3b81a;color:#475569;transform:scale(1.1)}.user-modal-content{align-items:center;display:flex;flex-direction:column;gap:16px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:3px solid #94a3b833;border-radius:50%;box-shadow:0 8px 24px #94a3b833,inset 0 1px 0 #fffc;display:flex;height:80px;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.user-avatar-large:hover{border-color:#05966966;box-shadow:0 12px 32px #05966933,inset 0 1px 0 #ffffffe6;transform:scale(1.05)}.user-avatar-large img{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);border-radius:50%;height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.user-avatar-large img:hover{box-shadow:0 4px 12px #05966933;transform:scale(1.05)}.avatar-placeholder-large{align-items:center;background:linear-gradient(135deg,#94a3b833,#cbd5e133);border-radius:50%;color:#475569;display:flex;font-size:2.5rem;font-weight:700;height:100%;justify-content:center;line-height:1;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.avatar-placeholder-large:hover{background:linear-gradient(135deg,#05966933,#0596691a);color:#059669;transform:scale(1.05)}.user-info-details{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.user-name-large{color:#1e293b;font-size:1.3rem;font-weight:700;text-shadow:0 1px 3px #94a3b81a}.user-email-large{color:#64748b;font-size:.9rem;font-weight:500;max-width:100%;word-break:break-word}.user-modal-actions{margin-top:8px;width:100%}.sign-out-button-large{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 12px #dc26264d,0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sign-out-button-large:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sign-out-button-large:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666,0 4px 8px #00000026;transform:translateY(-2px)}.sign-out-button-large:hover:before{left:100%}.sign-in-button-large{align-items:center;background:linear-gradient(135deg,#b91c1c,#991b1b);border:none;border-radius:12px;box-shadow:0 4px 12px #4285f44d,0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sign-in-button-large:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sign-in-button-large:hover{background:linear-gradient(135deg,#3367d6,#2d8f47 50%,#e6b800 75%,#d33426);box-shadow:0 6px 20px #4285f466,0 4px 8px #00000026;transform:translateY(-2px)}.sign-in-button-large:hover:before{left:100%}.google-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.2rem}@media (max-width:480px){.user-modal{max-width:280px;padding:20px}.user-modal-header h3{font-size:1.1rem}.user-avatar-large{height:70px;width:70px}.avatar-placeholder-large{font-size:2rem}.user-name-large{font-size:1.2rem}.user-email-large{font-size:.85rem}.sign-out-button-large{font-size:.95rem;padding:10px 16px}}.game-screen{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;position:relative}.game-screen:before{animation:float 25s ease-in-out infinite;background:radial-gradient(circle at 25% 75%,#94a3b80d 0,#0000 50%),radial-gradient(circle at 75% 25%,#cbd5e10d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.game-page-header{align-items:center;animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #94a3b826;border-radius:0 0 20px 20px;box-shadow:0 8px 32px #94a3b81a,0 2px 8px #0000000d,inset 0 1px 0 #fffc;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 20px;position:relative;z-index:10}.game-page-header:before{background:linear-gradient(135deg,#05966908,#0891b208 50%,#7c3aed08);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-left{align-items:center;display:flex;flex:1 1;gap:20px;position:relative;z-index:1}.back-button{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:12px;box-shadow:0 4px 12px #64748b4d,0 2px 4px #0000001a;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.back-button:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 6px 20px #64748b66,0 4px 8px #00000026;transform:translateY(-2px)}.back-button:hover:before{left:100%}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569 50%,#64748b);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin:0;position:relative;text-align:center;text-shadow:0 2px 10px #94a3b81a}.game-page-header:after{background:linear-gradient(90deg,#059669,#0891b2,#7c3aed);border-radius:1px;bottom:-2px;content:"";height:2px;left:20px;opacity:.7;position:absolute;right:20px;z-index:1}.header-right{gap:8px;justify-content:flex-end;z-index:1}.clickable-avatar,.header-right{align-items:center;display:flex;position:relative}.clickable-avatar{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:2px solid #94a3b833;border-radius:50%;box-shadow:0 4px 12px #94a3b833,inset 0 1px 0 #fffc;cursor:pointer;flex-shrink:0;height:42px;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.clickable-avatar:hover{border-color:#05966966;box-shadow:0 6px 16px #05966933,inset 0 1px 0 #ffffffe6;transform:scale(1.05)}.clickable-avatar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.clickable-avatar:hover:before{left:100%}.clickable-avatar img{background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);border-radius:50%;height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.clickable-avatar img:hover{box-shadow:0 4px 12px #05966933;transform:scale(1.05)}.clickable-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#94a3b833,#cbd5e133);border-radius:50%;color:#475569;display:flex;font-size:1.3rem;font-weight:700;height:100%;justify-content:center;line-height:1;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.clickable-avatar .avatar-placeholder:hover{background:linear-gradient(135deg,#05966933,#0596691a);color:#059669;transform:scale(1.05)}.header-right .user-details{display:flex;flex-direction:column;gap:1px;justify-content:center;min-width:0}.header-right .user-name{color:#1e293b;font-size:.85rem;font-weight:600;text-shadow:0 1px 2px #94a3b81a}.header-right .user-email,.header-right .user-name{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.header-right .user-email{color:#64748b;font-size:.7rem;font-weight:500;max-width:120px}.header-right .sign-out-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;box-shadow:0 2px 8px #dc26264d,0 1px 3px #0000001a;color:#fff;cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:600;margin-left:8px;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-right .sign-out-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header-right .sign-out-button:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262666,0 2px 6px #00000026;transform:translateY(-1px)}.header-right .sign-out-button:hover:before{left:100%}.header-right .sign-out-button:disabled{background:#94a3b84d;box-shadow:none;cursor:not-allowed;transform:none}.settings-button{align-items:center;background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:10px;box-shadow:0 2px 8px #64748b4d,0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:36px;justify-content:center;min-width:36px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.settings-button:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px #64748b66,0 2px 6px #00000026;transform:translateY(-1px)}.settings-button:hover:before{left:100%}.operation-limit-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0891b21a,#0891b20d);border:1px solid #0891b233;border-radius:6px;color:#0891b2;display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;gap:3px;padding:3px 6px}.operation-limit-indicator .icon{font-size:.75rem}.operation-limit-indicator.warning{animation:pulse-warning 1s infinite;background:linear-gradient(135deg,#dc26261a,#dc26260d);border-color:#dc26264d;color:#dc2626}.game-header{align-items:center;animation:slideInFromRight .6s cubic-bezier(.4,0,.2,1) .1s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #94a3b833;border-radius:18px;box-shadow:0 6px 24px #94a3b814,inset 0 1px 0 #ffffffe6;display:flex;flex-shrink:0;justify-content:space-between;margin:0 12px 12px;overflow:hidden;padding:14px 20px;position:relative;z-index:1}.game-header:before{background:linear-gradient(135deg,#05966905,#0891b205 50%,#7c3aed05);border-radius:18px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.target-section{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.target-section:before{background:#ffffffe6;border:1px solid #94a3b833;border-radius:8px;box-shadow:0 1px 4px #94a3b81a;color:#64748b;font-size:.65rem;font-weight:700;left:50%;letter-spacing:.3px;padding:3px 8px;position:absolute;text-shadow:none;top:-12px;transform:translateX(-50%)}.target-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0596690f,#05966908);border:2px solid #05966933;border-radius:14px;box-shadow:0 4px 16px #0596691f,inset 0 1px 0 #fffc;color:#059669;font-family:Courier New,monospace;font-size:2.8rem;font-weight:900;letter-spacing:1px;padding:12px 20px;position:relative;text-shadow:0 0 20px #0596694d,0 2px 8px #94a3b833;transition:all .3s cubic-bezier(.4,0,.2,1)}.target-number:hover{box-shadow:0 6px 20px #05966926,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.operation-limit-section{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 20px;position:relative}.operation-limit-display{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0891b21a,#0891b20d);border:2px solid #0891b24d;border-radius:16px;box-shadow:0 4px 16px #0891b226,inset 0 1px 0 #fffc;display:flex;flex-direction:column;gap:4px;min-width:120px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.operation-limit-display:hover{box-shadow:0 6px 20px #0891b233,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.operation-limit-display.warning{animation:pulse-warning 1s infinite;background:linear-gradient(135deg,#dc26261a,#dc26260d);border-color:#dc262666}.operation-icon{color:#0891b2;font-size:1.5rem;text-shadow:0 0 10px #0891b24d}.operation-limit-display.warning .operation-icon{color:#dc2626;text-shadow:0 0 10px #dc262666}.operation-text{color:#0891b2;font-family:Courier New,monospace;font-size:1.4rem;font-weight:800;letter-spacing:1px;text-shadow:0 0 15px #0891b24d}.operation-limit-display.warning .operation-text{color:#dc2626;text-shadow:0 0 15px #dc262666}.operation-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #94a3b81a;text-transform:uppercase}.timer-section{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.timer-section:before{background:#ffffffe6;border:1px solid #94a3b833;border-radius:8px;box-shadow:0 1px 4px #94a3b81a;color:#64748b;font-size:.65rem;font-weight:700;left:50%;letter-spacing:.3px;padding:3px 8px;position:absolute;text-shadow:none;top:-12px;transform:translateX(-50%)}.timer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4755690f,#47556908);border:2px solid #94a3b826;border-radius:14px;box-shadow:0 4px 16px #94a3b81a,inset 0 1px 0 #fffc;color:#475569;font-family:Courier New,monospace;font-size:2.4rem;font-weight:800;min-width:110px;padding:12px 18px;position:relative;text-align:center;text-shadow:0 0 15px #4755694d,0 2px 6px #94a3b833;transition:all .3s cubic-bezier(.4,0,.2,1)}.timer:hover{box-shadow:0 6px 20px #94a3b81f,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.timer.warning{animation:pulse-warning 1s infinite;background:linear-gradient(135deg,#dc262614,#dc26260a);border-color:#dc26264d;box-shadow:0 4px 16px #dc262626,inset 0 1px 0 #fffc;color:#dc2626;text-shadow:0 0 20px #dc262666,0 2px 6px #94a3b833}.timer.warning:before{animation:pulse .8s infinite;background:#fffffff2;border:1px solid #dc26264d;border-radius:8px;box-shadow:0 1px 4px #dc262633;color:#dc2626;content:"⚠️ SÜRE DOLUYOR";font-size:.6rem;font-weight:700;left:50%;letter-spacing:.2px;padding:3px 8px;position:absolute;text-shadow:none;top:-12px;transform:translateX(-50%)}@keyframes pulse-warning{0%{box-shadow:0 4px 16px #dc262626,inset 0 1px 0 #fffc;text-shadow:0 0 20px #dc262666,0 2px 6px #94a3b833;transform:scale(1)}50%{box-shadow:0 6px 20px #dc262633,inset 0 1px 0 #ffffffe6;text-shadow:0 0 25px #dc262680,0 3px 8px #94a3b84d;transform:scale(1.01)}to{box-shadow:0 4px 16px #dc262626,inset 0 1px 0 #fffc;text-shadow:0 0 20px #dc262666,0 2px 6px #94a3b833;transform:scale(1)}}.main-game-area{display:flex;flex:1 1;gap:15px;min-height:0;padding:0 12px 12px;position:relative;z-index:1}.left-panel{flex:2 1;flex-direction:column}.left-panel,.right-panel{display:flex;gap:12px;min-height:0}.right-panel{flex:1 1;flex-direction:column;min-width:280px}.results-section{grid-gap:12px;animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .2s both;display:grid;flex-shrink:0;gap:12px;grid-template-columns:1fr 1fr;margin:0 12px 12px}.closest-result-section,.current-result-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 20px #94a3b814,inset 0 1px 0 #ffffffe6;padding:16px;position:relative;z-index:1}.closest-result-section h3,.current-result-section h3{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 10px;text-align:center;text-shadow:0 1px 5px #94a3b833}.current-result-display{background:#0596691a;border:2px solid #0596694d;border-radius:12px;box-shadow:0 2px 8px #05966926,inset 0 1px 0 #fffc;color:#059669;font-size:1.4rem;text-shadow:0 0 15px #0596694d}.closest-result-display,.current-result-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;font-family:Courier New,monospace;font-weight:700;justify-content:center;min-height:50px;padding:12px;text-align:center}.closest-result-display{background:#0891b21a;border:2px solid #0891b24d;border-radius:12px;box-shadow:0 2px 8px #0891b226,inset 0 1px 0 #fffc;color:#0891b2;font-size:1.2rem;text-shadow:0 0 15px #0891b24d}.selection-status{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 20px #94a3b814,inset 0 1px 0 #ffffffe6;flex-shrink:0;margin:0 12px 12px;padding:12px;position:relative;z-index:1}.status-message{color:#475569;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;text-align:center;text-shadow:0 1px 5px #94a3b833}.numbers-operators-section{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1) .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 20px #94a3b814,inset 0 1px 0 #ffffffe6;flex-shrink:0;padding:16px}.numbers-operators-section h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 12px;text-align:center;text-shadow:0 1px 5px #94a3b833}.numbers-row{flex-wrap:wrap}.numbers-row,.operators-row{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.action-controls-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#94a3b833,#cbd5e133);border:1px solid #94a3b84d;border-radius:10px;box-shadow:0 2px 8px #94a3b81a;color:#475569;cursor:pointer;font-size:.8rem;font-weight:600;min-width:70px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-button:hover:not(:disabled){background:linear-gradient(135deg,#94a3b84d,#cbd5e14d);box-shadow:0 4px 12px #94a3b826;transform:translateY(-1px)}.control-button:disabled{background:#94a3b81a;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.control-button.undo{background:linear-gradient(135deg,#0891b2,#0e7490);border:none;box-shadow:0 2px 8px #0891b24d;color:#fff}.control-button.undo:hover:not(:disabled){box-shadow:0 4px 12px #0891b266}.control-button.clear-all{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;box-shadow:0 2px 8px #dc26264d;color:#fff}.control-button.clear-all:hover:not(:disabled){box-shadow:0 4px 12px #dc262666}.control-button.submit{background:linear-gradient(135deg,#059669,#047857);border:none;box-shadow:0 2px 8px #0596694d;color:#fff}.control-button.submit:hover:not(:disabled){box-shadow:0 4px 12px #05966966}.number-button{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:10px;box-shadow:0 2px 8px #64748b4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;min-height:45px;min-width:45px;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.number-button:hover:not(:disabled){box-shadow:0 4px 12px #64748b66;transform:translateY(-1px) scale(1.02)}.number-button.used{background:#94a3b84d;box-shadow:none;cursor:not-allowed;opacity:.4;position:relative;transform:none}.number-button.used:after{background:#64748b;border-radius:1px;box-shadow:0 0 5px #64748b4d;content:"";height:2px;left:10%;position:absolute;right:10%;top:50%;transform:translateY(-50%)}.number-button.unavailable{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d;color:#fff;cursor:not-allowed;opacity:.7;position:relative;transform:none}.number-button.unavailable:after{color:#fff;content:"✗";font-size:1.2rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 5px #0000004d;top:50%;transform:translate(-50%,-50%)}.number-button.selected{animation:glow 1s infinite;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #05966966,0 0 15px #05966933;color:#fff;transform:scale(1.05)}.number-button.calculated{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 2px 8px #0891b24d}.number-button.calculated:hover{box-shadow:0 4px 12px #0891b266}.number-button.calculated.selected{background:linear-gradient(135deg,#059669,#047857);color:#fff}.operator-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;box-shadow:0 2px 8px #7c3aed4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;min-height:45px;min-width:45px;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.operator-button:hover:not(:disabled){box-shadow:0 4px 12px #7c3aed66;transform:translateY(-1px) scale(1.02)}.operator-button:disabled{background:#94a3b84d;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.operator-button.selected{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #05966966,0 0 15px #05966933;color:#fff;transform:scale(1.05)}.operator-button.clear-selection{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 2px 8px #0891b24d;font-size:1.4rem}.operator-button.clear-selection:hover{box-shadow:0 4px 12px #0891b266}.calculation-section{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1) .5s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 20px #94a3b814,inset 0 1px 0 #ffffffe6;flex-shrink:0;padding:16px}.calculation-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:2px solid #94a3b833;border-radius:12px;box-shadow:0 2px 8px #94a3b81a,inset 0 1px 0 #fffc;display:flex;justify-content:center;min-height:60px;padding:12px}.selected-numbers{align-items:center;color:#1e293b;display:flex;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;gap:10px;text-shadow:0 1px 5px #94a3b833}.operator-display{color:#7c3aed;font-size:1.6rem;margin:0 10px;text-shadow:0 0 15px #7c3aed4d}.equals{font-size:1.4rem;margin:0 10px}.equals,.result-preview{color:#059669;text-shadow:0 0 15px #0596694d}.result-preview{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0596691a;border:1px solid #05966933;border-radius:8px;font-weight:700;padding:6px 10px}.waiting{animation:pulse 1.5s infinite;color:#7c3aed;font-size:1.6rem;margin:0 10px;text-shadow:0 0 15px #7c3aed4d}.history-section{animation:slideInFromRight .6s cubic-bezier(.4,0,.2,1) .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 20px #94a3b814,inset 0 1px 0 #ffffffe6;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:16px}.history-section h3{color:#1e293b;flex-shrink:0;font-size:1.1rem;font-weight:700;margin:0 0 12px;text-align:center;text-shadow:0 1px 5px #94a3b833}.history-list{flex:1 1;min-height:0;overflow-y:auto;padding-right:8px}.history-item{border-radius:10px;box-shadow:0 2px 8px #94a3b81a;color:#1e293b;font-family:Courier New,monospace;font-size:.95rem;margin-bottom:8px;padding:10px;text-align:center;text-shadow:0 1px 5px #94a3b833}.history-item:hover{box-shadow:0 4px 12px #94a3b826;transform:translateY(-1px)}@media (max-width:1200px){.main-game-area{flex-direction:column}.right-panel{min-width:auto}}@media (max-width:768px){.game-screen{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0}.game-page-header{align-items:center;border-radius:0 0 16px 16px;flex-direction:row;gap:8px;justify-content:space-between;margin-bottom:8px;padding:10px 12px;position:sticky;top:0;z-index:100}.game-page-header:after{bottom:-1px;left:12px;right:12px}.header-left{align-items:center;flex:1 1;gap:8px;justify-content:flex-start}.back-button{border-radius:8px;flex-shrink:0;font-size:.75rem;min-width:auto;padding:6px 10px}.game-title{flex:1 1;font-size:1.1rem;margin:0;text-align:center}.header-right{align-items:center;display:flex;flex-shrink:0;gap:6px;justify-content:flex-end}.clickable-avatar{flex-shrink:0;height:32px;width:32px}.clickable-avatar .avatar-placeholder{font-size:1rem}.settings-button{border-radius:6px;flex-shrink:0;font-size:.8rem;height:28px;margin-left:0;padding:4px;width:28px}.game-header{flex-direction:row;gap:8px;margin:0 8px 8px;padding:10px 12px;position:sticky;text-align:center;top:70px;z-index:90}.target-section{flex:1 1}.target-section:before,.timer-section:before{display:inline-block;margin-bottom:6px;position:static;transform:none}.target-number{font-size:1.8rem;letter-spacing:.5px;padding:8px 12px}.operation-limit-section{flex:1 1;margin:0 8px}.operation-limit-display{min-width:80px;padding:8px 10px}.operation-icon{font-size:1.2rem}.operation-text{font-size:1.1rem}.operation-label{font-size:.65rem}.timer-section{flex:1 1}.timer{font-size:1.6rem;min-width:80px;padding:8px 10px}.timer.warning:before{display:block;margin-bottom:6px;position:static;transform:none}.results-section{gap:8px;grid-template-columns:1fr;margin:0 8px 8px}.main-game-area{flex-direction:column;gap:15px;padding:0 8px 8px}.left-panel{order:1}.right-panel{min-height:auto;order:2}.selection-status{margin:0 8px 8px;padding:10px}.numbers-row,.operators-row{gap:6px}.action-controls-row{flex-wrap:wrap;gap:8px;justify-content:center}.number-button,.operator-button{font-size:.9rem;min-height:38px;min-width:38px;padding:6px}.control-button{flex:1 1;font-size:.8rem;max-width:150px;min-width:auto;padding:8px 12px}.selected-numbers{flex-wrap:wrap;font-size:1.1rem;gap:6px;justify-content:center}.operator-display{font-size:1.2rem;margin:0 6px}.equals{font-size:1rem;margin:0 6px}.waiting{font-size:1.2rem;margin:0 6px}}@media (max-width:480px){.game-screen{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0}.game-page-header{align-items:center;flex-direction:row;gap:6px;justify-content:space-between;padding:8px 10px;position:sticky;top:0;z-index:100}.game-page-header:after{bottom:-1px;left:10px;right:10px}.header-left{align-items:center;flex:1 1;gap:6px;justify-content:flex-start}.back-button{border-radius:6px;font-size:.7rem;min-width:auto;padding:5px 8px}.game-title{flex:1 1;font-size:.95rem;text-align:center}.header-right{align-items:center;display:flex;flex-shrink:0;gap:4px;justify-content:flex-end}.clickable-avatar{height:28px;width:28px}.clickable-avatar .avatar-placeholder{font-size:.9rem}.settings-button{border-radius:5px;font-size:.7rem;height:24px;padding:3px;width:24px}.game-header{flex-direction:row;gap:6px;margin:0 6px 6px;padding:8px 10px;position:sticky;top:60px;z-index:90}.target-number{font-size:1.4rem;padding:6px 8px}.operation-limit-section{margin:0 4px}.operation-limit-display{min-width:60px;padding:6px 8px}.operation-icon{font-size:1rem}.operation-text{font-size:.9rem}.operation-label{font-size:.6rem}.timer{font-size:1.4rem;min-width:70px;padding:6px 8px}.results-section{margin:0 6px 6px}.main-game-area{flex-direction:column;gap:15px;padding:0 6px 6px}.left-panel{order:1}.right-panel{min-height:auto;order:2}.selection-status{margin:0 6px 6px}.numbers-operators-section{top:140px;z-index:80}.calculation-section,.numbers-operators-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #94a3b81a;position:sticky}.calculation-section{top:300px;z-index:70}.history-section{margin-bottom:15px;max-height:300px;overflow-y:auto;padding:15px}.number-button,.operator-button{font-size:.8rem;min-height:34px;min-width:34px;padding:5px}.action-controls-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.control-button{flex:1 1;font-size:.8rem;max-width:120px;min-width:auto;padding:8px 12px}.selected-numbers{font-size:.9rem;gap:4px}.operator-display{font-size:1rem;margin:0 4px}.equals{font-size:.9rem;margin:0 4px}.waiting{font-size:1rem;margin:0 4px}}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:#94a3b81a;border-radius:2px}.history-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}.history-list::-webkit-scrollbar-thumb:hover{background:#94a3b880}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.desktop-text{display:inline}.mobile-icon{display:none}@media (max-width:768px){.desktop-text{display:none}.mobile-icon{display:inline}}.low-performance .game-screen:before{display:none!important}.low-performance .game-page-header{animation:none!important;background:#fffffff2!important}.low-performance .back-button:before,.low-performance .settings-button:before,.low-performance .user-avatar:before{display:none!important}.low-performance .timer-display{animation:none!important}.low-performance .control-button,.low-performance .number-button,.low-performance .operator-button{animation:none!important;transition:background-color .2s ease!important}.low-performance .calculation-display,.low-performance .closest-result-section,.low-performance .history-section{animation:none!important}.low-performance .control-button:hover,.low-performance .number-button:hover,.low-performance .operator-button:hover{box-shadow:0 2px 8px #00000026!important;transform:none!important}.low-performance .game-page-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.fireworks-canvas{background:#0000;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.fireworks-canvas:after{animation:sparkle 2s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.result-screen{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.result-screen:before{animation:float 30s ease-in-out infinite;background:radial-gradient(circle at 30% 70%,#94a3b80d 0,#0000 50%),radial-gradient(circle at 70% 30%,#cbd5e10d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.result-container{animation:fadeIn .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 60px #94a3b81a,inset 0 1px 0 #ffffffe6;display:flex;gap:40px;max-width:1200px;padding:40px;position:relative;width:100%;z-index:1}.result-content{flex:1 1}.result-title{-webkit-text-fill-color:#0000;animation:glow 3s ease-in-out infinite;background:linear-gradient(135deg,#1e293b,#475569 50%,#64748b);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:40px;text-align:center;text-shadow:0 4px 20px #94a3b833}.score-section{animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1) .2s both;margin-bottom:40px;text-align:center}.final-score{animation:pulse 2s infinite;font-family:Courier New,monospace;font-size:4rem;font-weight:900;letter-spacing:2px;margin-bottom:15px;text-shadow:0 0 30px currentColor,0 4px 20px #94a3b833}.score-message{color:#64748b;font-size:1.4rem;font-weight:600;text-shadow:0 2px 10px #94a3b833}.login-notice{align-items:center;animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1) .3s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0891b21a,#0e74901a);border:1px solid #0891b233;border-radius:20px;box-shadow:0 8px 32px #0891b21a,inset 0 1px 0 #fffc;display:flex;gap:20px;margin-bottom:40px;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-notice:hover{box-shadow:0 15px 45px #0891b226,inset 0 1px 0 #ffffffe6;transform:translateY(-3px)}.notice-icon{animation:float 3s ease-in-out infinite;font-size:2.5rem;min-width:60px;text-align:center}.notice-content h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 15px;text-shadow:0 2px 10px #94a3b833}.notice-content p{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 20px;text-shadow:0 1px 5px #94a3b81a}.signin-notice-button{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:12px;box-shadow:0 4px 15px #64748b4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.signin-notice-button:hover{box-shadow:0 8px 25px #64748b66;transform:translateY(-2px)}.score-saved-notice{align-items:center;animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1) .3s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0596691a,#0478571a);border:1px solid #05966933;border-radius:20px;box-shadow:0 8px 32px #0596691a,inset 0 1px 0 #fffc;display:flex;gap:20px;margin-bottom:40px;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1)}.score-saved-notice:hover{box-shadow:0 15px 45px #05966926,inset 0 1px 0 #ffffffe6;transform:translateY(-3px)}.leaderboard-notice-button{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:12px;box-shadow:0 4px 15px #0596694d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.leaderboard-notice-button:hover{box-shadow:0 8px 25px #05966966;transform:translateY(-2px)}.result-details{animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1) .4s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 8px 32px #94a3b81a,inset 0 1px 0 #fffc;margin-bottom:40px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.result-details:hover{box-shadow:0 15px 45px #94a3b826,inset 0 1px 0 #ffffffe6;transform:translateY(-3px)}.detail-row{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;padding:15px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#475569;font-weight:700}.detail-label,.detail-value{font-size:1.1rem;text-shadow:0 2px 10px #94a3b833}.detail-value{font-family:Courier New,monospace;font-weight:800}.detail-value.target{color:#059669;font-size:1.4rem;text-shadow:0 0 20px #0596694d}.detail-value.result{color:#0891b2;font-size:1.4rem;text-shadow:0 0 20px #0891b24d}.detail-value.difference{color:#7c3aed;text-shadow:0 0 20px #7c3aed4d}.detail-value.time{color:#64748b;text-shadow:0 0 20px #64748b4d}.score-breakdown{animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1) .5s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 8px 32px #94a3b81a,inset 0 1px 0 #fffc;margin-bottom:40px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.score-breakdown:hover{box-shadow:0 15px 45px #94a3b826,inset 0 1px 0 #ffffffe6;transform:translateY(-3px)}.score-breakdown h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 20px;text-align:center;text-shadow:0 2px 10px #94a3b833}.breakdown-item{align-items:center;border-bottom:1px solid #94a3b81a;color:#64748b;display:flex;font-size:1rem;justify-content:space-between;padding:12px 0;text-shadow:0 1px 5px #94a3b81a}.breakdown-item:last-child{border-bottom:none}.breakdown-item.total{border-top:2px solid #94a3b833;color:#1e293b;font-size:1.2rem;font-weight:800;margin-top:15px;padding-top:20px;text-shadow:0 2px 10px #94a3b833}.action-buttons{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) .6s both;margin-bottom:40px}.intro-button,.play-again-button{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:15px;box-shadow:0 8px 25px #64748b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;min-width:180px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.play-again-button:hover{box-shadow:0 15px 35px #64748b66;transform:translateY(-2px)}.intro-button{background:linear-gradient(135deg,#94a3b833,#cbd5e133);border:1px solid #94a3b84d;box-shadow:0 8px 25px #94a3b81a;color:#475569}.intro-button:hover{background:linear-gradient(135deg,#94a3b84d,#cbd5e14d);box-shadow:0 15px 35px #94a3b826}.history-sidebar{animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1) .4s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 8px 32px #94a3b81a,inset 0 1px 0 #fffc;max-height:700px;min-width:350px;overflow-y:auto;padding:30px}.history-sidebar h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 25px;text-align:center;text-shadow:0 2px 10px #94a3b833}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #94a3b833;border-radius:15px;box-shadow:0 4px 15px #94a3b81a;display:flex;gap:15px;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-item:hover{background:#fffc;box-shadow:0 8px 25px #94a3b826;transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,#64748b,#475569);border-radius:50%;box-shadow:0 4px 15px #64748b4d;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:35px;justify-content:center;width:35px}.step-calculation{color:#1e293b;flex:1 1;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;text-shadow:0 2px 10px #94a3b833}@media (max-width:768px){.result-container{flex-direction:column;gap:30px;padding:25px}.result-title{font-size:2.2rem}.final-score{font-size:3rem}.login-notice,.score-saved-notice{flex-direction:column;padding:20px;text-align:center}.notice-icon{margin-bottom:15px}.action-buttons{align-items:center;flex-direction:column}.intro-button,.play-again-button{max-width:280px;padding:14px 28px;width:100%}.history-sidebar{max-height:400px;min-width:auto}.result-details,.score-breakdown{padding:25px}}@media (max-width:480px){.result-container{margin:10px;padding:20px}.result-title{font-size:1.8rem}.final-score{font-size:2.5rem}.detail-row{gap:8px}.breakdown-item,.detail-row{flex-direction:column;text-align:center}.breakdown-item{gap:5px}.history-item{flex-direction:column;gap:10px;text-align:center}.step-number{margin-bottom:5px}}@keyframes glow{0%,to{text-shadow:0 4px 20px #94a3b833}50%{text-shadow:0 4px 30px #94a3b84d}}@keyframes pulse{0%{text-shadow:0 0 30px currentColor,0 4px 20px #94a3b833;transform:scale(1)}50%{text-shadow:0 0 40px currentColor,0 6px 25px #94a3b84d;transform:scale(1.02)}to{text-shadow:0 0 30px currentColor,0 4px 20px #94a3b833;transform:scale(1)}}.low-performance .result-screen:before{display:none!important}.low-performance .action-buttons,.low-performance .calculation-history,.low-performance .result-container,.low-performance .result-details,.low-performance .score-display{animation:none!important}.low-performance button:hover{box-shadow:0 2px 8px #00000026!important;transform:none!important}.leaderboard-screen{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.leaderboard-screen:before{animation:float 25s ease-in-out infinite;background:radial-gradient(circle at 30% 70%,#94a3b80d 0,#0000 50%),radial-gradient(circle at 70% 30%,#cbd5e10d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.leaderboard-container{animation:fadeIn .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 60px #94a3b81a,inset 0 1px 0 #ffffffe6;max-width:900px;padding:40px;position:relative;width:100%;z-index:1}.leaderboard-header{margin-bottom:40px;text-align:center}.leaderboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569 50%,#64748b);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 30px;text-shadow:0 4px 20px #94a3b833}.period-selector{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.period-button{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:15px;box-shadow:0 4px 15px #64748b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.period-button:hover{box-shadow:0 8px 25px #64748b66;transform:translateY(-2px)}.period-button.active{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 15px #0596694d}.period-button.active:hover{box-shadow:0 8px 25px #05966966}.sort-selector{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.sort-label{color:#475569;font-size:1rem;font-weight:600;margin-bottom:8px}.sort-options{flex-wrap:wrap;gap:10px}.sort-button,.sort-options{display:flex;justify-content:center}.sort-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#94a3b81a,#cbd5e11a);border:1px solid #94a3b833;border-radius:12px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;gap:8px;min-width:140px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-button:hover{background:linear-gradient(135deg,#94a3b833,#cbd5e133);box-shadow:0 4px 12px #94a3b826;transform:translateY(-1px)}.sort-button.active{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b2;box-shadow:0 4px 15px #0891b24d;color:#fff}.sort-button.active:hover{box-shadow:0 6px 20px #0891b266}.sort-icon{font-size:1.1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sort-button:hover .sort-icon{transform:scale(1.1)}.sort-text{font-weight:600;letter-spacing:.3px}.sort-header{background:linear-gradient(135deg,#0891b21a,#0891b20d);border:1px solid #0891b233;border-radius:12px;margin-bottom:20px;padding:12px 20px;text-align:center}.sort-indicator{align-items:center;color:#0891b2;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center}.user-stats-section{animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1) .2s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 8px 32px #94a3b81a,inset 0 1px 0 #fffc;margin-bottom:40px;padding:30px}.user-stats-section h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 25px;text-align:center;text-shadow:0 2px 10px #94a3b833}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #94a3b833;border-radius:15px;box-shadow:0 4px 15px #94a3b81a;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:hover{box-shadow:0 8px 25px #94a3b826;transform:translateY(-3px)}.stat-value{color:#059669;font-family:Courier New,monospace;font-size:2rem;font-weight:800;margin-bottom:8px;text-shadow:0 0 20px #0596694d}.stat-label{color:#64748b;font-size:.95rem;font-weight:600;text-shadow:0 1px 5px #94a3b81a}.leaderboard-content{animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1) .3s both;margin-bottom:40px}.loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:1.3rem;gap:20px;padding:60px;text-align:center}.loading:before{animation:spin 1s linear infinite;border:4px solid #94a3b833;border-radius:50%;border-top-color:#64748b;content:"";height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data{background:#fff9;border:1px solid #94a3b833;border-radius:15px;color:#64748b;font-size:1.2rem;padding:60px}.error-section,.no-data{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.error-section{background:#dc26260d;border:1px solid #dc262633;border-radius:15px;padding:40px}.error-message{color:#dc2626;font-size:1.2rem;font-weight:600;margin-bottom:25px;text-shadow:0 2px 10px #dc262633}.retry-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #dc26264d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}.leaderboard-list{display:flex;flex-direction:column;gap:15px}.leaderboard-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 4px 15px #94a3b81a;display:flex;padding:20px 25px;transition:all .3s cubic-bezier(.4,0,.2,1)}.leaderboard-item:hover{background:#fffc;box-shadow:0 8px 25px #94a3b826;transform:translateY(-3px)}.leaderboard-item.current-user{background:linear-gradient(135deg,#0596691a,#0478571a);border:1px solid #0596694d;box-shadow:0 8px 25px #05966933}.rank{color:#475569;font-family:Courier New,monospace;font-size:1.8rem;font-weight:800;min-width:50px;text-align:center}.leaderboard-item:first-child .rank{color:#d97706;text-shadow:0 0 20px #d977064d}.leaderboard-item:nth-child(2) .rank{color:#64748b;text-shadow:0 0 20px #64748b4d}.leaderboard-item:nth-child(3) .rank{color:#dc2626;text-shadow:0 0 20px #dc26264d}.user-info{flex:1 1;margin-left:20px}.user-name{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 10px #94a3b833}.user-details{color:#64748b;font-size:.95rem;text-shadow:0 1px 5px #94a3b81a}.score-info{text-align:right}.total-score{color:#059669;font-family:Courier New,monospace;font-size:1.5rem;font-weight:800;margin-bottom:8px;text-shadow:0 0 20px #0596694d}.best-score{color:#64748b;font-size:.95rem;text-shadow:0 1px 5px #94a3b81a}.action-buttons{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) .4s both;display:flex;gap:20px;justify-content:center}.home-button,.play-button{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:15px;box-shadow:0 8px 25px #64748b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;min-width:160px;padding:16px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.play-button:hover{box-shadow:0 15px 35px #64748b66;transform:translateY(-2px)}.home-button{background:linear-gradient(135deg,#94a3b833,#cbd5e133);border:1px solid #94a3b84d;box-shadow:0 8px 25px #94a3b81a;color:#475569}.home-button:hover{background:linear-gradient(135deg,#94a3b84d,#cbd5e14d);box-shadow:0 15px 35px #94a3b826}@media (max-width:768px){.leaderboard-screen{padding:10px}.leaderboard-container{border-radius:16px;max-width:100%;padding:20px}.leaderboard-title{font-size:2rem;margin-bottom:20px}.period-selector{flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:15px}.period-button{border-radius:10px;font-size:.9rem;min-width:80px;padding:8px 16px;width:auto}.sort-selector{margin-bottom:20px}.sort-label{font-size:.9rem;margin-bottom:6px}.sort-options{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center}.sort-button{border-radius:8px;font-size:.85rem;min-width:100px;padding:8px 12px;width:auto}.sort-icon{font-size:1rem}.sort-text{font-size:.8rem}.sort-header{border-radius:8px;margin-bottom:12px;padding:8px 12px}.sort-indicator{font-size:.85rem}.user-stats-section{border-radius:12px;margin-bottom:25px;padding:20px}.user-stats-section h3{font-size:1.2rem;margin-bottom:15px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{border-radius:10px;padding:15px 10px}.stat-value{font-size:1.5rem;margin-bottom:6px}.stat-label{font-size:.8rem}.leaderboard-list{gap:10px}.leaderboard-item{border-radius:12px;margin-bottom:0;padding:15px}.rank{font-size:1.4rem;min-width:35px}.user-info{margin-left:12px}.user-name{font-size:1rem;margin-bottom:4px}.user-details{font-size:.8rem}.score-info{min-width:80px;text-align:right}.total-score{font-size:1.2rem;margin-bottom:4px}.best-score{font-size:.8rem}.action-buttons{flex-direction:row;gap:12px;margin-top:20px}.home-button,.play-button{border-radius:10px;font-size:.9rem;min-width:120px;padding:12px 20px;width:auto}}@media (max-width:480px){.leaderboard-screen{padding:5px}.leaderboard-container{border-radius:12px;margin:5px;padding:15px}.leaderboard-title{font-size:1.6rem;margin-bottom:15px}.period-selector{gap:6px;margin-bottom:12px}.period-button{border-radius:8px;font-size:.8rem;min-width:70px;padding:6px 12px}.sort-selector{margin-bottom:15px}.sort-label{font-size:.85rem;margin-bottom:4px}.sort-options{gap:4px}.sort-button{border-radius:6px;font-size:.75rem;min-width:80px;padding:6px 10px}.sort-icon{font-size:.9rem}.sort-text{font-size:.7rem}.sort-header{border-radius:6px;margin-bottom:10px;padding:6px 10px}.sort-indicator{font-size:.8rem}.user-stats-section{border-radius:10px;margin-bottom:20px;padding:15px}.user-stats-section h3{font-size:1.1rem;margin-bottom:12px}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-item{border-radius:8px;padding:12px 8px}.stat-value{font-size:1.3rem;margin-bottom:4px}.stat-label{font-size:.75rem}.leaderboard-list{gap:8px}.leaderboard-item{border-radius:10px;flex-wrap:wrap;padding:12px}.rank{font-size:1.2rem;min-width:30px}.user-info{flex:1 1;margin-left:10px;min-width:0}.user-name{font-size:.95rem;margin-bottom:3px}.user-details{font-size:.75rem}.score-info{flex-shrink:0;min-width:70px;text-align:right}.total-score{font-size:1.1rem;margin-bottom:3px}.best-score{font-size:.75rem}.action-buttons{gap:8px;margin-top:15px}.home-button,.play-button{border-radius:8px;font-size:.85rem;min-width:100px;padding:10px 16px}}@media (max-width:360px){.leaderboard-screen{padding:2px}.leaderboard-container{border-radius:8px;margin:2px;padding:12px}.leaderboard-title{font-size:1.4rem;margin-bottom:12px}.period-selector{gap:4px;margin-bottom:10px}.period-button{border-radius:6px;font-size:.75rem;min-width:60px;padding:5px 8px}.sort-selector{margin-bottom:12px}.sort-label{font-size:.8rem;margin-bottom:3px}.sort-options{gap:3px}.sort-button{border-radius:5px;font-size:.7rem;min-width:70px;padding:5px 8px}.sort-icon{font-size:.8rem}.sort-text{font-size:.65rem}.sort-header{border-radius:5px;margin-bottom:8px;padding:5px 8px}.sort-indicator{font-size:.75rem}.user-stats-section{border-radius:8px;margin-bottom:15px;padding:12px}.user-stats-section h3{font-size:1rem;margin-bottom:10px}.stats-grid{gap:6px}.stat-item{border-radius:6px;padding:10px 6px}.stat-value{font-size:1.1rem;margin-bottom:3px}.stat-label{font-size:.7rem}.leaderboard-list{gap:6px}.leaderboard-item{border-radius:8px;padding:10px}.rank{font-size:1.1rem;min-width:25px}.user-info{margin-left:8px}.user-name{font-size:.9rem;margin-bottom:2px}.user-details{font-size:.7rem}.score-info{min-width:60px}.total-score{font-size:1rem;margin-bottom:2px}.best-score{font-size:.7rem}.action-buttons{gap:6px;margin-top:12px}.home-button,.play-button{border-radius:6px;font-size:.8rem;min-width:80px;padding:8px 12px}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(2%,2%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.low-performance .leaderboard-screen:before{display:none!important}.low-performance .back-button,.low-performance .floating-elements,.low-performance .leaderboard-container,.low-performance .leaderboard-item,.low-performance .leaderboard-list,.low-performance .leaderboard-title{animation:none!important}.low-performance .leaderboard-item:hover,.low-performance button:hover{box-shadow:0 2px 8px #00000026!important;transform:none!important}.low-performance *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/*# sourceMappingURL=main.c99f56dc.css.map*/