@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";#game-app[data-v-03cfed73]{width:100%;min-height:100vh;min-height:100dvh}.fade-enter-active[data-v-03cfed73],.fade-leave-active[data-v-03cfed73]{transition:opacity .25s ease}.fade-enter-from[data-v-03cfed73],.fade-leave-to[data-v-03cfed73]{opacity:0}.slide-left-enter-active[data-v-03cfed73],.slide-left-leave-active[data-v-03cfed73]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-left-enter-from[data-v-03cfed73]{transform:translate(40px);opacity:0}.slide-left-leave-to[data-v-03cfed73]{transform:translate(-20px);opacity:0}.slide-right-enter-active[data-v-03cfed73],.slide-right-leave-active[data-v-03cfed73]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-right-enter-from[data-v-03cfed73]{transform:translate(-40px);opacity:0}.slide-right-leave-to[data-v-03cfed73]{transform:translate(20px);opacity:0}:root{--color-primary: #FF6B6B;--color-primary-light: #FF8E8E;--color-primary-dark: #E55A5A;--color-secondary: #4ECDC4;--color-secondary-light: #7EDDD6;--color-secondary-dark: #3BB5AD;--color-accent: #FFE66D;--color-accent-dark: #F5D442;--color-purple: #A78BFA;--color-purple-light: #C4B5FD;--color-bg: #FFF5F5;--color-bg-card: #FFFFFF;--color-bg-canvas: #FFFEF5;--color-text: #2D3436;--color-text-light: #636E72;--color-text-muted: #B2BEC3;--color-border: #F0E6E6;--shadow-sm: 0 2px 8px rgba(255, 107, 107, .1);--shadow-md: 0 4px 16px rgba(255, 107, 107, .15);--shadow-lg: 0 8px 32px rgba(255, 107, 107, .2);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 480px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;max-width:var(--max-width);margin:0 auto;min-height:100vh;min-height:100dvh;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 28px;border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);touch-action:manipulation;user-select:none;-webkit-user-select:none;min-height:44px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.35) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.btn:active:after{opacity:1;transition:opacity 0s}.btn:active{transform:scale(.93)}@media(hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:hover:active{transform:scale(.93) translateY(0)}}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:active{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 2px 8px #ff6b6b4d}.btn-secondary{background:var(--color-bg-card);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:active{background:var(--color-bg)}.btn-success{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));color:#fff;box-shadow:0 4px 16px #4ecdc44d}.btn-large{padding:16px 40px;font-size:1.15rem;border-radius:var(--radius-xl)}.btn-block{width:100%}.card{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:active{transform:scale(.98)}.page{min-height:100vh;min-height:100dvh;padding:var(--space-md);display:flex;flex-direction:column}.page-center{align-items:center;justify-content:center}.page-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.page-header .back-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-card);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease;flex-shrink:0}.page-header .back-btn:active{transform:scale(.9);background:var(--color-bg)}.page-header h1{font-size:1.2rem;font-weight:800;color:var(--color-text)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 5px #ff6b6b33}50%{box-shadow:0 0 20px #ff6b6b80}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes fade-scale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.animate-slide-up{animation:slide-up .5s ease-out}.animate-scale-in{animation:scale-in .4s cubic-bezier(.68,-.55,.265,1.55)}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}@media(hover:hover){.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@media(min-width:481px){body{background:linear-gradient(135deg,#ffe5e5,#fff5e5,#e5f5ff)}#app{box-shadow:0 0 40px #00000014;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}