.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;padding:20px 15px;position:relative;overflow:hidden}.floating-emojis{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none}.floating-emoji{position:absolute;width:40px;height:40px;opacity:.2;animation:floatUp linear infinite;bottom:-50px;filter:none;border-radius:0}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:.3}10%{opacity:.3}90%{opacity:.2}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:25px;max-width:100%}.main-content-centered{display:flex;flex-direction:column;align-items:center;gap:15px;flex:1;justify-content:center;width:100%}.title{font-size:4rem;font-weight:100;color:#2c3e50;letter-spacing:12px;position:relative;animation:fadeInDown 1s ease;text-transform:lowercase;text-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:60px}.dot{color:#3498db;animation:pulse 2s ease-in-out infinite}.subtitle{font-size:1.2rem;color:#3498db;letter-spacing:3px;animation:fadeIn 1s ease .3s both;text-transform:lowercase;font-weight:300;min-height:35px;display:flex;align-items:center;justify-content:center}.image-wrapper{position:relative;animation:fadeInUp 1s ease .5s both;cursor:pointer;width:400px;max-width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.image-wrapper img{transition:transform .1s ease;will-change:transform;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.image-wrapper .screamer-video{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}.image-wrapper:active img{transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:300;letter-spacing:2px;opacity:0;transition:opacity .3s ease;pointer-events:none;text-shadow:0 0 10px rgba(0,0,0,.8);z-index:2;border-radius:12px;background:#0000}.image-wrapper:hover .image-overlay{opacity:1;background:#00000080}img,.screamer-video{max-width:100%;width:100%;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #3498db4d;transition:all .4s ease;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}img.demon-mode{box-shadow:0 20px 60px #dc141480}img.demon-mode:hover{box-shadow:0 30px 80px #dc1414b3}img.welcome-icon-img,img.celebration-icon,img.floating-emoji{max-width:none;border-radius:0;box-shadow:none;background:transparent}img.welcome-icon-img.barsik-icon,img.welcome-icon-img.filin-icon{border-radius:12px}img:hover,.screamer-video:hover{box-shadow:0 30px 80px #3498db80}img.welcome-icon-img:hover,img.celebration-icon:hover,img.floating-emoji:hover,.screamer-video.welcome-icon-img:hover,.screamer-video.celebration-icon:hover,.screamer-video.floating-emoji:hover{box-shadow:none}.screamer-video{pointer-events:none}.particle{position:absolute;width:45px!important;height:45px!important;max-width:45px!important;max-height:45px!important;pointer-events:none;animation:particleFloat 1s ease-out forwards;z-index:10;will-change:transform,opacity;object-fit:contain}@keyframes particleFloat{0%{opacity:1;transform:translate(-22.5px,-22.5px) scale(1)}to{opacity:0;transform:translate(-22.5px,-120px) scale(1.5)}}.stats{display:flex;gap:60px;margin-top:30px;animation:fadeIn 1s ease .8s both;flex-wrap:wrap;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-value{font-size:2.5rem;font-weight:200;color:#3498db;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:.9rem;color:#2c3e50b3;letter-spacing:2px;text-transform:lowercase}@media (max-width: 768px){.App{padding:10px 15px 80px;min-height:100vh;justify-content:flex-start}.content-wrapper{width:100%;max-width:100%;gap:20px}.main-content-centered{gap:12px}.title{font-size:2rem;letter-spacing:4px;margin-top:40px}.subtitle{font-size:.9rem;text-align:center;min-height:25px}.image-wrapper{width:100%;max-width:350px}img,.screamer-video{width:100%;height:auto;border-radius:12px}.particle{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important}@keyframes particleFloat{0%{opacity:1;transform:translate(-17.5px,-17.5px) scale(1)}to{opacity:0;transform:translate(-17.5px,-80px) scale(1.5)}}.stats{gap:15px;justify-content:center;width:100%;margin-top:15px}.stat-item{flex:0 0 calc(50% - 8px);min-width:0}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem;white-space:nowrap}}.tabs{display:flex;gap:10px;margin-bottom:10px;animation:fadeIn .5s ease}.tab{padding:12px 30px;background:#ffffff80;border:2px solid rgba(52,152,219,.3);border-radius:25px;color:#2c3e50;font-size:1rem;font-weight:300;letter-spacing:2px;text-transform:lowercase;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;display:inline-block}.tab:hover{background:#ffffffb3;border-color:#3498db80;transform:translateY(-2px)}.tab.active{background:#3498db;color:#fff;border-color:#3498db;box-shadow:0 4px 15px #3498db66}.achievements-gallery{width:100%;max-width:900px;animation:fadeIn .5s ease;padding:80px 20px 20px;min-height:600px}.gallery-title{font-size:3rem;font-weight:100;color:#2c3e50;letter-spacing:8px;text-transform:lowercase;text-align:center;margin-bottom:20px;margin-top:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:900px;margin:0 auto}.achievement-card{background:#fff9;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:15px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(52,152,219,.2);height:100%}.achievement-card.unlocked{border-color:#3498db80;box-shadow:0 8px 25px #3498db33}.achievement-card.unlocked:hover{transform:translateY(-5px);box-shadow:0 12px 35px #3498db4d}.achievement-card.locked{opacity:.6;border-color:#0000001a}.achievement-icon{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#3498db1a;border-radius:12px;overflow:hidden;position:relative}.video-spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#3498db1a;z-index:1}.spinner{width:40px;height:40px;border:3px solid rgba(52,152,219,.2);border-top-color:#3498db;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.achievement-video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .2s ease}.achievement-video:hover{transform:scale(1.02)}.locked-icon{font-size:4rem;opacity:.3}.locked-icon-img{width:80px;height:80px;object-fit:contain;opacity:.3}.achievement-info{display:flex;flex-direction:column;gap:8px;flex:1}.achievement-name{font-size:1.5rem;font-weight:300;color:#2c3e50;letter-spacing:2px;text-transform:lowercase;margin:0}.achievement-requirement{font-size:.9rem;color:#3498db;letter-spacing:1px;text-transform:lowercase;margin:auto 0 0;font-weight:300}.achievement-card.unlocked .achievement-requirement{color:#27ae60}.select-skin-btn{padding:10px 20px;background:#3498db33;border:2px solid #3498db;border-radius:20px;color:#2c3e50;font-size:.9rem;font-weight:300;letter-spacing:1px;text-transform:lowercase;cursor:pointer;transition:all .3s ease;margin-top:10px}.select-skin-btn:hover{background:#3498db4d;transform:translateY(-2px)}.select-skin-btn.selected{background:#3498db;color:#fff;border-color:#3498db}.achievement-card.selected{border-color:#27ae60;box-shadow:0 8px 25px #27ae604d}.skins-gallery{width:100%;max-width:900px;animation:fadeIn .5s ease;padding:80px 20px 20px;min-height:600px}.skins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:900px;margin:0 auto}.skin-card{background:#fff9;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:15px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(52,152,219,.2);height:100%}.skin-card.unlocked{border-color:#3498db80;box-shadow:0 8px 25px #3498db33}.skin-card.unlocked:hover{transform:translateY(-5px);box-shadow:0 12px 35px #3498db4d}.skin-card.locked{opacity:.6;border-color:#0000001a}.skin-card.selected{border-color:#27ae60;box-shadow:0 8px 25px #27ae604d}.skin-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;overflow:hidden}.skin-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}.skin-info{display:flex;flex-direction:column;gap:8px;flex:1}.skin-name{font-size:1.5rem;font-weight:300;color:#2c3e50;letter-spacing:2px;text-transform:lowercase;margin:0}.skin-requirement{font-size:.9rem;color:#3498db;letter-spacing:1px;text-transform:lowercase;margin:auto 0 0;font-weight:300}.skin-card.unlocked .skin-requirement{color:#27ae60}@media (max-width: 768px){.tabs{gap:8px;margin-bottom:8px}.tab{padding:10px 20px;font-size:.9rem;letter-spacing:1px}.achievements-gallery{padding:50px 10px 10px}.gallery-title{font-size:2rem;letter-spacing:4px;margin-bottom:15px;margin-top:0}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:15px}.achievement-icon{aspect-ratio:1!important;width:100%;height:auto}.achievement-name{font-size:1.2rem}.achievement-requirement{font-size:.8rem}.skins-gallery{padding:50px 10px 10px}.skins-grid{grid-template-columns:repeat(2,1fr);gap:15px}.skin-preview{aspect-ratio:1}.skin-name{font-size:1.2rem}.skin-requirement{font-size:.8rem}}.achievement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.achievement-popup{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:24px;padding:40px;max-width:500px;width:90%;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;animation:popupBounce .6s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 20px 60px #3498db66;overflow:hidden;border:2px solid rgba(52,152,219,.3)}@keyframes popupBounce{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.1) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.achievement-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(52,152,219,.2) 0%,transparent 70%);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.achievement-popup-title{font-size:1.8rem;font-weight:300;color:#2c3e50;letter-spacing:2px;text-transform:lowercase;text-align:center;margin:0;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:titleShake .5s ease .3s}.achievement-celebration{display:flex;gap:20px;z-index:1;animation:fadeIn .5s ease .2s both}.achievement-celebration-emojis{position:absolute;top:0;left:0;right:0;height:100px;pointer-events:none;z-index:0}.celebration-emoji{position:absolute;width:40px;height:40px;object-fit:contain;animation:emojiJump 1.5s ease-in-out infinite;opacity:.8}@keyframes emojiJump{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(10deg)}50%{transform:translateY(-50px) rotate(-10deg)}75%{transform:translateY(-30px) rotate(5deg)}}.celebration-icon{width:50px;height:50px;object-fit:contain;animation:bounce .6s ease infinite;background:transparent}.celebration-icon-right{animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleShake{0%,to{transform:translate(0)}25%{transform:translate(-10px) rotate(-5deg)}75%{transform:translate(10px) rotate(5deg)}}.achievement-popup-image{width:200px;height:200px;border-radius:16px;overflow:hidden;background:#3498db1a;display:flex;align-items:center;justify-content:center;z-index:1;animation:imageRotate .8s ease .2s;box-shadow:0 10px 30px #3498db4d;border:2px solid rgba(52,152,219,.2)}@keyframes imageRotate{0%{transform:rotateY(90deg) scale(.5);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}.achievement-popup-image img{max-width:100%;max-height:100%;object-fit:contain}.achievement-popup-name{font-size:2rem;font-weight:300;color:#3498db;letter-spacing:3px;text-transform:lowercase;margin:0;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.achievement-popup-text{font-size:1.1rem;color:#2c3e50b3;letter-spacing:1px;text-transform:lowercase;margin:0;z-index:1}.achievement-popup-btn{padding:15px 40px;background:#3498db;border:none;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:300;letter-spacing:2px;text-transform:lowercase;cursor:pointer;transition:all .3s ease;z-index:1;box-shadow:0 5px 15px #3498db4d}.achievement-popup-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3498db66;background:#2980b9}@media (max-width: 768px){.achievement-popup{padding:30px 20px}.achievement-popup-title{font-size:1.3rem}.achievement-popup-image{width:150px;height:150px}.achievement-popup-name{font-size:1.5rem}.achievement-popup-text{font-size:.9rem}.achievement-popup-btn{padding:12px 30px;font-size:1rem}}.welcome-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-popup{background:#fffffff2;border-radius:20px;padding:35px 30px;max-width:500px;width:90%;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;animation:fadeIn .3s ease;box-shadow:0 10px 40px #3498db40;overflow:hidden;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(52,152,219,.15) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite}.welcome-title{font-size:2rem;font-weight:300;color:#2c3e50;letter-spacing:2px;text-transform:lowercase;text-align:center;margin:0;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.05)}.welcome-content{display:flex;flex-direction:column;gap:15px;width:100%;z-index:1}.welcome-section{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:15px;background:#3498db0d;border-radius:12px;border:1px solid rgba(52,152,219,.1);transition:all .3s ease}.welcome-section:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db26;border-color:#3498db33;background:#3498db14}.welcome-icon{font-size:3rem;margin-bottom:5px}.welcome-icon-img{width:60px;height:60px;object-fit:contain;margin-bottom:5px;background:transparent}.welcome-icon-img.barsik-icon,.welcome-icon-img.filin-icon{border-radius:12px}.welcome-section h3{font-size:1.2rem;font-weight:300;color:#3498db;letter-spacing:1px;text-transform:lowercase;margin:0}.welcome-section p{font-size:1rem;color:#2c3e50b3;letter-spacing:.3px;line-height:1.5;margin:0}.welcome-btn{width:100%;padding:14px 35px;background:#3498db;border:none;border-radius:20px;color:#fff;font-size:1.1rem;font-weight:300;letter-spacing:1px;text-transform:lowercase;cursor:pointer;transition:all .3s ease;z-index:1;box-shadow:0 4px 15px #3498db4d;margin-top:5px}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66;background:#2980b9}@media (max-width: 768px){.welcome-popup{padding:25px 20px}.welcome-title{font-size:1.5rem}.welcome-icon{font-size:2rem}.welcome-icon-img{width:50px;height:50px}.welcome-section{padding:12px}.welcome-section h3{font-size:1rem}.welcome-section p{font-size:.85rem}.welcome-btn{padding:10px 30px;font-size:.9rem}}.help-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#3498dbe6;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-button:hover{background:#3498db;transform:scale(1.1);box-shadow:0 6px 20px #3498db80}@media (max-width: 768px){.help-button{width:36px;height:36px;font-size:1.1rem;bottom:84px;right:20px}}.App.demon-mode .title{color:#fff}.App.demon-mode .dot{color:#f44}.App.demon-mode .subtitle{color:#fff}.App.demon-mode .stat-value{color:#f44}.App.demon-mode .stat-label{color:#ffffffb3}.App.demon-mode .gallery-title{color:#fff}.App.demon-mode .achievement-card,.App.demon-mode .skin-card{border-color:#dc141480;background:#ffffff80}.App.demon-mode .achievement-card.unlocked,.App.demon-mode .skin-card.unlocked{border-color:#dc1414;box-shadow:0 8px 25px #dc14144d}.App.demon-mode .achievement-name,.App.demon-mode .skin-name{color:#fff}.App.demon-mode .achievement-requirement,.App.demon-mode .skin-requirement{color:#f44}.App.demon-mode .lottery-title{color:#fff}.App.demon-mode .lottery-info p{color:#ffffffb3}.App.demon-mode .settings-title,.App.demon-mode .slider-label{color:#fff}.App.demon-mode .settings-version p{color:#ffffff80}.App.demon-mode .help-button{background:#dc1414e6;border-color:#ffffff4d}.App.demon-mode .help-button:hover{background:#dc1414}.App.demon-mode .setting-slider::-webkit-slider-thumb{background:#dc1414}.App.demon-mode .setting-slider::-moz-range-thumb{background:#dc1414}.App.demon-mode .setting-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#dc1414 0%,#dc1414 var(--value),rgba(220,20,20,.2) var(--value),rgba(220,20,20,.2) 100%)}.App.demon-mode .setting-slider::-moz-range-track{background:#dc141433}.App.demon-mode .setting-slider::-moz-range-progress{background:#dc1414}.App.demon-mode .select-skin-btn{background:#dc141433;border-color:#dc1414;color:#fff}.App.demon-mode .select-skin-btn:hover{background:#dc14144d}.App.demon-mode .select-skin-btn.selected{background:#dc1414;color:#fff;border-color:#dc1414}.App.demon-mode .skin-card.selected{border-color:#dc1414;box-shadow:0 8px 25px #dc141466}.navigation{display:flex;gap:10px;margin-bottom:10px;animation:fadeIn .5s ease}.nav-link{padding:12px 30px;background:#ffffff80;border:2px solid rgba(52,152,219,.3);border-radius:25px;color:#2c3e50;font-size:1rem;font-weight:300;letter-spacing:2px;text-transform:lowercase;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;display:inline-block}.nav-icon{display:none}.nav-link:hover{background:#ffffffb3;border-color:#3498db80;transform:translateY(-2px)}.nav-link.active{background:#3498db;color:#fff;border-color:#3498db;box-shadow:0 4px 15px #3498db66}@media (max-width: 768px){.navigation{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px 12px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom));margin:0;gap:6px;justify-content:space-around;box-shadow:0 -2px 20px #00000014;z-index:100;border-top:1px solid rgba(52,152,219,.15)}.nav-link{padding:8px 4px;font-size:.65rem;letter-spacing:.3px;flex:1;text-align:center;border-radius:12px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:56px;justify-content:center}.nav-icon{display:block;width:28px;height:28px;object-fit:contain;opacity:.6;transition:all .3s ease}.nav-text{display:none}.nav-link.active .nav-icon{opacity:1}.nav-link.active{background:#3498db1a;color:#3498db;box-shadow:none}.nav-link:hover{transform:none;background:#3498db0d}.nav-link:hover .nav-icon{opacity:.8}}.navigation.demon-mode .nav-link{border-color:#dc14144d;color:#f44}.navigation.demon-mode .nav-link:hover{border-color:#dc141480;background:#dc14141a}.navigation.demon-mode .nav-link.active{background:#dc141433;border-color:#dc1414;color:#f44}@media (min-width: 769px){.navigation.demon-mode .nav-link.active{background:#dc141433;border-color:#dc1414}}.scratch-card{position:relative;width:400px;height:250px;margin:10px auto;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #3498db4d;border:3px solid rgba(255,255,255,.8);background:#fff}.scratch-card-prize{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.5rem;font-weight:100;letter-spacing:3px;background:#fff;color:#2c3e50;text-align:center;padding:30px;z-index:1;text-transform:lowercase;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.scratch-card-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;z-index:2;touch-action:none}@media (max-width: 768px){.scratch-card{width:320px;height:200px;margin:8px auto}.scratch-card-prize{font-size:2rem;padding:20px}}.lottery-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;position:relative;overflow:hidden}.lottery-container{max-width:600px;width:100%;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.lottery-title .dot{color:#3498db;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.lottery-subtitle{font-size:1.2rem;color:#3498db;letter-spacing:3px;margin-bottom:10px;text-transform:lowercase;font-weight:300;animation:fadeIn 1s ease .3s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lottery-result{margin-top:10px;padding:20px;width:100%;max-width:400px;background:#fff9;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(52,152,219,.2);animation:fadeIn .5s ease}.result-text{font-size:1.5rem;color:#2c3e50;font-weight:300;letter-spacing:2px;text-transform:lowercase;margin:0 0 10px}.result-bonus{font-size:1.2rem;color:#3498db;font-weight:300;letter-spacing:1px;margin:0}.play-again-button{margin-top:15px;padding:15px 40px;width:100%;max-width:400px;font-size:1.1rem;font-weight:300;letter-spacing:2px;text-transform:lowercase;color:#fff;background:#3498db;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #3498db4d}.play-again-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3498db66;background:#2980b9}.play-again-button:active{transform:translateY(-1px)}.lottery-stats{margin-top:10px;padding:15px 25px;width:100%;max-width:400px;background:#ffffff80;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(52,152,219,.2)}.lottery-stats p{color:#2c3e50;font-size:1rem;font-weight:300;letter-spacing:1px;text-transform:lowercase;margin:0}.lottery-cooldown{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:400px;margin-top:20px}.cooldown-text{font-size:1.2rem;color:#3498db;font-weight:300;letter-spacing:2px;text-transform:lowercase;margin:0}.cooldown-timer{font-size:3rem;color:#2c3e50;font-weight:200;letter-spacing:4px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.lottery-title{font-size:4rem;font-weight:100;color:#2c3e50;letter-spacing:12px;margin:60px 0 5px;text-transform:lowercase;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:fadeInDown 1s ease;text-align:center}.lottery-info{text-align:center;margin:15px 0 20px;animation:fadeIn 1s ease .3s both}.lottery-info p{font-size:1rem;color:#2c3e50b3;letter-spacing:1px;text-transform:lowercase;margin:5px 0;font-weight:300}@media (max-width: 768px){.lottery-title{font-size:2rem;letter-spacing:4px;margin:40px 0 4px}.lottery-info{margin:10px 0 15px}.lottery-info p{font-size:.85rem}.lottery-subtitle{font-size:.9rem;margin-bottom:8px}.lottery-result{margin-top:8px;padding:15px;max-width:320px}.result-text{font-size:1.2rem}.result-bonus{font-size:1rem}.lottery-stats{margin-top:8px;padding:12px 20px;max-width:320px}.lottery-stats p{font-size:.9rem}.cooldown-text{font-size:1rem}.cooldown-timer{font-size:2.5rem}}.settings-page{width:100%;max-width:600px;animation:fadeIn .5s ease;padding:80px 20px 20px;min-height:600px}.settings-title{font-size:3rem;font-weight:100;color:#2c3e50;letter-spacing:8px;text-transform:lowercase;text-align:center;margin-bottom:40px;margin-top:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.settings-section{display:flex;flex-direction:column;gap:10px}.setting-item{background:#fff9;border-radius:16px;padding:25px;display:flex;flex-direction:column;gap:15px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(52,152,219,.2)}.setting-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3498db33;border-color:#3498db66}.setting-label{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:300;color:#2c3e50;letter-spacing:2px;text-transform:lowercase;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox{position:relative;width:28px;height:28px}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;z-index:2}.checkmark{position:absolute;top:0;left:0;width:28px;height:28px;background:#fffc;border:2px solid rgba(52,152,219,.4);border-radius:6px;transition:all .3s ease}.custom-checkbox:hover .checkmark{border-color:#3498db;transform:scale(1.05);box-shadow:0 2px 8px #3498db4d}.custom-checkbox input:checked~.checkmark{background:#3498db;border-color:#3498db}.checkmark:after{content:"";position:absolute;display:none;left:8px;top:4px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input:checked~.checkmark:after{display:block}.setting-checkbox{width:28px;height:28px;cursor:pointer;accent-color:#3498db;border-radius:6px;border:2px solid rgba(52,152,219,.4);transition:all .3s ease}.setting-checkbox:hover{border-color:#3498db;transform:scale(1.1)}.setting-checkbox:checked{background:#3498db;border-color:#3498db}.slider-container{display:flex;flex-direction:column;gap:10px}.slider-label{font-size:1.2rem;font-weight:300;color:#3498db;letter-spacing:1px;text-transform:lowercase;text-align:center}.setting-slider{width:100%;height:10px;border-radius:5px;background:#3498db33;outline:none;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-slider:hover{background:#3498db4d}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#3498db;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3498db4d}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3498db80}.setting-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#3498db;cursor:pointer;border:none;transition:all .3s ease;box-shadow:0 2px 8px #3498db4d}.setting-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3498db80}@media (max-width: 768px){.settings-page{padding:50px 10px 10px}.settings-title{font-size:2rem;letter-spacing:4px;margin-bottom:25px}.setting-item{padding:20px}.setting-label{font-size:1.2rem}.slider-label{font-size:1rem}.setting-checkbox{width:24px;height:24px}}.settings-version{margin-top:30px;text-align:center;animation:fadeIn 1s ease .5s both}.settings-version p{font-size:.9rem;color:#2c3e5080;letter-spacing:1px;text-transform:lowercase;margin:0;font-weight:300}@media (max-width: 768px){.settings-version{margin-top:20px}.settings-version p{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{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}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}