#app{font-family:var(--font-body);-webkit-font-smoothing:antialiased}:root{--color-accent: #D4637B;--color-accent-deep: #B84D65;--color-accent-glow: #E899A8;--color-accent-subtle: rgba(212, 99, 123, .1);--bg-root: #0B1120;--bg-surface: #131A2B;--bg-elevated: #1A2236;--bg-overlay: rgba(7, 10, 19, .72);--candy-red: #F87171;--candy-red-dim: #DC5E5E;--candy-orange: #FB923C;--candy-orange-dim: #E67F2D;--candy-yellow: #FACC15;--candy-yellow-dim: #E0B80C;--candy-green: #4ADE80;--candy-green-dim: #3DC96E;--candy-purple: #C084FC;--candy-purple-dim: #AC6EEF;--candy-pink: #F472B6;--candy-pink-dim: #E05FA0;--neutral-950: #09090B;--neutral-900: #18181B;--neutral-800: #27272A;--neutral-700: #3F3F46;--neutral-600: #52525B;--neutral-500: #71717A;--neutral-400: #A1A1AA;--neutral-300: #D4D4D8;--neutral-100: #F4F4F5;--neutral-50: #FAFAFA;--color-success: #22C55E;--color-warning: #F59E0B;--color-danger: #EF4444;--color-gold: #C88A2E;--font-display: "Outfit", "Geist", system-ui, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 44px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 40px;--radius-full: 9999px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-diffuse: 0 1px 2px rgba(0,0,0,.3), 0 8px 32px rgba(0,0,0,.18);--shadow-glass: 0 1px 2px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.12);--highlight-accent: inset 0 1px 0 rgba(255,255,255,.08);--highlight-glass: inset 0 1px 0 rgba(255,255,255,.06);--shadow-btn: 0 2px 8px rgba(0,0,0,.16), 0 0 0 1px rgba(212,99,123,.08);--shadow-btn-hover: 0 4px 16px rgba(0,0,0,.22), 0 0 0 2px rgba(212,99,123,.12);--gradient-accent: linear-gradient(135deg, #D4637B 0%, #E899A8 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%);--gradient-glass: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);--page-width: 390px;--page-max-width: 430px;--header-height: 52px;--bottom-nav-height: 72px;--safe-bottom: env(safe-area-inset-bottom, 0px);--duration-instant: 80ms;--duration-fast: .16s;--duration-normal: .28s;--duration-slow: .45s;--duration-glacial: .7s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.22, 1.2, .36, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100%;background:var(--bg-root)}body{height:100%;overflow:hidden;background:var(--bg-root);color:var(--neutral-100);user-select:none;-webkit-user-select:none}#app{height:100%;display:flex;justify-content:center;overflow:hidden}.page-container{width:100%;max-width:var(--page-max-width);height:100%;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--bg-root);color:var(--neutral-100)}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:var(--safe-bottom)}.page-container::-webkit-scrollbar{display:none}.card{background:var(--gradient-glass);border-radius:var(--radius-lg);box-shadow:var(--highlight-glass),var(--shadow-glass);border:1px solid rgba(255,255,255,.06)}.card-elevated{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--highlight-accent),var(--shadow-diffuse);border:1px solid rgba(255,255,255,.08)}.title-font{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.01em}.body-font{font-family:var(--font-body);font-weight:var(--weight-normal)}.mono-font{font-family:var(--font-mono);font-weight:var(--weight-medium)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--neutral-500)}.divider{width:100%;height:1px;background:#ffffff0f;margin:var(--space-4) 0}@keyframes pageIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.page-enter-active{animation:pageIn var(--duration-normal) var(--ease-out)}.page-leave-active{animation:pageOut .2s var(--ease-in-out)}@keyframes listItemIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:listItemIn .4s var(--ease-out) both}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:60ms}.stagger-item:nth-child(3){animation-delay:.12s}.stagger-item:nth-child(4){animation-delay:.18s}.stagger-item:nth-child(5){animation-delay:.24s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.36s}.stagger-item:nth-child(8){animation-delay:.42s}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.94) translateY(8px)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes candySwapOut{0%{transform:scale(1);opacity:1}40%{transform:scale(1.12);opacity:.9}to{transform:scale(.85);opacity:0}}@keyframes candySwapIn{0%{transform:scale(.85);opacity:.6}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes candyEliminate{0%{transform:scale(1);opacity:1;filter:brightness(1)}40%{transform:scale(1.25);opacity:.9;filter:brightness(1.4)}to{transform:scale(.2);opacity:0;filter:brightness(2)}}@keyframes candyDropIn{0%{transform:translateY(-80px);opacity:0}60%{transform:translateY(6px);opacity:1}80%{transform:translateY(-3px)}to{transform:translateY(0);opacity:1}}@keyframes scoreFloatUp{0%{opacity:0;transform:translateY(0) scale(.6)}25%{opacity:1;transform:translateY(-12px) scale(1.08)}60%{opacity:1;transform:translateY(-36px) scale(1)}to{opacity:0;transform:translateY(-56px) scale(.9)}}@keyframes comboEnter{0%{opacity:0;transform:scale(.5) rotate(-8deg)}50%{transform:scale(1.15) rotate(2deg)}70%{transform:scale(.95) rotate(-.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes comboBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes itemGlow{0%,to{box-shadow:0 0 #d4637b00}50%{box-shadow:0 0 0 4px #d4637b1f,0 0 0 1px #d4637b33}}@keyframes rippleExpand{0%{transform:scale(.4);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes pathPulse{0%,to{transform:scale(1);box-shadow:0 0 #d4637b26}50%{transform:scale(1.02);box-shadow:0 0 0 8px #d4637b00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1}}@keyframes screenFlash{0%{opacity:0}15%{opacity:.15}to{opacity:0}}@keyframes waveExpand{0%{transform:translate(-50%,-50%) scale(.3);opacity:.7}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}@keyframes countPulse{0%,to{transform:scale(1)}30%{transform:scale(1.06)}}