body,html{font-family:Nunito,sans-serif;background-color:#f0f9ff;overscroll-behavior:none;overflow-x:hidden;max-width:100vw}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes scrollBackground{0%{background-position:0 0}to{background-position:-100% 0}}.animate-scroll-bg{animation:scrollBackground 10s linear infinite}.paused{animation-play-state:paused}@keyframes bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bob{animation:bobbing 1s ease-in-out infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .8s ease-out}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(59,130,246,.5),0 0 40px rgba(59,130,246,.3)}50%{box-shadow:0 0 30px rgba(59,130,246,.8),0 0 60px rgba(59,130,246,.5)}}@keyframes pulse-red{0%,to{box-shadow:0 0 20px rgba(239,68,68,.5),0 0 40px rgba(239,68,68,.3)}50%{box-shadow:0 0 30px rgba(239,68,68,.8),0 0 60px rgba(239,68,68,.5)}}@keyframes blink-attention{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.blink-attention{animation:blink-attention 1.5s ease-in-out infinite}@keyframes blink-gift{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 rgba(234,179,8,0)}50%{opacity:.8;transform:scale(1.15);box-shadow:0 0 20px rgba(234,179,8,.6)}}.blink-gift{animation:blink-gift 1.2s ease-in-out infinite}@media (max-width:767px){.tutorial-highlight-target{animation-duration:1.5s}.tutorial-button{min-height:44px;min-width:44px}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes damage-pop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.5)}}@keyframes hit-flash{0%,to{opacity:1}50%{opacity:.3}}@keyframes particle-float{0%{transform:translateY(100vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translateX(100px) rotate(1turn);opacity:0}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-reverse{animation:float-reverse 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-pulse-red{animation:pulse-red 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-damage-pop{animation:damage-pop 1s ease-out forwards}.animate-hit-flash{animation:hit-flash .3s ease-in-out}.animate-particle{animation:particle-float 15s linear infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 5s ease infinite}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}@keyframes lightning{0%,to{opacity:0}1%{opacity:1}2%{opacity:0}}@keyframes fog-float{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(50px,-30px) scale(1.2);opacity:.6}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-slow-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.animate-shimmer{animation:shimmer 2s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 8s linear infinite}.animate-spin-slow-reverse{animation:spin-slow-reverse 12s linear infinite}.particle-bg{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.6);border-radius:50%;animation:particle-float 15s linear infinite}.particle:first-child{left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:18s}.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:14s}.particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:16s}.particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:13s}.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:17s}.particle:nth-child(7){left:70%;animation-delay:2.5s;animation-duration:15s}.particle:nth-child(8){left:80%;animation-delay:4.5s;animation-duration:19s}.particle:nth-child(9){left:90%;animation-delay:1.5s;animation-duration:11s}.particle:nth-child(10){left:15%;animation-delay:3.5s;animation-duration:20s}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.5);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.7)}@media (max-width:767px){.adventure-view-container{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.adventure-question-container{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:calc(100vh - 250px)!important}}@media (min-width:768px){.question-area{max-height:60vh!important;min-height:50vh!important}.battle-container{padding:1rem 2rem}.app-container{max-width:100%!important}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.desktop-text-lg{font-size:1.125rem}.nav-bottom{padding:.75rem 2rem}}main{min-height:0;display:flex;flex-direction:column;overflow-x:hidden;max-width:100%}#root,.app-container{overflow-x:hidden;max-width:100vw}.inventory-grid{overflow-x:hidden}body,html{overflow-x:hidden!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body{position:relative}#root{width:100%!important;max-width:100%!important}#root,.adventure-view-container{margin:0!important;padding:0!important}.adventure-view-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;transform:none!important;overflow:hidden!important;box-sizing:border-box!important}.adventure-view-container>*{width:100%!important;max-width:100%!important;box-sizing:border-box!important}body.adventure-active,html.adventure-active{overflow:hidden!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.adventure-view-container *{max-width:100%!important;box-sizing:border-box!important}.adventure-view-container img{max-width:100%!important;width:100%!important}*{box-sizing:border-box}@media (min-width:1px){#root,.app-container,body,html,main{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}}@media (min-width:1024px){.battle-view-container{height:calc(100vh - 200px);max-height:800px}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}header{padding:1.5rem 2rem}}@media (min-width:1280px){.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@keyframes gacha-overlay-enter{0%{opacity:0}to{opacity:1}}.gacha-overlay-enter{animation:gacha-overlay-enter .35s ease-out forwards}@keyframes gacha-ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gacha-ring-spin{animation:gacha-ring-spin 4s linear infinite}.gacha-ring-spin-reverse{animation:gacha-ring-spin 2.5s linear infinite reverse}@keyframes gacha-core-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.15)}}.gacha-core-pulse{animation:gacha-core-pulse 1.2s ease-in-out infinite}@keyframes gacha-core-shimmer{0%,to{opacity:.4;transform:rotate(0deg)}50%{opacity:.9;transform:rotate(180deg)}}.gacha-core-shimmer{animation:gacha-core-shimmer 2s ease-in-out infinite}@keyframes gacha-icon-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.gacha-icon-bounce{animation:gacha-icon-bounce 1s ease-in-out infinite}@keyframes gacha-sparkle-spin{0%{transform:rotate(0deg) scale(1);opacity:.7}to{transform:rotate(1turn) scale(1.2);opacity:1}}.gacha-sparkle-spin{animation:gacha-sparkle-spin 3s linear infinite}.gacha-sparkle-spin-reverse{animation:gacha-sparkle-spin 2s linear infinite reverse}@keyframes gacha-orbit-particle{0%{transform:rotate(var(--gacha-angle)) translateX(var(--gacha-radius)) rotate(calc(-1 * var(--gacha-angle)));opacity:.3}50%{opacity:1}to{transform:rotate(calc(var(--gacha-angle) + 1turn)) translateX(var(--gacha-radius)) rotate(calc(-1 * var(--gacha-angle) - 1turn));opacity:.3}}.gacha-orbit-particle{animation:gacha-orbit-particle var(--gacha-duration,2s) linear infinite;animation-delay:var(--gacha-delay,0s)}@keyframes gacha-float-spark{0%{transform:translateY(0) scale(0);opacity:0}15%{opacity:1;transform:scale(1)}to{transform:translateY(-120vh) scale(.5);opacity:0}}.gacha-float-spark{animation:gacha-float-spark 2.5s ease-out infinite}@keyframes gacha-blob-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.15)}}.gacha-blob-drift{animation:gacha-blob-drift 5s ease-in-out infinite}.gacha-blob-drift-reverse{animation:gacha-blob-drift 6s ease-in-out infinite reverse}@keyframes gacha-beam-sweep{0%,to{opacity:.15;transform:translateX(-50%) scaleY(.85)}50%{opacity:.45;transform:translateX(-50%) scaleY(1.1)}}.gacha-beam-sweep{animation:gacha-beam-sweep 2s ease-in-out infinite}.gacha-beam-sweep-reverse{animation:gacha-beam-sweep 2.4s ease-in-out infinite reverse}@keyframes gacha-phase-text{0%{opacity:0;transform:translateY(12px) scale(.9)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:.85;transform:translateY(-4px)}}.gacha-phase-text{animation:gacha-phase-text .65s ease-out forwards}@keyframes gacha-flash-burst{0%,to{opacity:0}50%{opacity:.35}}.gacha-flash-burst{animation:gacha-flash-burst .4s ease-out infinite}@keyframes gacha-result-burst{0%{transform:scale(.3);opacity:0;filter:blur(8px)}60%{transform:scale(1.15);opacity:1;filter:blur(0)}to{transform:scale(1);opacity:1}}.gacha-result-burst{animation:gacha-result-burst .55s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes gacha-result-glow{0%,to{box-shadow:0 0 12px currentColor}50%{box-shadow:0 0 28px currentColor,0 0 48px currentColor}}.gacha-result-glow-legendary{animation:gacha-result-glow 1.2s ease-in-out infinite;color:rgba(234,179,8,.8)}.gacha-result-glow-epic{animation:gacha-result-glow 1.4s ease-in-out infinite;color:rgba(168,85,247,.7)}.gacha-result-glow-rare{animation:gacha-result-glow 1.6s ease-in-out infinite;color:rgba(59,130,246,.6)}@keyframes gacha-title-shine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.gacha-title-shine{background-size:200% auto;animation:gacha-title-shine 2.5s ease-in-out infinite}@keyframes gacha-confetti-fall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.gacha-confetti{animation:gacha-confetti-fall 2.5s linear infinite}body,html{margin:0;min-height:100%}body{overflow-y:auto;overflow-x:hidden}#root,body{height:auto}#root{min-height:100%}html.landing-scroll,html.landing-scroll body{height:auto!important;min-height:100%;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch}html.landing-scroll #root{height:auto!important;min-height:100%;overflow:visible!important}html.game-shell,html.game-shell #root,html.game-shell body{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}main{min-height:0!important;-webkit-overflow-scrolling:touch}