.arrow{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 20px rgba(255,217,61,.6))}.arrow svg{width:100%;height:100%}@media (max-width: 768px){.arrow{width:150px;height:150px}}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-panel{background:linear-gradient(135deg,#1e1e3cf2,#141428f2);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:30px;min-width:300px;max-width:90%;box-shadow:0 10px 40px #00000080}.settings-panel h2{color:#fff;margin:0 0 30px;text-align:center;font-size:24px;text-shadow:0 0 10px rgba(255,255,255,.3)}.setting-item{margin-bottom:30px}.setting-item label{display:block;color:#ffffffe6;margin-bottom:10px;font-size:16px}.setting-header-inline{display:flex;align-items:center;gap:12px;margin-bottom:12px}.setting-header-inline label,.setting-header-inline .input-group{margin-bottom:0}.setting-header-inline .input-group input[type=number]{width:88px;flex:0 0 88px}.input-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.input-group input[type=number]{flex:1;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:10px;padding:10px 15px;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.input-group input[type=number]:focus{background:#ffffff26;border-color:#ffd93dcc}.input-group .unit{color:#ffffffb3;font-size:14px}.slider{width:100%;height:6px;background:#fff3;border-radius:5px;outline:none;-webkit-appearance:none}.language-options{display:flex;flex-direction:column;gap:10px}.language-option{display:flex;align-items:center;gap:12px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:16px;width:100%}.language-option:hover{background:#ffffff26;border-color:#ffd93d80}.language-option.active{background:#ffd93d33;border-color:#ffd93dcc;box-shadow:0 0 15px #ffd93d4d}.language-option .flag{font-size:24px;line-height:1}.language-option .language-name{flex:1;text-align:left}.shape-options{display:flex;flex-direction:column;gap:10px}.shape-option{display:flex;align-items:center;gap:12px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:16px;width:100%}.shape-option:hover{background:#ffffff26;border-color:#ffd93d80}.shape-option.active{background:#ffd93d33;border-color:#ffd93dcc;box-shadow:0 0 15px #ffd93d4d}.shape-option .shape-icon{font-size:24px;line-height:1}.shape-option .shape-name{flex:1;text-align:left}.setting-item .checkbox-label{display:flex;align-items:center;gap:12px;margin-bottom:0;cursor:pointer;color:#ffffffe6;font-size:16px}.setting-item .checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#ffd93d}.setting-item .checkbox-label span{flex:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#ffd93d,#ffb800);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #ffd93d99;transition:all .3s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #ffd93de6}.slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#ffd93d,#ffb800);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px #ffd93d99;transition:all .3s ease}.slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #ffd93de6}.settings-actions{display:flex;gap:15px;margin-top:30px}.btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-save{background:linear-gradient(135deg,#ffd93d,#ffb800);color:#1a1a2e;box-shadow:0 4px 15px #ffd93d66}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd93d99}.btn-cancel{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-cancel:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 768px){.settings-panel{padding:20px;min-width:280px}.settings-panel h2{font-size:20px;margin-bottom:20px}.setting-item label{font-size:14px}.input-group input[type=number]{padding:8px 12px;font-size:14px}.setting-header-inline{align-items:flex-start}.setting-header-inline .input-group input[type=number]{width:78px;flex:0 0 78px}.btn{padding:10px 16px;font-size:14px}}.language-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.language-dialog{background:#1e283cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:35px 30px 30px;border:2px solid rgba(255,217,61,.3);box-shadow:0 8px 32px #00000080;position:relative;min-width:300px}.language-dialog h2{color:#ffd93d;margin:0 0 20px;text-align:center;font-size:24px}.language-options{display:flex;flex-direction:column;gap:12px}.language-option{background:#ffffff1a;border:2px solid rgba(255,217,61,.3);border-radius:12px;padding:15px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:18px}.language-option:hover{background:#ffd93d33;border-color:#ffd93d;transform:translate(5px)}.language-option.active{background:#ffd93d4d;border-color:#ffb800;box-shadow:0 0 15px #ffd93d80}.language-option .flag{font-size:32px}.language-option .lang-name{flex:1;font-weight:500}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#ffffffb3;font-size:24px;cursor:pointer;padding:5px 10px;transition:color .3s ease}.close-button:hover{color:#ffd93d}.laser-beam-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100}.laser-beam-svg{width:800px;height:800px;transform-origin:center;transition:transform .1s linear}.beam-animation{animation:beamShoot 2s ease-out}@keyframes beamShoot{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}10%{opacity:1;transform:scaleY(1)}90%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.background-pies{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.background-pies svg{width:min(90vw,90vh);height:min(90vw,90vh)}.app{width:100%;height:100vh;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.galaxy-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);z-index:0}.galaxy-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#ffd93d,transparent),radial-gradient(2px 2px at 60px 70px,#ff6b9d,transparent),radial-gradient(1px 1px at 50px 50px,#87ceeb,transparent),radial-gradient(1px 1px at 130px 80px,#98fb98,transparent),radial-gradient(2px 2px at 90px 10px,#dda0dd,transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(1px 1px at 20px 150px,#ffb6c1,transparent),radial-gradient(2px 2px at 200px 180px,#87cefa,transparent),radial-gradient(1px 1px at 140px 200px,#ffa07a,transparent),radial-gradient(1px 1px at 80px 230px,white,transparent),radial-gradient(2px 2px at 110px 170px,#ffb347,transparent),radial-gradient(1px 1px at 40px 100px,#b19cd9,transparent);background-size:200px 250px;background-repeat:repeat;animation:stars 60s linear infinite;opacity:.8}.galaxy-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(3px 3px at 100px 50px,rgba(255,182,193,.8),transparent),radial-gradient(2px 2px at 150px 150px,rgba(135,206,250,.6),transparent),radial-gradient(3px 3px at 50px 180px,rgba(152,251,152,.7),transparent);background-size:250px 300px;background-repeat:repeat;animation:stars 90s linear infinite reverse;opacity:.6}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-250px)}}.settings-button{position:absolute;top:20px;right:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.settings-button:hover{background:#fff3;transform:rotate(90deg)}.language-flag-button{position:absolute;top:20px;left:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;font-size:28px;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.language-flag-button:hover{background:#fff3;transform:scale(1.1)}.arrow-container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.tap-hint{position:absolute;bottom:50px;width:80%;text-align:center;color:#fffc;font-size:18px;font-weight:500;animation:pulse 2s ease-in-out infinite;z-index:1;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.blinking-star{position:absolute;width:3px;height:3px;border-radius:50%;z-index:1;animation:blink 2s ease-in-out infinite}.blinking-star:nth-child(1){top:15%;left:25%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(135,206,250,.8) 50%,transparent 100%);box-shadow:0 0 10px 2px #87cefacc;animation-delay:0s;animation-duration:2.5s}.blinking-star:nth-child(2){top:35%;left:65%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,182,193,.8) 50%,transparent 100%);box-shadow:0 0 10px 2px #ffb6c1cc;animation-delay:.5s;animation-duration:3s;width:4px;height:4px}.blinking-star:nth-child(3){top:55%;left:15%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,165,0,.8) 50%,transparent 100%);box-shadow:0 0 10px 2px #ffa500cc;animation-delay:1s;animation-duration:2.8s}.blinking-star:nth-child(4){top:75%;left:85%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(147,112,219,.8) 50%,transparent 100%);box-shadow:0 0 10px 2px #9370dbcc;animation-delay:1.5s;animation-duration:2.2s;width:4px;height:4px}.blinking-star:nth-child(5){top:25%;left:88%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,215,0,.8) 50%,transparent 100%);box-shadow:0 0 10px 2px #ffd700cc;animation-delay:2s;animation-duration:3.2s}.blinking-star:nth-child(6){top:45%;left:40%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(100,200,255,.8) 50%,transparent 100%);box-shadow:0 0 10px 2px #64c8ffcc;animation-delay:.8s;animation-duration:2.6s;width:3.5px;height:3.5px}.blinking-star:nth-child(7){top:65%;left:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,105,180,.8) 50%,transparent 100%);box-shadow:0 0 10px 2px #ff69b4cc;animation-delay:1.2s;animation-duration:2.9s}.blinking-star:nth-child(8){top:10%;left:70%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,140,0,.8) 50%,transparent 100%);box-shadow:0 0 10px 2px #ff8c00cc;animation-delay:1.8s;animation-duration:2.4s;width:3.5px;height:3.5px}@keyframes blink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 768px){.settings-button{top:30px;right:10px;width:45px;height:45px;font-size:20px}.language-flag-button{top:30px;left:10px;width:45px;height:45px;font-size:24px}.tap-hint{bottom:30px;font-size:16px}}.update-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-modal{background:linear-gradient(135deg,#4facfe,#4facfe);border-radius:24px;padding:40px 32px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease-out;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.update-modal-icon{font-size:64px;margin-bottom:20px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-modal-title{font-size:28px;font-weight:700;margin:0 0 16px;color:#fff}.update-modal-message{font-size:16px;line-height:1.6;margin:0 0 24px;color:#fffffff2}.update-modal-versions{background:#ffffff26;border-radius:12px;padding:16px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.version-info{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.version-info:not(:last-child){border-bottom:1px solid rgba(255,255,255,.2)}.version-label{font-size:14px;font-weight:600;color:#ffffffe6}.version-value{font-size:14px;font-weight:700;color:#fff;background:#fff3;padding:4px 12px;border-radius:8px}.update-modal-button{width:100%;padding:16px 32px;font-size:18px;font-weight:700;color:#fff;background:#ffffff40;border:2px solid rgba(255,255,255,.4);border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.update-modal-button:hover{transform:translateY(-2px);background:#ffffff59;box-shadow:0 6px 20px #0003}.update-modal-button:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;width:100vw;height:100vh}#root{width:100%;height:100%}
