@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Poppins:wght@500&display=swap);body,html{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6a1b9a;--hover-color:#8e24aa;--active-bg:#ffffff26;--text-color:#fff;--font-family:"Poppins","Segoe UI",Roboto,sans-serif}.nav-container{background-color:#6a1b9a;background-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.nav-header{align-items:center;display:flex;font-family:Poppins,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);height:60px;justify-content:space-between;padding:0 16px}.nav-logo .logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f9a825,#ff4081);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-weight:700;letter-spacing:1px;text-decoration:none}.hamburger,.nav-logo .logo{cursor:pointer;font-size:26px}.hamburger{background:none;border:none!important;color:#fff;color:var(--text-color);display:none;margin-top:5px}.nav-links{display:flex;gap:16px;list-style:none}.nav-links li{display:inline-block}.nav-page{border-radius:6px;color:#fff;color:var(--text-color);font-size:16px;font-weight:500;padding:8px 14px;text-decoration:none;transition:background-color .3s ease}.nav-page:hover{background-color:#8e24aa;background-color:var(--hover-color)}.nav-page.active{background-color:#ffffff26;background-color:var(--active-bg)}@media (max-width:768px){.hamburger{display:block}.nav-links{animation:fadeDown .3s ease-in-out;background-color:#6a1b9a;background-color:var(--primary-color);background-color:#6a1b9afa;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 4px 8px #00000026;display:none;flex-direction:column;left:0;padding-bottom:12px;position:absolute;top:50px;width:100%}.nav-links.open{display:flex}.nav-links li{border-top:1px solid #fff3;padding:12px 20px}.nav-page{border-radius:6px;font-size:16px;padding:10px 14px;transition:.3s ease}.nav-page:hover{background-color:#ffffff1a}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.visitor-counter{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#34495ecc;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 15px #0003;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-width:200px;padding:10px 20px;transition:all .3s ease}.visitor-counter:hover{background:#34495ee6;border-color:#667eea4d;box-shadow:0 6px 20px #00000040;transform:translateY(-1px)}.counter-item{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:6px}.counter-item.online{color:#2ecc71}.counter-item.total{color:#3498db}.counter-icon{font-size:.9rem}.counter-number{font-size:1rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.counter-label{font-size:.8rem;font-weight:400;opacity:.9}.counter-separator{color:#fff9;font-weight:300;margin:0 12px}.visitor-counter.loading{opacity:.7}.visitor-counter.loading .counter-item{color:#ffffffb3}@media (max-width:768px){.visitor-counter{font-size:.85rem;margin:8px 0;min-width:180px;padding:8px 16px}.counter-number{font-size:.9rem}.counter-label{font-size:.75rem}.counter-separator{margin:0 10px}}@media (max-width:480px){.visitor-counter{font-size:.8rem;min-width:160px;padding:6px 12px}.counter-label{display:none}.counter-item{gap:4px}}.counter-number{transition:all .3s ease}.counter-number.updated{color:gold;transform:scale(1.1)}.counter-item.online .counter-icon{animation:pulse 2s infinite}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:50px}.footer-container{margin:0 auto;max-width:1200px;padding:0}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:50px 30px 30px}.footer-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:15px}.footer-section h4{color:#ecf0f1;font-size:1.1rem;font-weight:600;margin-bottom:15px}.footer-section p{color:#bdc3c7;line-height:1.6;margin-bottom:20px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#bdc3c7;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#667eea}.social-links{margin-top:20px}.social-links span{color:#95a5a6;font-size:.9rem}.footer-bottom{border-top:1px solid #34495e;padding:20px 30px}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.footer-center,.footer-left,.footer-right{align-items:center;display:flex;flex:1 1}.footer-left{justify-content:flex-start}.footer-center{justify-content:center}.footer-right{justify-content:flex-end}.footer-bottom p{color:#95a5a6;font-size:.9rem;margin:0}.footer-links{align-items:center;display:flex;gap:10px}.footer-links a{color:#95a5a6;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#667eea}.footer-links span{color:#95a5a6}@media (max-width:1024px){.footer-content{gap:30px;grid-template-columns:2fr 1fr 1fr 1fr}}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr 1fr;padding:40px 20px 20px}.footer-section:first-child{grid-column:1/-1}.footer-bottom-content{flex-direction:column;gap:15px;text-align:center}.footer-center,.footer-left,.footer-right{justify-content:center;width:100%}}@media (max-width:480px){.footer-content{gap:25px;grid-template-columns:1fr;padding:30px 15px 15px}.footer-section:first-child{grid-column:1}.footer-bottom{padding:15px}}.Games-page{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;padding-bottom:50px;position:relative}.Games-page:before{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff1a 2px,#0000 0);background-size:60px 60px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.side-bar{background:#0000;margin-top:60px;width:5%}.Games-Container,.Tools-Container{grid-gap:clamp(20px,4vw,30px);background:#0000;display:grid;gap:clamp(20px,4vw,30px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:stretch;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1400px;padding:clamp(20px,4vw,30px);width:90%}.games-header{animation:fadeInDown .8s ease-out forwards;grid-column:1/-1;margin-bottom:30px;opacity:0;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.games-header h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 10px;text-shadow:0 4px 8px #0000004d}.games-header p{color:#ffffffe6;font-size:1.1rem;font-weight:300;margin:0;text-shadow:0 2px 4px #0003}.Tools-Container{margin-left:auto;margin-right:auto;margin-top:60px;width:90%}.section-header{color:#fff;font-size:20px;font-weight:700;margin-top:-30px;position:absolute;text-shadow:2px 2px 4px #0000004d}.Game-Container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #0003;margin-top:20px;max-width:800px;min-height:auto;padding:clamp(20px,4vw,30px)}.Games-Container h2{margin-left:auto;margin-right:auto}.game-icon{animation:slideInUp .6s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin:16px 0;opacity:0;overflow:hidden;position:relative;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-icon:nth-child(2){animation-delay:.1s}.game-icon:nth-child(3){animation-delay:.2s}.game-icon:nth-child(4){animation-delay:.3s}.game-icon:nth-child(5){animation-delay:.4s}.game-icon:hover{border-color:#ffffff40;box-shadow:0 20px 40px #00000040;transform:translateY(-8px)}.game-icon:before{display:none}.game-name{border-bottom:1px solid #ffffff1a}.game-info,.game-name{background:#ffffff0d;flex:0 0 auto;overflow:hidden;padding:20px;position:relative}.game-info{border-top:1px solid #ffffff1a;height:320px}.game-info h3,.game-name h3{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.3;margin:0 0 12px;text-shadow:0 2px 4px #0000004d}.game-image{background:#0000;flex:0 0 auto;overflow:hidden;position:relative}.game-image img{cursor:pointer;display:block;height:200px;object-fit:cover;transition:all .3s ease;width:100%}.game-image:hover img{transform:scale(1.05)}.game-image:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeaf2;border:2px solid #ffffff4d;border-radius:25px;color:#fff;content:"▶ Play Now";font-size:14px;font-weight:600;left:50%;opacity:0;padding:12px 24px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.game-icon:hover .game-image:after{opacity:1}.professional-char-counter-card,.professional-gem-card,.professional-greeting-card,.professional-guess-card,.professional-lions-card,.professional-month-spinner-card,.professional-number-spinner-card,.professional-quiz-card,.professional-snake-card,.professional-tiger-card,.professional-truth-dare-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.professional-char-counter-card:hover,.professional-gem-card:hover,.professional-greeting-card:hover,.professional-guess-card:hover,.professional-lions-card:hover,.professional-month-spinner-card:hover,.professional-number-spinner-card:hover,.professional-quiz-card:hover,.professional-snake-card:hover,.professional-tiger-card:hover,.professional-truth-dare-card:hover{transform:scale(1.02)}.card-background{align-items:center;animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-size:200% 200%;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;width:100%}@keyframes backgroundShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.floating-numbers{height:100%;pointer-events:none;position:absolute;width:100%}.floating-numbers span{color:#ffffff4d;font-family:Monaco,Menlo,monospace;font-size:24px;font-weight:700;position:absolute;text-shadow:0 2px 4px #0000004d}.number-1{animation:float 4s ease-in-out infinite;left:20px;top:15px}.number-2{animation:float 4s ease-in-out infinite reverse;animation-delay:1s;right:25px;top:20px}.number-3{animation:pulse 2s ease-in-out infinite;animation-delay:.5s;bottom:15px;color:#fff9;font-size:32px;left:25px}.main-icon{margin-bottom:15px;position:relative;z-index:2}.target-icon{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.target-ring{animation:ripple 3s linear infinite;border:2px solid #fff6;border-radius:50%;position:absolute}.ring-1{height:30px;width:30px}.ring-2{animation-delay:1s;height:45px;width:45px}.ring-3{animation-delay:2s;height:60px;width:60px}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.target-center{animation:targetSpin 8s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes targetSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-title{position:relative;text-align:center;z-index:2}.title-text{color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-shadow:0 2px 4px #0000004d}.subtitle{color:#fffc;display:block;font-size:12px;font-style:italic;font-weight:500;text-shadow:0 1px 2px #0000004d}.decorative-elements{height:100%;pointer-events:none;position:absolute;width:100%}.brain-icon{animation:float 5s ease-in-out infinite;animation-delay:2s;bottom:15px;font-size:20px;opacity:.7;position:absolute;right:20px}.lightning-icon{animation:flash 2s ease-in-out infinite;animation-delay:1.5s;font-size:16px;left:15px;opacity:.6;position:absolute;top:50%}@keyframes flash{0%,to{opacity:.6}50%{opacity:1;transform:scale(1.2)}}.professional-guess-card:hover .floating-numbers span,.professional-guess-card:hover .target-center{animation-duration:2s}.professional-guess-card:hover .card-background{animation-duration:3s}.professional-guess-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease;z-index:1}.professional-guess-card:hover:before{transform:translateX(100%)}.professional-snake-card{background:linear-gradient(135deg,#4caf50,#2e7d32)}.professional-snake-card .card-background{align-items:center;animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#4caf50,#2e7d32 50%,#4caf50);background-size:200% 200%;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;width:100%}.professional-snake-card .floating-elements{height:100%;pointer-events:none;position:absolute;width:100%}.professional-snake-card .floating-elements span{font-size:20px;position:absolute;text-shadow:0 2px 4px #0000004d}.professional-snake-card .game-element-1{animation:float 4s ease-in-out infinite;left:20px;top:15px}.professional-snake-card .game-element-2{animation:float 4s ease-in-out infinite reverse;animation-delay:1s;right:25px;top:20px}.professional-snake-card .game-element-3{animation:pulse 2s ease-in-out infinite;animation-delay:.5s;bottom:15px;font-size:24px;left:25px}.professional-snake-card .main-icon{margin-bottom:15px;position:relative;z-index:2}.snake-icon{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.snake-body{animation:snakeMove 3s linear infinite;background:linear-gradient(135deg,#66bb6a,#4caf50);border:2px solid #fff6;border-radius:50%;height:12px;position:absolute;width:12px}.body-1{animation-delay:0s;left:5px;top:24px}.body-2{animation-delay:.3s;left:20px;top:24px}.body-3{animation-delay:.6s;left:35px;top:24px}.snake-head{animation:snakeHead 3s linear infinite;animation-delay:.9s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes snakeMove{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes snakeHead{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(5deg)}75%{transform:translateY(-3px) rotate(-5deg)}}.professional-snake-card .card-title{position:relative;text-align:center;z-index:2}.professional-snake-card .title-text{color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-shadow:0 2px 4px #0000004d}.professional-snake-card .subtitle{color:#fffc;display:block;font-size:12px;font-style:italic;font-weight:500;text-shadow:0 1px 2px #0000004d}.professional-snake-card .decorative-elements{height:100%;pointer-events:none;position:absolute;width:100%}.professional-snake-card .score-icon{animation:float 5s ease-in-out infinite;animation-delay:2s;bottom:15px;font-size:20px;opacity:.7;position:absolute;right:20px}.professional-snake-card .speed-icon{animation:flash 2s ease-in-out infinite;animation-delay:1.5s;font-size:16px;left:15px;opacity:.6;position:absolute;top:50%}.professional-snake-card:hover .snake-body,.professional-snake-card:hover .snake-head{animation-duration:1.5s}.professional-snake-card:hover .card-background{animation-duration:3s}.professional-snake-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease;z-index:1}.professional-snake-card:hover:before{transform:translateX(100%)}.contact-container{background-color:#5262a4;border-radius:5px;padding:20px}.contact-input{border:1px solid #ccc;box-sizing:border-box;margin-bottom:16px;margin-top:6px;padding:12px;width:100%}.professional-tiger-card{background:linear-gradient(135deg,#ff5722,#ff8a65 50%,#ff5722)}.professional-tiger-card .card-background{animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#ff5722,#ff8a65 50%,#ff5722);background-size:200% 200%;box-sizing:border-box;flex-direction:column;height:100%;padding:20px;width:100%}.professional-tiger-card .card-background,.puzzle-icon{align-items:center;display:flex;justify-content:center;position:relative}.puzzle-icon{height:60px;width:60px}.puzzle-piece{animation:puzzleFloat 3s ease-in-out infinite;background:#ffffff4d;border:1px solid #ffffff80;border-radius:3px;height:15px;position:absolute;width:15px}.piece-1{animation-delay:0s;left:5px;top:5px}.piece-2{animation-delay:.5s;right:5px;top:5px}.piece-3{animation-delay:1s;bottom:5px;left:5px}.piece-4{animation-delay:1.5s;bottom:5px;right:5px}.lion-emoji,.tiger-emoji{animation:animalBounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes puzzleFloat{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-8px) rotate(10deg)}}@keyframes animalBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.professional-tiger-card .trophy-icon{animation:float 5s ease-in-out infinite;animation-delay:2s;bottom:15px;font-size:20px;opacity:.7;position:absolute;right:20px}.professional-tiger-card .time-icon{animation:tick 1s ease-in-out infinite;font-size:16px;left:15px;opacity:.6;position:absolute;top:50%}.professional-lions-card,.professional-lions-card .card-background{background:linear-gradient(135deg,#ffc107,#ffd54f 50%,#ffc107)}.professional-lions-card .card-background{align-items:center;animation:backgroundShift 6s ease infinite;background-size:200% 200%;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;width:100%}.professional-lions-card .crown-icon{animation:float 5s ease-in-out infinite;animation-delay:2s;bottom:15px;font-size:20px;opacity:.7;position:absolute;right:20px}.professional-lions-card .star-icon{animation:twinkle 2s ease-in-out infinite;font-size:16px;left:15px;opacity:.6;position:absolute;top:50%}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.professional-number-spinner-card{background:linear-gradient(135deg,#9c27b0,#e1bee7 50%,#9c27b0)}.professional-number-spinner-card .card-background{animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#9c27b0,#e1bee7 50%,#9c27b0);background-size:200% 200%;box-sizing:border-box;flex-direction:column;height:100%;padding:20px;width:100%}.professional-number-spinner-card .card-background,.wheel-icon{align-items:center;display:flex;justify-content:center;position:relative}.wheel-icon{height:60px;width:60px}.wheel-center{animation:wheelSpin 4s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes wheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.professional-truth-dare-card{background:linear-gradient(135deg,#e91e63,#fce4ec 50%,#e91e63)}.professional-truth-dare-card .card-background{animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#e91e63,#fce4ec 50%,#e91e63);background-size:200% 200%;box-sizing:border-box;flex-direction:column;height:100%;padding:20px;width:100%}.professional-truth-dare-card .card-background,.spinner-icon{align-items:center;display:flex;justify-content:center;position:relative}.spinner-icon{height:60px;width:60px}.center-spinner{animation:spinnerRotate 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes spinnerRotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.professional-month-spinner-card{background:linear-gradient(135deg,#00bcd4,#b2ebf2 50%,#00bcd4)}.professional-month-spinner-card .card-background{animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#00bcd4,#b2ebf2 50%,#00bcd4);background-size:200% 200%;box-sizing:border-box;flex-direction:column;height:100%;padding:20px;width:100%}.month-icon,.professional-month-spinner-card .card-background{align-items:center;display:flex;justify-content:center;position:relative}.month-icon{height:60px;width:60px}.month-center{animation:monthPulse 4s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes monthPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.professional-greeting-card .card-background{animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-size:200% 200%;box-sizing:border-box;flex-direction:column;height:100%;padding:20px;width:100%}.greeting-icon,.professional-greeting-card .card-background{align-items:center;display:flex;justify-content:center;position:relative}.greeting-icon{height:60px;width:60px}.greeting-center{animation:greetingPulse 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes greetingPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(10deg)}}.professional-greeting-card .floating-elements{height:100%;pointer-events:none;position:absolute;width:100%}.professional-greeting-card .floating-elements span{color:#ffffff4d;font-size:20px;font-weight:700;position:absolute;text-shadow:0 2px 4px #0000004d}.professional-greeting-card .game-element-1{animation:float 4s ease-in-out infinite;left:20px;top:15px}.professional-greeting-card .game-element-2{animation:float 4s ease-in-out infinite reverse;animation-delay:1s;right:25px;top:20px}.professional-greeting-card .game-element-3{animation:pulse 2s ease-in-out infinite;animation-delay:.5s;bottom:15px;font-size:24px;left:25px}.professional-greeting-card .heart-icon{animation:float 5s ease-in-out infinite;animation-delay:2s;bottom:15px;font-size:20px;opacity:.7;position:absolute;right:20px}.professional-greeting-card .sparkle-icon{animation:twinkle 2s ease-in-out infinite;animation-delay:1.5s;font-size:16px;left:15px;opacity:.6;position:absolute;top:50%}.professional-greeting-card .title-text{color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-shadow:0 2px 4px #0000004d}.professional-greeting-card .subtitle{color:#fffc;display:block;font-size:12px;font-style:italic;font-weight:500;text-shadow:0 1px 2px #0000004d}.professional-greeting-card .card-title{position:relative;text-align:center;z-index:2}.professional-greeting-card .decorative-elements{height:100%;pointer-events:none;position:absolute;width:100%}.professional-greeting-card:hover .greeting-center{animation-duration:1.5s}.professional-greeting-card:hover .card-background{animation-duration:3s}.professional-greeting-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease;z-index:1}.professional-greeting-card:hover:before{transform:translateX(100%)}.professional-char-counter-card{background:linear-gradient(135deg,#607d8b,#b0bec5 50%,#607d8b)}.professional-char-counter-card .card-background{animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#607d8b,#b0bec5 50%,#607d8b);background-size:200% 200%;box-sizing:border-box;flex-direction:column;height:100%;padding:20px;width:100%}.counter-icon,.professional-char-counter-card .card-background{align-items:center;display:flex;justify-content:center;position:relative}.counter-icon{height:60px;width:60px}.counter-center{animation:counterBlink 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes counterBlink{0%,to{opacity:1}50%{opacity:.5}}.professional-quiz-card{background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#ff6b35)}.professional-quiz-card .card-background{animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#ff6b35);background-size:200% 200%;box-sizing:border-box;flex-direction:column;height:100%;padding:20px;width:100%}.professional-quiz-card .card-background,.quiz-icon{align-items:center;display:flex;justify-content:center;position:relative}.quiz-icon{height:60px;width:60px}.globe-ring{animation:globeRotate 4s linear infinite;border:2px solid #fff6;border-radius:50%;position:absolute}.ring-1{animation-delay:0s;height:40px;width:40px}.ring-2{animation-delay:2s;height:55px;width:55px}.globe-center{animation:globePulse 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;position:relative;z-index:3}@keyframes globeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes globePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.professional-char-counter-card:before,.professional-gem-card:before,.professional-lions-card:before,.professional-month-spinner-card:before,.professional-number-spinner-card:before,.professional-quiz-card:before,.professional-tiger-card:before,.professional-truth-dare-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease;z-index:1}.professional-char-counter-card:hover:before,.professional-gem-card:hover:before,.professional-lions-card:hover:before,.professional-month-spinner-card:hover:before,.professional-number-spinner-card:hover:before,.professional-quiz-card:hover:before,.professional-tiger-card:hover:before,.professional-truth-dare-card:hover:before{transform:translateX(100%)}.professional-char-counter-card .title-text,.professional-gem-card .title-text,.professional-lions-card .title-text,.professional-month-spinner-card .title-text,.professional-number-spinner-card .title-text,.professional-quiz-card .title-text,.professional-tiger-card .title-text,.professional-truth-dare-card .title-text{color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-shadow:0 2px 4px #0000004d}.professional-char-counter-card .subtitle,.professional-gem-card .subtitle,.professional-lions-card .subtitle,.professional-month-spinner-card .subtitle,.professional-number-spinner-card .subtitle,.professional-quiz-card .subtitle,.professional-tiger-card .subtitle,.professional-truth-dare-card .subtitle{color:#fffc;display:block;font-size:12px;font-style:italic;font-weight:500;text-shadow:0 1px 2px #0000004d}.professional-char-counter-card .card-title,.professional-gem-card .card-title,.professional-lions-card .card-title,.professional-month-spinner-card .card-title,.professional-number-spinner-card .card-title,.professional-quiz-card .card-title,.professional-tiger-card .card-title,.professional-truth-dare-card .card-title{position:relative;text-align:center;z-index:2}.professional-char-counter-card .decorative-elements,.professional-char-counter-card .floating-elements,.professional-gem-card .decorative-elements,.professional-gem-card .floating-elements,.professional-lions-card .decorative-elements,.professional-lions-card .floating-elements,.professional-month-spinner-card .decorative-elements,.professional-month-spinner-card .floating-elements,.professional-number-spinner-card .decorative-elements,.professional-number-spinner-card .floating-numbers,.professional-quiz-card .decorative-elements,.professional-quiz-card .floating-elements,.professional-tiger-card .decorative-elements,.professional-tiger-card .floating-elements,.professional-truth-dare-card .decorative-elements,.professional-truth-dare-card .floating-elements{height:100%;pointer-events:none;position:absolute;width:100%}.professional-char-counter-card .floating-elements span,.professional-gem-card .floating-elements span,.professional-lions-card .floating-elements span,.professional-month-spinner-card .floating-elements span,.professional-number-spinner-card .floating-numbers span,.professional-quiz-card .floating-elements span,.professional-tiger-card .floating-elements span,.professional-truth-dare-card .floating-elements span{color:#ffffff4d;font-size:20px;font-weight:700;position:absolute;text-shadow:0 2px 4px #0000004d}.professional-char-counter-card .game-element-1,.professional-gem-card .game-element-1,.professional-lions-card .game-element-1,.professional-month-spinner-card .game-element-1,.professional-number-spinner-card .number-1,.professional-quiz-card .game-element-1,.professional-tiger-card .game-element-1,.professional-truth-dare-card .game-element-1{animation:float 4s ease-in-out infinite;left:20px;top:15px}.professional-char-counter-card .game-element-2,.professional-gem-card .game-element-2,.professional-lions-card .game-element-2,.professional-month-spinner-card .game-element-2,.professional-number-spinner-card .number-2,.professional-quiz-card .game-element-2,.professional-tiger-card .game-element-2,.professional-truth-dare-card .game-element-2{animation:float 4s ease-in-out infinite reverse;animation-delay:1s;right:25px;top:20px}.professional-char-counter-card .game-element-3,.professional-gem-card .game-element-3,.professional-lions-card .game-element-3,.professional-month-spinner-card .game-element-3,.professional-number-spinner-card .number-3,.professional-quiz-card .game-element-3,.professional-tiger-card .game-element-3,.professional-truth-dare-card .game-element-3{animation:pulse 2s ease-in-out infinite;animation-delay:.5s;bottom:15px;font-size:24px;left:25px}.professional-char-counter-card:hover .counter-center,.professional-lions-card:hover .lion-emoji,.professional-month-spinner-card:hover .month-center,.professional-number-spinner-card:hover .wheel-center,.professional-quiz-card:hover .globe-center,.professional-tiger-card:hover .tiger-emoji,.professional-truth-dare-card:hover .center-spinner{animation-duration:1s}.professional-lions-card:hover .puzzle-piece,.professional-tiger-card:hover .puzzle-piece{animation-duration:1.5s}.professional-char-counter-card:hover .card-background,.professional-gem-card:hover .card-background,.professional-lions-card:hover .card-background,.professional-month-spinner-card:hover .card-background,.professional-number-spinner-card:hover .card-background,.professional-quiz-card:hover .card-background,.professional-tiger-card:hover .card-background,.professional-truth-dare-card:hover .card-background{animation-duration:3s}@media only screen and (max-width:768px){.professional-char-counter-card,.professional-gem-card,.professional-greeting-card,.professional-guess-card,.professional-lions-card,.professional-month-spinner-card,.professional-number-spinner-card,.professional-quiz-card,.professional-snake-card,.professional-tiger-card,.professional-truth-dare-card{height:166px;width:100%}.Games-page{display:block;min-height:auto;padding-top:0}.side-bar{display:none}.Games-Container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;justify-items:stretch;margin:0 auto;max-width:none;padding:15px;width:100%}.games-header{margin-bottom:20px;padding:0 10px}.games-header h1{font-size:2rem;margin-bottom:8px}.games-header p{font-size:1rem}.Game-Container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px #00000040;margin:0 0 15px;max-width:none;padding:15px;width:100%}.game-icon{background:#ffffff1a;border:1px solid #ffffff26;border-radius:15px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;margin:0 auto 15px;max-width:none;overflow:hidden;position:relative;width:100%}.game-icon:before{display:none}.game-name{padding:15px 15px 0}.game-info h3,.game-name h3{color:#fff;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 10px;text-align:center;text-shadow:0 2px 4px #0000004d}.game-description{color:#ffffffd9;font-size:.85rem;line-height:1.4;margin:0 0 12px}.game-features{display:flex;flex-wrap:wrap;gap:5px;margin:0}.feature-tag{font-size:.7rem;padding:3px 6px}.game-info,.game-name{padding:15px}.description-grid{gap:15px;grid-template-columns:1fr}.description-item{flex-direction:column;gap:10px;padding:15px;text-align:center}.games-description{margin-bottom:15px;margin-top:20px}.game-image img{cursor:pointer;display:block;object-fit:cover}.game-image img,.professional-char-counter-card,.professional-greeting-card,.professional-guess-card,.professional-lions-card,.professional-month-spinner-card,.professional-number-spinner-card,.professional-quiz-card,.professional-snake-card,.professional-tiger-card,.professional-truth-dare-card{height:166px;width:100%}}@media only screen and (max-width:480px){.Games-Container{gap:10px;margin-top:15px;padding:10px}.games-header{margin-bottom:15px;padding:0 5px}.games-header h1{font-size:1.8rem;margin-bottom:5px}.games-header p{font-size:.9rem}.Game-Container{border-radius:15px;margin:0 0 12px;padding:12px}.game-icon{border-radius:12px;margin:0 auto 12px}.game-name{padding:12px 12px 0}.game-info h3,.game-name h3{font-size:1.1rem;margin:0 0 8px}.professional-char-counter-card,.professional-gem-card,.professional-greeting-card,.professional-guess-card,.professional-lions-card,.professional-month-spinner-card,.professional-number-spinner-card,.professional-quiz-card,.professional-snake-card,.professional-tiger-card,.professional-truth-dare-card{height:150px}}@media only screen and (min-width:1025px){.Games-Container{gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-left:auto;margin-right:auto;max-width:1400px;padding:clamp(30px,5vw,40px)}.Games-page{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh;padding-bottom:100px}.game-icon{background:#ffffff1a;border:1px solid #ffffff26;box-shadow:0 8px 32px #00000026;min-height:auto}.game-image img{height:220px}.games-header h1{font-size:3rem}.games-header p{font-size:1.2rem}}@media only screen and (min-width:1400px){.Games-Container{gap:40px;grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px) and (max-width:1399px){.Games-Container{gap:30px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:900px) and (max-width:1199px){.Games-Container{gap:25px;grid-template-columns:repeat(2,1fr)}.game-image img{height:200px}}@media only screen and (min-width:769px) and (max-width:1024px){.Games-Container{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:25px 15px}.Game-Container{max-width:600px;padding:clamp(18px,3vw,28px);width:95%}.game-icon{background:#ffffff1a;border:1px solid #ffffff26;box-shadow:0 8px 32px #00000026}.game-image img{height:180px}.games-header h1{font-size:2.2rem}}.games-description{margin-bottom:20px;margin-top:30px}.description-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.description-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.description-item:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.description-item .icon{flex-shrink:0;font-size:2rem}.description-item h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 5px}.description-item p{color:#ffffffe6;font-size:.9rem;line-height:1.4;margin:0}.game-description{color:#ffffffd9;font-size:.9rem;line-height:1.5;margin:0 0 15px;text-align:left}.game-features{display:flex;flex-wrap:wrap;gap:6px;margin:0}.feature-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;font-size:.75rem;font-weight:500;padding:4px 10px;transition:all .3s ease}.feature-tag:hover{background:#ffffff40;transform:translateY(-1px)}.greeting-cards-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.greeting-cards-icon:hover{transform:scale(1.05)}.card-preview-mini{align-items:center;animation:cardFloat 3s ease-in-out infinite;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:160px;justify-content:space-between;padding:15px;position:relative;width:120px}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}.card-header-mini{animation:iconBounce 2s ease-in-out infinite;font-size:2rem;margin-bottom:10px}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.card-lines{display:flex;flex-direction:column;gap:8px;width:100%}.line{animation:lineGrow 2s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:3px}.line:first-child{animation-delay:0s;width:80%}.line:nth-child(2){animation-delay:.3s;width:60%}.line:nth-child(3){animation-delay:.6s;width:90%}@keyframes lineGrow{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}.card-signature{animation:sparkle 1.5s ease-in-out infinite;color:#667eea;font-size:1.2rem}.greeting-cards-icon:before{animation:patternMove 4s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 0,#ffffff1a 20px);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes patternMove{0%{transform:translateX(-100%) translateY(-100%)}to{transform:translateX(0) translateY(0)}}.professional-gem-card{background:linear-gradient(135deg,#8e24aa,#ba68c8 50%,#8e24aa)}.professional-gem-card .card-background{align-items:center;animation:backgroundShift 6s ease infinite;background:linear-gradient(135deg,#8e24aa,#ba68c8 50%,#8e24aa);background-size:200% 200%;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;width:100%}.gem-grid-icon{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:60px;justify-items:center;position:relative;width:60px}.gem-piece{animation:gemFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:16px}.gem-1{animation-delay:0s}.gem-2{animation-delay:.5s}.gem-3{animation-delay:1s}.gem-4{animation-delay:1.5s}@keyframes gemFloat{0%,to{opacity:.9;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-5px) scale(1.1)}}.professional-gem-card .sparkle-icon{animation:sparkleAnimation 3s ease-in-out infinite;animation-delay:2s;bottom:15px;font-size:20px;opacity:.7;position:absolute;right:20px}.professional-gem-card .combo-icon{animation:comboAnimation 2s ease-in-out infinite;animation-delay:1.5s;font-size:16px;left:15px;opacity:.6;position:absolute;top:50%}@keyframes sparkleAnimation{0%,to{opacity:.7;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes comboAnimation{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.professional-gem-card .floating-elements{height:100%;pointer-events:none;position:absolute;width:100%}.professional-gem-card .floating-elements span{color:#ffffff4d;font-size:20px;font-weight:700;position:absolute;text-shadow:0 2px 4px #0000004d}.professional-gem-card .game-element-1{animation:float 4s ease-in-out infinite;left:20px;top:15px}.professional-gem-card .game-element-2{animation:float 4s ease-in-out infinite reverse;animation-delay:1s;right:25px;top:20px}.professional-gem-card .game-element-3{animation:pulse 2s ease-in-out infinite;animation-delay:.5s;bottom:15px;font-size:24px;left:25px}.professional-gem-card .title-text{color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-shadow:0 2px 4px #0000004d}.professional-gem-card .subtitle{color:#fffc;display:block;font-size:12px;font-style:italic;font-weight:500;text-shadow:0 1px 2px #0000004d}.professional-gem-card .card-title{position:relative;text-align:center;z-index:2}.professional-gem-card .decorative-elements{height:100%;pointer-events:none;position:absolute;width:100%}.professional-gem-card:hover .gem-piece{animation-duration:1.5s}.professional-gem-card:hover .card-background{animation-duration:3s}.professional-gem-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease;z-index:1}.professional-gem-card:hover:before{transform:translateX(100%)}.circle{border:2px solid #000;border-radius:50%;box-shadow:0 8px 20px #0000004d;height:25em;list-style:none;margin:0 auto;overflow:hidden;position:relative;width:25em}.spinner-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.spinner-page:before{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff1a 2px,#0000 0);background-size:60px 60px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes spinWheel{0%{transform:rotate(0deg)}to{transform:rotate(10turn)}}.wheel-part{height:50%;overflow:hidden;position:absolute;right:0;top:0;transform-origin:0 100%;width:50%}.text{display:block;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;height:200%;left:-100%;letter-spacing:1px;padding-top:20px;position:absolute;text-align:center;transform:skewY(60deg) rotate(15deg);width:200%}.spinner-container{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative}.wheel-container{display:inline-block;position:relative}.triangle-down{border-left:15px solid #0000;border-right:15px solid #0000;border-top:40px solid #000;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.4));height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:10}@media only screen and (max-width:768px){.circle{height:20em;width:20em}.text{font-size:16px}}.contact-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh;position:relative}.contact-page:before{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff1a 2px,#0000 0);background-size:60px 60px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.contact-wrapper{align-items:flex-start;background:#0000;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:100px;max-width:1200px;padding:clamp(20px,4vw,40px);width:90%}.contact-container{animation:slideUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 8px 32px #0003;max-width:600px;overflow:hidden;padding:40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-container:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:300% 300%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.contact-header{margin-bottom:30px;text-align:center}.contact-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.2rem;font-weight:700;margin:0 0 10px}.contact-header p{color:#666;font-size:1rem;font-weight:400;margin:0}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{position:relative}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:8px;transition:color .3s ease}.form-input,.form-textarea{background:#fffc;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;color:#333;font-family:inherit;font-size:1rem;padding:16px 50px 16px 20px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#999;font-weight:400}.form-textarea{font-family:inherit;min-height:120px;padding:16px 20px;resize:vertical}.form-input.error,.form-textarea.error{border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c1a}.form-input.success,.form-textarea.success{border-color:#27ae60;box-shadow:0 0 0 4px #27ae601a}.error-message{color:#e74c3c}.error-message,.success-message{align-items:center;display:flex;font-size:.85rem;gap:5px;margin-top:5px}.success-message{color:#27ae60}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.5px;margin:10px auto 0;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:18px 32px;position:relative;text-align:center;text-transform:uppercase;transition:all .3s ease;white-space:nowrap;width:-webkit-max-content;width:max-content}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.submit-button.loading{color:#0000;position:relative}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-button:hover:before{left:100%}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.form-status{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:16px}.form-status.success{background:#27ae601a;border:1px solid #27ae604d;color:#27ae60}.form-status.error{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c}.input-icon{color:#999;font-size:1.1rem;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:1}.form-group:focus-within .input-icon{color:#667eea}.form-group.has-error .input-icon{color:#e74c3c}.form-group.has-success .input-icon{color:#27ae60}@media only screen and (max-width:768px){.contact-page{display:block}.contact-wrapper{margin-top:80px;padding:20px 15px;width:95%}.contact-container{padding:30px 20px}.contact-header h1{font-size:1.8rem}.contact-header p{font-size:.9rem}.form-input,.form-textarea{font-size:.95rem;padding:14px 45px 14px 16px}.form-textarea{padding:14px 16px}.submit-button{font-size:1rem;padding:16px 28px}.input-icon{font-size:1rem;right:14px}}@media only screen and (min-width:769px) and (max-width:1024px){.contact-wrapper{padding:30px 20px}.contact-container{padding:35px 30px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.game-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.game-card-hover:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.ripple-button{overflow:hidden;position:relative;transition:all .3s ease}.ripple-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple-button:active:before{height:300px;width:300px}*{box-sizing:border-box}body{background-color:#fff;margin:0;padding:0;width:100%}.page-container{background-color:#add8e6;border:1px solid #000;margin-left:auto;margin-right:auto;padding-top:50px;width:500px}.page-heading{background-color:#15152c;height:12%;padding:3px 10px;width:500px}.level{background-color:#fff;border:2px solid #000;color:purple;float:right;height:12%;text-align:center;width:100px}.page-heading,h3{color:#fff}.chances,.page-input,p{font-size:12px;text-align:center}.chances{background-color:red;border-radius:20px;color:#fff;padding:3px}.input-box{background-color:#fff;border:2px solid #15152c;font-size:26px;height:50px;margin-left:150px;padding:10px 0;text-align:center;width:200px}.page-instructions{font-size:14px;height:100px;overflow-y:auto;padding:2px auto;width:100%}.page-instructions::-webkit-scrollbar{display:none}.page-instructions{-ms-overflow-style:none}.page-buttons{margin-left:70px}button{border:2px solid #000;border-radius:5px;cursor:pointer;font-size:15px;font-weight:700;height:40px;margin:10px;outline:none;width:100px}.new-game{background-color:#fff;height:564px;margin-left:-2px;position:absolute;text-align:center;top:60px;width:503px}.ad-space,.new-game{border:1px solid grey}.ad-space{background-color:#e6e6e6;height:67%;width:100%}.answer{color:blue;display:inline}.delete{background-color:blue;color:#fff}.enter{background-color:green;color:#fff}button:hover,button[target="49"]{border:2px solid #f50}.congrats{color:purple}.next-btn{width:200px}.score{background-color:#fff;color:red}.top-rankers-container{background-color:#fff;height:130px;overflow:auto;position:absolute;width:500px}.top-rankers-table{border-collapse:collapse}.top-rankers{color:blue;font-size:15px;overflow:hidden;text-align:left;width:160px}.top-rankers-heading{color:red;padding:8px;text-align:left;width:200px}.user-name{background-color:#add8e6;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;height:200px;margin-left:-1px;position:absolute;text-align:center;width:500px}.user-name input{display:block;font-size:17px;height:40px;margin-left:auto;margin-right:auto;margin-top:50px;position:relative;text-align:center;width:250px}@media only screen and (max-width:768px){*{box-sizing:border-box}h1,p{font-family:Lato}body{background-color:#fff;margin:0;padding:0;width:100%}.page-container{background-color:#add8e6;border:1px solid #000;margin-left:auto;margin-right:auto;padding-top:30px;width:350px}.page-heading{background-color:#15152c;height:12%;padding:px 10px;width:350px}.page-heading,h3{color:#fff}.level{background-color:#fff;border:1px solid #000;color:purple;float:right;font-size:14px;height:20px;text-align:center;width:60px}.chances,.page-input,p{font-size:12px;text-align:center}.chances{background-color:red;border-radius:20px;color:#fff;padding:3px}.input-box{background-color:#fff;border:2px solid #15152c;font-size:23px;height:50px;margin-left:80px;padding:10px 0;text-align:center;width:200px}.page-instructions{font-size:14px;height:100px;overflow-y:auto;padding:2px auto;width:100%}.page-instructions::-webkit-scrollbar{display:none}.page-instructions{-ms-overflow-style:none}.page-buttons{margin-left:55px}button{border:2px solid #000;border-radius:5px;cursor:pointer;font-size:13px;font-weight:700;height:30px;margin:10px;width:70px}.new-game{background-color:#fff;border:1px solid grey;height:500px;margin-left:-2px;position:absolute;text-align:center;top:50px;width:352px}.answer{color:blue;display:inline}.ad-space{background-color:#e6e6e6;border:1px solid grey;height:65%;width:100%}.delete{background-color:blue;color:#fff}.enter{background-color:green;color:#fff}button:hover,button[target="49"]{border:2px solid #f50}.congrats{color:purple;font-size:14px}.next-btn{width:200px}.score{background-color:#fff;color:red}.top-rankers-container{background-color:#fff;height:130px;overflow:auto;position:absolute;width:352px}.top-rankers-table{border-collapse:collapse}.top-rankers{color:blue;font-size:15px;overflow:hidden;text-align:left;width:110px}.top-rankers-heading{color:red;text-align:left;width:110px}.user-name{background-color:#add8e6;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;height:200px;margin-left:-1px;position:absolute;text-align:center;width:350px}.user-name input{display:block;font-size:17px;height:40px;margin-left:auto;margin-right:auto;margin-top:50px;position:relative;text-align:center;width:250px}.newgame-btn,.toppers-btn{border:2px solid #000;border-radius:5px;cursor:pointer;font-size:13px;font-weight:700;height:30px;margin:10px;width:100px}}.snake-change-level{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:clamp(14px,2.5vw,16px);font-weight:700;height:clamp(40px,8vw,50px);margin:15px auto;text-align:center;transition:all .3s ease;width:clamp(180px,80vw,220px)}.snake-change-level:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.snake-user-input{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;height:clamp(220px,50%,280px);justify-content:center;left:50%;padding:clamp(15px,4vw,25px);position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(250px,85%,380px);z-index:1000}.snake-user-name{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;display:block;font-size:clamp(13px,2.2vw,16px);height:clamp(40px,7vh,48px);margin:clamp(10px,2vh,18px) 0;outline:none;text-align:center;transition:all .3s ease;width:clamp(200px,75%,280px)}.snake-user-name::placeholder{color:#ffffffb3}.snake-user-name:focus{background:#ffffff4d;border-color:#fff9}.snake-start-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,orange);border:none;border-radius:32px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:clamp(13px,2.2vw,16px);font-weight:700;height:clamp(45px,8vh,58px);justify-content:center;line-height:1;margin-top:clamp(10px,2vh,18px);outline:none;text-align:center;transition:all .3s ease;width:clamp(160px,65%,220px)}.snake-start-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.snake-board{aspect-ratio:1;background:linear-gradient(45deg,#1e3c72,#2a5298);border:clamp(2px,.5vw,4px) solid #333;border-radius:15px;box-shadow:0 10px 30px #0000004d;height:clamp(280px,80vw,550px);margin:clamp(5px,1vh,15px) auto;max-height:70vh;max-width:80vh;overflow:visible;position:relative;width:clamp(280px,80vw,550px)}.snake-dot{background:linear-gradient(135deg,#0f8,#00cc70);border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #00ff884d;height:clamp(8px,1.5vw,15px);position:absolute;width:clamp(8px,1.5vw,15px);z-index:2}div.snake-dot:last-child{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:2px solid #ffffff80;box-shadow:0 4px 15px #ff6b6b80;transform:scale(1.2)}.snake-food{animation:foodGlow 1.5s ease-in-out infinite alternate;background:radial-gradient(circle,gold 0,#ffb347 100%);border:2px solid #fff9;border-radius:50%;box-shadow:0 0 15px #ffd700cc;height:clamp(8px,1.5vw,15px);position:absolute;width:clamp(8px,1.5vw,15px);z-index:1}@keyframes foodGlow{0%{box-shadow:0 0 15px #ffd700cc}to{box-shadow:0 0 25px gold,0 0 35px #ffd70080}}.snake-game-header{flex-shrink:0;margin-bottom:clamp(5px,2vh,15px);width:100%}.snake-info-panel{align-items:center;background:#0000;border-radius:15px;display:flex;gap:clamp(20px,5vw,40px);justify-content:center;margin:0 clamp(10px,3vw,20px);min-height:clamp(50px,10vw,70px);padding:clamp(8px,2vw,15px)}.snake-info-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-width:clamp(60px,15vw,80px);padding:clamp(8px,2vw,12px);text-align:center}.snake-info-item p{font-weight:700;margin:0;text-shadow:2px 2px 4px #00000080}.snake-level-label,.snake-score-label{color:#ffffffe6;font-size:clamp(10px,2vw,14px);font-weight:600;letter-spacing:.5px;margin-bottom:clamp(2px,.5vw,4px);opacity:.8}.snake-level,.snake-score{font-size:clamp(18px,4vw,24px);font-weight:700;margin:0}.snake-score{color:#0f8;text-shadow:0 0 10px #00ff8880}.snake-level{color:gold;text-shadow:0 0 10px #ffd70080}.snake-pause-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6b,orange);border:2px solid #fff3;border-radius:50%;box-shadow:0 6px 20px #0006;color:#fff;cursor:pointer;font-size:clamp(18px,3.5vw,24px);height:clamp(45px,8vw,60px);position:fixed;right:clamp(15px,4vw,25px);top:clamp(15px,4vh,25px);touch-action:manipulation;transition:all .3s ease;width:clamp(45px,8vw,60px);z-index:150}.snake-pause-button:hover{box-shadow:0 8px 25px #00000080;transform:translateY(-2px) scale(1.05)}.snake-controls-horizontal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 20px #0000004d;flex-wrap:wrap;gap:clamp(8px,2vw,15px);margin:clamp(20px,4vh,35px) auto clamp(30px,6vh,50px);max-width:clamp(320px,90vw,600px);padding:clamp(10px,2vw,15px);z-index:50}.snake-control-button,.snake-controls-horizontal{align-items:center;display:flex;justify-content:center;position:relative}.snake-control-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;flex-direction:column;gap:clamp(2px,.5vw,4px);height:clamp(60px,12vw,90px);min-height:clamp(50px,10vw,70px);min-width:clamp(50px,10vw,70px);overflow:hidden;padding:clamp(8px,1.5vw,12px);touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:clamp(60px,12vw,90px)}.snake-control-button:before{background:linear-gradient(135deg,#fff3,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.snake-control-button:hover:before{opacity:1}.control-arrow{font-size:clamp(20px,4vw,28px);font-weight:700;line-height:1;text-shadow:0 2px 4px #0000004d}.control-label{font-size:clamp(9px,1.8vw,12px);font-weight:600;letter-spacing:.5px;line-height:1;opacity:.9;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.snake-control-button:hover{background:linear-gradient(135deg,#7c8df4,#8a5db2);box-shadow:0 8px 25px #0006;transform:translateY(-3px) scale(1.05)}.snake-control-button:active{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px) scale(.98)}.snake-control-button#LEFT{background:linear-gradient(135deg,#ff6b6b,#ff5252)}.snake-control-button#RIGHT{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.snake-control-button#UP{background:linear-gradient(135deg,#45b7d1,#3498db)}.snake-control-button#DOWN{background:linear-gradient(135deg,#f39c12,#e67e22)}.snake-control-button#LEFT:hover{background:linear-gradient(135deg,#ff7b7b,#ff6262)}.snake-control-button#RIGHT:hover{background:linear-gradient(135deg,#5eddd4,#54b09d)}.snake-control-button#UP:hover{background:linear-gradient(135deg,#55c7e1,#44a8eb)}.snake-control-button#DOWN:hover{background:linear-gradient(135deg,#f4ac22,#f68e32)}@media screen and (max-width:480px){.snake-controls-horizontal{border-radius:15px;gap:clamp(5px,1.5vw,8px);margin:clamp(15px,3vh,20px) auto clamp(25px,5vh,35px);padding:clamp(8px,1.5vw,12px)}.snake-control-button{border-radius:12px;gap:clamp(1px,.3vw,2px);height:clamp(50px,10vw,65px);min-height:clamp(45px,9vw,55px);min-width:clamp(45px,9vw,55px);padding:clamp(6px,1vw,8px);width:clamp(50px,10vw,65px)}.control-arrow{font-size:clamp(16px,3vw,20px)}.control-label{font-size:clamp(8px,1.5vw,10px)}.Game-Container{padding-bottom:clamp(30px,8vh,50px)}}@media screen and (max-width:360px){.snake-controls-horizontal{flex-wrap:wrap;justify-content:space-around;max-width:100%}.snake-control-button{flex:1 1;max-width:clamp(70px,20vw,80px)}}@media screen and (min-width:481px) and (max-width:768px){.snake-controls-horizontal{gap:clamp(10px,2vw,12px);margin:clamp(18px,3vh,25px) auto clamp(28px,5vh,40px);padding:clamp(12px,2vw,15px)}.snake-control-button{height:clamp(65px,11vw,80px);min-height:clamp(55px,9vw,70px);min-width:clamp(55px,9vw,70px);width:clamp(65px,11vw,80px)}.control-arrow{font-size:clamp(22px,3.5vw,26px)}.control-label{font-size:clamp(10px,1.8vw,12px)}.Game-Container{padding-bottom:clamp(35px,7vh,55px)}}@media screen and (min-width:769px){.snake-controls-horizontal{gap:clamp(15px,2.5vw,20px);margin:clamp(25px,4vh,35px) auto clamp(35px,6vh,50px);padding:clamp(15px,2.5vw,20px)}.snake-control-button{height:clamp(75px,12vw,100px);min-height:70px;min-width:70px;width:clamp(75px,12vw,100px)}.control-arrow{font-size:clamp(24px,4vw,32px)}.control-label{font-size:clamp(11px,2vw,14px)}.Game-Container{padding-bottom:clamp(40px,8vh,60px)}}.snake-controls{display:none}.snake-pause-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.snake-pause-overlay h2{font-size:clamp(2rem,6vw,3rem);margin-bottom:1rem;text-shadow:2px 2px 4px #00000080}.snake-pause-overlay p{font-size:clamp(1rem,3vw,1.2rem);text-shadow:1px 1px 2px #00000080}.snake-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:15px;color:#fff;margin:clamp(15px,4vw,20px) auto;max-width:clamp(300px,90vw,700px);padding:clamp(10px,3vw,15px);text-align:center}.snake-instructions p{font-size:clamp(12px,2.5vw,16px);line-height:1.4;margin:clamp(6px,1.5vw,8px) 0;text-shadow:1px 1px 2px #00000080}.Game-Container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-top:clamp(60px,8vh,80px);max-width:none;min-height:calc(100vh - clamp(60px, 8vh, 80px));overflow-x:hidden;padding:clamp(5px,2vw,10px) clamp(5px,2vw,10px) clamp(20px,5vh,40px);width:100%}.game-over-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;height:100vh;padding:clamp(10px,3vw,20px);width:100vw;z-index:2000}.game-over-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #00000080;color:#fff;display:flex;flex-direction:column;max-height:90vh;max-width:clamp(300px,90vw,450px);overflow-y:auto;padding:clamp(10px,3vw,20px);position:relative;text-align:center;width:100%}.game-over-title{font-size:clamp(1.3rem,4vw,1.8rem);margin-bottom:clamp(8px,2vw,12px);text-shadow:2px 2px 4px #00000080}.final-message{color:gold;font-size:clamp(.8rem,2.5vw,1rem);margin-bottom:clamp(8px,2vw,10px);text-shadow:1px 1px 2px #00000080}.score-display{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:15px;margin:clamp(8px,2vw,12px) 0;padding:clamp(8px,2vw,12px)}.score-label{font-size:clamp(.8rem,2.5vw,1rem);margin-bottom:clamp(5px,2vw,8px);opacity:.9}.final-score{color:#0f8;font-size:clamp(1.8rem,5vw,2.2rem);font-weight:700;text-shadow:0 0 10px #00ff8880}.leaderboard-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:15px;margin:clamp(10px,3vw,15px) 0;max-height:clamp(200px,40vh,250px);overflow-y:auto;padding:clamp(8px,2.5vw,15px)}.leaderboard-header{grid-template-columns:1fr 2fr 1fr 1fr}.leaderboard-list{max-height:clamp(100px,25vh,150px);padding-right:5px}.leaderboard-item{grid-template-columns:1fr 2fr 1fr 1fr;padding:clamp(4px,1.5vw,8px)}.leaderboard-item.current-player .player-name,.rank{color:gold;font-weight:700}.leaderboard-item.current-player .rank{align-items:center;background:gold;border-radius:50%;color:#000;display:flex;font-size:.7rem;height:25px;justify-content:center;width:25px}.leaderboard-divider{color:#fff9;font-size:1.2rem;font-weight:700;padding:10px 0;text-align:center}.current-player-info{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:10px;margin-top:15px;padding:10px;text-align:center}.current-player-info p{color:gold;font-size:clamp(.8rem,2.5vw,1rem);margin:0}.game-over-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:clamp(8px,2vw,10px);justify-content:center;margin-top:clamp(10px,3vw,15px)}.play-again-btn,.view-toppers-btn{align-items:center;border:none;border-radius:25px;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;flex:1 1;font-size:clamp(11px,2.5vw,14px);font-weight:700;justify-content:center;max-width:clamp(120px,35vw,180px);min-width:clamp(80px,20vw,120px);overflow:hidden;padding:clamp(8px,2.5vw,12px) clamp(12px,4vw,20px);text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.play-again-btn{background:linear-gradient(135deg,#ff6b6b,orange)}.view-toppers-btn{background:#fff3;border:2px solid #ffffff4d;color:#fff}.play-again-btn:hover,.view-toppers-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}body.snake-game-active{overflow-x:hidden}.Games-page,body.snake-game-active{overflow-y:auto;touch-action:pan-x pan-y}.Games-page{min-height:100vh}.snake-newgame{display:flex;justify-content:center;position:relative;width:100%;z-index:3}.final-score-section{flex-shrink:0}.game-over-actions{background:linear-gradient(#0000,#667eeacc);bottom:0;margin-top:auto;padding-top:10px;position:-webkit-sticky;position:sticky}@media screen and (max-width:360px){.snake-board{height:clamp(240px,90vw,320px);margin:clamp(5px,1vh,10px) auto;max-height:60vh;width:clamp(240px,90vw,320px)}.snake-user-input{font-size:clamp(11px,2vw,13px);height:clamp(140px,30%,180px);padding:clamp(8px,2vw,12px);width:clamp(160px,65%,200px)}.snake-user-name{font-size:clamp(12px,2vw,14px);height:clamp(35px,6vh,42px);margin:clamp(8px,1.5vh,12px) 0;width:clamp(140px,70%,180px)}.snake-start-button{font-size:clamp(12px,2vw,14px);height:clamp(40px,7vh,48px);margin-top:clamp(8px,1.5vh,12px);width:clamp(120px,60%,160px)}.snake-change-level{font-size:clamp(12px,2vw,14px);height:clamp(35px,6vh,42px);margin:clamp(8px,1.5vh,12px) auto;width:clamp(140px,70%,180px)}}@media screen and (max-width:480px){.snake-info-panel{gap:clamp(10px,3vw,20px);margin:0 clamp(5px,2vw,15px);min-height:clamp(45px,9vw,55px);padding:clamp(6px,1.5vw,10px)}.snake-info-item{border-radius:10px;min-width:clamp(50px,12vw,70px);padding:clamp(6px,1.5vw,10px)}.snake-pause-button{font-size:clamp(16px,3vw,20px);height:clamp(40px,7vw,50px);right:clamp(10px,3vw,15px);top:clamp(10px,3vh,15px);width:clamp(40px,7vw,50px)}.snake-controls-horizontal{bottom:clamp(5px,2vh,10px);gap:clamp(3px,1vw,6px);margin:clamp(8px,2vh,12px) auto;padding:clamp(6px,1.5vw,10px)}.snake-control-button{height:clamp(35px,7vw,45px);min-height:clamp(32px,6vw,40px);min-width:clamp(32px,6vw,40px);width:clamp(35px,7vw,45px)}.control-arrow{font-size:clamp(14px,2.5vw,18px)}.control-label{font-size:clamp(7px,1.2vw,9px)}.snake-user-input{font-size:clamp(12px,2.5vw,14px);height:clamp(160px,35%,200px);padding:clamp(10px,2.5vw,15px);width:clamp(180px,70%,240px)}.game-over-actions{align-items:center;flex-direction:column;gap:clamp(5px,2vw,8px)}.play-again-btn,.view-toppers-btn{margin:2px 0;max-width:200px;width:100%}}@media screen and (min-width:481px) and (max-width:768px){.snake-board{height:clamp(350px,70vw,480px);margin:clamp(5px,1vh,10px) auto;max-height:65vh;width:clamp(350px,70vw,480px)}.Game-Container{margin-top:clamp(70px,8vh,90px);min-height:calc(100vh - clamp(70px, 8vh, 90px));padding:clamp(5px,2vw,10px)}.snake-info-panel{gap:clamp(20px,4vw,30px);margin:0 clamp(10px,3vw,20px);min-height:clamp(50px,9vw,65px);padding:clamp(8px,2vw,12px)}.snake-info-item{min-width:clamp(70px,15vw,90px);padding:clamp(8px,2vw,12px)}.snake-pause-button{font-size:clamp(20px,3.5vw,24px);height:clamp(50px,8vw,60px);right:clamp(15px,4vw,25px);top:clamp(15px,4vh,25px);width:clamp(50px,8vw,60px)}.snake-controls-horizontal{bottom:clamp(15px,3vh,25px);margin:clamp(12px,2.5vh,18px) auto;padding:clamp(10px,2vw,14px)}.snake-control-button{height:clamp(50px,8vw,60px);min-height:clamp(45px,7vw,55px);min-width:clamp(45px,7vw,55px);width:clamp(50px,8vw,60px)}.control-arrow{font-size:clamp(18px,3vw,22px)}.control-label{font-size:clamp(9px,1.6vw,11px)}.snake-user-input{height:clamp(220px,50%,260px);padding:clamp(15px,3vw,20px);width:clamp(260px,75%,320px)}}@media screen and (min-width:768px) and (max-width:1024px){.snake-board{height:clamp(400px,65vw,550px);margin:clamp(5px,1vh,10px) auto;max-height:60vh;width:clamp(400px,65vw,550px)}.Game-Container{margin-top:clamp(80px,10vh,100px);min-height:calc(100vh - clamp(80px, 10vh, 100px));padding:clamp(8px,2vw,15px)}.snake-info-panel{gap:clamp(30px,6vw,45px);margin:0 clamp(15px,3vw,25px);min-height:clamp(70px,12vw,85px);padding:clamp(12px,2.5vw,18px)}.snake-info-item{min-width:clamp(80px,16vw,100px)}.snake-pause-button{font-size:clamp(22px,3.5vw,26px);height:clamp(55px,8vw,65px);right:clamp(20px,4vw,30px);top:clamp(20px,4vh,30px);width:clamp(55px,8vw,65px)}.snake-controls-horizontal{bottom:clamp(20px,4vh,30px);margin:clamp(15px,3vh,22px) auto;padding:clamp(12px,2.5vw,16px)}.snake-control-button{height:clamp(55px,9vw,65px);min-height:clamp(50px,8vw,60px);min-width:clamp(50px,8vw,60px);width:clamp(55px,9vw,65px)}.control-arrow{font-size:clamp(20px,3.5vw,24px)}.control-label{font-size:clamp(10px,1.8vw,12px)}}@media screen and (min-width:1025px){.snake-board{height:clamp(500px,60vw,700px);margin:clamp(10px,2vh,20px) auto;max-height:65vh;width:clamp(500px,60vw,700px)}.Game-Container{margin-top:clamp(80px,8vh,100px);min-height:calc(100vh - clamp(80px, 8vh, 100px));padding:clamp(10px,2vw,20px)}.snake-user-input{height:clamp(250px,60%,300px);padding:clamp(18px,4vw,25px);width:clamp(300px,70%,350px)}}.current-player-rank-display{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffd70026,#ffc1071a);border:2px solid #ffd7004d;border-radius:15px;margin:clamp(15px,4vw,20px) 0;padding:clamp(15px,4vw,20px);text-align:center}.rank-info{align-items:center;display:flex;flex-direction:column;gap:clamp(10px,3vw,15px)}.rank-title{color:gold;font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:700;margin:0;text-shadow:0 0 10px #ffd70080}.rank-details{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(15px,4vw,25px);justify-content:center}.rank-number,.total-players{align-items:center;display:flex;flex-direction:column;gap:clamp(5px,1vw,8px)}.rank-label,.total-label{color:#fffc;font-size:clamp(.8rem,2.5vw,1rem);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rank-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a);-webkit-background-clip:text;background-clip:text;color:gold;font-size:clamp(2rem,6vw,3rem);font-weight:700;text-shadow:0 0 15px #ffd70099}.total-value{color:#0f8;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;text-shadow:0 0 10px #00ff8880}.rank-percentage{background:#ffd7001a;border:1px solid #ffd70033;border-radius:20px;color:gold;font-size:clamp(.9rem,2.8vw,1.1rem);font-weight:600;margin-top:clamp(5px,2vw,10px);padding:clamp(8px,2vw,12px) clamp(15px,4vw,20px)}@media screen and (max-width:480px){.rank-details{flex-direction:column;gap:clamp(10px,3vw,15px)}.rank-value{font-size:clamp(1.8rem,8vw,2.5rem)}.total-value{font-size:clamp(1.3rem,5vw,1.8rem)}}.leaderboard-summary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;flex:1 1;margin:clamp(10px,3vw,15px) 0;overflow-y:auto;padding:clamp(10px,3vw,15px)}.current-performance-section,.top-players-section{margin-bottom:clamp(10px,3vw,15px)}.current-performance-section:last-child,.top-players-section:last-child{margin-bottom:0}.section-title{color:gold;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700;margin:0 0 clamp(8px,2vw,10px);text-align:center;text-shadow:0 0 10px #ffd70080}.compact-leaderboard{display:flex;flex-direction:column;gap:clamp(6px,2vw,8px)}.compact-leaderboard-item{grid-gap:clamp(10px,3vw,15px);align-items:center;background:#ffffff1a;border-radius:8px;display:grid;gap:clamp(10px,3vw,15px);grid-template-columns:auto 1fr auto;padding:clamp(8px,2vw,10px) clamp(12px,3vw,15px);transition:background .3s ease}.compact-leaderboard-item:hover{background:#fff3}.compact-leaderboard-item:first-child{background:#ffd70033;border:1px solid #ffd7004d}.compact-leaderboard-item:nth-child(2){background:#c0c0c033;border:1px solid #c0c0c04d}.compact-leaderboard-item:nth-child(3){background:#cd7f3233;border:1px solid #cd7f324d}.position{color:gold;font-size:clamp(.9rem,2.5vw,1rem);font-weight:700;min-width:clamp(25px,6vw,30px)}.name{color:#fff;font-size:clamp(.8rem,2.2vw,.9rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{background:#0000!important;color:#0f8;font-size:clamp(.9rem,2.5vw,1rem);font-weight:700;text-shadow:0 0 5px #00ff8880}.performance-stats{grid-gap:clamp(10px,3vw,15px);display:grid;gap:clamp(10px,3vw,15px);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:clamp(8px,2vw,10px)}.stat-item{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;flex-direction:column;padding:clamp(8px,2vw,12px)}.stat-label{color:#fffc;font-size:clamp(.7rem,2vw,.8rem);font-weight:600;letter-spacing:.5px;margin-bottom:clamp(4px,1vw,6px);text-transform:uppercase}.stat-value{color:#0f8;font-size:clamp(1.1rem,3vw,1.3rem);text-shadow:0 0 5px #00ff8880}.rank-highlight{color:gold!important;font-size:clamp(1.3rem,3.5vw,1.5rem)!important;text-shadow:0 0 10px #ffd70099!important}@media screen and (max-width:480px){.game-over-content{max-height:85vh;padding:clamp(8px,2vw,12px)}.leaderboard-summary{margin:clamp(8px,2vw,12px) 0;padding:clamp(8px,2vw,12px)}.compact-leaderboard-item{gap:clamp(8px,2vw,10px);grid-template-columns:auto 1fr auto;padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,10px)}.performance-stats{gap:clamp(8px,2vw,10px);grid-template-columns:1fr}.stat-item{flex-direction:row;justify-content:space-between;padding:clamp(6px,1.5vw,8px) clamp(10px,2.5vw,12px)}.stat-label{margin-bottom:0}.game-over-actions{align-items:center;flex-direction:column;gap:clamp(5px,2vw,8px);margin-top:clamp(8px,2vw,10px)}.play-again-btn{margin:2px 0;max-width:200px;width:100%}}@media screen and (max-height:600px){.game-over-content{max-height:80vh;padding:clamp(8px,2vw,12px)}.leaderboard-summary{max-height:200px;overflow-y:auto}.final-score{font-size:clamp(1.5rem,4vw,1.8rem)}.game-over-title{font-size:clamp(1.2rem,3.5vw,1.5rem);margin-bottom:clamp(6px,1.5vw,8px)}}.char-counter-container{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:20px;width:100%}.char-counter-header{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.5px;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000004d}.char-counter-main-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #00000026;padding:30px;transition:all .3s ease}.char-counter-main-content:hover{box-shadow:0 25px 50px #0003;transform:translateY(-2px)}.char-counter-textarea{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;color:#2c3e50;font-family:inherit;font-size:16px;font-weight:400;height:300px;line-height:1.6;outline:none;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.char-counter-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.char-counter-textarea::placeholder{color:#95a5a6;font-style:italic}.default-char-counter-results{grid-gap:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:25px;padding:20px}.default-char-counter-result{background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#2c3e50;font-size:18px;font-weight:600;padding:15px 20px;text-align:center;transition:all .3s ease}.default-char-counter-result:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.result-number{color:#667eea;display:block;font-size:24px;font-weight:700;margin-bottom:5px}.result-label{color:#6c757d;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.char-counter-finder-wrapper{margin-top:30px}.finder-label{color:#2c3e50;display:block;font-size:1.1rem;font-weight:600;letter-spacing:.3px;margin-bottom:12px}.char-counter-finder{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;color:#2c3e50;font-family:inherit;font-size:16px;font-weight:400;height:50px;outline:none;padding:15px 20px;resize:none;transition:all .3s ease;width:100%}.char-counter-finder:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.char-counter-finder::placeholder{color:#95a5a6;font-style:italic}.char-counter-result-wrapper{display:flex;flex-direction:column;gap:15px;margin-top:20px}.char-counter-result{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #667eea;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#2c3e50;font-size:16px;font-weight:500;padding:15px 20px;transition:all .3s ease}.char-counter-result:hover{box-shadow:0 4px 15px #00000026;transform:translateX(5px)}.char-counter-result b{color:#667eea;font-weight:700}.empty-state{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:15px;opacity:.6}@media (max-width:768px){.char-counter-container{margin:0 auto;min-height:calc(100vh - 140px);padding:15px}.char-counter-header{font-size:2rem;margin-bottom:20px}.char-counter-main-content{border-radius:15px;padding:20px}.char-counter-textarea{font-size:14px;height:250px;padding:15px}.default-char-counter-results{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:15px}.default-char-counter-result{font-size:16px;padding:12px 15px}.result-number{font-size:20px}.result-label{font-size:12px}.char-counter-finder{height:45px}.char-counter-finder,.char-counter-result{font-size:14px;padding:12px 15px}}@media (max-width:480px){.char-counter-container{margin:0 auto;min-height:calc(100vh - 160px);padding:10px}.char-counter-header{font-size:1.8rem;margin-bottom:15px}.char-counter-main-content{border-radius:12px;padding:15px}.char-counter-textarea{font-size:14px;height:200px;padding:12px}.default-char-counter-results{gap:12px;grid-template-columns:1fr;padding:12px}.default-char-counter-result{font-size:14px;padding:10px 12px}.result-number{font-size:18px}.char-counter-finder{font-size:14px;height:40px;padding:10px 12px}.char-counter-result{font-size:13px;padding:10px 12px}.finder-label{font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.char-counter-main-content{animation:fadeInUp .6s ease-out}.char-counter-result{overflow:hidden;position:relative}.char-counter-result:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.char-counter-result:hover:before{left:100%}.legal-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px 0}.legal-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;line-height:1.7;margin:0 auto;max-width:900px;padding:40px 30px}.legal-page h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-align:center}.last-updated{border-bottom:2px solid #eee;color:#666;font-style:italic;margin-bottom:40px;padding-bottom:20px;text-align:center}.legal-content{color:#444;font-size:16px}.legal-content section{margin-bottom:35px}.legal-content h2{border-left:4px solid #667eea;color:#2c3e50;font-size:1.6rem;font-weight:600;margin-bottom:15px;margin-top:30px;padding-left:15px}.legal-content h3{color:#34495e;font-size:1.3rem;font-weight:600;margin-bottom:12px;margin-top:20px}.legal-content p{margin-bottom:15px;text-align:justify}.legal-content ul{margin-bottom:20px;padding-left:25px}.legal-content li{list-style-type:disc;margin-bottom:8px}.legal-content strong{color:#2c3e50;font-weight:600}.game-category{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;margin-bottom:20px;padding:20px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.feature{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.feature:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.feature h3{color:#2c3e50;font-size:1.1rem;margin-bottom:10px;margin-top:0}.feature p{color:#666;font-size:14px;margin-bottom:0}@media (max-width:768px){.legal-container{margin:20px;padding:25px 20px}.legal-page h1{font-size:2rem}.legal-content h2{font-size:1.4rem}.legal-content h3{font-size:1.2rem}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.legal-container{margin:10px;padding:20px 15px}.legal-page h1{font-size:1.8rem}.legal-content{font-size:15px}}.help-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px 0}.help-container{margin:0 auto;max-width:1000px;padding:40px 30px}.help-header{margin-bottom:50px;text-align:center}.help-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:15px}.help-header p{color:#666;font-size:1.2rem;margin:0}.help-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.help-content section{border-bottom:1px solid #eee;padding:40px}.help-content section:last-child{border-bottom:none}.help-content h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:25px}.quick-steps{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.step{align-items:flex-start;background:#f8f9fa;border-radius:10px;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.step:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h3{color:#2c3e50;font-size:1.1rem;margin:0 0 8px}.step-content p{color:#666;line-height:1.5;margin:0}.guides-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:25px}.guide-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.guide-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.guide-card h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:10px}.guide-card p{color:#666;line-height:1.6;margin-bottom:15px}.guide-card ul{margin:0;padding-left:20px}.guide-card li{color:#555;line-height:1.5;margin-bottom:8px}.faq-section{background:#f8f9fa}.faq-category{margin-bottom:30px}.category-title{border-bottom:2px solid #667eea;color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.faq-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px;overflow:hidden}.faq-question{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:18px 20px;text-align:left;transition:background-color .3s ease;width:100%}.faq-question:hover{background-color:#f8f9fa}.faq-question.active{background-color:#667eea;color:#fff}.faq-icon{font-size:1.2rem;font-weight:700;transition:transform .3s ease}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.open{max-height:200px}.faq-answer p{background-color:#f8f9fa;color:#555;line-height:1.6;margin:0;padding:18px 20px}.support-content{text-align:center}.support-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.support-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.support-button{border-radius:8px;display:inline-block;font-weight:500;padding:12px 30px;text-decoration:none;transition:all .3s ease}.support-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.support-button.primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.support-button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.support-button.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.help-container{margin:20px;padding:0}.help-header h1{font-size:2.5rem}.help-content section{padding:25px 20px}.guides-grid,.quick-steps{grid-template-columns:1fr}.support-actions{align-items:center;flex-direction:column}.support-button{text-align:center;width:200px}}@media (max-width:480px){.help-header h1{font-size:2rem}.help-content section{padding:20px 15px}.step{flex-direction:column;text-align:center}}body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;scroll-behavior:smooth}#root,body,html{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{display:flex;flex-direction:column}.main-content{flex:1 1;min-height:calc(100vh - 60px);padding-top:60px;position:relative}h1,p{font-family:Lato}.main-content>*{scroll-margin-top:80px}@media (max-width:768px){.main-content{padding-top:60px}body{-webkit-overflow-scrolling:touch;overflow-x:hidden}html{-webkit-text-size-adjust:100%}.main-content>*{scroll-margin-top:70px}}@media (max-width:480px){.main-content{padding-top:60px}.main-content>*{scroll-margin-top:80px}}.quiz-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;color:#fff;display:block;margin:100px auto 50px;max-width:1050px;overflow:visible;padding:20px;position:relative}.quiz-header{margin-bottom:30px;text-align:center}.quiz-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e86ab,#a23b72 50%,#f18f01);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;letter-spacing:-1px;margin:0 0 15px;position:relative;text-align:center;text-shadow:0 3px 6px #0000004d}.quiz-header h1:before{background:linear-gradient(135deg,#2e86ab14,#a23b7214,#f18f0114);border-radius:15px;bottom:-5px;content:"";left:-15px;position:absolute;right:-15px;top:-5px;z-index:-1}.quiz-header p{font-size:1.1rem;margin:0;opacity:.9}.start-screen{padding:20px;text-align:center}.quiz-game-info{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:15px;padding:25px}.quiz-game-info h2{color:gold;font-size:1.5rem;margin:0 0 15px}.quiz-game-info ul{list-style:none;margin:0;padding:0;text-align:left}.quiz-game-info li{border-bottom:1px solid #ffffff1a;font-size:1rem;opacity:.9;padding:8px 0}.quiz-game-info li:last-child{border-bottom:none}.player-input{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.player-input label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:10px}.player-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;font-size:1rem;margin-bottom:20px;max-width:300px;padding:15px 20px;text-align:center;transition:all .3s ease;width:100%}.player-input input:focus{border-color:#667eea;box-shadow:0 0 20px #667eea4d;outline:none}.player-input input::placeholder{color:#fff9}.start-button{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049,#2e7d32);border:none;border-radius:30px;box-shadow:0 6px 20px #4caf5066;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.8px;margin:0 auto;min-height:54px;overflow:hidden;padding:16px 35px;position:relative;text-transform:uppercase;transition:all .4s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.start-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.start-button:hover:before{left:100%}.start-button:hover:not(:disabled){background:linear-gradient(135deg,#5cbf60,#4caf50,#45a049);box-shadow:0 8px 25px #4caf5080;transform:translateY(-3px)}.start-button:active{transform:translateY(-1px)}.start-button:disabled{box-shadow:0 4px 15px #4caf5033;cursor:not-allowed;opacity:.6;transform:none}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:25px 0}.leaderboard-button,.play-again-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e,#ff8a65);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b354d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;letter-spacing:.3px;min-height:48px;min-width:160px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 1px 2px #0003;text-transform:none;transition:all .4s ease;white-space:nowrap;width:auto}.leaderboard-button:before,.play-again-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.leaderboard-button:hover:before,.play-again-button:hover:before{left:100%}.leaderboard-button:hover,.play-again-button:hover{background:linear-gradient(135deg,coral,#ff6b35,#f7931e);box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.play-again-button{background:linear-gradient(135deg,#4caf50,#45a049,#2e7d32);box-shadow:0 4px 15px #4caf504d}.play-again-button:hover{background:linear-gradient(135deg,#5cbf60,#4caf50,#45a049);box-shadow:0 6px 20px #4caf5066}.leaderboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-sizing:border-box;margin-top:20px;max-height:600px;min-height:400px;overflow-y:auto;padding:25px;width:100%}.leaderboard h3{color:gold;font-size:1.3rem;margin:0 0 20px;text-align:center;text-shadow:0 2px 4px #0000004d}.leaderboard-list{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:500px;min-height:320px;width:100%}.leaderboard-header{grid-gap:12px;align-items:center;background:#ffffff40;border:2px solid #fff6;box-sizing:border-box;color:#fff;font-size:1rem;gap:12px;grid-template-columns:70px 1fr 100px;margin-bottom:10px;padding:15px 18px;text-shadow:0 1px 2px #0000004d;width:100%}.leaderboard-header .rank-header{text-align:center}.leaderboard-header .name-header{text-align:left}.leaderboard-header .score-header{text-align:right}.leaderboard-item{grid-gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;gap:15px;grid-template-columns:70px 1fr 100px;margin-bottom:8px;padding:16px 18px;transition:all .3s ease;width:100%}.leaderboard-item:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.leaderboard-item .rank{align-items:center;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;text-align:center}.leaderboard-item .name{color:#fff;font-size:1rem;font-weight:600;overflow:hidden;text-align:left;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.leaderboard-item .score{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf5080;border-radius:12px;box-shadow:0 2px 8px #4caf504d;color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;min-width:70px;padding:6px 12px;text-align:right;text-shadow:0 1px 2px #0000004d}.score-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 18px}.score-info .score{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf5080;border-radius:20px;box-shadow:0 2px 8px #4caf504d;font-size:1.3rem;min-width:100px;padding:8px 16px}.score-info .score,.score-info .wrong-answers{color:#fff;font-weight:700;text-align:center;text-shadow:0 1px 2px #0000004d}.score-info .wrong-answers{background:linear-gradient(135deg,#f44336,#d32f2f);border:2px solid #f4433680;border-radius:20px;box-shadow:0 2px 8px #f443364d;font-size:1.1rem;min-width:80px;padding:8px 14px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.question-counter{font-size:1.1rem;font-weight:600;opacity:.9}.timer .time{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf5080;border-radius:20px;box-shadow:0 2px 8px #4caf504d;color:#fff;display:inline-block;font-size:1.3rem;font-weight:800;min-width:80px;padding:8px 16px;text-align:center;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.timer .time.warning{animation:pulse 1s infinite;background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f4433680;box-shadow:0 2px 8px #f443364d}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:30px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(45deg,#4caf50,#45a049);border-radius:4px;height:100%;transition:width .3s ease}.question-container{margin:0 auto;max-width:800px;padding:0 20px;text-align:center}.question-type{display:none}.question{color:#fff;font-size:1.6rem;font-weight:600;line-height:1.5;margin:0 auto 30px;max-width:700px;text-shadow:0 2px 4px #0000004d}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1000px;padding:0 15px}.option{word-wrap:break-word;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:2px solid #ffffff40;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:auto;-webkit-hyphens:auto;hyphens:auto;justify-content:center;letter-spacing:.2px;line-height:1.4;max-width:100%;min-height:65px;overflow:hidden;padding:18px 24px;position:relative;text-align:center;transition:all .3s ease;white-space:normal;width:100%}.option:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.option:hover:before{left:100%}.option:hover:not(:disabled){background:linear-gradient(135deg,#ffffff2e,#ffffff1a);border-color:#fff6;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.option.correct{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 4px 14px #4caf5066;transform:translateY(-1px)}.option.incorrect{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336;box-shadow:0 4px 14px #f4433666;transform:translateY(-1px)}.option:disabled{cursor:not-allowed;opacity:.8}.option:active:not(:disabled){transform:translateY(-1px)}.result{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;gap:12px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:25px;max-width:500px;padding:16px 20px;position:relative;z-index:10}.result.correct{background:linear-gradient(135deg,#4caf5040,#4caf5026);border:2px solid #4caf5099;box-shadow:0 4px 15px #4caf504d}.result.incorrect{background:linear-gradient(135deg,#f4433640,#f4433626);border:2px solid #f4433699;box-shadow:0 4px 15px #f443364d}.result-icon{flex-shrink:0;font-size:1.8rem}.result-text{color:#fff;font-size:1.05rem;font-weight:600;text-align:center;text-shadow:0 1px 2px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-over{display:block;margin:0 auto;max-width:700px;overflow:visible;padding:25px;position:relative;text-align:center}.final-score{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin-bottom:25px;padding:35px 25px}.final-score h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin:0 0 25px;text-shadow:none}.score-display{align-items:center;display:flex;flex-direction:column;gap:25px}.main-score{margin-bottom:10px;text-align:center}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);-webkit-background-clip:text;background-clip:text;display:block;font-size:3.2rem;font-weight:800;letter-spacing:-1px;margin-bottom:8px;text-shadow:0 4px 8px #667eea4d}.score-label{color:#fffc;display:block;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.score-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);max-width:700px;width:100%}.score-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;padding:15px 10px;transition:all .3s ease}.score-item:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.score-item .icon{font-size:1.5rem;margin-bottom:2px}.score-item .value{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:2px}.score-item .label{color:#ffffffb3;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.loading{align-items:center;color:#fff;display:flex;font-size:1.5rem;height:400px;justify-content:center}@media (max-width:768px){.quiz-container{display:flex;flex-direction:column;margin:65px 8px 15px;min-height:auto;padding:10px}.quiz-header{flex-shrink:0;margin-bottom:10px}.quiz-header h1{font-size:1.6rem;margin-bottom:6px}.quiz-header p{font-size:.9rem;margin:0}.start-screen{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;padding:10px}.quiz-game-info{flex-shrink:0;margin-bottom:8px;padding:12px}.quiz-game-info h2{font-size:1.1rem;margin-bottom:8px}.quiz-game-info li{font-size:.85rem;padding:4px 0}.player-input{flex-shrink:0;gap:8px;margin-bottom:12px}.player-input input{font-size:.9rem;margin-bottom:12px;padding:10px 14px}.score-info{flex-shrink:0;margin-bottom:6px;padding:6px 10px}.score-info .score,.score-info .wrong-answers{font-size:.95rem;min-width:65px;padding:4px 8px}.progress-info{flex-shrink:0;margin-bottom:8px}.question-counter{font-size:.95rem}.timer .time{font-size:1rem;min-width:60px;padding:5px 10px}.progress-bar{flex-shrink:0;height:5px;margin-bottom:10px}.question-container{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:10px}.question{flex-shrink:0;font-size:1rem;line-height:1.25;margin-bottom:10px}.options-grid{align-content:start;flex:1 1;gap:8px;grid-template-columns:1fr;margin-bottom:10px;max-width:100%;padding:0}.option{font-size:.85rem;height:auto;line-height:1.15;max-width:100%;min-height:38px;padding:10px 12px;width:100%}.result{flex-shrink:0;margin-top:8px;max-width:100%;padding:8px 12px}.result-text{font-size:.8rem;line-height:1.2}.result-icon{font-size:1.2rem}.game-over{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:10px}.final-score{flex-shrink:0;margin-bottom:12px;padding:15px 12px}.final-score h2{font-size:1.3rem;margin-bottom:12px}.score-value{font-size:2rem}.score-details{gap:6px;grid-template-columns:repeat(4,1fr);max-width:100%}.score-item{padding:6px 4px}.score-item .icon{font-size:1rem}.score-item .value{font-size:.9rem}.score-item .label{font-size:.65rem}.action-buttons{align-items:center;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 8px}.leaderboard-button,.play-again-button{font-size:.8rem;max-width:none;min-height:36px;min-width:140px;padding:7px 14px;text-shadow:0 1px 2px #0000004d;width:auto}.start-button{font-size:.9rem;max-width:140px;min-height:40px;padding:10px 20px;width:auto}.leaderboard{display:flex;flex-direction:column;margin-top:8px;max-height:400px;min-height:300px;overflow-y:auto;padding:12px}.leaderboard h3{flex-shrink:0;font-size:1rem;margin-bottom:10px}.leaderboard-list{display:flex;flex-direction:column;gap:6px;max-height:320px;min-height:240px;overflow-y:auto}.leaderboard-header{flex-shrink:0;font-size:.7rem;margin-bottom:6px;padding:6px 8px}.leaderboard-header,.leaderboard-item{gap:6px;grid-template-columns:40px 1fr 65px}.leaderboard-item{margin-bottom:4px;padding:8px 6px}.leaderboard-item .score{border-radius:6px;font-size:.75rem;min-width:45px;padding:3px 5px}.leaderboard-item .name{font-size:.75rem}.leaderboard-item .rank{font-size:.8rem}}@media (max-width:480px){.quiz-container{margin:55px 5px 10px;min-height:auto;padding:8px}.quiz-header h1{font-size:1.3rem;margin-bottom:4px}.quiz-header p{font-size:.85rem}.quiz-header{margin-bottom:8px}.quiz-game-info{margin-bottom:6px;padding:10px}.quiz-game-info h2{font-size:1rem;margin-bottom:6px}.quiz-game-info li{font-size:.8rem;padding:3px 0}.player-input{gap:6px;margin-bottom:8px}.player-input input{font-size:.85rem;margin-bottom:8px;padding:8px 12px}.score-info{flex-direction:row;gap:6px;margin-bottom:4px;padding:4px 8px;text-align:center}.score-info .score,.score-info .wrong-answers{font-size:.8rem;min-width:55px;padding:3px 6px}.progress-info{flex-direction:row;gap:6px;justify-content:space-between;margin-bottom:6px}.question-counter{font-size:.8rem}.timer .time{font-size:.9rem;min-width:50px;padding:4px 8px}.progress-bar{height:4px;margin-bottom:8px}.question{font-size:.9rem;line-height:1.2;margin-bottom:8px}.options-grid{gap:6px;margin-bottom:6px}.option{font-size:.8rem;line-height:1.1;min-height:35px;padding:8px 10px}.result{margin-top:6px;padding:6px 10px}.result-text{font-size:.75rem;line-height:1.1}.result-icon{font-size:1.1rem}.game-over{padding:8px}.final-score{margin-bottom:10px;padding:12px 10px}.final-score h2{font-size:1.1rem;margin-bottom:10px}.score-value{font-size:1.6rem}.score-details{gap:4px;grid-template-columns:repeat(2,1fr);max-width:100%}.score-item{padding:4px 3px}.score-item .icon{font-size:.9rem}.score-item .value{font-size:.8rem}.score-item .label{font-size:.6rem}.action-buttons{flex-direction:row;gap:6px;margin:8px 0 6px}.start-button{font-size:.8rem;max-width:120px;min-height:36px;padding:8px 16px}.leaderboard-button,.play-again-button{font-size:.75rem;max-width:none;min-height:32px;min-width:120px;padding:6px 12px;text-shadow:0 1px 2px #0000004d}.leaderboard{margin-top:6px;max-height:300px;min-height:250px;overflow-y:auto;padding:10px}.leaderboard h3{font-size:.9rem;margin-bottom:8px}.leaderboard-list{display:flex;flex-direction:column;gap:4px;max-height:240px;min-height:180px;overflow-y:auto}.leaderboard-header{font-size:.65rem;margin-bottom:4px;padding:4px 6px}.leaderboard-header,.leaderboard-item{gap:4px;grid-template-columns:35px 1fr 60px}.leaderboard-item{margin-bottom:3px;padding:6px 4px}.leaderboard-item .score{border-radius:4px;font-size:.7rem;min-width:40px;padding:2px 4px}.leaderboard-item .name{font-size:.7rem}.leaderboard-item .rank{font-size:.75rem}}.gem-quest-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:15px}.gem-quest-header{margin-bottom:15px;position:relative;text-align:center}.gem-quest-header h1{-webkit-text-fill-color:#0000;animation:gradient 3s ease infinite;background:linear-gradient(45deg,gold,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:2.2rem;margin-bottom:8px;text-shadow:2px 2px 4px #0000004d}.game-main-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.game-stats{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff26,#ffffff0d);border:1px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;flex:0 0 280px;height:-webkit-fit-content;height:fit-content;margin-bottom:20px;max-width:320px;overflow:hidden;padding:20px;position:relative;position:-webkit-sticky;position:sticky;top:20px}.user-info{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;margin-bottom:15px;padding:12px 16px;text-align:center}.player-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:4px;text-shadow:0 1px 2px #0000004d}.game-stats:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:15px}.info-item{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.info-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.info-item:hover:before{left:100%}.info-item:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.info-label{color:#ffffffbf;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-value{color:#fff;font-size:1.4rem;font-weight:700;line-height:1;text-shadow:0 2px 4px #0000004d}.gem-quest-progress-bar{margin:20px 0 15px;position:relative}.gem-quest-progress-label{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;opacity:.9;text-align:center;text-shadow:0 2px 4px #000c}.gem-quest-progress-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff05);border:1px solid #fff3;border-radius:10px;box-shadow:inset 0 2px 4px #0000004d,0 1px 3px #0003;height:20px;overflow:hidden;position:relative}.gem-quest-progress-fill{animation:progressFlow 3s ease-in-out infinite;background:linear-gradient(90deg,#00b4d8,#0077b6 30%,#023e8a 60%,#03045e);background-size:200% 100%;border-radius:9px;box-shadow:0 0 8px #00b4d866,inset 0 1px 0 #ffffff4d;height:100%;overflow:hidden;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1);z-index:2}.gem-quest-progress-fill:before{background:linear-gradient(180deg,#ffffff4d,#ffffff1a 70%,#0000);border-radius:9px 9px 0 0;content:"";height:40%;left:0;position:absolute;right:0;top:0;z-index:1}.gem-quest-progress-fill:after{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-50%;position:absolute;top:0;width:50%;z-index:3}@keyframes progressFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes progressGlow{0%{left:-50%;opacity:0}50%{left:100%;opacity:1}to{left:150%;opacity:0}}.gem-quest-progress-text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;left:50%;letter-spacing:.3px;padding:2px 6px;position:absolute;text-align:center;text-shadow:0 1px 3px #000c;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}.status-indicators{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:15px}.game-controls{display:flex;gap:10px;position:absolute;right:20px;top:20px;z-index:100}.leaderboard-btn,.sound-toggle,.user-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;overflow:hidden;position:relative;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:50px}.leaderboard-btn:active,.sound-toggle:active,.user-btn:active{transform:scale(.95)}.leaderboard-btn:hover,.sound-toggle:hover,.user-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 0 20px #fff6;transform:scale(1.1)}.sound-toggle.enabled{animation:soundPulse 2s ease-in-out infinite;background:linear-gradient(145deg,#4caf5066,#4caf5033);border-color:#4caf5099}.sound-toggle.disabled{background:#f443364d;border-color:#f4433680}@keyframes soundPulse{0%,to{box-shadow:0 0 0 0 #4caf50b3}50%{box-shadow:0 0 0 10px #4caf5000}}.sound-toggle.enabled:before{animation:soundWave 1.5s ease-out infinite;border:2px solid #4caf5099;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes soundWave{0%{height:100%;opacity:1;width:100%}to{height:200%;opacity:0;width:200%}}.leaderboard-btn{background:linear-gradient(145deg,#ffd70066,#ffd70033);border:2px solid #ffd70099;overflow:hidden;position:relative}.leaderboard-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.leaderboard-btn:hover:before{left:100%}.leaderboard-btn:hover{animation:leaderboardPulse 1s ease-in-out infinite;background:linear-gradient(145deg,#ffd70099,#ffd70066);border-color:#ffd700cc;box-shadow:0 0 20px #ffd70066;transform:scale(1.15)}@keyframes leaderboardPulse{0%,to{box-shadow:0 0 20px #ffd70066}50%{box-shadow:0 0 30px #ffd70099}}.user-btn{background:#4ecdc44d;border-color:#4ecdc480}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.combo-indicator{animation:comboGlow .6s ease-in-out infinite alternate,comboBackground 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,gold 50%,#ff6b6b);background-size:200% 200%;border:2px solid #fff6;border-radius:25px;box-shadow:0 6px 20px #ff6b6b66,inset 0 1px 0 #ffffff4d;color:#fff;font-size:1.1rem;font-weight:700;overflow:hidden;padding:10px 18px;position:relative;text-shadow:0 2px 4px #0006,0 0 8px #ff6b6b4d}.combo-indicator:before{animation:comboRotate 1s linear infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes comboGlow{0%{box-shadow:0 6px 20px #ff6b6b66,inset 0 1px 0 #ffffff4d;transform:scale(1)}to{box-shadow:0 8px 30px #ffd70099,inset 0 1px 0 #ffffff80;transform:scale(1.05)}}@keyframes comboBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes comboRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hint-indicator{animation:pulse .8s ease-in-out infinite alternate;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 12px #4ecdc44d;color:#fff;font-weight:600;padding:8px 16px;text-shadow:0 1px 2px #0000004d}.game-board{grid-gap:2px;aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 32px #0000001a;display:grid;flex:0 0 440px;gap:2px;grid-template-rows:repeat(8,1fr);max-width:440px;overflow:hidden;padding:10px;position:relative;transform:translateZ(0);width:100%;will-change:auto}.game-board.processing{animation:boardGlow 2s ease-in-out infinite}@keyframes boardGlow{0%,to{border-color:#ffffff4d;box-shadow:0 8px 32px #0000001a}25%{border-color:#ffd70080;box-shadow:0 12px 40px #ffd70033}50%{border-color:#4ecdc499;box-shadow:0 16px 48px #4ecdc44d}75%{border-color:#ff6b6b80;box-shadow:0 12px 40px #ff6b6b33}}.board-row{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);width:100%}.board-row,.gem-cell{transform:translateZ(0)}.gem-cell{-webkit-tap-highlight-color:transparent;align-items:center;aspect-ratio:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(145deg,#ffffff4d,#ffffff1a);border:1px solid #fff6;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:45px;overflow:hidden;position:relative;touch-action:manipulation;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.gem-cell.falling{animation:gemFall .6s cubic-bezier(.25,.46,.45,.94) forwards;z-index:5}.gem-cell.falling:first-child{animation-delay:.1s}.gem-cell.falling:nth-child(2){animation-delay:.15s}.gem-cell.falling:nth-child(3){animation-delay:.2s}.gem-cell.falling:nth-child(4){animation-delay:.25s}.gem-cell.falling:nth-child(5){animation-delay:.3s}.gem-cell.falling:nth-child(6){animation-delay:.35s}.gem-cell.falling:nth-child(7){animation-delay:.4s}.gem-cell.falling:nth-child(8){animation-delay:.45s}.board-row:first-child .gem-cell.processing{animation-delay:0s}.board-row:nth-child(2) .gem-cell.processing{animation-delay:.1s}.board-row:nth-child(3) .gem-cell.processing{animation-delay:.2s}.board-row:nth-child(4) .gem-cell.processing{animation-delay:.3s}.board-row:nth-child(5) .gem-cell.processing{animation-delay:.4s}.board-row:nth-child(6) .gem-cell.processing{animation-delay:.5s}.board-row:nth-child(7) .gem-cell.processing{animation-delay:.6s}.board-row:nth-child(8) .gem-cell.processing{animation-delay:.7s}.gem-cell.matched{animation:gemDissolve .4s ease-out forwards;z-index:3}.gem-cell.new-gem{animation:gemSpawn .5s cubic-bezier(.68,-.55,.265,1.55) forwards;transform:translateY(-100px) scale(0)}@keyframes gemFall{0%{box-shadow:0 0 0 #ffd70000;transform:translateY(0) rotate(0deg) scale(1)}15%{box-shadow:0 4px 12px #ffd70066;transform:translateY(8px) rotate(8deg) scale(1.08)}30%{box-shadow:0 8px 16px #4ecdc480;transform:translateY(18px) rotate(-5deg) scale(1.05)}50%{box-shadow:0 12px 20px #ff6b6b66;transform:translateY(30px) rotate(12deg) scale(1.03)}75%{box-shadow:0 16px 24px #45b7d14d;transform:translateY(42px) rotate(-8deg) scale(1.02)}90%{box-shadow:0 18px 26px #ffd70033;transform:translateY(48px) rotate(3deg) scale(1.01)}to{box-shadow:0 0 0 #ffd70000;transform:translateY(50px) rotate(0deg) scale(1)}}@keyframes gemDissolve{0%{background:linear-gradient(145deg,#ffffff4d,#ffffff1a);box-shadow:0 0 0 #ffd70000;opacity:1;transform:scale(1) rotate(0deg)}15%{background:linear-gradient(145deg,#ffd700cc,#ff6b6b99);box-shadow:0 0 20px #ffd700cc;opacity:.9;transform:scale(1.2) rotate(20deg)}30%{background:linear-gradient(145deg,#ff6b6be6,#4ecdc4cc);box-shadow:0 0 30px #ff6b6be6;opacity:.8;transform:scale(1.4) rotate(-15deg)}50%{background:linear-gradient(145deg,#4ecdc4cc,#45b7d1b3);box-shadow:0 0 40px #4ecdc4cc;opacity:.6;transform:scale(1.6) rotate(30deg)}70%{background:linear-gradient(145deg,#45b7d199,#ffffff4d);box-shadow:0 0 50px #45b7d199;opacity:.4;transform:scale(1.8) rotate(-25deg)}85%{background:#0000;box-shadow:0 0 60px #fff6;opacity:.2;transform:scale(2) rotate(45deg)}to{background:#0000;box-shadow:0 0 0 #0000;opacity:0;transform:scale(.2) rotate(0deg)}}@keyframes gemSpawn{0%{opacity:0;transform:translateY(-100px) scale(0) rotate(180deg)}50%{opacity:.7;transform:translateY(-20px) scale(1.2) rotate(90deg)}75%{opacity:.9;transform:translateY(5px) scale(.9) rotate(20deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}.gem-cell:hover{background:linear-gradient(145deg,#fff6,#fff3);border-color:#fff9;box-shadow:0 2px 8px #0003;transform:scale(1.05)}.gem-cell:active{background:linear-gradient(145deg,#ffffff80,#ffffff4d);box-shadow:0 0 15px #fff6;transform:scale(.95)}.gem-cell.selected{animation:selectedPulse 1.5s ease-in-out infinite;background:linear-gradient(145deg,#4fc3f7,#29b6f6);border:2px solid #03a9f4;box-shadow:0 0 15px #03a9f480;transform:scale(1.08)}@keyframes selectedPulse{0%,to{box-shadow:0 0 15px #03a9f480}50%{box-shadow:0 0 25px #03a9f4cc}}.gem-cell.processing{pointer-events:none}.gem-cell:hover .gem{transform:scale(1.1)}.gem{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));font-size:clamp(1.2rem,3.5vw,1.6rem);line-height:1;pointer-events:none;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:2}.gem.falling{animation:gemSpin .6s ease-out}.gem.matched{animation:gemPop .4s ease-out forwards}.gem.sparkling{animation:gemSparkle .8s ease-in-out infinite}@keyframes gemSpin{0%{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));transform:rotate(0deg) scale(1)}25%{filter:drop-shadow(2px 2px 8px rgba(255,215,0,.6));transform:rotate(90deg) scale(1.1)}50%{filter:drop-shadow(3px 3px 12px rgba(78,205,196,.8));transform:rotate(180deg) scale(1.05)}75%{filter:drop-shadow(2px 2px 8px rgba(255,107,107,.6));transform:rotate(270deg) scale(1.02)}to{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));transform:rotate(1turn) scale(1)}}@keyframes gemPop{0%{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.8));transform:scale(1.3) rotate(180deg)}to{filter:drop-shadow(0 0 0 transparent);opacity:0;transform:scale(0) rotate(1turn)}}@keyframes gemSparkle{0%,to{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));transform:scale(1)}25%{filter:drop-shadow(0 0 8px rgba(255,215,0,.8));transform:scale(1.05)}50%{filter:drop-shadow(0 0 12px rgba(78,205,196,.9));transform:scale(1.1)}75%{filter:drop-shadow(0 0 8px rgba(255,107,107,.8));transform:scale(1.05)}}.celebrations-overlay{bottom:10px;left:10px;right:10px;top:10px;z-index:10}.celebrations-overlay,.magic-particles{overflow:hidden;pointer-events:none;position:absolute}.magic-particles{bottom:0;left:0;right:0;top:0;z-index:6}.magic-particle{animation:particleFloat 3s ease-out infinite;background:radial-gradient(circle,#ffd700e6 0,#ffd7004d 50%,#0000 70%);border-radius:50%;box-shadow:0 0 8px #ffd70099;height:6px;opacity:0;position:absolute;width:6px}.magic-particle:nth-child(2n){animation-delay:.5s;animation-duration:2.5s;background:radial-gradient(circle,#4ecdc4e6 0,#4ecdc44d 50%,#0000 70%);box-shadow:0 0 8px #4ecdc499;height:5px;width:5px}.magic-particle:nth-child(3n){animation-delay:1s;animation-duration:2.8s;background:radial-gradient(circle,#ff6b6be6 0,#ff6b6b4d 50%,#0000 70%);box-shadow:0 0 10px #ff6b6b99;height:7px;width:7px}.magic-particle:nth-child(4n){animation-delay:1.5s;animation-duration:3.2s;background:radial-gradient(circle,#45b7d1e6 0,#45b7d14d 50%,#0000 70%);box-shadow:0 0 6px #45b7d199;height:4px;width:4px}@keyframes particleFloat{0%{opacity:0;transform:translateY(100%) translateX(0) scale(0) rotate(0deg)}10%{opacity:1;transform:translateY(80%) translateX(10px) scale(1) rotate(45deg)}25%{opacity:.8;transform:translateY(60%) translateX(-5px) scale(1.2) rotate(90deg)}50%{opacity:.6;transform:translateY(40%) translateX(15px) scale(.8) rotate(180deg)}75%{opacity:.4;transform:translateY(20%) translateX(-10px) scale(1.1) rotate(270deg)}90%{opacity:.2;transform:translateY(5%) translateX(5px) scale(.6) rotate(315deg)}to{opacity:0;transform:translateY(-10%) translateX(0) scale(0) rotate(1turn)}}.celebration{animation:celebrationFloat 1s ease-out forwards;font-size:1rem;max-width:80px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%);white-space:nowrap;z-index:15}.celebration-normal{animation:celebrationFloat .8s ease-out forwards}.celebration-combo{animation:celebrationBounce 1s ease-out forwards;font-size:1.4rem}.celebration-mega{animation:celebrationExplode 1.2s ease-out forwards;font-size:1.6rem}.celebration-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:.8rem;font-weight:700;margin-top:5px;text-shadow:2px 2px 4px #0000004d}@keyframes celebrationFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-80px) scale(1.2)}to{opacity:0;transform:translate(-50%,-120px) scale(.8)}}@keyframes celebrationBounce{0%{opacity:1;transform:translate(-50%,-50%) scale(.3) rotate(0deg)}25%{transform:translate(-50%,-70px) scale(1.3) rotate(10deg)}50%{transform:translate(-50%,-60px) scale(1.1) rotate(-10deg)}75%{transform:translate(-50%,-80px) scale(1.2) rotate(5deg)}to{opacity:0;transform:translate(-50%,-120px) scale(.8) rotate(0deg)}}@keyframes celebrationExplode{0%{opacity:1;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}20%{transform:translate(-50%,-60px) scale(1.5) rotate(180deg)}40%{transform:translate(-50%,-70px) scale(1.3) rotate(1turn)}60%{transform:translate(-50%,-85px) scale(1.4) rotate(540deg)}80%{transform:translate(-50%,-100px) scale(1.2) rotate(2turn)}to{opacity:0;transform:translate(-50%,-140px) scale(.6) rotate(900deg)}}.processing-overlay{align-items:center;animation:processingGlow 2s ease-in-out infinite;background:linear-gradient(45deg,#ffd70005,#4ecdc405 25%,#ff6b6b05 50%,#45b7d105 75%,#ffd70005);background-size:400% 400%;border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:8}@keyframes processingGlow{0%{background-position:0 50%}25%{background-position:25% 25%}50%{background-position:100% 50%}75%{background-position:75% 75%}to{background-position:0 50%}}.processing-message{animation:messageFloat 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:2px solid #fffc;border-radius:30px;box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffffe6;color:#2c3e50;font-size:1rem;font-weight:700;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 1px 2px #0000001a}.processing-message:before{animation:messageShine 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd7004d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes messageFloat{0%,to{box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffffe6;transform:translateY(0) scale(1)}50%{box-shadow:0 8px 30px #0003,inset 0 1px 0 #fff;transform:translateY(-5px) scale(1.02)}}@keyframes messageShine{0%{left:-100%}50%{left:100%}to{left:100%}}.game-over-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 60px #0006,inset 0 1px 0 #fff3;display:flex;flex-direction:column;max-height:90vh;max-width:380px;padding:16px;position:relative;text-align:center;width:90%}.modal-content:before{animation:modalShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd700cc 25%,#ff6b6bcc 50%,#4ecdc4cc 75%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes modalShimmer{0%,to{opacity:.5}50%{opacity:1}}.modal-content h2{-webkit-text-fill-color:#0000;animation:titleGradient 3s ease infinite;background:linear-gradient(45deg,gold,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.4rem;line-height:1.2;margin-bottom:12px;margin-top:0;text-shadow:2px 2px 4px #0000004d}@keyframes titleGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.game-over-stats,.level-complete-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin:8px 0;padding:10px}.stat-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin:6px 0;padding:6px 10px}.stat-label{color:#ffffffd9;font-size:.9rem;font-weight:500}.stat-value{color:#fff;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.stat-value.highlighted{animation:highlightGlow 2s ease-in-out infinite;color:gold;text-shadow:0 0 8px #ffd70080}.stat-value.bonus{color:#4ecdc4;text-shadow:0 0 8px #4ecdc480}@keyframes highlightGlow{0%,to{text-shadow:0 0 8px #ffd70080;transform:scale(1)}50%{text-shadow:0 0 16px #ffd700cc;transform:scale(1.05)}}.modal-buttons{display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;margin-top:12px}.modal-buttons,.next-level-btn{align-items:center;justify-content:center}.next-level-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d);border:2px solid #ffffff4d;border-radius:35px;box-shadow:0 6px 20px #4ecdc466,inset 0 1px 0 #ffffff4d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:700;height:44px;letter-spacing:.5px;line-height:1.2;max-width:none;min-width:180px;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.next-level-btn:before{background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%;z-index:1}.next-level-btn:hover:before{left:100%}.next-level-btn:hover{background:linear-gradient(45deg,#44a08d,#4ecdc4);border-color:#ffffff80;box-shadow:0 12px 35px #4ecdc480,inset 0 1px 0 #fff6;transform:translateY(-4px)}.next-level-btn:active{box-shadow:0 6px 20px #4ecdc44d,inset 0 1px 0 #fff3;transform:translateY(-2px)}.play-again-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a52);border:2px solid #ffffff4d;border-radius:35px;box-shadow:0 8px 25px #ff6b6b66,inset 0 1px 0 #ffffff4d;font-size:1rem;height:48px;max-width:none;min-width:200px;padding:14px 32px;text-align:center}.play-again-btn,.play-again-btn.secondary{align-items:center;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;letter-spacing:.5px;line-height:1.2;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.play-again-btn.secondary{background:linear-gradient(45deg,#6c757d,#5a6268)!important;border:2px solid #ffffff4d!important;border-radius:35px;box-shadow:0 8px 25px #6c757d66,inset 0 1px 0 #ffffff4d!important;font-family:inherit;font-size:1.1rem!important;height:56px;max-width:none!important;min-width:240px!important;opacity:1!important;padding:18px 36px!important}.play-again-btn.secondary:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.play-again-btn.secondary:hover:before{left:100%}.play-again-btn.secondary:hover{background:linear-gradient(45deg,#5a6268,#6c757d)!important;border-color:#ffffff4d!important;box-shadow:0 12px 35px #6c757d59,inset 0 1px 0 #ffffff40!important;opacity:1;transform:translateY(-4px)}.play-again-btn.secondary:active{box-shadow:0 4px 15px #6c757d33,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.play-again-btn:hover{background:linear-gradient(45deg,#ee5a52,#ff6b6b);border-color:#ffffff80;box-shadow:0 12px 35px #ff6b6b80,inset 0 1px 0 #fff6;transform:translateY(-4px)}.play-again-btn.secondary:active,.play-again-btn:active{transform:translateY(-2px)}.play-again-btn:before{background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%;z-index:1}.play-again-btn:hover:before{left:100%}.leaderboard-modal{max-height:85vh;max-width:600px;width:95%}.leaderboard-modal .modal-content{background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #ffd7004d;box-shadow:0 25px 80px #0009,0 0 40px #ffd70033,inset 0 1px 0 #ffffff1a}.leaderboard-modal h2{-webkit-text-fill-color:#0000;animation:titleGradient 3s ease infinite;background:linear-gradient(45deg,gold,#ffed4e,gold);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.6rem;margin-bottom:16px;position:relative;text-align:center}.leaderboard-list{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:15px;margin:clamp(10px,3vw,15px) 0;max-height:clamp(200px,40vh,400px);overflow-y:auto;padding:clamp(8px,2.5vw,15px)}.leaderboard-title{background:#ffffff1a;color:gold;font-size:clamp(1rem,3vw,1.3rem);font-weight:700;margin-bottom:clamp(8px,2vw,12px);padding:5px 0;position:-webkit-sticky;position:sticky;text-align:center;text-shadow:0 0 10px #ffd70080;top:0;z-index:1}.leaderboard-header{grid-gap:clamp(5px,2vw,10px);background:#fff3;border-radius:10px;color:gold;display:grid;font-size:clamp(.7rem,2vw,.9rem);font-weight:700;gap:clamp(5px,2vw,10px);grid-template-columns:60px 1fr 80px 80px;margin-bottom:clamp(5px,2vw,10px);padding:clamp(5px,2vw,10px)}.leaderboard-items{max-height:clamp(150px,30vh,200px);overflow-y:auto;padding-right:5px}.leaderboard-item{grid-gap:clamp(5px,2vw,10px);align-items:center;background:#ffffff1a;border-radius:8px;display:grid;font-size:clamp(.7rem,2vw,.8rem);gap:clamp(5px,2vw,10px);grid-template-columns:60px 1fr 80px 80px;margin-bottom:5px;padding:clamp(6px,1.5vw,10px);transition:background .3s ease}.leaderboard-item:hover{background:#fff3}.leaderboard-item:first-child{background:#ffd70033;border:1px solid #ffd7004d}.leaderboard-item:nth-child(2){background:#c0c0c033;border:1px solid #c0c0c04d}.leaderboard-item:nth-child(3){background:#cd7f3233;border:1px solid #cd7f324d}.rank-cell{color:gold;font-size:clamp(.8rem,2.2vw,.9rem);font-weight:700;text-align:center}.name-cell{color:#fff;font-size:clamp(.7rem,2vw,.8rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-cell{color:#0f8;font-weight:700;text-shadow:0 0 5px #00ff8880}.level-cell,.score-cell{font-size:clamp(.7rem,2vw,.8rem);text-align:center}.level-cell{color:#66d9ff;font-weight:600}.leaderboard-item.current-player{animation:pulse 2s infinite;background:#ffd70033;border:2px solid gold}.leaderboard-item.current-player .name-cell{color:gold;font-weight:700}.leaderboard-item.current-player .rank-cell{font-size:clamp(.6rem,1.8vw,.7rem)}.leaderboard-item.current-player .rank-cell,.leaderboard-item:first-child .rank-cell{align-items:center;background:gold;border-radius:50%;color:#000;display:flex;height:25px;justify-content:center;margin:0 auto;width:25px}.leaderboard-item:first-child .rank-cell{box-shadow:0 0 10px #ffd70080}.leaderboard-item:nth-child(2) .rank-cell{background:silver}.leaderboard-item:nth-child(2) .rank-cell,.leaderboard-item:nth-child(3) .rank-cell{align-items:center;border-radius:50%;color:#000;display:flex;height:25px;justify-content:center;margin:0 auto;width:25px}.leaderboard-item:nth-child(3) .rank-cell{background:#cd7f32}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffd700b3}70%{box-shadow:0 0 0 10px #ffd70000}to{box-shadow:0 0 0 0 #ffd70000}}.empty-leaderboard{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:2px dashed #fff3;border-radius:15px;color:#fff9;font-size:1.1rem;margin:20px 0;padding:50px 20px;text-align:center}.empty-leaderboard:before{content:"🎯";display:block;font-size:3rem;margin-bottom:16px;opacity:.7}@media screen and (max-width:480px){.leaderboard-list{margin-top:15px;padding:clamp(6px,2vw,10px)}.leaderboard-header,.leaderboard-item{gap:clamp(3px,1.5vw,8px);grid-template-columns:50px 1fr 60px 60px;padding:clamp(4px,1.2vw,8px)}.rank-cell{font-size:clamp(.6rem,1.8vw,.7rem)}.leaderboard-item.current-player .rank-cell,.leaderboard-item:first-child .rank-cell,.leaderboard-item:nth-child(2) .rank-cell,.leaderboard-item:nth-child(3) .rank-cell{font-size:clamp(.5rem,1.5vw,.6rem);height:20px;width:20px}}.name-prompt-modal{max-width:400px}.name-prompt-content{margin:20px 0;text-align:center}.name-prompt-content p{color:#ffffffe6;margin-bottom:20px}.name-prompt-content input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;font-size:1.1rem;outline:none;padding:15px;text-align:center;transition:all .3s ease;width:100%}.name-prompt-content input::placeholder{color:#fff9}.name-prompt-content input:focus{background:#ffffff26;border-color:#4ecdc4cc;box-shadow:0 0 15px #4ecdc44d}.authentication-placeholder{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px}.auth-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:40px;text-align:center}.auth-message h2{color:#4ecdc4;margin-bottom:20px;text-shadow:0 0 8px #4ecdc480}.auth-message p{color:#fffc;font-size:1.1rem}.welcome-modal{max-width:460px}.welcome-content{margin:15px 0;text-align:center}.user-info-display h3{color:#4ecdc4;font-size:1.3rem;margin-bottom:18px;text-shadow:0 0 8px #4ecdc480}.saved-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1f,#ffffff14);border:1px solid #fff3;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin:18px 0;padding:18px}.new-user-modal{max-width:460px}.new-user-content{margin:15px 0;text-align:center}.new-user-content p{color:#ffffffe6;font-size:1.05rem;line-height:1.4;margin-bottom:18px}.new-user-content input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 12px #0000001a;color:#fff;font-size:1.05rem;margin-bottom:20px;outline:none;padding:14px 20px;text-align:center;transition:all .3s ease;width:100%}.new-user-content input::placeholder{color:#ffffffa6}.new-user-content input:focus{background:#ffffff26;border-color:#4ecdc4cc;box-shadow:0 0 15px #4ecdc44d,0 4px 12px #00000026}.game-preview{background:linear-gradient(145deg,#4ecdc41f,#4ecdc414);border:1px solid #4ecdc440;border-radius:15px;box-shadow:0 4px 12px #4ecdc41a;margin-top:18px;padding:18px;text-align:left}.game-preview h4{color:#4ecdc4;font-size:1.05rem;font-weight:600;margin-bottom:12px;text-align:center}.game-preview ul{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.game-preview li{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;display:flex;font-size:.9rem;padding:6px 10px;transition:all .2s ease}.game-preview li:hover{background:#ffffff1f;transform:translateY(-1px)}.daily-limit-modal{max-height:85vh;max-width:550px;overflow-y:auto;width:90vw}.daily-limit-content{margin:20px 0}.daily-celebration{margin-bottom:25px;text-align:center}.celebration-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4ecdc433,#4ecdc41a);border:2px solid #4ecdc466;border-radius:25px;box-shadow:0 8px 25px #4ecdc44d;display:inline-flex;gap:10px;margin-bottom:20px;overflow:hidden;padding:15px 25px;position:relative}.celebration-badge:before{animation:celebrationShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4ecdc44d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes celebrationShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.badge-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.8rem}.badge-text{color:#fff;font-size:1.2rem;font-weight:700;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.daily-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:20px;padding:20px}.comeback-message{margin:20px 0;text-align:center}.comeback-message p{color:#ffffffe6;font-size:1.1rem;margin:15px 0}.comeback-message strong{color:#4ecdc4;text-shadow:0 0 8px #4ecdc480}.countdown-display{margin:25px 0;text-align:center}.countdown-display h3{color:#ffffffe6;font-size:1.2rem;margin:15px 0 10px;text-shadow:0 2px 4px #0000004d}.countdown-timer{animation:countdown-glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffd70033,#ffd7001a);border:2px solid #ffd70066;border-radius:15px;box-shadow:0 8px 25px #ffd7004d,inset 0 1px 0 #fff3;color:gold;display:inline-block;font-size:1.8rem;font-weight:700;min-width:200px;padding:15px 20px;text-shadow:0 0 10px #ffd700cc,0 2px 4px #00000080}@keyframes countdown-glow{0%,to{box-shadow:0 8px 25px #ffd7004d,inset 0 1px 0 #fff3}50%{box-shadow:0 8px 35px #ffd70080,inset 0 1px 0 #ffffff4d}}.encouragement{color:#fffc!important;font-size:1rem!important;font-style:italic;margin-top:20px!important}.leaderboard-btn.professional,.play-again-btn.primary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff26,#ffffff0d);border:2px solid;border-radius:12px;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-width:180px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.leaderboard-btn.professional{border-color:#ffd70099;color:gold;text-shadow:0 0 8px #ffd70080}.play-again-btn.primary{border-color:#4ecdc499;color:#4ecdc4;text-shadow:0 0 8px #4ecdc480}.leaderboard-btn.professional:before,.play-again-btn.primary:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.leaderboard-btn.professional:hover:before,.play-again-btn.primary:hover:before{left:100%}.leaderboard-btn.professional:hover{background:linear-gradient(145deg,#ffd70033,#ffd7001a);border-color:#ffd700cc;box-shadow:0 8px 25px #ffd70066;transform:translateY(-2px)}.play-again-btn.primary:hover{background:linear-gradient(145deg,#4ecdc433,#4ecdc41a);border-color:#4ecdc4cc;box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.btn-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.2em}.btn-text{font-weight:600;letter-spacing:.5px}.lifeline-display{background:linear-gradient(135deg,#4ecdc426,#4ecdc414);border:2px solid #4ecdc466;box-shadow:0 4px 15px #4ecdc433;overflow:hidden;position:relative;transition:all .3s ease}.lifeline-display:before{animation:lifelineShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4ecdc44d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes lifelineShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.lifeline-display:hover{background:linear-gradient(135deg,#4ecdc440,#4ecdc426);border-color:#4ecdc499;box-shadow:0 6px 20px #4ecdc44d;transform:translateY(-2px)}.lifeline-display .info-label{font-weight:600;position:relative;text-shadow:0 1px 3px #0000004d;z-index:2}.lifeline-count{animation:lifelinePulse 2s ease-in-out infinite;font-size:1.5rem!important;font-weight:800!important;position:relative;text-shadow:0 0 10px #4ecdc4cc!important;z-index:2}@keyframes lifelinePulse{0%,to{text-shadow:0 0 10px #4ecdc4cc;transform:scale(1)}50%{text-shadow:0 0 15px #4ecdc4;transform:scale(1.05)}}@media (min-width:769px){.lifeline-display{background:linear-gradient(135deg,#4ecdc433,#4ecdc41f,#4ecdc414);border:3px solid #4ecdc480;border-radius:16px;box-shadow:0 8px 25px #4ecdc44d,inset 0 1px 0 #fff3;grid-column:1/-1;margin-bottom:20px;overflow:hidden;padding:20px 24px;position:relative}.lifeline-display:after{animation:lifelineTopGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4ecdc4 25%,#fffc 50%,#4ecdc4 75%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes lifelineTopGlow{0%,to{opacity:.7}50%{opacity:1}}.lifeline-display .info-label{font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-right:15px}.lifeline-count{font-size:2rem!important;font-weight:900!important;text-shadow:0 0 15px #4ecdc4,0 0 30px #4ecdc480!important}.lifeline-display:hover{border-color:#4ecdc4cc;box-shadow:0 12px 35px #4ecdc466,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.lifeline-display:hover .lifeline-count{animation:lifelineHoverPulse .6s ease-in-out}@keyframes lifelineHoverPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}}.lifeline-earned{font-weight:700!important;position:relative;text-shadow:0 0 8px #ffd700cc!important}.lifeline-earned:after{animation:sparkle 1.5s ease-in-out infinite;content:"✨";position:absolute;right:-20px;top:50%;transform:translateY(-50%)}@keyframes sparkle{0%,to{opacity:.5;transform:translateY(-50%) rotate(0deg)}50%{opacity:1;transform:translateY(-50%) rotate(180deg)}}.lifeline-earning-tips{background:linear-gradient(135deg,#4ecdc426,#4ecdc414);border:2px solid #4ecdc44d;border-radius:15px;box-shadow:0 6px 20px #4ecdc433;margin-top:25px;overflow:hidden;padding:20px;position:relative}.lifeline-earning-tips:before{animation:lifelineTipGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4ecdc4cc 25%,#4ecdc4 50%,#4ecdc4cc 75%,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes lifelineTipGlow{0%,to{opacity:.6}50%{opacity:1}}.lifeline-earning-tips h4{color:#4ecdc4;font-size:1.2rem;font-weight:700;margin-bottom:15px;position:relative;text-align:center;text-shadow:0 0 10px #4ecdc4cc;z-index:2}.lifeline-earning-tips ul{list-style:none;margin:0;padding:0;position:relative;z-index:2}.lifeline-earning-tips li{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:10px;color:#fffffff2;font-size:1rem;font-weight:500;margin:10px 0;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.lifeline-earning-tips li:before{content:"💎";font-size:1.1rem;margin-right:10px}.lifeline-earning-tips li:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#4ecdc466;box-shadow:0 3px 10px #4ecdc433;transform:translateX(5px)}.lifeline-modal{max-width:550px}.lifeline-content{margin:25px 0}.lifeline-offer{background:linear-gradient(135deg,#4ecdc41a,#4ecdc40d);border:2px solid #4ecdc44d;border-radius:15px;margin-bottom:25px;overflow:hidden;padding:20px;position:relative;text-align:center}.lifeline-offer:before{animation:modalOfferGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4ecdc4cc 50%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes modalOfferGlow{0%,to{opacity:.6}50%{opacity:1}}.lifeline-offer p{color:#fffffff2;font-size:1.2rem;font-weight:500;margin:18px 0;position:relative;z-index:2}.lifeline-offer strong{color:#4ecdc4;font-size:1.1em;font-weight:700;text-shadow:0 0 12px #4ecdc4cc}.lifeline-stats{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:2px solid #ffffff40;border-radius:18px;box-shadow:0 8px 25px #0003;padding:20px}.lifeline-earned-modal{max-width:500px}.lifeline-earned-content{background:linear-gradient(135deg,#4ecdc41a,#4ecdc40d);border:2px solid #4ecdc44d;border-radius:18px;margin:25px 0;overflow:hidden;padding:20px;position:relative;text-align:center}.lifeline-earned-content:before{animation:earnedModalGlow 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4ecdc4 25%,gold 50%,#4ecdc4 75%,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes earnedModalGlow{0%,to{background-position:0 50%;background-size:200% 100%;opacity:.8}50%{background-position:100% 50%;opacity:1}}.celebration-icon{animation:celebrationPulse 1.2s ease-in-out infinite alternate;font-size:5rem;margin:25px 0;position:relative;z-index:2}@keyframes celebrationPulse{0%{filter:drop-shadow(0 0 15px rgba(78,205,196,.6));transform:scale(1) rotate(0deg)}to{filter:drop-shadow(0 0 25px rgba(78,205,196,1));transform:scale(1.15) rotate(10deg)}}.lifeline-earned-content p{color:#fffffff2;font-size:1.2rem;font-weight:500;margin:18px 0;position:relative;z-index:2}.lifeline-earned-content strong{color:#4ecdc4;font-size:1.1em;font-weight:700;text-shadow:0 0 12px #4ecdc4cc}.lifeline-earned-stats{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:2px solid #ffffff40;border-radius:15px;margin-top:20px;padding:18px;position:relative;z-index:2}.lifeline-tip{background:linear-gradient(135deg,#4ecdc433,#4ecdc41a);border:1px solid #4ecdc466;border-radius:12px;color:#4ecdc4;font-size:.95rem;font-weight:600;margin-top:15px;padding:12px 18px;position:relative;text-align:center;text-shadow:0 1px 3px #0000004d;z-index:2}.game-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:800px;padding:25px}.game-instructions h3{color:gold;margin-bottom:15px}.game-instructions ul{list-style:none;padding:0}.game-instructions li{margin:8px 0;padding-left:20px;position:relative}.game-instructions li:before{content:"💎";left:0;position:absolute;top:0}.next-level-btn,.play-again-btn{z-index:2}.next-level-btn *,.play-again-btn *{position:relative;z-index:3}.modal-content-wrapper{flex:1 1;margin-bottom:8px;overflow-y:auto;padding-right:4px}.modal-content-wrapper::-webkit-scrollbar{width:4px}.modal-content-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.modal-content-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.modal-content-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff80}.modal-buttons-fixed{background:linear-gradient(145deg,#667eea,#764ba2);border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:auto;padding-top:8px}@media (max-width:768px){.gem-quest-container{max-width:100%;min-height:100vh;padding:8px}.gem-quest-header{margin-bottom:12px;padding-right:140px}.gem-quest-header h1{font-size:1.8rem;line-height:1.2;margin-bottom:8px}.game-board{aspect-ratio:1;gap:2px;max-width:min(400px,88vw);padding:8px}.gem-cell{align-items:center;aspect-ratio:1;border-radius:6px;display:flex;justify-content:center;min-height:42px}.gem{font-size:clamp(1.1rem,3vw,1.4rem)}.new-user-modal,.welcome-modal{margin:0 2.5%;max-width:95%;padding:0}.modal-content{padding:25px 20px}.game-preview ul{gap:8px;grid-template-columns:1fr;margin:15px 0}.game-preview li{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;font-size:.9rem;padding:8px 12px;text-align:center}.new-user-content input{border-radius:12px;font-size:1rem;margin:15px 0;padding:14px 20px}.new-user-content input:focus{transform:scale(1.02)}.game-main-content{align-items:center;flex-direction:column;gap:20px;margin-bottom:20px;padding:0 5px}.game-instructions{background:#ffffff0d;border-radius:12px;margin-top:25px;padding:20px 15px}.game-board{flex:none;margin:0 auto;max-width:85vw;order:1;padding:10px;width:100%}.game-stats{box-sizing:border-box;flex:none;margin-bottom:18px;max-width:100%;order:2;padding:18px;position:static;width:100%}.stats-row{gap:15px;margin-bottom:15px}.info-item{background:#ffffff1a;border-radius:10px;padding:12px 14px}.info-label{font-size:.85rem;margin-bottom:6px}.info-value{font-size:1.3rem}.gem-quest-progress-track{border-radius:10px;height:20px}.gem-quest-progress-text{font-size:.75rem;padding:2px 8px}.modal-content{border-radius:20px;margin:10px 0;max-width:95%;padding:30px 20px}.modal-content h2{font-size:1.9rem;line-height:1.2;margin-bottom:20px}.modal-buttons{align-items:stretch;flex-direction:column;gap:15px;margin-top:25px}.welcome-modal .modal-buttons{align-items:center}.welcome-modal .next-level-btn,.welcome-modal .play-again-btn{max-width:280px;min-width:250px;width:auto}.next-level-btn,.play-again-btn{border-radius:15px;font-size:1.1rem;height:56px;letter-spacing:.3px;max-width:100%;min-width:100%;padding:16px 24px;width:100%}.play-again-btn.secondary{border-radius:15px!important;font-size:1.1rem!important;height:56px!important;max-width:100%!important;min-width:100%!important;opacity:.95!important;padding:16px 24px!important}.gem{font-size:clamp(1.1rem,3.2vw,1.5rem)}.game-controls{flex-wrap:wrap;gap:10px;right:12px;top:12px}.leaderboard-btn,.sound-toggle,.user-btn{border-radius:50%;font-size:1.3rem;height:42px;width:42px}.leaderboard-modal{margin:10px 0;max-width:95%;padding:20px 15px}.leaderboard-entry{border-radius:10px;margin:10px 0;padding:15px 12px}.rank{font-size:1.4rem;margin-right:12px;width:55px}.high-score{font-size:1.2rem}.user-info{border-radius:10px;margin-bottom:18px;padding:12px}.player-name{font-size:1.1rem;margin-bottom:6px}}@media (max-width:480px){.gem-quest-container{min-height:100vh;padding:5px}.gem-quest-header{margin-bottom:10px;padding-right:130px}.gem-quest-header h1{font-size:1.6rem;line-height:1.1;margin-bottom:5px}.game-main-content{gap:15px;line-height:1.1;margin-bottom:15px;padding:0 3px}.game-board{aspect-ratio:1;flex:none;gap:2px;margin:0 auto;max-width:min(350px,92vw);order:1;padding:6px;width:100%}.gem-cell{align-items:center;aspect-ratio:1;border-radius:6px;display:flex;justify-content:center;min-height:38px}.gem{font-size:clamp(1rem,2.8vw,1.2rem)}.game-instructions{border-radius:10px;margin-top:18px;padding:15px 12px}.game-stats{margin-bottom:15px;order:2;padding:15px;width:100%}.stats-row{gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.info-item{border-radius:8px;padding:10px 12px}.info-label{font-size:.78rem;margin-bottom:5px}.info-value{font-size:1.15rem}.gem-quest-progress-track{border-radius:9px;height:18px}.gem-quest-progress-text{font-size:.7rem;padding:1px 6px}.modal-content{border-radius:18px;margin:5px 0;padding:25px 15px}.modal-content h2{font-size:1.7rem;line-height:1.1;margin-bottom:18px}.modal-buttons{align-items:stretch;flex-direction:column;gap:15px;margin-top:25px}.next-level-btn,.play-again-btn{border-radius:12px;font-size:1.05rem;height:56px;letter-spacing:.2px;max-width:100%;min-width:100%;padding:15px 20px;width:100%}.play-again-btn.secondary{border-radius:12px!important;font-size:1.05rem!important;height:56px!important;max-width:100%!important;min-width:100%!important;opacity:.95!important;padding:15px 20px!important}.gem{font-size:clamp(1rem,2.8vw,1.3rem)}.game-controls{gap:8px;right:8px;top:8px}.leaderboard-btn,.sound-toggle,.user-btn{font-size:1.1rem;height:38px;width:38px}.user-info{margin-bottom:15px;padding:10px}.player-name{font-size:1rem;margin-bottom:5px}.daily-limit-modal{max-height:85vh;max-width:92vw;overflow-y:auto;width:92vw}.daily-limit-content{margin:18px 0}.daily-stats{margin-bottom:18px;padding:18px}.comeback-message p{font-size:1.05rem;margin:14px 0}.countdown-display h3{font-size:1.1rem;margin:12px 0 8px}.countdown-timer{font-size:1.4rem;min-width:180px;padding:12px 16px}.encouragement{font-size:.95rem!important;margin-top:16px!important}.leaderboard-btn.professional,.play-again-btn.primary{font-size:.95rem;gap:8px;min-width:160px;padding:10px 16px}.btn-icon{font-size:1.1em}.btn-text{font-size:.9rem}.lifeline-earning-tips{margin-top:22px;padding:18px}.lifeline-earning-tips h4{font-size:1.15rem;margin-bottom:14px}.lifeline-earning-tips li{font-size:.95rem;margin:9px 0;padding:11px 14px}.celebration-badge{border-radius:20px;gap:8px;padding:12px 20px}.badge-icon{font-size:1.5rem}.badge-text{font-size:1.1rem}.stats-grid{gap:12px;grid-template-columns:1fr}}@media (max-width:360px){.gem-quest-container{padding:3px}.gem-quest-header{margin-bottom:8px;padding-right:115px}.gem-quest-header h1{font-size:1.4rem;line-height:1.1;margin-bottom:3px}.game-board{aspect-ratio:1;flex:none;gap:2px;margin:0 auto;max-width:92vw;order:1;padding:6px;width:100%}.game-stats{order:2;padding:12px;width:100%}.game-instructions{border-radius:8px;margin-top:15px;padding:12px 10px}.gem-cell{align-items:center;aspect-ratio:1;border-radius:6px;display:flex;justify-content:center;min-height:40px}.gem{font-size:clamp(.9rem,2.5vw,1.1rem)}.stats-row{gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.info-item{border-radius:6px;padding:8px 10px}.info-label{font-size:.72rem;margin-bottom:4px}.info-value{font-size:1.05rem}.gem-quest-progress-track{border-radius:8px;height:16px}.gem-quest-progress-text{font-size:.65rem;padding:1px 5px}.modal-content{border-radius:15px;margin:5px 0;padding:20px 12px}.modal-content h2{font-size:1.5rem;line-height:1.1;margin-bottom:15px}.game-over-stats,.level-complete-stats{border-radius:10px;margin:12px 0;padding:12px 10px}.stat-item{border-radius:5px;margin:6px 0;padding:6px 8px}.stat-label{font-size:.85rem}.stat-value{font-size:1rem}.continuous-btn,.next-level-btn,.play-again-btn{border-radius:10px;font-size:1rem;height:52px;letter-spacing:.2px;max-width:100%;min-width:100%;padding:14px 18px}.play-again-btn.secondary{border-radius:10px!important;font-size:1rem!important;height:52px!important;max-width:100%!important;min-width:100%!important;opacity:.95!important;padding:14px 18px!important}.board-row{gap:1px}.combo-indicator{border-radius:15px;font-size:.9rem;padding:6px 12px}.hint-indicator{border-radius:12px;font-size:.8rem;padding:5px 10px}.modal-buttons{gap:12px;margin-top:20px}.new-user-modal,.welcome-modal{margin:0 1%;max-width:98%}.new-user-content input{border-radius:10px;font-size:.95rem;margin:12px 0;padding:12px 16px}.game-preview li{border-radius:6px;font-size:.8rem;padding:6px 10px}}@media (max-height:700px){.modal-content{max-height:95vh;padding:12px}.modal-content h2{font-size:1.2rem;margin-bottom:8px}.game-over-stats,.level-complete-stats{margin:6px 0;padding:8px}.stat-item{margin:4px 0;padding:4px 8px}.stat-label{font-size:.8rem}.stat-value{font-size:1rem}.modal-buttons{gap:8px;margin-top:8px}.next-level-btn,.play-again-btn{font-size:.9rem;height:40px;min-width:150px;padding:10px 20px}}@media (max-height:600px){.modal-content{max-height:98vh;padding:10px}.modal-content h2{font-size:1.1rem;margin-bottom:6px}.game-over-stats,.level-complete-stats{margin:4px 0;padding:6px}.stat-item{margin:3px 0;padding:3px 6px}.modal-buttons{gap:6px;margin-top:6px}.welcome-modal .modal-buttons{align-items:center}.welcome-modal .next-level-btn,.welcome-modal .play-again-btn{max-width:240px;min-width:200px;width:auto}.next-level-btn,.play-again-btn{font-size:.85rem;height:36px;min-width:130px;padding:8px 16px}.daily-limit-modal{margin:10px auto;max-height:90vh;max-width:95vw;overflow-y:auto;width:95vw}.daily-limit-content{margin:15px 0}.daily-stats{margin-bottom:15px;padding:15px}.comeback-message{margin:15px 0}.comeback-message p{font-size:1rem;margin:12px 0}.lifeline-earning-tips{margin-top:20px;padding:15px}.lifeline-earning-tips h4{font-size:1.1rem;margin-bottom:12px}.lifeline-earning-tips li{font-size:.9rem;margin:8px 0;padding:10px 12px}.lifeline-earning-tips li:before{font-size:1rem;margin-right:8px}.celebration-badge{border-radius:18px;gap:6px;margin-bottom:15px;padding:10px 18px}.badge-icon{font-size:1.3rem}.badge-text{font-size:1rem}.stats-grid{gap:10px;grid-template-columns:1fr}.daily-celebration{margin-bottom:20px}.countdown-display h3{font-size:1rem;margin:10px 0 6px}.countdown-timer{font-size:1.2rem;min-width:150px;padding:10px 14px}.encouragement{font-size:.9rem!important;margin-top:14px!important}.leaderboard-btn.professional,.play-again-btn.primary{font-size:.9rem;gap:6px;min-width:140px;padding:12px 14px}.btn-icon{font-size:1em}.btn-text{font-size:.85rem}}
/*# sourceMappingURL=main.318b18b5.css.map*/