*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;overflow-x:hidden;--tw-bg-opacity: 1;background-color:rgb(15 10 30 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(240 230 255 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Fredoka,Inter,system-ui,sans-serif}button{cursor:pointer;border-style:none;background-color:transparent;color:inherit;font-family:Inter,system-ui,sans-serif;touch-action:manipulation}.font-game{font-family:Fredoka,Inter,system-ui,sans-serif}.font-ui{font-family:Inter,system-ui,sans-serif}.game-card{position:relative;overflow:hidden;border-radius:24px;padding:1.5rem;background:linear-gradient(160deg,#1e143cf0,#120c28f7);border:1px solid rgba(168,85,247,.22);box-shadow:0 12px 40px #00000073,0 0 48px #a855f71a,inset 0 1px #ffffff1a,inset 0 -1px #0003}.game-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 30%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.22) 70%,transparent 100%);pointer-events:none}.game-card-glow{box-shadow:0 12px 40px #00000073,0 0 60px #a855f726,0 0 120px #a855f70d,inset 0 1px #ffffff1a}.game-board{position:relative;border-radius:24px;background:linear-gradient(180deg,#100826f7,#080414fc);border:2.5px solid rgba(168,85,247,.25);box-shadow:0 16px 56px #0009,0 0 80px #a855f71f,0 0 140px #a855f70d,inset 0 1px #ffffff1a,inset 0 0 40px #a855f70f;padding:.875rem}@media (min-width: 640px){.game-board{padding:1.125rem}}.game-board:after{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 40px #a855f71a;animation:boardGlowPulse 3s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes boardGlowPulse{0%,to{box-shadow:0 0 35px #a855f714}50%{box-shadow:0 0 65px #a855f72e}}.btn-game{position:relative;width:100%;overflow:hidden;border-radius:9999px;padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;transition-timing-function:cubic-bezier(0,0,.2,1);font-family:Fredoka,Inter,system-ui,sans-serif;font-weight:700;background:linear-gradient(180deg,#b56dfc,#a855f7 30%,#8b3fe0 70%,#7c3aed);box-shadow:0 8px 32px #a855f780,0 3px #5b21b6,inset 0 1px #ffffff59,inset 0 -2px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-game:before{content:"";position:absolute;top:0;left:12%;right:12%;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-game:active{--tw-scale-x: .96;--tw-scale-y: .96;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 3px 12px #a855f766,0 1px #5b21b6}.btn-game-green{position:relative;width:100%;overflow:hidden;border-radius:9999px;padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;transition-timing-function:cubic-bezier(0,0,.2,1);font-family:Fredoka,Inter,system-ui,sans-serif;font-weight:700;background:linear-gradient(180deg,#4ade80,#22c55e 30%,#16a34a 70%,#15803d);box-shadow:0 8px 32px #22c55e80,0 3px #166534,inset 0 1px #ffffff59,inset 0 -2px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.25)}.btn-game-green:before{content:"";position:absolute;top:0;left:12%;right:12%;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-game-green:active{--tw-scale-x: .96;--tw-scale-y: .96;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 3px 12px #22c55e66,0 1px #166534}.btn-game-secondary{position:relative;width:100%;overflow:hidden;border-radius:9999px;padding:.875rem 2rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(240 230 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;transition-timing-function:cubic-bezier(0,0,.2,1);font-family:Inter,system-ui,sans-serif;font-weight:600;background:linear-gradient(180deg,#322650cc,#1e1437d9);border:1.5px solid rgba(168,85,247,.3);box-shadow:0 4px 16px #0000004d,0 1px #00000026,inset 0 1px #ffffff1a}.btn-game-secondary:before{content:"";position:absolute;top:0;left:15%;right:15%;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-game-secondary:active{--tw-scale-x: .96;--tw-scale-y: .96;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#a855f780;box-shadow:0 2px 8px #0000004d}.game-tile{position:relative;display:flex;align-items:center;justify-content:center;font-family:Fredoka,Inter,system-ui,sans-serif;font-weight:700;border-radius:18px;background:linear-gradient(180deg,#ffffffeb,#f8f4fff2 15%,#ece4f8,#dcd2f0 85%,#d0c4e8);color:#2a1f45;border:2.5px solid rgba(255,255,255,.7);border-bottom:5px solid rgba(140,120,180,.35);border-top-color:#fffffff2;box-shadow:0 6px 16px #1e0a3c59,0 2px 4px #00000026,0 0 0 1px #a855f714,inset 0 3px #ffffffe6,inset 0 6px 12px #ffffff40,inset 0 -2px 4px #8c64be1f;text-shadow:0 1px 0 rgba(255,255,255,.6);transition:transform .12s ease-out,box-shadow .12s ease-out,border-bottom-width .08s ease-out;touch-action:manipulation;-webkit-user-select:none;user-select:none;will-change:transform}.game-tile:before{content:"";position:absolute;top:2px;left:10%;right:10%;height:45%;border-radius:14px 14px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,.15) 60%,transparent 100%);pointer-events:none;z-index:1}.game-tile:after{content:"";position:absolute;inset:-1px;border-radius:19px;box-shadow:0 0 8px #a855f70f;pointer-events:none;z-index:0}.game-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1e0a3c66,0 4px 8px #00000026,0 0 0 1px #a855f71f,inset 0 3px #ffffffe6,inset 0 6px 12px #ffffff40,inset 0 -2px 4px #8c64be1f}.game-tile:active{transform:translateY(2px) scale(.95);border-bottom-width:2px;box-shadow:0 2px 6px #1e0a3c4d,0 1px 2px #0000001f,inset 0 1px #fff9,inset 0 -1px 2px #8c64be1a}.game-tile-selected{background:linear-gradient(180deg,#dcc3ff,#c8aaf5 40%,#b291e6 75%,#a080da)!important;border:3px solid #a855f7!important;border-bottom:5px solid #7c3aed!important;box-shadow:0 6px 20px #a855f766,0 0 28px #a855f759,0 0 56px #a855f71f,inset 0 3px #ffffff80,inset 0 -2px 4px #6432b426!important;transform:translateY(-2px) scale(1.04)}.game-tile-selected:after{box-shadow:0 0 16px #a855f740!important}.game-tile-correct{background:linear-gradient(180deg,#6ee7a0,#4ade80 25%,#22c55e 60%,#16a34a)!important;color:#fff!important;border:2.5px solid rgba(255,255,255,.35)!important;border-bottom:5px solid #15803d!important;box-shadow:0 6px 20px #22c55e73,0 0 24px #22c55e59,0 0 48px #22c55e1f,inset 0 3px #fff6,inset 0 -2px 4px #00501e26!important;text-shadow:0 1px 3px rgba(0,0,0,.3);animation:correctPop .35s ease-out}.game-tile-wrong{background:linear-gradient(180deg,#fca5a5,#f87171 25%,#ef4444 60%,#dc2626)!important;color:#fff!important;border:2.5px solid rgba(255,255,255,.25)!important;border-bottom:5px solid #b91c1c!important;box-shadow:0 6px 16px #ef444466,0 0 20px #ef444440,inset 0 2px #ffffff40,inset 0 -2px 4px #6400001f!important;text-shadow:0 1px 3px rgba(0,0,0,.3);animation:shake .4s ease-in-out}.game-tile-missed{background:linear-gradient(180deg,#fef3c7,#fde68a 20%,#fbbf24 55%,#f59e0b)!important;color:#78350f!important;border:2.5px solid rgba(251,191,36,.7)!important;border-bottom:5px solid #d97706!important;box-shadow:0 0 0 3px #fbbf2480,0 6px 20px #fbbf2459,0 0 40px #fbbf2440,0 0 80px #fbbf2414,inset 0 3px #ffffff8c,inset 0 -2px 4px #b464001f!important;text-shadow:0 1px 0 rgba(255,255,255,.4);animation:pulseGlow 1.2s ease-in-out infinite}.tile-icon-badge{position:absolute;top:3px;right:4px;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.tile-icon-correct{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 6px #22c55e80,0 0 10px #22c55e33;display:flex;align-items:center;justify-content:center}.tile-icon-correct svg{width:11px;height:11px;stroke:#fff;stroke-width:3;fill:none}.tile-icon-wrong{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef444480,0 0 10px #ef444433;display:flex;align-items:center;justify-content:center}.tile-icon-wrong svg{width:10px;height:10px;stroke:#fff;stroke-width:3;fill:none}.tile-icon-missed{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 2px 6px #fbbf2480,0 0 10px #fbbf2433;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:900;color:#78350f;line-height:1}.tile-sparkle{position:absolute;top:-4px;right:-4px;font-size:14px;color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.6));z-index:6;pointer-events:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-\[12\%\]{bottom:12%}.bottom-\[20\%\]{bottom:20%}.bottom-\[28\%\]{bottom:28%}.bottom-\[38\%\]{bottom:38%}.bottom-\[6\%\]{bottom:6%}.left-1\/2{left:50%}.left-\[10\%\]{left:10%}.left-\[18\%\]{left:18%}.left-\[22\%\]{left:22%}.left-\[4\%\]{left:4%}.left-\[45\%\]{left:45%}.left-\[8\%\]{left:8%}.right-\[12\%\]{right:12%}.right-\[18\%\]{right:18%}.right-\[3\%\]{right:3%}.right-\[30\%\]{right:30%}.right-\[6\%\]{right:6%}.right-\[8\%\]{right:8%}.top-\[-10px\]{top:-10px}.top-\[14\%\]{top:14%}.top-\[20\%\]{top:20%}.top-\[22\%\]{top:22%}.top-\[38\%\]{top:38%}.top-\[5\%\]{top:5%}.top-\[50\%\]{top:50%}.top-\[70\%\]{top:70%}.top-\[8\%\]{top:8%}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-11{height:2.75rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-\[260px\]{height:260px}.h-\[280px\]{height:280px}.h-\[320px\]{height:320px}.h-\[350px\]{height:350px}.h-full{height:100%}.min-h-\[100dvh\]{min-height:100dvh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-\[350px\]{width:350px}.w-full{width:100%}.min-w-\[48px\]{min-width:48px}.max-w-\[380px\]{max-width:380px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.97\]{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{animation:bounceIn .5s ease-out}.animate-confetti-fall{animation:confettiFall 2.5s linear both}@keyframes countdownPop{0%{opacity:0;transform:scale(2.5)}60%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-countdown-pop{animation:countdownPop .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}@keyframes gradeReveal{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{transform:scale(1.15) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.animate-grade-reveal{animation:gradeReveal .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .3s ease-out both}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-15deg)}60%{transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.animate-star-pop{animation:starPop .5s ease-out both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-game-2xl{border-radius:24px}.rounded-game-lg{border-radius:16px}.rounded-game-xl{border-radius:20px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.bg-accent-green{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-accent-purple{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-game-surface{--tw-bg-opacity: 1;background-color:rgb(42 31 69 / var(--tw-bg-opacity, 1))}.\!py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.\!text-left{text-align:left!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.85rem\]{font-size:1.85rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#7a6899\]{--tw-text-opacity: 1;color:rgb(122 104 153 / var(--tw-text-opacity, 1))}.text-\[\#b8a5d4\]{--tw-text-opacity: 1;color:rgb(184 165 212 / var(--tw-text-opacity, 1))}.text-\[\#c4b5dc\]{--tw-text-opacity: 1;color:rgb(196 181 220 / var(--tw-text-opacity, 1))}.text-\[\#f0e6ff\]{--tw-text-opacity: 1;color:rgb(240 230 255 / var(--tw-text-opacity, 1))}.text-accent-cyan\/\[0\.08\]{color:#06b6d414}.text-accent-cyan\/\[0\.14\]{color:#06b6d424}.text-accent-cyan\/\[0\.18\]{color:#06b6d42e}.text-accent-green\/\[0\.1\]{color:#22c55e1a}.text-accent-orange\/\[0\.12\]{color:#f59e0b1f}.text-accent-orange\/\[0\.1\]{color:#f59e0b1a}.text-accent-pink\/\[0\.08\]{color:#ec489914}.text-accent-pink\/\[0\.14\]{color:#ec489924}.text-accent-pink\/\[0\.18\]{color:#ec48992e}.text-accent-purple{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-accent-purple\/\[0\.12\]{color:#a855f71f}.text-accent-purple\/\[0\.15\]{color:#a855f726}.text-accent-purple\/\[0\.18\]{color:#a855f72e}.text-star-empty{--tw-text-opacity: 1;color:rgb(61 42 92 / var(--tw-text-opacity, 1))}.text-star-filled{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-15{opacity:.15}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-\[0_0_10px_rgba\(168\,85\,247\,0\.7\)\]{--tw-shadow: 0 0 10px rgba(168,85,247,.7);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(34\,197\,94\,0\.6\)\]{--tw-shadow: 0 0 8px rgba(34,197,94,.6);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body:before{content:"";position:fixed;inset:0;z-index:-20;background:radial-gradient(ellipse at 50% 0%,rgba(88,40,180,.5) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(60,20,160,.3) 0%,transparent 40%),radial-gradient(ellipse at 15% 60%,rgba(120,30,120,.15) 0%,transparent 35%),radial-gradient(ellipse at 85% 90%,#1e0a4e 0%,transparent 45%),radial-gradient(ellipse at 15% 80%,#150830 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,#120a28 0%,transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(0,0,0,.4) 100%),#0a0614}body:after{content:"";pointer-events:none;position:fixed;inset:0;z-index:-10;background-image:radial-gradient(1.5px 1.5px at 10% 20%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 30% 60%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(2px 2px at 50% 35%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 25%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 20% 50%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 60% 10%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 80% 65%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(2px 2px at 5% 45%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 42% 72%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 95% 55%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.8px 1.8px at 65% 5%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(1px 1px at 35% 95%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(2px 2px at 45% 90%,rgba(168,85,247,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 10%,rgba(168,85,247,.35) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 25% 75%,rgba(6,182,212,.25) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 75% 45%,rgba(236,72,153,.2) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 15% 30%,rgba(168,85,247,.3) 0%,transparent 100%),radial-gradient(1px 1px at 55% 55%,rgba(6,182,212,.2) 0%,transparent 100%);animation:twinkle 8s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.text-gradient-gold{background:linear-gradient(180deg,#fde68a,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(180deg,#c084fc,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-glow-purple{background:radial-gradient(circle at center,rgba(168,85,247,.15) 0%,transparent 60%)}.bg-glow-gold{background:radial-gradient(circle at center,rgba(251,191,36,.12) 0%,transparent 60%)}.star-premium-earned{filter:drop-shadow(0 0 16px rgba(251,191,36,.6)) drop-shadow(0 0 30px rgba(251,191,36,.3));animation:starShine 2s ease-in-out infinite}@keyframes starShine{0%,to{filter:drop-shadow(0 0 12px rgba(251,191,36,.4))}50%{filter:drop-shadow(0 0 24px rgba(251,191,36,.8)) drop-shadow(0 0 40px rgba(251,191,36,.3))}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-2px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 3px #fbbf2480,0 6px 20px #fbbf244d,0 0 30px #fbbf2426}50%{box-shadow:0 0 0 4px #fbbf24a6,0 6px 20px #fbbf2466,0 0 50px #fbbf2459,0 0 80px #fbbf241a}}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:text-\[\#f0e6ff\]:active{--tw-text-opacity: 1;color:rgb(240 230 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:gap-3{gap:.75rem}.sm\:text-\[1\.25rem\]{font-size:1.25rem}}