@import url(https://fonts.googleapis.com/css2?family=Share+Tech+Mono:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.App{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:Share Tech Mono,monospace;justify-content:center;min-height:100vh;padding:20px;text-align:center;-webkit-user-select:none;user-select:none}.App,.menu{align-items:center;display:flex;flex-direction:column}.menu{gap:10px;max-width:600px;width:100%}.menu.highscore-page{max-width:700px}.main-title{margin-bottom:20px;text-align:center}.main-title h1{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#5a67d8,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:4rem;font-weight:700;letter-spacing:.1em;margin:0;text-shadow:0 0 30px #00d4ff4d}.version{color:#a78bfa;font-size:1.2rem;font-weight:700;margin-bottom:10px;margin-top:-10px}.subtitle{color:#ffffffb3;font-size:1rem;line-height:1.4;max-width:400px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.top-scores-preview{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;max-width:400px;padding:25px;width:100%}.top-scores-preview h3{color:#fbbf24;font-size:1.4rem;font-weight:700;margin:0 0 20px}.top-scores-list{display:flex;flex-direction:column;gap:12px}.top-score-item{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;font-family:Share Tech Mono,monospace;gap:10px;justify-content:space-between;padding:12px 16px}.top-score-item .rank{font-size:1.1rem;font-weight:700;min-width:30px;text-align:left}.top-score-item.rank-1 .rank{color:#fbbf24}.top-score-item.rank-2 .rank{color:#e5e7eb}.top-score-item.rank-3 .rank{color:#f59e0b}.top-score-item .player-name{color:#ffffffe6;flex:1 1;font-size:1rem;text-align:left}.top-score-item .score-display{color:#10b981;font-size:1.1rem;font-weight:700;min-width:60px;text-align:right}.top-score-item .level{color:#ffffff80;font-size:.8rem;min-width:90px;text-align:right}.menu-buttons{display:flex;flex-direction:column;gap:16px;max-width:350px;width:100%}.menu-button{border:none;border-radius:15px;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:16px 25px;position:relative;text-transform:none;transition:all .3s ease}.menu-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.menu-button:hover:before{left:100%}.btn-green{background:linear-gradient(45deg,#10b981,#34d399);box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-green:hover{box-shadow:0 6px 25px #10b98180;transform:translateY(-2px)}.btn-blue{background:linear-gradient(45deg,#3b82f6,#60a5fa);box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-blue:hover{box-shadow:0 6px 25px #3b82f680;transform:translateY(-2px)}.btn-teal{background:linear-gradient(45deg,#06b6d4,#22d3ee);box-shadow:0 4px 15px #06b6d44d;color:#fff}.btn-teal:hover{box-shadow:0 6px 25px #06b6d480;transform:translateY(-2px)}.btn-purple{background:linear-gradient(45deg,#8b5cf6,#a78bfa);box-shadow:0 4px 15px #8b5cf64d;color:#fff}.btn-purple:hover{box-shadow:0 6px 25px #8b5cf680;transform:translateY(-2px)}.instructions{opacity:.9;text-align:center}.instructions p{font-size:.9rem;margin:5px 0}.game{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:80px;position:relative}.game h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#5a67d8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #00000080}.game-stats{display:flex;font-size:1.2rem;font-weight:700;gap:30px}.score,.time{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff0d;border-radius:15px;padding:10px 20px}.board{grid-gap:4px;background:#0000004d;border:2px solid #fff3;gap:4px;overflow:hidden;padding:15px}.board:after{background:linear-gradient(90deg,#0000,#fff0 30%,#ffffff1a 50%,#fff0 70%,#0000);content:"";height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.board.wave:after{animation:colorWave .4s ease-out forwards;opacity:1}@keyframes colorWave{0%{left:-100%}to{left:100%}}.ball{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0000004d,inset 0 2px 4px #ffffff4d;cursor:pointer;height:50px;position:relative;transition:all .2s ease;width:50px}.ball.empty{background:#0000!important;border:none;box-shadow:none;cursor:default;pointer-events:none}.ball.wild{align-items:center;background:linear-gradient(45deg,#1a1a1a,#333)!important;border:3px solid #666;color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center;position:relative;text-shadow:2px 2px 4px #000c}.ball.wild:before{animation:wildGlow 2s ease-in-out infinite alternate;color:#fff;content:"✕";font-size:20px;left:50%;position:absolute;text-shadow:0 0 10px #fffc;top:50%;transform:translate(-50%,-50%)}@keyframes wildGlow{0%{text-shadow:0 0 10px #fffc;transform:translate(-50%,-50%) scale(1)}to{text-shadow:0 0 15px #fff;transform:translate(-50%,-50%) scale(1.1)}}.ball.wild.selected{border:3px solid #ff0!important}.ball.wild.in-chain{border:2px solid #ff09!important}.ball:hover{box-shadow:0 4px 12px #0006,inset 0 2px 4px #fff6;transform:scale(1.1)}.ball.selected{animation:pulse .5s infinite alternate;border:3px solid #ff0;box-shadow:0 0 15px #ff0c,0 4px 12px #0006,inset 0 2px 4px #fff6;transform:scale(1.15)}.ball.new{animation:fallFromTop .5s ease-in-out;box-shadow:0 10px 20px #0006,inset 0 2px 10px #fff9,0 0 15px #ffffff4d}.ball.eliminating{animation:eliminate .2s ease-out forwards}@keyframes eliminate{0%{opacity:1;transform:scale(1)}40%{filter:brightness(1.8);opacity:.9;transform:scale(1.3)}to{filter:brightness(2.5);opacity:0;transform:scale(0)}}@keyframes pulse{0%{box-shadow:0 0 15px #ff0c,0 4px 12px #0006,inset 0 2px 4px #fff6}to{box-shadow:0 0 25px #ff0,0 4px 12px #0006,inset 0 2px 4px #fff6}}@keyframes fallFromTop{0%{filter:brightness(1.3);opacity:.6;transform:translateY(-54px) scale(.8)}40%{filter:brightness(1.2);opacity:.8;transform:translateY(-15px) scale(.95)}65%{opacity:.95;transform:translateY(3px) scale(1.05)}80%{opacity:1;transform:translateY(-1px) scale(.98)}to{filter:brightness(1);opacity:1;transform:translateY(0) scale(1)}}@keyframes fallDown{0%{box-shadow:0 0 12px #fff9;transform:translateY(calc(var(--fall-distance)*-1)) scale(1)}50%{box-shadow:0 0 18px #fffc;transform:translateY(calc(var(--fall-distance)*.1)) scale(1.08)}75%{box-shadow:0 0 8px #fff6;transform:translateY(calc(var(--fall-distance)*-.02)) scale(.96)}to{box-shadow:0 2px 8px #0000004d,inset 0 2px 4px #ffffff4d;transform:translateY(0) scale(1)}}.back-button,.play-again-button{background:linear-gradient(45deg,#ff5722,#ff7043);border:none;border-radius:20px;box-shadow:0 4px 15px #ff572266;color:#fff;cursor:pointer;font-size:1rem;margin:5px;padding:12px 25px;transition:all .3s ease}.back-button:hover,.play-again-button:hover{box-shadow:0 6px 20px #ff572299;transform:translateY(-2px)}.game-over{align-items:center;display:flex;flex-direction:column;gap:25px}.game-over h1{color:#f44336;font-size:3rem;margin:0;text-shadow:2px 2px 4px #00000080}.final-score{font-size:1.5rem;font-weight:700;padding:15px 30px}.final-score,.menu-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px}.menu-content{gap:25px;max-width:600px;padding:20px}.menu-content,.menu-content.highscore-container{align-items:center;display:flex;flex-direction:column;width:100%}.menu-content.highscore-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;gap:30px;margin:0 auto;max-width:700px;padding:20px 0}.menu-content h1,.menu-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#5a67d8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0 0 20px;text-shadow:2px 2px 4px #00000080}.instructions-detail{max-width:500px;text-align:left;width:100%}.instructions-detail h3{color:#4caf50;font-size:1.4rem;margin:20px 0 10px;text-shadow:1px 1px 2px #00000080}.instructions-detail ul{margin:10px 0;padding-left:20px}.instructions-detail li{line-height:1.5;margin:8px 0}.instructions-detail p{line-height:1.6;margin:10px 0}.scoring-section{background:#ffffff0d;border-radius:10px;margin:15px 0;padding:15px}.highscore-list{max-width:400px;width:100%}.highscore-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;justify-content:space-between;margin:8px 0;padding:12px 20px;transition:all .3s ease}.highscore-item:hover{background:#ffffff26;transform:translateY(-1px)}.highscore-rank{color:gold;font-size:1.2rem;font-weight:700;min-width:40px;text-align:center}.highscore-rank.gold{color:gold}.highscore-rank.silver{color:silver}.highscore-rank.bronze{color:#cd7f32}.highscore-score{color:#4caf50;font-size:1.1rem;font-weight:700}.highscore-item .level{color:#ffffffb3;font-size:.9rem;font-style:italic}.no-scores{color:#ffffffb3;padding:30px}.options-list{max-width:400px}.option-item{border-radius:15px;margin:10px 0}.option-label,.toggle-button{font-weight:700}.toggle-button{background:linear-gradient(45deg,#ff5722,#ff7043);min-width:80px}.toggle-button.enabled{background:linear-gradient(45deg,#4caf50,#66bb6a)}.toggle-button:hover{box-shadow:0 4px 15px #0000004d;transform:scale(1.05)}.back-button{background:linear-gradient(45deg,#9c27b0,#ba68c8);margin-top:10px}.back-button:hover{box-shadow:0 6px 20px #9c27b099}.time-bonus-notification{animation:timeBonusPulse 2s ease-in-out forwards;background:linear-gradient(45deg,#4caf50,#66bb6a);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 6px 20px #4caf5080;color:#fff;font-size:1.2rem;font-weight:700;left:50%;padding:12px 20px;pointer-events:none;position:absolute;top:140px;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes timeBonusPulse{0%{opacity:0;transform:translateX(-50%) scale(.5)}15%{opacity:1;transform:translateX(-50%) scale(1.2)}30%{opacity:1;transform:translateX(-50%) scale(1)}85%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(.8)}}.game-over-overlay{align-items:center;animation:gameOverFadeIn .8s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.game-over-overlay-content{animation:gameOverPulse 1s ease-in-out infinite alternate;color:#fff;text-align:center}.game-over-overlay-content h1{color:#f44336;font-size:4rem;font-weight:700;letter-spacing:3px;margin:0 0 20px;text-shadow:0 0 20px #f44336cc,2px 2px 8px #000c}.overlay-score{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#ffa726);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-top:10px;text-shadow:2px 2px 4px #00000080}@keyframes gameOverFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}@keyframes gameOverPulse{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.05)}}.difficulty-selector{display:flex;flex-wrap:wrap;gap:10px}.difficulty-button{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:4px;min-width:100px;padding:10px 16px;transition:all .3s ease}.difficulty-button:hover{background:#fff3;border-color:#fff9;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.difficulty-button.selected{background:linear-gradient(45deg,#4caf504d,#4caf501a);border-color:#4caf50;box-shadow:0 0 15px #4caf504d;color:#4caf50;font-weight:700}.difficulty-button .ball-count{font-size:.8em;font-weight:400;opacity:.8}.difficulty-button.selected .ball-count{color:#81c784}.level-display{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border-radius:15px;display:flex;flex-direction:column;margin:20px 0 15px;overflow:hidden;padding:12px 20px;position:relative}.level-display:before{animation:levelGlow 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff08 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.level-name{-webkit-text-fill-color:#0000;animation:levelColorShift 6s ease-in-out infinite;background:linear-gradient(45deg,#4caf50,#2196f3,#ff9800,#4caf50);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:1.4rem;font-weight:700;letter-spacing:2px;margin-bottom:2px;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;z-index:1}.level-subtitle{color:#fff9;font-size:.8rem;font-weight:500;letter-spacing:1px;position:relative;text-transform:uppercase;z-index:1}@keyframes levelColorShift{0%,to{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}}@keyframes levelGlow{0%,to{left:-100%;opacity:0}50%{left:100%;opacity:.8}}@media (max-width:768px){.main-title h1{font-size:2.5rem}.ball{height:40px;width:40px}.board{gap:3px;padding:10px}.game-stats{flex-direction:column;gap:15px}.menu-content{margin:0 15px;padding:15px}.menu-content h1,.menu-content h2{font-size:2rem}.instructions-detail{padding:0 10px}.highscore-list,.options-list{max-width:100%}.menu-buttons{max-width:280px}}@media (max-width:480px){.main-title h1{font-size:2rem}.ball{height:35px;width:35px}.board{gap:2px;padding:8px}.menu-content h1,.menu-content h2{font-size:1.8rem}.menu-button{font-size:1rem;padding:12px 20px}.highscore-item,.option-item{padding:10px 15px}.top-scores-preview{padding:20px}}.App:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.options-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;max-width:450px;width:100%}.option-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;display:flex;justify-content:space-between;padding:15px 20px}.option-label{color:#ffffffe6;font-size:1.1rem;font-weight:600}.toggle-button{background:linear-gradient(45deg,#374151,#4b5563);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.9rem;min-width:60px;padding:8px 16px;transition:all .3s ease}.toggle-button.enabled{background:linear-gradient(45deg,#10b981,#34d399);box-shadow:0 4px 15px #10b9814d}.toggle-button.disabled{background:linear-gradient(45deg,#ef4444,#f87171);box-shadow:0 4px 15px #ef44444d}.toggle-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-1px)}.track-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.track-button{background:linear-gradient(45deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.9rem;min-width:70px;opacity:.7;padding:8px 12px;transition:all .3s ease}.track-button.selected{background:linear-gradient(45deg,#f59e0b,#fbbf24);box-shadow:0 4px 15px #f59e0b66;opacity:1}.track-button:hover{opacity:1;transform:translateY(-1px)}.track-button.disabled{background:linear-gradient(45deg,#6b7280,#9ca3af);cursor:not-allowed;opacity:.5;pointer-events:none}.track-button.disabled:hover{opacity:.5;transform:none}.volume-control{align-items:center;display:flex;gap:15px}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;cursor:pointer;height:6px;outline:none;width:120px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,#10b981,#34d399);border-radius:50%;box-shadow:0 2px 10px #10b98166;cursor:pointer;height:18px;width:18px}.volume-slider::-moz-range-thumb{background:linear-gradient(45deg,#10b981,#34d399);border:none;border-radius:50%;box-shadow:0 2px 10px #10b98166;cursor:pointer;height:18px;width:18px}.volume-slider.disabled{cursor:not-allowed;opacity:.5}.volume-slider.disabled::-webkit-slider-thumb{background:linear-gradient(45deg,#6b7280,#9ca3af);cursor:not-allowed}.volume-slider.disabled::-moz-range-thumb{background:linear-gradient(45deg,#6b7280,#9ca3af);cursor:not-allowed}.volume-display{color:#10b981;font-size:.9rem;font-weight:600;min-width:40px;text-align:right}.back-button{background:linear-gradient(45deg,#6b7280,#9ca3af);margin-top:20px}.back-button:hover{background:linear-gradient(45deg,#4b5563,#6b7280)}.chain-line-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.chain-path{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.chain-point{fill:#2b2b2b;opacity:.9}.board{grid-gap:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:grid;gap:2px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);height:min(80vh,533px);margin:20px auto;padding:10px;position:relative;width:min(80vw,400px)}.name-entry{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.name-entry-container{background:#000;border:3px solid gold;border-radius:12px;box-shadow:0 0 30px #ffd70080,inset 0 0 30px #000c;max-width:650px;overflow:hidden;padding:30px;position:relative;width:100%}.name-entry h1{animation:titlePulse 2s ease-in-out infinite alternate;color:gold;font-family:Courier New,monospace;font-size:2.5em;letter-spacing:4px;margin:0 0 25px;text-align:center;text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold}.score-info{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px}.rank-display,.score-display{color:#0ff;font-family:Courier New,monospace;font-size:1.4em;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #0ff}.name-input-section{margin-bottom:35px;text-align:center}.name-label{color:gold;display:block;font-family:Courier New,monospace;font-size:1.5em;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-shadow:0 0 10px gold}.name-display{background:#222;border:2px solid #444;border-radius:8px;box-shadow:inset 0 0 15px #000000b3;display:flex;gap:8px;justify-content:center;margin:0 auto;max-width:600px;padding:15px}.name-char{background:#111;border:1px solid #333;border-radius:4px;color:#0f0;display:inline-block;font-family:Courier New,monospace;font-size:1.8em;font-weight:700;height:40px;line-height:40px;text-align:center;text-shadow:0 0 8px #0f0;transition:all .3s ease;width:30px}.name-char.empty{background:#0a0a0a;border-color:#222;color:#444;text-shadow:none}.alphabet-grid{background:#0000004d;border:2px solid #333;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:580px;padding:20px}.letter-btn{background:linear-gradient(45deg,#2a2a2a,#3a3a3a);border:2px solid #666;border-radius:8px;box-shadow:0 3px 8px #0006,inset 0 1px 3px #ffffff1a;color:gold;cursor:pointer;font-family:Courier New,monospace;font-size:1.4em;font-weight:700;height:50px;letter-spacing:0;position:relative;text-shadow:0 0 8px #ffd70099;transition:all .2s ease;width:50px}.letter-btn:hover{background:linear-gradient(45deg,#3a3a3a,#4a4a4a);border-color:gold;box-shadow:0 5px 12px #0009,0 0 15px #ffd7004d,inset 0 1px 3px #fff3;color:#fff;text-shadow:0 0 12px gold;transform:translateY(-2px)}.letter-btn:active{box-shadow:0 2px 4px #0009,inset 0 0 10px #0000004d;transform:translateY(0)}.control-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.control-btn{background:linear-gradient(45deg,#333,#555);border:2px solid #666;border-radius:8px;box-shadow:0 4px 8px #0006;color:gold;cursor:pointer;font-family:Courier New,monospace;font-size:1.1em;font-weight:700;letter-spacing:1px;min-width:120px;padding:12px 24px;text-shadow:0 0 8px #ffd70099;text-transform:uppercase;transition:all .3s ease}.control-btn:hover:not(:disabled){background:linear-gradient(45deg,#555,#777);border-color:gold;box-shadow:0 6px 12px #0009,0 0 15px #ffd7004d;color:#fff;text-shadow:0 0 12px gold;transform:translateY(-2px)}.control-btn:active:not(:disabled){box-shadow:0 2px 4px #0009;transform:translateY(0)}.control-btn:disabled{background:linear-gradient(45deg,#222,#333);border-color:#444;color:#666;cursor:not-allowed;opacity:.5;text-shadow:none}.submit-btn:not(:disabled){background:linear-gradient(45deg,#2d5016,#4a7c59);border-color:#4caf50;color:#90ee90;text-shadow:0 0 8px #90ee90cc}.submit-btn:hover:not(:disabled){background:linear-gradient(45deg,#4a7c59,#5d8f6c);border-color:#90ee90;color:#fff;text-shadow:0 0 12px #90ee90}.cancel-btn{background:linear-gradient(45deg,#5d1616,#7c2d2d);border-color:#f44336;color:#ffb3ba;text-shadow:0 0 8px #ffb3bacc}.cancel-btn:hover{background:linear-gradient(45deg,#7c2d2d,#8f4040);border-color:#ffb3ba;color:#fff;text-shadow:0 0 12px #ffb3ba}@media (max-width:768px){.name-entry-container{max-width:95%;padding:20px}.name-entry h1{font-size:2em}.alphabet-grid{gap:8px;max-width:100%;padding:15px}.letter-btn{font-size:1.2em;height:40px;width:40px}.control-buttons{gap:10px}.control-btn{font-size:.9em;min-width:100px;padding:10px 16px}.name-char{font-size:1.4em;height:32px;line-height:32px;width:24px}.score-info{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.name-entry h1{font-size:1.6em;letter-spacing:2px}.alphabet-grid{gap:6px;padding:10px}.letter-btn{font-size:1em;height:35px;width:35px}.name-char{font-size:1.2em;height:28px;line-height:28px;width:20px}.control-btn{font-size:.8em;min-width:80px;padding:8px 12px}}.menu.highscore-page *,.menu.highscore-page :after,.menu.highscore-page :before{box-sizing:border-box}.highscore-list{background:#000;border:3px solid #444;border-radius:12px;box-shadow:0 0 30px #0ff6,inset 0 0 30px #000c,0 0 60px #ffd70033;letter-spacing:2px;margin:0 auto;overflow:hidden;padding:25px;position:relative}.highscore-list,.menu h1,.menu h1.hall-of-fame{box-sizing:border-box;font-family:Courier New,monospace;max-width:700px;text-transform:uppercase}.menu h1,.menu h1.hall-of-fame{animation:titlePulse 2s ease-in-out infinite alternate;color:gold;font-size:2.8em;letter-spacing:6px;margin-bottom:0;margin-left:auto;margin-right:auto;text-align:center;text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold,0 0 40px gold}@keyframes titlePulse{0%{text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold}to{text-shadow:0 0 15px gold,0 0 25px gold,0 0 35px gold,0 0 45px gold}}.highscore-header{grid-gap:50px;background:linear-gradient(90deg,#ffd7001a,#ffd7000d,#ffd7001a);border-bottom:3px solid #444;color:gold;display:grid;font-size:18px;font-weight:700;gap:50px;grid-template-columns:70px 130px 90px 1fr;margin-bottom:20px;padding:18px 15px;text-shadow:0 0 12px gold}.highscore-header span:first-child,.highscore-header span:nth-child(2),.highscore-header span:nth-child(3){text-align:center}.highscore-header span:nth-child(4){text-align:left}.highscore-item{grid-gap:50px;background:linear-gradient(90deg,#0000,#ffffff05,#0000);border-bottom:1px solid #333;display:grid;font-size:16px;font-weight:700;gap:50px;grid-template-columns:70px 130px 90px 1fr;padding:15px;position:relative;transition:all .4s ease}.highscore-item:hover{background:linear-gradient(90deg,#00ffff1a,#00ffff0d,#00ffff1a);box-shadow:0 0 20px #0ff9,inset 0 0 20px #00ffff1a;transform:scale(1.02)}.highscore-item span:first-child{text-align:center}.highscore-item span:nth-child(2){text-align:right}.highscore-item span:nth-child(3){text-align:center}.highscore-item span:nth-child(4){text-align:left}.highscore-item:first-child{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b,0 0 20px #ff6b6b}.highscore-item:nth-child(2){color:orange;text-shadow:0 0 10px orange,0 0 20px orange}.highscore-item:nth-child(3){color:#ff0;text-shadow:0 0 10px #ff0,0 0 20px #ff0}.highscore-item:nth-child(4){color:#0f0;text-shadow:0 0 10px #0f0,0 0 20px #0f0}.highscore-item:nth-child(5){color:#0ff;text-shadow:0 0 10px #0ff,0 0 20px #0ff}.highscore-item:nth-child(6){color:#0080ff;text-shadow:0 0 10px #0080ff,0 0 20px #0080ff}.highscore-item:nth-child(7){color:#8000ff;text-shadow:0 0 10px #8000ff,0 0 20px #8000ff}.highscore-item:nth-child(8){color:#f0f;text-shadow:0 0 10px #f0f,0 0 20px #f0f}.highscore-item:nth-child(9){color:#ff8080;text-shadow:0 0 10px #ff8080,0 0 20px #ff8080}.highscore-item:nth-child(10){color:#80ff80;text-shadow:0 0 10px #80ff80,0 0 20px #80ff80}.rank{font-size:18px;text-align:center}.rank,.score{font-weight:700}.score{font-family:Courier New,monospace;letter-spacing:1px;text-align:right}.level{font-size:14px;font-weight:400;opacity:.9;text-align:center}.player-name{font-weight:700;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.no-scores{color:#666;font-family:Courier New,monospace;font-size:20px;font-style:italic;grid-column:1/-1;letter-spacing:normal;padding:60px 20px;text-align:center;text-transform:none}.highscore-list:before{animation:diagonalScanLine 9s linear infinite;background:linear-gradient(90deg,#0000,#00ffff1a,#0ff3,#ffffff4d,#0ff3,#00ffff1a,#0000);box-shadow:0 0 15px #0ffc,0 0 30px #0ff6;content:"";height:6px;left:-20%;opacity:.3;position:absolute;top:100%;transform:rotate(45deg);transform-origin:center center;width:140%;z-index:2}@keyframes diagonalScanLine{0%{opacity:0;top:130%;transform:rotate(45deg) scaleX(.9)}1%{opacity:1;transform:rotate(45deg) scaleX(1.1)}10%{opacity:1;transform:rotate(45deg) scaleX(1.1)}16%{opacity:0;top:-30%;transform:rotate(45deg) scaleX(.9)}to{opacity:0;top:-30%;transform:rotate(45deg) scaleX(.9)}}.highscore-list:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 0,#00ff0008 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.highscore-item.player-score{background:linear-gradient(90deg,#ffd70026,#ffd7001a,#ffd70026);border:2px solid gold;border-radius:4px;box-shadow:0 0 25px #ffd70066,inset 0 0 25px #ffd7001a}.highscore-item.player-score:before{animation:blink 1.2s infinite;color:gold;content:"► ";font-size:20px;left:-20px;position:absolute}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.menu .back-button{background:linear-gradient(45deg,#333,#555);border:2px solid #777;box-shadow:0 0 15px #00000080;box-sizing:border-box;color:gold;display:block;font-family:Courier New,monospace;font-size:16px;letter-spacing:2px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:700px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.menu .back-button:hover{background:linear-gradient(45deg,#555,#777);border-color:gold;box-shadow:0 0 25px #ffd70066,0 0 35px #ffd70033;transform:translateY(-2px)}.filter-buttons{background:linear-gradient(90deg,#ffd7001a,#ffd7000d,#ffd7001a);border:2px solid gold;border-radius:8px;box-shadow:0 0 25px #ffd7004d,inset 0 0 25px #ffd7001a;display:flex;gap:15px;justify-content:center;margin-bottom:25px;padding:20px}.filter-btn{background:linear-gradient(45deg,#333,#555);border:2px solid #777;border-radius:4px;box-shadow:0 0 15px #00000080,inset 0 0 10px #ffd7001a;color:gold;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:2px;min-width:80px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.filter-btn:hover{background:linear-gradient(45deg,#555,#777);border-color:gold;box-shadow:0 0 25px #ffd70066,0 0 35px #ffd70033,inset 0 0 15px #ffd70033;text-shadow:0 0 10px gold;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(45deg,gold,orange);border-color:orange;box-shadow:0 0 30px #ffd700cc,0 0 40px #ffd70066,inset 0 0 20px #ffffff4d;color:#000;font-weight:700;text-shadow:2px 2px 4px #000000b3;transform:scale(1.05)}.filter-btn.active:hover{background:linear-gradient(45deg,orange,gold);transform:scale(1.05) translateY(-1px)}.highscore-item.empty-slot{background:#ffffff08;border:1px dashed #444;color:#666;opacity:.6}.highscore-item.empty-slot:hover{background:#ffffff0d;box-shadow:none;transform:none}.highscore-item.empty-slot span{color:#666;text-shadow:none}
/*# sourceMappingURL=main.47698ba9.css.map*/